/* Minification failed. Returning unminified contents. (17547,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17774,26): run-time error CSS1039: Token not allowed after unary operator: '-bezier' */ @charset "UTF-8"; html { height: 100%; } body { min-height: 100vh; padding: 0; margin: 0; position: relative; background: #f5f5f5; display: flex; flex-direction: column; min-height: 100vh; } footer { width: 100%; } .main-container { flex: 1; } .integration-body { margin-top: 80px; margin-bottom: 20px; } p, div, input, span { color: #707070; } span, p, i:before, i { line-height: 1.35em; } ::-ms-clear { display: none; } ::-webkit-search-cancel-button { -webkit-appearance: none; } h1, h2, h3, h4, h5, h6, p { letter-spacing: 0px !important; margin: 0; } .star-reviews .star { display: inline-block; float: left; width: 13px; height: 13px; border: 0; text-indent: -9999px; outline: none; background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="0"] .star:nth-child(-n+0) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="0.1"] .star:nth-child(-n+1) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="0.1"] .star:nth-child(1) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="0.2"] .star:nth-child(-n+1) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="0.2"] .star:nth-child(1) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="0.3"] .star:nth-child(-n+1) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="0.3"] .star:nth-child(1) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="0.4"] .star:nth-child(-n+1) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="0.4"] .star:nth-child(1) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="0.5"] .star:nth-child(-n+1) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="0.5"] .star:nth-child(1) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="0.6"] .star:nth-child(-n+1) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="0.6"] .star:nth-child(1) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="0.7"] .star:nth-child(-n+1) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="0.7"] .star:nth-child(1) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="0.8"] .star:nth-child(-n+1) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="0.8"] .star:nth-child(1) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="0.9"] .star:nth-child(-n+1) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="0.9"] .star:nth-child(1) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="1"] .star:nth-child(-n+1) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="1.1"] .star:nth-child(-n+2) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="1.1"] .star:nth-child(2) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="1.2"] .star:nth-child(-n+2) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="1.2"] .star:nth-child(2) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="1.3"] .star:nth-child(-n+2) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="1.3"] .star:nth-child(2) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="1.4"] .star:nth-child(-n+2) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="1.4"] .star:nth-child(2) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="1.5"] .star:nth-child(-n+2) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="1.5"] .star:nth-child(2) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="1.6"] .star:nth-child(-n+2) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="1.6"] .star:nth-child(2) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="1.7"] .star:nth-child(-n+2) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="1.7"] .star:nth-child(2) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="1.8"] .star:nth-child(-n+2) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="1.8"] .star:nth-child(2) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="1.9"] .star:nth-child(-n+2) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="1.9"] .star:nth-child(2) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="2"] .star:nth-child(-n+2) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="2.1"] .star:nth-child(-n+3) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="2.1"] .star:nth-child(3) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="2.2"] .star:nth-child(-n+3) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="2.2"] .star:nth-child(3) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="2.3"] .star:nth-child(-n+3) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="2.3"] .star:nth-child(3) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="2.4"] .star:nth-child(-n+3) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="2.4"] .star:nth-child(3) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="2.5"] .star:nth-child(-n+3) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="2.5"] .star:nth-child(3) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="2.6"] .star:nth-child(-n+3) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="2.6"] .star:nth-child(3) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="2.7"] .star:nth-child(-n+3) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="2.7"] .star:nth-child(3) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="2.8"] .star:nth-child(-n+3) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="2.8"] .star:nth-child(3) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="2.9"] .star:nth-child(-n+3) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="2.9"] .star:nth-child(3) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="3"] .star:nth-child(-n+3) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="3.1"] .star:nth-child(-n+4) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="3.1"] .star:nth-child(4) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="3.2"] .star:nth-child(-n+4) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="3.2"] .star:nth-child(4) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="3.3"] .star:nth-child(-n+4) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="3.3"] .star:nth-child(4) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="3.4"] .star:nth-child(-n+4) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="3.4"] .star:nth-child(4) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="3.5"] .star:nth-child(-n+4) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="3.5"] .star:nth-child(4) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="3.6"] .star:nth-child(-n+4) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="3.6"] .star:nth-child(4) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="3.7"] .star:nth-child(-n+4) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="3.7"] .star:nth-child(4) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="3.8"] .star:nth-child(-n+4) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="3.8"] .star:nth-child(4) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="3.9"] .star:nth-child(-n+4) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="3.9"] .star:nth-child(4) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="4"] .star:nth-child(-n+4) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="4.1"] .star:nth-child(-n+5) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="4.1"] .star:nth-child(5) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="4.2"] .star:nth-child(-n+5) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="4.2"] .star:nth-child(5) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="4.3"] .star:nth-child(-n+5) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="4.3"] .star:nth-child(5) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="4.4"] .star:nth-child(-n+5) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="4.4"] .star:nth-child(5) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="4.5"] .star:nth-child(-n+5) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="4.5"] .star:nth-child(5) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="4.6"] .star:nth-child(-n+5) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="4.6"] .star:nth-child(5) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="4.7"] .star:nth-child(-n+5) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="4.7"] .star:nth-child(5) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="4.8"] .star:nth-child(-n+5) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="4.8"] .star:nth-child(5) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="4.9"] .star:nth-child(-n+5) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="4.9"] .star:nth-child(5) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews[data-rating-value="5"] .star:nth-child(-n+5) { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; } .star-reviews .star:not(:first-child) { margin-left: 2px; } /* phoneCode*/ .intl-tel-input { width: 100%; } .intl-tel-input * { box-sizing: border-box; -moz-box-sizing: border-box; } .intl-tel-input .hide { display: none; } .intl-tel-input .v-hide { visibility: hidden; } .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .intl-tel-input .flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .intl-tel-input .selected-flag { z-index: 1; position: relative; width: 36px; height: 100%; padding: 0 0 0 8px; } .intl-tel-input .selected-flag .iti-flag { position: absolute; top: 0; bottom: 0; margin: auto; } .intl-tel-input .selected-flag .iti-arrow { position: absolute; top: 50%; margin-top: -2px; right: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .intl-tel-input .selected-flag .iti-arrow.up { border-top: none; border-bottom: 4px solid #555; } .intl-tel-input .country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; min-width: 269px; } .intl-tel-input .country-list.dropup { bottom: 100%; margin-bottom: -1px; } .intl-tel-input .country-list .flag-box { display: inline-block; width: 20px; } @media (max-width: 500px) { .intl-tel-input .country-list { white-space: normal; } } .intl-tel-input .country-list .divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .intl-tel-input .country-list .country { padding: 5px 10px; } .intl-tel-input .country-list .country .dial-code { color: #999; } .intl-tel-input .country-list .country.highlight { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code { vertical-align: middle; } .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name { margin-right: 6px; } .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .intl-tel-input.allow-dropdown .flag-container { right: auto; left: 0; } .intl-tel-input.allow-dropdown .selected-flag { width: 46px; } .intl-tel-input.allow-dropdown .flag-container:hover { cursor: pointer; } .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover { cursor: default; } .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag { background-color: transparent; } .intl-tel-input.allow-dropdown.separate-dial-code .selected-flag { background-color: rgba(0, 0, 0, 0.05); display: table; } .intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code { display: table-cell; vertical-align: middle; padding-left: 22px; /*cambio para corregir el error del telÃƒÂ¯Ã‚Â¿Ã‚Â½fono*/ } .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel] { padding-left: 76px; } .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag { width: 70px; } .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel] { padding-left: 84px; } .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag { width: 78px; } .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel] { padding-left: 92px; } .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag { width: 86px; } .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel] { padding-left: 100px; } .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag { width: 94px; } .intl-tel-input.iti-container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .intl-tel-input.iti-container:hover { cursor: pointer; } .iti-mobile .intl-tel-input.iti-container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .intl-tel-input .country-list { max-height: 100%; width: 100%; } .iti-mobile .intl-tel-input .country-list .country { padding: 10px 10px; line-height: 1.5em; } .iti-flag { width: 20px; } .iti-flag.be { width: 18px; } .iti-flag.ch { width: 15px; } .iti-flag.mc { width: 19px; } .iti-flag.ne { width: 18px; } .iti-flag.np { width: 13px; } .iti-flag.va { width: 15px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-size: 5630px 15px; } } .iti-flag.ac { height: 10px; background-position: 0px 0px; } .iti-flag.ad { height: 14px; background-position: -22px 0px; } .iti-flag.ae { height: 10px; background-position: -44px 0px; } .iti-flag.af { height: 14px; background-position: -66px 0px; } .iti-flag.ag { height: 14px; background-position: -88px 0px; } .iti-flag.ai { height: 10px; background-position: -110px 0px; } .iti-flag.al { height: 15px; background-position: -132px 0px; } .iti-flag.am { height: 10px; background-position: -154px 0px; } .iti-flag.ao { height: 14px; background-position: -176px 0px; } .iti-flag.aq { height: 14px; background-position: -198px 0px; } .iti-flag.ar { height: 13px; background-position: -220px 0px; } .iti-flag.as { height: 10px; background-position: -242px 0px; } .iti-flag.at { height: 14px; background-position: -264px 0px; } .iti-flag.au { height: 10px; background-position: -286px 0px; } .iti-flag.aw { height: 14px; background-position: -308px 0px; } .iti-flag.ax { height: 13px; background-position: -330px 0px; } .iti-flag.az { height: 10px; background-position: -352px 0px; } .iti-flag.ba { height: 10px; background-position: -374px 0px; } .iti-flag.bb { height: 14px; background-position: -396px 0px; } .iti-flag.bd { height: 12px; background-position: -418px 0px; } .iti-flag.be { height: 15px; background-position: -440px 0px; } .iti-flag.bf { height: 14px; background-position: -460px 0px; } .iti-flag.bg { height: 12px; background-position: -482px 0px; } .iti-flag.bh { height: 12px; background-position: -504px 0px; } .iti-flag.bi { height: 12px; background-position: -526px 0px; } .iti-flag.bj { height: 14px; background-position: -548px 0px; } .iti-flag.bl { height: 14px; background-position: -570px 0px; } .iti-flag.bm { height: 10px; background-position: -592px 0px; } .iti-flag.bn { height: 10px; background-position: -614px 0px; } .iti-flag.bo { height: 14px; background-position: -636px 0px; } .iti-flag.bq { height: 14px; background-position: -658px 0px; } .iti-flag.br { height: 14px; background-position: -680px 0px; } .iti-flag.bs { height: 10px; background-position: -702px 0px; } .iti-flag.bt { height: 14px; background-position: -724px 0px; } .iti-flag.bv { height: 15px; background-position: -746px 0px; } .iti-flag.bw { height: 14px; background-position: -768px 0px; } .iti-flag.by { height: 10px; background-position: -790px 0px; } .iti-flag.bz { height: 14px; background-position: -812px 0px; } .iti-flag.ca { height: 10px; background-position: -834px 0px; } .iti-flag.cc { height: 10px; background-position: -856px 0px; } .iti-flag.cd { height: 15px; background-position: -878px 0px; } .iti-flag.cf { height: 14px; background-position: -900px 0px; } .iti-flag.cg { height: 14px; background-position: -922px 0px; } .iti-flag.ch { height: 15px; background-position: -944px 0px; } .iti-flag.ci { height: 14px; background-position: -961px 0px; } .iti-flag.ck { height: 10px; background-position: -983px 0px; } .iti-flag.cl { height: 14px; background-position: -1005px 0px; } .iti-flag.cm { height: 14px; background-position: -1027px 0px; } .iti-flag.cn { height: 14px; background-position: -1049px 0px; } .iti-flag.co { height: 14px; background-position: -1071px 0px; } .iti-flag.cp { height: 14px; background-position: -1093px 0px; } .iti-flag.cr { height: 12px; background-position: -1115px 0px; } .iti-flag.cu { height: 10px; background-position: -1137px 0px; } .iti-flag.cv { height: 12px; background-position: -1159px 0px; } .iti-flag.cw { height: 14px; background-position: -1181px 0px; } .iti-flag.cx { height: 10px; background-position: -1203px 0px; } .iti-flag.cy { height: 13px; background-position: -1225px 0px; } .iti-flag.cz { height: 14px; background-position: -1247px 0px; } .iti-flag.de { height: 12px; background-position: -1269px 0px; } .iti-flag.dg { height: 10px; background-position: -1291px 0px; } .iti-flag.dj { height: 14px; background-position: -1313px 0px; } .iti-flag.dk { height: 15px; background-position: -1335px 0px; } .iti-flag.dm { height: 10px; background-position: -1357px 0px; } .iti-flag.do { height: 13px; background-position: -1379px 0px; } .iti-flag.dz { height: 14px; background-position: -1401px 0px; } .iti-flag.ea { height: 14px; background-position: -1423px 0px; } .iti-flag.ec { height: 14px; background-position: -1445px 0px; } .iti-flag.ee { height: 13px; background-position: -1467px 0px; } .iti-flag.eg { height: 14px; background-position: -1489px 0px; } .iti-flag.eh { height: 10px; background-position: -1511px 0px; } .iti-flag.er { height: 10px; background-position: -1533px 0px; } .iti-flag.es { height: 14px; background-position: -1555px 0px; } .iti-flag.et { height: 10px; background-position: -1577px 0px; } .iti-flag.eu { height: 14px; background-position: -1599px 0px; } .iti-flag.fi { height: 12px; background-position: -1621px 0px; } .iti-flag.fj { height: 10px; background-position: -1643px 0px; } .iti-flag.fk { height: 10px; background-position: -1665px 0px; } .iti-flag.fm { height: 11px; background-position: -1687px 0px; } .iti-flag.fo { height: 15px; background-position: -1709px 0px; } .iti-flag.fr { height: 14px; background-position: -1731px 0px; } .iti-flag.ga { height: 15px; background-position: -1753px 0px; } .iti-flag.gb { height: 10px; background-position: -1775px 0px; } .iti-flag.gd { height: 12px; background-position: -1797px 0px; } .iti-flag.ge { height: 14px; background-position: -1819px 0px; } .iti-flag.gf { height: 14px; background-position: -1841px 0px; } .iti-flag.gg { height: 14px; background-position: -1863px 0px; } .iti-flag.gh { height: 14px; background-position: -1885px 0px; } .iti-flag.gi { height: 10px; background-position: -1907px 0px; } .iti-flag.gl { height: 14px; background-position: -1929px 0px; } .iti-flag.gm { height: 14px; background-position: -1951px 0px; } .iti-flag.gn { height: 14px; background-position: -1973px 0px; } .iti-flag.gp { height: 14px; background-position: -1995px 0px; } .iti-flag.gq { height: 14px; background-position: -2017px 0px; } .iti-flag.gr { height: 14px; background-position: -2039px 0px; } .iti-flag.gs { height: 10px; background-position: -2061px 0px; } .iti-flag.gt { height: 13px; background-position: -2083px 0px; } .iti-flag.gu { height: 11px; background-position: -2105px 0px; } .iti-flag.gw { height: 10px; background-position: -2127px 0px; } .iti-flag.gy { height: 12px; background-position: -2149px 0px; } .iti-flag.hk { height: 14px; background-position: -2171px 0px; } .iti-flag.hm { height: 10px; background-position: -2193px 0px; } .iti-flag.hn { height: 10px; background-position: -2215px 0px; } .iti-flag.hr { height: 10px; background-position: -2237px 0px; } .iti-flag.ht { height: 12px; background-position: -2259px 0px; } .iti-flag.hu { height: 10px; background-position: -2281px 0px; } .iti-flag.ic { height: 14px; background-position: -2303px 0px; } .iti-flag.id { height: 14px; background-position: -2325px 0px; } .iti-flag.ie { height: 10px; background-position: -2347px 0px; } .iti-flag.il { height: 15px; background-position: -2369px 0px; } .iti-flag.im { height: 10px; background-position: -2391px 0px; } .iti-flag.in { height: 14px; background-position: -2413px 0px; } .iti-flag.io { height: 10px; background-position: -2435px 0px; } .iti-flag.iq { height: 14px; background-position: -2457px 0px; } .iti-flag.ir { height: 12px; background-position: -2479px 0px; } .iti-flag.is { height: 15px; background-position: -2501px 0px; } .iti-flag.it { height: 14px; background-position: -2523px 0px; } .iti-flag.je { height: 12px; background-position: -2545px 0px; } .iti-flag.jm { height: 10px; background-position: -2567px 0px; } .iti-flag.jo { height: 10px; background-position: -2589px 0px; } .iti-flag.jp { height: 14px; background-position: -2611px 0px; } .iti-flag.ke { height: 14px; background-position: -2633px 0px; } .iti-flag.kg { height: 12px; background-position: -2655px 0px; } .iti-flag.kh { height: 13px; background-position: -2677px 0px; } .iti-flag.ki { height: 10px; background-position: -2699px 0px; } .iti-flag.km { height: 12px; background-position: -2721px 0px; } .iti-flag.kn { height: 14px; background-position: -2743px 0px; } .iti-flag.kp { height: 10px; background-position: -2765px 0px; } .iti-flag.kr { height: 14px; background-position: -2787px 0px; } .iti-flag.kw { height: 10px; background-position: -2809px 0px; } .iti-flag.ky { height: 10px; background-position: -2831px 0px; } .iti-flag.kz { height: 10px; background-position: -2853px 0px; } .iti-flag.la { height: 14px; background-position: -2875px 0px; } .iti-flag.lb { height: 14px; background-position: -2897px 0px; } .iti-flag.lc { height: 10px; background-position: -2919px 0px; } .iti-flag.li { height: 12px; background-position: -2941px 0px; } .iti-flag.lk { height: 10px; background-position: -2963px 0px; } .iti-flag.lr { height: 11px; background-position: -2985px 0px; } .iti-flag.ls { height: 14px; background-position: -3007px 0px; } .iti-flag.lt { height: 12px; background-position: -3029px 0px; } .iti-flag.lu { height: 12px; background-position: -3051px 0px; } .iti-flag.lv { height: 10px; background-position: -3073px 0px; } .iti-flag.ly { height: 10px; background-position: -3095px 0px; } .iti-flag.ma { height: 14px; background-position: -3117px 0px; } .iti-flag.mc { height: 15px; background-position: -3139px 0px; } .iti-flag.md { height: 10px; background-position: -3160px 0px; } .iti-flag.me { height: 10px; background-position: -3182px 0px; } .iti-flag.mf { height: 14px; background-position: -3204px 0px; } .iti-flag.mg { height: 14px; background-position: -3226px 0px; } .iti-flag.mh { height: 11px; background-position: -3248px 0px; } .iti-flag.mk { height: 10px; background-position: -3270px 0px; } .iti-flag.ml { height: 14px; background-position: -3292px 0px; } .iti-flag.mm { height: 14px; background-position: -3314px 0px; } .iti-flag.mn { height: 10px; background-position: -3336px 0px; } .iti-flag.mo { height: 14px; background-position: -3358px 0px; } .iti-flag.mp { height: 10px; background-position: -3380px 0px; } .iti-flag.mq { height: 14px; background-position: -3402px 0px; } .iti-flag.mr { height: 14px; background-position: -3424px 0px; } .iti-flag.ms { height: 10px; background-position: -3446px 0px; } .iti-flag.mt { height: 14px; background-position: -3468px 0px; } .iti-flag.mu { height: 14px; background-position: -3490px 0px; } .iti-flag.mv { height: 14px; background-position: -3512px 0px; } .iti-flag.mw { height: 14px; background-position: -3534px 0px; } .iti-flag.mx { height: 12px; background-position: -3556px 0px; } .iti-flag.my { height: 10px; background-position: -3578px 0px; } .iti-flag.mz { height: 14px; background-position: -3600px 0px; } .iti-flag.na { height: 14px; background-position: -3622px 0px; } .iti-flag.nc { height: 10px; background-position: -3644px 0px; } .iti-flag.ne { height: 15px; background-position: -3666px 0px; } .iti-flag.nf { height: 10px; background-position: -3686px 0px; } .iti-flag.ng { height: 10px; background-position: -3708px 0px; } .iti-flag.ni { height: 12px; background-position: -3730px 0px; } .iti-flag.nl { height: 14px; background-position: -3752px 0px; } .iti-flag.no { height: 15px; background-position: -3774px 0px; } .iti-flag.np { height: 15px; background-position: -3796px 0px; } .iti-flag.nr { height: 10px; background-position: -3811px 0px; } .iti-flag.nu { height: 10px; background-position: -3833px 0px; } .iti-flag.nz { height: 10px; background-position: -3855px 0px; } .iti-flag.om { height: 10px; background-position: -3877px 0px; } .iti-flag.pa { height: 14px; background-position: -3899px 0px; } .iti-flag.pe { height: 14px; background-position: -3921px 0px; } .iti-flag.pf { height: 14px; background-position: -3943px 0px; } .iti-flag.pg { height: 15px; background-position: -3965px 0px; } .iti-flag.ph { height: 10px; background-position: -3987px 0px; } .iti-flag.pk { height: 14px; background-position: -4009px 0px; } .iti-flag.pl { height: 13px; background-position: -4031px 0px; } .iti-flag.pm { height: 14px; background-position: -4053px 0px; } .iti-flag.pn { height: 10px; background-position: -4075px 0px; } .iti-flag.pr { height: 14px; background-position: -4097px 0px; } .iti-flag.ps { height: 10px; background-position: -4119px 0px; } .iti-flag.pt { height: 14px; background-position: -4141px 0px; } .iti-flag.pw { height: 13px; background-position: -4163px 0px; } .iti-flag.py { height: 11px; background-position: -4185px 0px; } .iti-flag.qa { height: 8px; background-position: -4207px 0px; } .iti-flag.re { height: 14px; background-position: -4229px 0px; } .iti-flag.ro { height: 14px; background-position: -4251px 0px; } .iti-flag.rs { height: 14px; background-position: -4273px 0px; } .iti-flag.ru { height: 14px; background-position: -4295px 0px; } .iti-flag.rw { height: 14px; background-position: -4317px 0px; } .iti-flag.sa { height: 14px; background-position: -4339px 0px; } .iti-flag.sb { height: 10px; background-position: -4361px 0px; } .iti-flag.sc { height: 10px; background-position: -4383px 0px; } .iti-flag.sd { height: 10px; background-position: -4405px 0px; } .iti-flag.se { height: 13px; background-position: -4427px 0px; } .iti-flag.sg { height: 14px; background-position: -4449px 0px; } .iti-flag.sh { height: 10px; background-position: -4471px 0px; } .iti-flag.si { height: 10px; background-position: -4493px 0px; } .iti-flag.sj { height: 15px; background-position: -4515px 0px; } .iti-flag.sk { height: 14px; background-position: -4537px 0px; } .iti-flag.sl { height: 14px; background-position: -4559px 0px; } .iti-flag.sm { height: 15px; background-position: -4581px 0px; } .iti-flag.sn { height: 14px; background-position: -4603px 0px; } .iti-flag.so { height: 14px; background-position: -4625px 0px; } .iti-flag.sr { height: 14px; background-position: -4647px 0px; } .iti-flag.ss { height: 10px; background-position: -4669px 0px; } .iti-flag.st { height: 10px; background-position: -4691px 0px; } .iti-flag.sv { height: 12px; background-position: -4713px 0px; } .iti-flag.sx { height: 14px; background-position: -4735px 0px; } .iti-flag.sy { height: 14px; background-position: -4757px 0px; } .iti-flag.sz { height: 14px; background-position: -4779px 0px; } .iti-flag.ta { height: 10px; background-position: -4801px 0px; } .iti-flag.tc { height: 10px; background-position: -4823px 0px; } .iti-flag.td { height: 14px; background-position: -4845px 0px; } .iti-flag.tf { height: 14px; background-position: -4867px 0px; } .iti-flag.tg { height: 13px; background-position: -4889px 0px; } .iti-flag.th { height: 14px; background-position: -4911px 0px; } .iti-flag.tj { height: 10px; background-position: -4933px 0px; } .iti-flag.tk { height: 10px; background-position: -4955px 0px; } .iti-flag.tl { height: 10px; background-position: -4977px 0px; } .iti-flag.tm { height: 14px; background-position: -4999px 0px; } .iti-flag.tn { height: 14px; background-position: -5021px 0px; } .iti-flag.to { height: 10px; background-position: -5043px 0px; } .iti-flag.tr { height: 14px; background-position: -5065px 0px; } .iti-flag.tt { height: 12px; background-position: -5087px 0px; } .iti-flag.tv { height: 10px; background-position: -5109px 0px; } .iti-flag.tw { height: 14px; background-position: -5131px 0px; } .iti-flag.tz { height: 14px; background-position: -5153px 0px; } .iti-flag.ua { height: 14px; background-position: -5175px 0px; } .iti-flag.ug { height: 14px; background-position: -5197px 0px; } .iti-flag.um { height: 11px; background-position: -5219px 0px; } .iti-flag.us { height: 11px; background-position: -5241px 0px; } .iti-flag.uy { height: 14px; background-position: -5263px 0px; } .iti-flag.uz { height: 10px; background-position: -5285px 0px; } .iti-flag.va { height: 15px; background-position: -5307px 0px; } .iti-flag.vc { height: 14px; background-position: -5324px 0px; } .iti-flag.ve { height: 14px; background-position: -5346px 0px; } .iti-flag.vg { height: 10px; background-position: -5368px 0px; } .iti-flag.vi { height: 14px; background-position: -5390px 0px; } .iti-flag.vn { height: 14px; background-position: -5412px 0px; } .iti-flag.vu { height: 12px; background-position: -5434px 0px; } .iti-flag.wf { height: 14px; background-position: -5456px 0px; } .iti-flag.ws { height: 10px; background-position: -5478px 0px; } .iti-flag.xk { height: 15px; background-position: -5500px 0px; } .iti-flag.ye { height: 14px; background-position: -5522px 0px; } .iti-flag.yt { height: 14px; background-position: -5544px 0px; } .iti-flag.za { height: 14px; background-position: -5566px 0px; } .iti-flag.zm { height: 14px; background-position: -5588px 0px; } .iti-flag.zw { height: 10px; background-position: -5610px 0px; } .iti-flag { width: 20px; height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url("https://media.servantrip.com/platform/img/flags.png"); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-image: url("https://media.servantrip.com/platform/img/flags@2x.png"); } } .iti-flag.np { background-color: transparent; } .label-danger { color: #fff; text-align: justify; padding: 10px 15px; } .label-danger > a { color: #fff !important; text-decoration: underline; } .drop-box { background: #f8f8f8 none repeat scroll 0 0; border: 2px dashed rgba(82, 140, 162, 0.6); min-height: 100px; margin-left: 10px; padding: 10px; text-align: center; min-width: 250px; display: inline-block; overflow: hidden; } .drop-box p { font-size: 1.2em; color: #999; margin: 0%; } .drop-box-new { background: #f8f8f8 none repeat scroll 0 0; border: 2px dashed rgba(82, 140, 162, 0.6); height: 250px; padding: 10px; align-content: center; text-align: center; width: 100%; display: inline-grid; overflow: hidden; color: #999; } .drop-box-miniature { max-height: 160px !important; padding-bottom: 10px !important; } .drop-box-profile-img { max-height: 200px !important; } .cropArea { overflow: hidden; background: #f8f8f8 none repeat scroll 0 0; border: 2px dashed rgba(82, 140, 162, 0.6); height: 250px; } img-crop { width: 100%; height: 100%; display: block; position: relative; overflow: hidden; } img-crop canvas { display: block; position: absolute; top: 50%; left: 50%; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .progress div.upload { background: rgba(31, 157, 212, 0.8) none repeat scroll 0 0; width: 0; color: #333; height: 100%; font-weight: bold; } .progressnew { height: 10px; margin-bottom: 0px !important; background-color: #fff !important; border-radius: 0px !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .progressnew div.uploadwindow { background: #086a87 none repeat scroll 0 0; width: 0; color: #565a5c; height: 20%; font-weight: bold; } .percentage { text-align: right; color: #565a5c; } .notification--error { background-color: #ffcebf !important; } .notification--static { font-weight: bold; margin: 0px; width: 100%; padding: 1rem; background-color: #d9dad0; text-align: center; } .anagram-first { color: #009EFF; } .anagram { color: #999; } .anagram:hover { color: #009EFF; } .anagram.remove { color: #999; } .anagram.remove:hover { color: #FE5539; } .anagram-second { color: rgba(31, 157, 212, 0.8); } .anagram-second:hover { color: #009EFF; } [my-placeholder]:empty:before { content: attr(my-placeholder); color: #999; font-size: 1.4em; } [my-placeholder]:empty:focus:before { content: ""; } .flight-number-addon { position: relative; } .flight-number-addon .icon-help { position: absolute; padding: 10px; font-size: 19px; color: #009EFF; } .flight-number-addon .form-text { position: absolute; color: #565a5c; height: 40px; padding: 10px 0px 10px 10px; font-weight: 400 !important; width: 120px; text-align: left; z-index: 1; } .flight-number-addon input { padding-left: 95px; padding-right: 20px; } .inner-addon .phone-plus { position: absolute; padding: 5px 0 0 8px; } /* slide styles */ #internal-slider.ui-slider { display: inline-block; width: auto; vertical-align: middle; position: relative; text-align: left; border: 1px solid #f00; } #internal-slider.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; border-radius: 50%; top: -0.55em; background-color: #009EFF; } #internal-slider.ui-slider.ui-slider-horizontal { height: 1px; border: none; background: #ccc; margin-top: 32px; margin-left: 0.2em; } #internal-slider.ui-slider.ui-slider-horizontal > div { font-size: 0.8em; width: 117%; margin-top: 0.9em; margin-left: -8%; color: #fff; } #internal-slider.ui-slider.ui-slider-horizontal > div div { display: inline-block; text-align: center; cursor: pointer; } #internal-slider.ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; cursor: pointer; } #internal-slider.ui-slider.ui-slider-horizontal .ui-slider-label { position: absolute; top: -28px !important; width: 100%; text-align: center; color: #fff; font-size: 1em; } #internal-slider.ui-slider .current { font-weight: bold; color: #009EFF; } /* end slide styles */ @media (max-width: 992px) { .hook-image { margin-bottom: 14px !important; } } .integration-body .services-main-panel form .terms { text-align: left; } .integration-body .services-main-panel form .terms a { color: #009EFF; text-decoration: none; font-weight: bold; } .integration-body .services-main-panel form .terms a:hover, .integration-body .services-main-panel form .terms a:active { color: #0066cc; } .integration-body .services-main-panel form .input-group-btn .btn.calendar { background-color: transparent; padding: 6px 12px; } .integration-body .services-main-panel form .btn-group .btn-primary { background-color: transparent; border: 1px solid #999; color: #555; font-weight: 400; min-width: 80px; margin-right: -1px; padding: 15px 10px; cursor: pointer; background-image: none; text-shadow: none; } .integration-body .services-main-panel form .btn-group .btn-primary:hover, .integration-body .services-main-panel form .btn-group .btn-primary.active { background-color: #999; color: #fff; box-shadow: none !important; webkit-box-shadow: none !important; } .integration-body .services-main-panel form .btn-list-add { left: 0; padding-left: 15px; padding-top: 3px; position: absolute; top: 0; cursor: pointer; } .integration-body .services-main-panel form .element-list { background-color: #fff; border-radius: 2px; min-height: 40px; padding: 0% 10px; text-align: left; margin-left: 3.2em; color: #555; } .integration-body .services-main-panel form .element-list.no-margin { margin-left: 0%; padding: 5px; } .integration-body .services-main-panel form .element-list.no-margin.error { border: 1px solid #FE5539; } .integration-body .services-main-panel form .element-list ul { list-style: none; margin: 0%; padding: 0%; } .integration-body .services-main-panel form .element-list ul li { font-size: 1.3em; } .integration-body .services-main-panel form .element-list ul li .glyphicon { color: #999; padding: 2px 10px; top: 6px; cursor: pointer; } .integration-body .services-main-panel form .element-list ul li .glyphicon:hover { color: #FE5539; } .login-with a { color: #009EFF; text-decoration: none; font-weight: bold; } .login-with a span { color: #565a5c; line-height: 1.42857143; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .nav form .form-control.auto-complete + ul.dropdown-menu, .nav-form form .form-control.auto-complete + ul.dropdown-menu, .integration-body .services-main-panel form .form-control.auto-complete + ul.dropdown-menu { width: 100%; } /* INFO ICONS HOVER*/ .nav-form form .inner-addon .glyphicon-refresh, .integration-body .services-main-panel form .inner-addon .glyphicon-refresh, .tags-addon .glyphicon-refresh { -webkit-animation: spin 3000ms infinite linear; animation: spin 3000ms infinite linear; color: #009EFF; } .integration-body .services-main-panel .btn.btn-alternative { background-color: rgba(86, 90, 92, 0.8); color: #fff; } .integration-body .services-main-panel .btn.btn-alternative:hover { background-color: #565a5c; color: #fff; } .integration-body .services-main-panel .btn.btn-upload { background-color: rgba(255, 255, 255, 0.2); color: #009EFF; } .integration-body .services-main-panel .btn.btn-upload:hover { background-color: rgba(31, 157, 212, 0.6); color: #fff; } .integration-body .services-main-panel .btn-info:hover { background-color: #009EFF !important; } .integration-body .services-main-panel form .has-error .help-block { font-size: 1.1em; } .integration-body .lead-panel { background-color: #fff; padding: 34.5px 0%; } .integration-body .services-main-panel > div:first-child, .integration-body .services-main-panel > form:first-child { background: #fff; padding-top: 20px; padding-bottom: 20px; } .integration-body .services-main-panel .attach > div:last-child a { color: #009EFF; text-decoration: underline; } .integration-body .services-main-panel .attach > div:last-child a:hover { color: #009EFF; text-decoration: underline; } .integration-body .services-main-panel { padding: 0%; } .integration-body .services-main-panel ul li div.view-service { background: #fff none no-repeat scroll 0 0; cursor: default; float: left; height: 290px; margin: 0%; overflow: hidden; position: relative; text-align: center; width: 100%; border: 10px solid #fff; } .integration-body .services-main-panel ul li div img { width: 100%; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s; max-height: 210px; } .integration-body .services-main-panel ul li div.view-service .mask { height: 290px; left: 0; overflow: hidden; position: absolute; width: 100%; background-color: rgba(255, 255, 255, 0.8); opacity: 0; top: -290px; -webkit-transition: all 0.3s ease-out 0.5s; -moz-transition: all 0.3s ease-out 0.5s; -o-transition: all 0.3s ease-out 0.5s; transition: all 0.3s ease-out 0.5s; padding: 0; margin: 0; } .integration-body .services-main-panel ul li div.view-service .mask ul { padding-left: 10px; } .integration-body .services-main-panel ul li div.view-service:hover .mask { -webkit-animation: bounceY 0.9s linear; animation: bounceY 0.9s linear; opacity: 1; top: 0; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .integration-body .services-main-panel ul li div.view-service .mask h2 { background: #009EFF none repeat scroll 0 0; color: #fff; margin: 25px 0 0; padding: 10px; position: relative; text-align: center; text-transform: uppercase; transform: translateY(-290px); -webkit-transform: translateY(-290px); -ms-transform: translateY(-290px); -o-transform: translateY(-290px); -moz-transform: translateY(-290px); -webkit-transition: all 0.2s ease-in-out 0.1s; -moz-transition: all 0.2s ease-in-out 0.1s; -o-transition: all 0.2s ease-in-out 0.1s; transition: all 0.2s ease-in-out 0.1s; } .integration-body .services-main-panel ul li div.view-service:hover .mask h2 { -webkit-transform: translateY(0px); transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transition-delay: 0.4s; transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; } .integration-body .services-main-panel ul li div.view-service .mask p { font-style: italic; padding: 15px 20px 10px; position: relative; text-align: left; color: #333; -webkit-transform: translateY(-290px); transform: translateY(-290px); -ms-transform: translateY(-290px); -o-transform: translateY(-290px); -moz-transform: translateY(-290px); -webkit-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .integration-body .services-main-panel ul li div.view-service:hover .mask p { -webkit-transform: translateY(0px); transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; } .integration-body .services-main-panel ul li div.view-service .mask a { background: #009EFF none repeat scroll 0 0; box-shadow: 0 0 1px #fff; color: #fff; display: inline-block; padding: 15px 14px; text-decoration: none; text-transform: uppercase; -webkit-transform: translateY(-200px); transform: translateY(-200px); -ms-transform: translateY(-200px); -o-transform: translateY(-200px); -moz-transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out 0.3s; transition: all 0.2s ease-in-out 0.3s; -moz-transition: all 0.2s ease-in-out 0.3s; -o-transition: all 0.2s ease-in-out 0.3s; } .integration-body .services-main-panel ul li div.view-service:hover .mask a { -webkit-transform: translateY(0px); transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; } /* floating box style */ /**TODO: Estas clases no sé para que se utilizan*/ #contact_form.floating-form { width: 320px; padding: 15px 10px 10px; background: #f9f9f9; border: 1px solid #ddd; right: 10px; position: fixed; box-shadow: -2px 0 8px rgba(43, 33, 33, 0.06); -moz-box-shadow: -2px 0 8px rgba(43, 33, 33, 0.06); -webkit-box-shadow: -2px 0 8px rgba(43, 33, 33, 0.06); min-height: 310px; z-index: 9; top: 115px; } #contact_form.floating-form .contact-opener { position: absolute; left: -114px; width: 186px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); top: 130px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43); border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; max-height: 40px; min-height: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #contact_form.floating-form .floating-form-heading { font-weight: 700; font-style: italic; border-bottom: 2px solid #ddd; margin-bottom: 10px; padding-bottom: 3px; } #contact_form.floating-form .contact-opener { -moz-box-shadow: inset 0 1px 0 0 #3985b1; -webkit-box-shadow: inset 0 1px 0 0 #3985b1; box-shadow: inset 0 1px 0 0 #3985b1; background-color: #216288; border: 1px solid #17445e; display: inline-block; color: #fff; padding: 8px 18px; text-decoration: none; background: linear-gradient(to bottom, #2d77a2 5%, #337da8 100%); background: -o-linear-gradient(to bottom, #2d77a2 5%, #337da8 100%); background: -moz-linear-gradient(to bottom, #2d77a2 5%, #337da8 100%); background: -webkit-gradient(to bottom, #2d77a2 5%, #337da8 100%); background-color: #28739e; } @media (max-width: 767px) { .row-mobile { margin-right: -15px; margin-left: -15px; } .dropdown:hover .dropdown-menu { position: absolute !important; float: left !important; } .text-center-xs { text-align: center; } .modal { top: 0em !important; } body.modal-open { overflow: hidden; } /*Loading modal*/ .modal-content.loading { top: 50px !important; } /*///////////////////////////////////*/ .bs-wizard > .bs-wizard-step .bs-wizard-info { color: #999; font-size: 11px !important; } #internal-slider.ui-slider.ui-slider-horizontal > div div { padding-left: 0 !important; padding-right: 0 !important; } .integration-body .services-main-panel form .btn-group .btn-primary { font-size: 90%; min-width: 60px; padding: 15px 10px; } } @media (min-width: 768px) and (max-width: 992px) { #internal-slider.ui-slider.ui-slider-horizontal > div { font-size: 0.8em !important; } #internal-slider.ui-slider.ui-slider-horizontal > div div { padding-left: 0 !important; padding-right: 0 !important; } .filters-modal .modal .modal-dialog { width: 100% !important; } } .col-center { float: none; margin-left: auto; margin-right: auto; } .center { text-align: center; } .justified { text-align: justify; } .font-up-1 { font-size: 1.1em; } .font-up-2 { font-size: 1.2em !important; } .font-up-3 { font-size: 1.3em; } .font-up-4 { font-size: 1.4em; } .font-up-6 { font-size: 1.6em; } .font-up-8 { font-size: 1.8em; } .font-up-10 { font-size: 2em; } .font-up-16 { font-size: 2.6em; } .font-low-1 { font-size: 0.9em; } .font-low-2 { font-size: 0.8em; } .font-low-4 { font-size: 0.6em; } .font-low-5 { font-size: 0.5em; } .font-low-6 { font-size: 0.4em; } .pickupdate-size { width: 250px; } /* GENERAL SPACES */ .space-1 { margin-bottom: 6.25px; } .space-top-1 { margin-top: 6.25px; } .space-2 { margin-bottom: 12.5px; } .padding-2 { padding-bottom: 12.5px; } .space-top-2 { margin-top: 12.5px; } .space-3 { margin-bottom: 18.75px; } .space-top-3 { margin-top: 18.75px; } .space-4 { margin-bottom: 25px; } .space-top-4 { margin-top: 25px; } .space-5 { margin-bottom: 31.25px; } .space-top-5 { margin-top: 31.25px; } .space-6 { margin-bottom: 37.5px; } .space-top-6 { margin-top: 37.5px; } .space-7 { margin-bottom: 43.75px; } .space-top-7 { margin-top: 43.75px; } .space-8 { margin-bottom: 50px; } .space-top-8 { margin-top: 50px; } .space-top-14 { margin-top: 87.5px; } .padding-1 { padding: 1em; } @media (max-width: 767px) { .bs-wizard > .bs-wizard-step .bs-wizard-info { color: #999; font-size: 11px !important; } .space-sm-1 { margin-bottom: 6.25px; } .space-top-sm-1 { margin-top: 6.25px; } .space-sm-2 { margin-bottom: 12.5px; } .space-top-sm-2 { margin-top: 12.5px; } .space-sm-3 { margin-bottom: 18.75px; } .space-top-sm-3 { margin-top: 18.75px; } .space-sm-4 { margin-bottom: 25px; } .space-top-sm-4 { margin-top: 25px; } .space-sm-5 { margin-bottom: 31.25px; } .space-top-sm-5 { margin-top: 31.25px; } .space-sm-6 { margin-bottom: 37.5px; } .space-top-sm-6 { margin-top: 37.5px; } .space-sm-7 { margin-bottom: 43.75px; } .space-top-sm-7 { margin-top: 43.75px; } .space-sm-8 { margin-bottom: 50px; } .space-top-sm-8 { margin-top: 50px; } .space-top-sm-special { margin-top: 34px; } } @media (min-width: 768px) and (max-width: 1099px) { .space-md-1 { margin-bottom: 6.25px; } .space-top-md-1 { margin-top: 6.25px; } .space-md-2 { margin-bottom: 12.5px; } .space-top-md-2 { margin-top: 12.5px; } .space-md-3 { margin-bottom: 18.75px; } .space-top-md-3 { margin-top: 18.75px; } .space-md-4 { margin-bottom: 25px; } .space-top-md-4 { margin-top: 25px; } .space-md-5 { margin-bottom: 31.25px; } .space-top-md-5 { margin-top: 31.25px; } .space-md-6 { margin-bottom: 37.5px; } .space-top-md-6 { margin-top: 37.5px; } .space-md-7 { margin-bottom: 43.75px; } .space-top-md-7 { margin-top: 43.75px; } .space-md-8 { margin-bottom: 50px; } .space-top-md-8 { margin-top: 50px; } .tooltip-inner { max-width: 280px; } } @media (min-width: 1100px) { .space-lg-1 { margin-bottom: 6.25px; } .space-top-lg-1 { margin-top: 6.25px; } .space-lg-2 { margin-bottom: 12.5px; } .space-top-lg-2 { margin-top: 12.5px; } .space-lg-3 { margin-bottom: 18.75px; } .space-top-lg-3 { margin-top: 18.75px; } .space-lg-4 { margin-bottom: 25px; } .space-top-lg-4 { margin-top: 25px; } .space-lg-5 { margin-bottom: 31.25px; } .space-top-lg-5 { margin-top: 31.25px; } .space-lg-6 { margin-bottom: 37.5px; } .space-top-lg-6 { margin-top: 37.5px; } .space-lg-7 { margin-bottom: 43.75px; } .space-top-lg-7 { margin-top: 43.75px; } .space-lg-8 { margin-bottom: 50px; } .space-top-lg-8 { margin-top: 50px; } .tooltip-inner { max-width: 280px; } } /* FORM CHECK ANIMATIONS */ .alert.alert-warning.custom { margin-bottom: 0px; padding: 10px; overflow: hidden; border-radius: 0px; background-image: none; border: 1px solid #ffbf00; background-color: #f5e79e; font-size: 0.9em; } .integration-body .services-main-panel form .inner-addon .glyphicon-info-sign:hover, .integration-body .services-main-panel form .inner-addon .glyphicon-calendar:hover, .integration-body .services-main-panel form .inner-addon .glyphicon-time:hover { margin-right: 0.3em; } .modal-header.error { background: -webkit-linear-gradient(top, #b72b2b, #8a0808) !important; background: -moz-linear-gradient(top, #b72b2b, #8a0808) !important; background: -o-linear-gradient(top, #b72b2b, #8a0808) !important; background: linear-gradient(top, #b72b2b, #8a0808) !important; font-weight: bold; font-size: 120%; color: #fff; border-radius: 4px 4px 0px 0px; } .modal-header.question { background: -webkit-linear-gradient(top, #009EFF, #086a87) !important; background: -moz-linear-gradient(top, #009EFF, #086a87) !important; background: -o-linear-gradient(top, #009EFF, #086a87) !important; background: linear-gradient(top, #009EFF, #086a87) !important; font-weight: bold; font-size: 120%; color: #fff; border-radius: 4px 4px 0px 0px; } .modal-header.warning { background: -webkit-linear-gradient(top, #faac58, #fe9a2e) !important; background: -moz-linear-gradient(top, #faac58, #fe9a2e) !important; background: -o-linear-gradient(top, #faac58, #fe9a2e) !important; background: linear-gradient(top, #faac58, #fe9a2e) !important; font-weight: bold; font-size: 120%; color: #fff; border-radius: 4px 4px 0px 0px; } .custom-dialog .modal-header { border-bottom: none !important; } .custom-dialog .modal-footer { border-top: none !important; } .custom-dialog .btn-info:hover { background-color: #009EFF !important; } /*Modal position*/ .modal { overflow: auto !important; } /*Loading modal*/ .modal-content.loading { box-shadow: none !important; border: none !important; background-color: transparent !important; } /*CHECKBOX*/ .integration-body .services-main-panel input[type=checkbox].agreement + label { position: relative; padding-left: 30px; } .integration-body .services-main-panel input[type=checkbox].agreement + label:before, .integration-body .services-main-panel input[type=checkbox].agreement + label:after { font-family: FontAwesome; position: absolute; top: 0; left: 0; } .integration-body .services-main-panel input[type=checkbox].agreement + label:before { content: "\f096"; max-width: 0; opacity: 1; position: absolute; top: 0; left: 0; } .integration-body .services-main-panel input[type=checkbox].agreement + label:after { content: "\f14a"; max-width: 0; overflow: hidden; opacity: 1; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; color: #009EFF; position: absolute; top: 0; left: 0; } .integration-body .services-main-panel input[type=checkbox].agreement { display: none; } .integration-body .services-main-panel input[type=checkbox].agreement:checked + label:after { max-width: 25px; opacity: 1; color: #009EFF; } /*CUSTOM TOOLTIP*/ .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #D6D8DC; border-width: 5px 5px 0; } .tooltip-inner { font-family: "Roboto"; font-size: 0.875em; text-rendering: optimizelegibility; padding: 16px; color: #707070; border-radius: 6px; box-shadow: 2px 5px 15px 1px rgba(131, 157, 178, 0.15); background-color: #fff; border: 1px solid #D6D8DC; } .tooltip-fixed-size .tooltip-inner { max-width: 272px; } .tooltip.in { opacity: 1; filter: alpha(opacity=100); } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #D6D8DC; border-width: 5px 0 5px 5px; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -6px; border-right-color: #D6D8DC; border-width: 6px 6px 6px 0; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #D6D8DC; border-width: 0 5px 6px; } .tooltip { font-size: 0.875em; } /*Radiobutton to button*/ .integration-body .services-main-panel input[type=radio] { display: none; } .integration-body .services-main-panel input[type=radio].radio-default { display: inline-block; } .integration-body .services-main-panel form .form-resume { text-align: left; font-weight: bold; } .glyphicon-chevron-up { color: #009EFF; } .glyphicon-chevron-up:hover { color: #038ba3; } .glyphicon-chevron-down { color: #009EFF; } .glyphicon-chevron-down:hover { color: #038ba3; } /*Resumen de cada servicio, panel de edicion*/ .integration-body .services-main-panel form .prices { background-color: #F1F1F1; padding-top: 10px; padding-bottom: 10px; } .integration-body .services-main-panel .cart-services-panel { text-align: left; border-top: 1px solid #ccc; } .integration-body .services-main-panel .cart-services-panel .details { border-bottom: 1px solid #ccc; padding-bottom: 10px; padding-top: 2px; font-size: 1em; background-color: #fff; } .integration-body .services-main-panel .details-row { padding-top: 8px; padding-bottom: 8px; border-top: 1px solid #F1F1F1; vertical-align: top; } .integration-body .services-main-panel .details-row-no { padding-bottom: 8px; vertical-align: top; } .integration-body .services-main-panel .details-row-no-border { padding-bottom: 8px; padding-bottom: 8px; vertical-align: top; } .integration-body .services-main-panel .no-padding-bottom { padding-bottom: 0px !important; } .integration-body .services-main-panel .cart-services-panel .details:last-of-type { border-bottom: none !important; } .cart-services-panel .details .details-title { font-weight: 500; } .integration-body .services-main-panel .special-padding { padding-left: 5px; padding-right: 5px; } .integration-body .services-main-panel .cart-services-panel .btn-danger { border: #ccc 1px solid; border-radius: 0px; color: #565a5c; background-color: #fff !important; } .integration-body .services-main-panel .cart-services-panel .btn-danger:hover { background-color: #fff; color: #b72b2b; border: #b72b2b 1px solid; } .cart-services-panel .yesno { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; padding: 10px; } .cart-services-panel .btn-default { border: #ddd 1px solid; } .integration-body .services-main-panel .btn-yesno { border: #ccc 1px solid; border-radius: 0px; color: #565a5c; background-color: #fff; } .integration-body .services-main-panel .btn-yesno::hover { border: rgba(0, 0, 0, 0.2) 1px solid; color: #717576; } .services-main-panel .btn-simple { border: #eee 1px solid !important; background-color: #fff; color: #999; } .services-main-panel .btn-simple:hover { color: #009EFF; } /*Encabezados para error*/ .heading-1 { font-size: 3em; } .heading-2 { font-size: 1.8em; } .blue-text { color: #009EFF !important; } .grey-text { color: #A2A2A2; font-weight: 400; } .white-text { color: #fff; font-weight: 400; } .yellow-text { color: #efc913; } .clair-grey-text { color: #b3b3b3 !important; } .clair-grey-text-2 { color: #e5e5e5 !important; } .red-text { color: #b72b2b !important; } .green-text { color: green !important; } .orange-text { color: #dc8629; } .black-text { color: #333; } .green-text { color: #009688; } .phone { display: inline-flex; } .phonecode { display: inline-flex; padding: 0px; } .phonecode input { padding-right: 0px; } .phonecode .mainphonecode { position: absolute; padding: 10px; padding-top: 5px; text-align: center; height: 40px; } .phone .mainphone { padding-top: 5px; padding-left: 10px; padding-right: 10px; text-align: center; height: 40px; } /*Carrito button*/ .integration-body .services-main-panel .wider > div:first-child, .integration-body .services-main-panel .wider > form:first-child { min-height: 20em; } .integration-body .services-main-panel .wider { min-height: 20em; } .price-box { background: #565a5c; color: #fff; font-weight: 400; padding-top: 10px; } .close-modal span { position: relative; top: -5px; } .add-shadow { text-shadow: 3px 2px 0px rgba(221, 221, 221, 0.85); } /*Alinear icono de info con texto cuando se dan errores*/ i.fa.heading-2 { vertical-align: middle !important; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { visibility: hidden !important; display: block !important; } .no-center { text-align: left !important; } /*Paneles de reservas*/ .integration-body .services-main-panel .bookingdetail-panel { border-bottom: 2px dotted #e5e5e5; padding-bottom: 10px; } .integration-body .services-main-panel .bookingdetail { font-size: 0.85em !important; } .integration-body .services-main-panel .orderdetails-panel { border: 1px solid rgba(220, 224, 224, 0.5); } .integration-body .services-main-panel .orderdetails { border-bottom: 1px solid rgba(220, 224, 224, 0.5); padding-bottom: 10px; font-size: 0.9em !important; } .integration-body .services-main-panel .orderdetails > div:nth-child(odd) { background: #f7f7f7; padding-top: 10px; } .integration-body .services-main-panel .orderdetails > *:last-child { border-bottom: none !important; } .alerts-control { position: fixed; bottom: 20px; left: 50%; transform: translate(-50%, 0); z-index: 1; } .alerts-close { margin-left: 0.7em; font-size: 1.5em; font-weight: 300; line-height: 0.3; background: 0 0; border: 0; } .alerts { padding: 15px; border: 1px solid transparent; display: flex; align-items: center; justify-content: center; } .alerts.alerts-style-success { color: #fff; background-color: #009EFF; font-weight: 400; border-color: #009EFF; } .alerts.alerts-style-warning { color: #fff; background-color: #e86e39; font-weight: 400; border-color: #e86e39; } .alerts.alerts-style-error { color: #fff; background-color: #b72b2b; font-weight: 400; border-color: #b72b2b; } .integration-body .services-main-panel .bookselector input[type=radio] { display: inline-block; } .integration-body .services-main-panel .bookselectorbtn { margin: 5px 10px 5px 0px; } .integration-body .services-main-panel .booked { padding-top: 5px; padding-bottom: 5px; font-size: 0.9em !important; } .integration-body .services-main-panel .booked-title { border-bottom: 1px solid #e5e5e5; font-weight: 400; padding: 5px; } .integration-body .services-main-panel .booked:nth-child(even) { background-color: #F1F1F1; } .integration-body .services-main-panel .booked:nth-child(odd) { background-color: #fff; } input[type=number]::-webkit-inner-spin-button { margin-right: 12px; } .table-striped > tbody > tr:nth-child(2n+1) > td { background-color: #e8e8e8; } .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: #c8c8c8; } .integration-body .services-main-panel form .form-control.inputborder { border: none; box-shadow: none; background-color: #f8f8f8; } .integration-body .services-main-panel form .form-control.inputborder:focus { border: 1px solid rgb(81, 203, 238); } .integration-body .services-main-panel .btndetail { padding: 0px; } .fill { position: absolute; left: 0; width: 90px; overflow: hidden; } .mask { display: block; height: 90px; left: 0; position: absolute; top: 0; width: 90px; overflow: hidden; } .bad { background-color: #b22222 !important; } .medium { background-color: #009EFF !important; } .good { background-color: #008000 !important; } /*Slider duracion*/ #internal-slider.ui-slider .ui-slider-handle { top: -0.55em; outline: 0px; } #internal-slider.ui-slider-horizontal { background: #8f9193; margin-left: 0px; } #internal-slider.ui-slider.ui-slider-horizontal > div { font-size: 0.94em; margin-top: 0.8em; width: 120%; margin-left: -10%; color: #565a5c; } #internal-slider.ui-slider.ui-slider-horizontal > div div { padding-left: 0.2em; padding-right: 0.2em; } #internal-slider.ui-slider.ui-slider-horizontal .ui-slider-label { top: -30px; color: #565a5c; font-size: 1em; } .hook-image { margin-right: 12px; } /*Proceso de Compra*/ .integration-body .services-main-panel form .payallprice { padding-top: 5px; width: 100%; float: right; height: 100px; background-color: rgba(129, 191, 60, 0.75); border-radius: 5px; margin-bottom: 10px; font-weight: 400; color: #fff; } .integration-body .services-main-panel form .totalprice { padding-top: 5px; float: left; border-radius: 5px; background-color: rgba(51, 51, 51, 0.8); color: #fff; width: 32%; height: 100px; } .integration-body .services-main-panel form .totalprice-full { font-size: 22px; padding-top: 5px; float: left; border-radius: 5px; background-color: rgba(51, 51, 51, 0.8); color: #fff; width: 100%; height: 100px; } .integration-body .services-main-panel form .reservationprice { padding-top: 5px; width: 64%; float: right; height: 100px; background-color: rgba(129, 191, 60, 0.75); border-radius: 5px; margin-bottom: 10px; font-weight: 400; color: #fff; } .integration-body .services-main-panel form .price-text { height: 40px; } .integration-body .services-main-panel form .totalprice b, .integration-body .services-main-panel form .reservationprice b, .integration-body .services-main-panel form .payallprice b { font-size: 1.6em; font-weight: normal; } .minheight { min-height: 0px !important; } .borderg { border: solid 1px rgba(220, 224, 224, 0.5); padding: 10px; } .bs-wizard { margin-top: 10px; } .bs-wizard { border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0; } .bs-wizard > .bs-wizard-step { padding: 0; position: relative; } .bs-wizard > .bs-wizard-step .bs-wizard-stepnum { color: #595959; font-size: 16px; margin-bottom: 5px; } .bs-wizard > .bs-wizard-step .bs-wizard-info { color: #999; font-size: 14px; } .bs-wizard > .bs-wizard-step .bs-wizard-info.active { color: #086a87; font-size: 14px; font-weight: 500; } .bs-wizard > .bs-wizard-step > .bs-wizard-dot { position: absolute; width: 30px; height: 30px; display: block; background: #78cede; top: 8px; left: 50%; margin-left: -15px; border-radius: 50%; } .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after { content: " "; width: 14px; height: 14px; background: #009EFF; border-radius: 50px; position: absolute; top: 8px; left: 8px; } .bs-wizard > .bs-wizard-step > .bs-wizard-dot.active { position: absolute; width: 30px; height: 30px; display: block; background: #78cede; top: 8px; left: 50%; margin-left: -15px; border-radius: 50%; } .bs-wizard > .bs-wizard-step > .bs-wizard-dot.active:after { content: " "; width: 14px; height: 14px; background: #086a87; border-radius: 50px; position: absolute; top: 8px; left: 8px; } .bs-wizard > .bs-wizard-step > .progress { position: relative; border-radius: 0px; height: 6px; box-shadow: none; margin: 20px 0; } .bs-wizard > .bs-wizard-step > .progress > .progress-bar { width: 0px; box-shadow: none; background: #78cede; } .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar { width: 100%; } .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar { width: 50%; } .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar { width: 0%; } .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar { width: 100%; } .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot { background-color: #F1F1F1; } .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after { opacity: 0; } .bs-wizard > .bs-wizard-step:first-child > .progress { left: 50%; width: 50%; } .bs-wizard > .bs-wizard-step:last-child > .progress { width: 50%; } .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot { pointer-events: none; } .pad { padding-left: 30px; } .integration-body .services-main-panel input[type=checkbox].remember + label { position: relative; padding-left: 20px; } .integration-body .services-main-panel input[type=checkbox].remember + label:before, .integration-body .services-main-panel input[type=checkbox].remember + label:after { font-family: FontAwesome; position: absolute; top: 0; left: 0; } .integration-body .services-main-panel input[type=checkbox].remember + label:before { content: "\f096"; max-width: 0; opacity: 1; position: absolute; top: 0; left: 0; } .integration-body .services-main-panel input[type=checkbox].remember + label:after { content: "\f046"; max-width: 0; overflow: hidden; opacity: 1; color: #565a5c; position: absolute; top: 0; left: 0; } .integration-body .services-main-panel input[type=checkbox].remember { display: none; } .integration-body .services-main-panel input[type=checkbox].remember:checked + label:after { max-width: 25px; opacity: 1; color: #565a5c; } .integration-body .services-main-panel input[type=checkbox].remember + label:hover { cursor: pointer; } .btn-table { padding: 8px; margin: 5px; } /* chip idiomas*/ .chip { display: inline-block; padding: 0px 4px 4px 4px; margin: 0.5%; border-radius: 25px; background-color: #f1f1f1; } .idioma { font-weight: 400; } .notes-textarea { min-height: 100px; resize: none; } .add-help { color: #009EFF !important; vertical-align: top; } .add-help:hover { font-size: 1.5em; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s; } .bg-blue { background-color: rgba(31, 157, 212, 0.8); color: white; } .formbuscador { background-color: #aabbcc; margin: 0 auto; margin-bottom: 20px; padding: 15px; } .formbuscador input { border: none; border-radius: 3px 0 0 3px; float: left; font-family: Tahoma; font-size: 15px; height: 20px; padding: 5px 5px; } .formbuscador select { background-color: #eee; border: none; border-radius: 3px 0 0 3px; float: left; font-family: Tahoma !important; font-size: 15px; height: 20px; padding: 5px 5px; width: 330px; } .formbuscador select option { font-style: normal; color: black; font-size: 15px; font-family: Tahoma !important; } .formbuscador input[type=checkbox], input[type=radio] { height: 15px; } .formbuscador input:focus { outline: 0; background: #fff; color: black; } .formbuscador select:focus { outline: 0; background: #fff; } .formbuscador input:-moz-placeholder { color: #999; font-weight: normal; font-style: italic; } .formbuscador input::-webkit-input-placeholder { color: #999; font-weight: normal; font-style: italic; } .formbuscador input:-ms-input-placeholder { color: #999; font-weight: normal; font-style: italic; } .formbuscador input:required { box-shadow: none; } .formbuscador button { background-color: #9099a1; border: none; border-radius: 0 3px 3px 0; color: #fff; cursor: pointer; float: right; font-family: Tahoma; font-size: 15px; font-weight: bold; height: 40px; overflow: visible; padding: 0; position: relative; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); width: 110px; } .formbuscador button:hover { background: #e54040; } .formbuscador button:active, .formbuscador button:focus { background: #c42f2f; } .formbuscador button:hover:before { border-right-color: #e54040; } .formbuscador button:focus:before { border-right-color: #c42f2f; } .stars, span.stars span { display: block; background: url("https://media.servantrip.com/platform/img/stars.png") 0 -16px repeat-x; width: 80px; height: 16px; } .stars span { background-position: 0 0; } .inputprofile:hover { background-color: #F1F1F1 !important; } .buttonprofile { background-color: #f8f8ff; margin: 0 auto; vertical-align: central; border: none; height: 100%; } .buttonprofile:hover { background-color: #009EFF; } .panelhover:hover .inputprofile { background-color: #f0f8ff; } .recommendations-scroll { max-height: 400px; overflow-y: auto; } .input-group-addon .glyphicon { color: #009EFF; } .integration-body .services-main-panel form .priceboxbigger { height: 170px !important; } .border-top-solid { border-top: 1px solid rgba(160, 160, 160, 0.2); } .border-bottom-solid { border-bottom: 1px solid rgba(160, 160, 160, 0.2); } .icon-placeholder { font-family: FontAwesome, Roboto; } .popover { border: 1px solid #dce0e0; box-shadow: none; -webkit-box-shadow: none; } .separator-dark { border-bottom: 1px solid #d8d8d8; } .st-select-border select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .st-select-border select:before { content: "\f107"; font-family: FontAwesome; position: absolute; right: 8px; top: 10px; } .no-margin { margin: 0px; } .input-help { text-align: justify; font-size: 14px; border: 1px solid #e2e2e2; font-weight: bolder; padding: 8px; background: #F1F1F1; color: #999; } .danger-info { background-color: #f5e5cc; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding: 6px 8px; text-align: left; margin-bottom: 4px; color: #f7881e; font-weight: 400; } .danger-info a { color: #f7931e; text-decoration: underline; font-weight: 500; font-size: 1em; } .help-info { background: #fff; left: 0; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.07); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding: 6px 8px; text-align: left; } .help-info.pointer { margin-top: 12px; } .help-info.pointer:before, .help-info.pointer:after { content: ""; display: inline-block; position: absolute; } .help-info.pointer:after { bottom: auto; top: -9px; border: 10px solid transparent; border-top: 0; border-bottom-color: #fff; } .help-info.pointer:before { top: -10px; border: 10px solid transparent; border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.1); } .help-info .glyphicon { color: #009EFF; padding: 0px 2px; } /*inputs*/ .svtp-input.focused label:first-child { opacity: 1; transform: scale(0.75); } .svtp-input { text-align: left; } .svtp-input input::-webkit-input-placeholder { color: transparent; transition: 240ms; } .svtp-input input:focus::-webkit-input-placeholder { transition: none; } .svtp-input.focused .svtp-input input::-webkit-input-placeholder { color: #bbb; } .svtp-input label:first-child { font-size: 16px; font-weight: 400; opacity: 0.65; pointer-events: none; position: absolute; transform: translate3d(0, 22px, 0) scale(1); transform-origin: left top; transition: 240ms; } .svtp-input input, .st-select select { display: block; width: 100%; height: 46px; padding: 6px 16px; font-size: 13px; line-height: 1.846; color: #666666; background-color: transparent; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; padding: 0; border: none; border-radius: 0; -webkit-appearance: none; -webkit-box-shadow: inset 0 -1px 0 #dddddd; box-shadow: inset 0 -1px 0 #dddddd; font-size: 16px; outline: 0px; padding-top: 10px; padding-right: 15px; } .svtp-input input:focus, .st-select select:focus { -webkit-box-shadow: inset 0 -2px 0 #2196f3; box-shadow: inset 0 -2px 0 #2196f3; } .svtp-input input.ng-invalid, .st-select select.ng-invalid { -webkit-box-shadow: inset 0 -2px 0 rgb(221, 44, 0); box-shadow: inset 0 -2px 0 rgb(221, 44, 0); } .svtp-input div.alert.alert-danger.custom { margin-bottom: 0px; padding: 0px; border-radius: 0px; border: 0px; background-color: #fff; box-shadow: none; } .st-login { max-width: 500px; margin: auto; } /*end inputs*/ .bg-Error { border-left: 5px solid red; } .bg-Info { border-left: 5px solid yellow; } .bg-Warn { border-left: 5px solid orange; } .integration-body #become-a-professional .services-main-panel > div:first-child { min-height: 350px; margin-bottom: 20px; } .integration-body #become-a-partner .services-main-panel > div:first-child { min-height: 400px; margin-bottom: 8px; } .city-hit-detail { padding: 10px; border: 1px solid #d9edf7; } .service-container { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), inset 0 1px 0 #e9eef2; border-radius: 2px; position: relative; } @media (max-width: 991px) { /*Carrito*/ .cart-top-container { height: auto !important; padding-left: 15px !important; padding-right: 15px !important; } } .business span { background: linear-gradient(#f44336 0, #c7362b 100%) !important; } .premium span { background: linear-gradient(#ffc107 0, #e4b014 100%) !important; } .economy span { background: linear-gradient(#b698ed 0, #884fce 100%) !important; } /*End Professionals register*/ /*Route*/ .route-container { height: 135px; /*75px collapsed*/ float: left; width: 100%; text-align: left; } .route-border { height: 80px; /*20px collapsed*/ border-left: 2px dotted; margin-left: 24px; color: #ccc; float: left; width: 2px; } .route-point { position: absolute; width: 85%; margin-left: 12px; float: left; display: inline-flex; } .route-text { display: -webkit-box; height: 40px; line-height: 1.4; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px; } .route-info { position: absolute; padding-left: 40px; float: left; height: 20px; padding-top: 20px; } /*Carrito*/ .container-cart { border: 1px solid #eee; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; position: relative; } .container-cart.skyline-bg { background-image: url("https://media.servantrip.com/platform/img/bg-skyline-grey.png"); background-repeat: repeat-x; background-position: center; padding: 25px 10px 25px 10px !important; /* background-color: #f9f9f8; */ } .stage-title { padding: 5px 10px 5px 10px; color: #565b5d; font-weight: 400; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; } .cart-container { border: 1px solid #eee; border-radius: 4px; position: relative; background-color: #fff; } .cart-container .cart-bg-cover { background-size: contain; background-repeat: no-repeat; background-position: center; width: 100%; height: 110px; overflow: hidden; } .cart-container .cover-img { background-size: cover !important; background-repeat: no-repeat; background-position: center; width: 100%; height: 90px !important; margin-top: 15px !important; overflow: hidden; } .cart-container .cart-top-container { position: relative; min-height: 110px; float: left; padding: 10px 15px 10px 10px; } .cart-container .cart-bottom-container { /*position: absolute;*/ bottom: 0; right: 0; padding: 10px 15px 10px 10px; } .cart-container .cart-edit-buttons { padding-bottom: 5px; padding-top: 5px; border-top: 1px solid #eee; } .cart-container .border-bottom { border-bottom: 1px solid #eee; margin-bottom: 10px; } .tour-cover { background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 200px; overflow: hidden; } .horizontal-separator { border-left: 1px solid #eee; margin: 0px 10px 0px 10px; } /*Tags input directive styling*/ div.tagscontainer { border: 1px solid #aaa; display: inline-block; /*makes the div to gain the height of the contained elements*/ border-radius: 2px; width: 100%; } div.tagscontainer span.tag { border: 1px solid #80d4ff; -webkit-border-radius: 5px; display: block; float: left; padding: 5px; text-decoration: none; margin-right: 5px; margin-bottom: 5px; font-weight: 500; font-size: 0.9em; margin-top: 4px; } div.tagscontainer input { border: none; padding-left: 5px; padding-right: 5px; padding-top: 5px; display: block; background-color: #fff; background-image: none; outline-color: transparent !important; } div.tagscontainer .my-left-addon { float: left; color: #565a5c; font-weight: bold; width: 120px; font-size: 16px; } div .tagscontainer .div-search-input { display: inline-block !important; } /*the elements have to be floating to the left so, we overwrite the absolute possition of inner addon form-text*/ div .tagscontainer .inner-addon .form-text { position: relative !important; height: 38px !important; } div .tagscontainer .form-control { width: auto; border: none !important; } div .tagscontainer .removeDiv { display: inline-block; width: 1.5em; padding-right: 1.5px; text-align: right; cursor: pointer; } .tags-addon { position: relative; } /* style glyph */ .tags-addon .icon-help { position: absolute; padding: 10px; font-size: 19px; color: #009EFF; right: 0px; } /*end tags input directive styling*/ /* Purchase overriden styles for tags input*/ .bookingPerHourTemplate .tagscontainer .my-left-addon .fa-search { font-size: 0.9em !important; } .bookingDirectivesTemplate .tagscontainer span.tag a { font-weight: bold; color: #00bcd4; text-decoration: none; font-size: 1em; } .bookingDirectivesTemplate div.tagscontainer span.tag { border: 1px solid #00bcd4; -webkit-border-radius: 5px; display: block; float: left; padding: 5px; text-decoration: none; background: rgba(230, 247, 255, 0.7411764706); color: #09b4ca; margin-right: 5px; margin-left: 5px; margin-bottom: 1px; font-weight: 520; height: 30px; } .bookingDirectivesTemplate div.tagscontainer { border: 1px solid #aaa; } .bookingDirectivesTemplate div.tagscontainer .form-control { border: none !important; height: 38px !important; } .tagscontainer .form-control.form-control[readonly] { background-color: #fff !important; width: 0px !important; display: none !important; } .bookingPerHourTemplate .tagscontainer input { padding-bottom: 1px; height: 40px; padding-top: 0px !important; } /************************/ .img-no-results { opacity: 0.5; width: 180px; } /*---------OVERRIDEN STYLES TAGS INPUT DIRECGTIVE*/ /*Registration overriden styles for tags input*/ /*.registrationServicesSelection */ .registrationServicesSelection .tagscontainer { border: 2px solid #eaeaea !important; color: #9a9a9a !important; } .registrationServicesSelection .tagscontainer label { display: none; visibility: hidden; } .registrationServicesSelection .text-addon .fa { width: initial !important; } .registrationServicesSelection .tagscontainer span.tag { margin-left: 5px; background: rgba(230, 247, 255, 0.7411764706); color: #09b4ca; border: 1px solid #00bcd4; } /*---------end overriden sytles for registration tags input*/ /*professional registration*/ .servicesSelect { width: 100%; border: 2px solid #eaeaea; color: #9a9a9a; padding: 14px; margin-bottom: 1em; } .registrationServicesSelection .sub-total { padding-left: 20px; } /* end professional registration */ .frontmodal { z-index: 99999 !important; } .dropdown-services > li > a:focus, .dropdown-services > li > a:hover { background-color: #009EFF !important; background-image: none !important; color: #fff !important; } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-slider { /* position: relative; */ /* text-align: left; */ } .ui-slider .ui-slider-handle { -ms-touch-action: none; -moz-border-radius: 100%; -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { -moz-border-radius: 4px; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .cardButton { background: none; border: none; font: inherit; padding: 5px 10px 5px 10px; background-clip: padding-box; border-radius: 5px; text-align: left; text-decoration: none; } .cardButton, a.cardButton:visited, .cardButton:hover:enabled, .cardButton:active:focus, button.cardButton:focus { outline: none; color: dodgerblue; } .cardButton strong { letter-spacing: 1px; font-size: 0.9em; } .cardButton:hover:enabled { background-color: #f4f4f4; } .cardButton:disabled { opacity: 0.25; } div.actionButtons button.cardButton { color: black; } .cardButtonMenu { background: none; color: inherit; border: none; font: inherit; outline: inherit; padding: 7px 8px 3px 8px; background-clip: padding-box; color: dodgerblue; } .cardButtonMenu:hover:enabled { background-color: #f4f4f4; border-radius: 50px; } .cardButton:disabled { color: grey; } .actionButtons { position: absolute; display: none; flex-direction: column; border-radius: 5px; background-color: white; border: 1px solid #e8e8e8; box-shadow: 1px 1px #e8e8e8; right: 0%; margin-top: 3px; z-index: 2; } .principalButtons { display: flex; flex-direction: row; border: 1px solid white; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; transition-delay: 0.2s; } .filterDiv, .filterTag { background-color: #263b49; color: white; border-radius: 10px; height: 40px; padding: 4px 8px 4px 5px; border: none; outline: none !important; margin-bottom: 5px; display: flex; flex-direction: row; align-items: center; } .filterDiv { padding-right: 4px; } .filterDiv:focus { color: white; } .filterDiv:hover { color: white; background-color: #2c4454; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .filterDiv strong { letter-spacing: 1px; font-size: 0.9em; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .filterTag { background-color: #2c4454; margin-right: 4px; padding-right: 4px; padding-left: 8px; } .filterTag span, .filterDiv span { -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-top: 4px; margin-right: 5px; } .filterTag span { margin-left: 4px; } .filterTag span:hover { -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; transform: scale(1.1, 1.1); } .filterTag div { display: flex; flex-direction: column; } .filterTag label { font-size: 10px; margin: 0; } .filterGroup { margin-right: 4px; } #card:hover .principalButtons { -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border: 1px solid #F1F1F1; border-radius: 5px; background-color: #fcfcfc; box-shadow: grey 1px 1px; transition-delay: 0.2s; } /*Amends*/ .contentCardDetails { display: flex; justify-content: space-between; flex-wrap: wrap; } /*Amends*/ .contentCardDetails div .row { margin-bottom: 6px; } /*Amends*/ .contentCardDetails .moreSpace .row { margin-bottom: 15px; } /* Order details internal reference */ .references { background-color: #F1F1F1; border-radius: 10px; padding: 12px; display: flex; } .references div { margin-right: 16px; } .radioCheck { /* -webkit-user-select: none; */ -moz-user-select: none; -ms-user-select: none; /* user-select: none; */ } .radioCheck input:checked ~ .checkmark:after { display: block; } #become-a-professional { height: auto; background-color: #F1F1F1; } #header { position: fixed; padding: 0.5rem 5%; z-index: 1000; width: 100%; top: 0; background: #161643 !important; } #header .menu-logo { float: left; padding-right: 4%; } .toggle-menu-header { background-color: transparent; border: none; cursor: pointer; display: inline-block; float: right; height: 50px; outline: none; padding: 0; pointer-events: initial; position: relative; vertical-align: middle; width: 50px; z-index: 1110; } .toggle-menu-header span { background-color: #fff; content: ""; display: block; height: 2px; left: calc(50% - 13px); position: absolute; top: calc(50% - 1px); transform-origin: 50% 50%; transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear; width: 26px; } .toggle-menu-header span:before, .toggle-menu-header span:after { background-color: #fff; content: ""; display: block; height: 2px; position: absolute; transform-origin: 50% 50%; transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear; width: 26px; } .toggle-menu-header span:before { top: 7px; } .toggle-menu-header span:after { top: -7px; } .toggle-menu-header.active span { background-color: transparent; transition: background 0.2s ease-out; } .toggle-menu-header.active span:before, .toggle-menu-hed.active span:after { transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out; } .toggle-menu-header.active span:before { top: 0; transform: rotate3d(0, 0, 1, -45deg); } .toggle-menu-header.active span:after { top: 0; transform: rotate3d(0, 0, 1, 45deg); } .selector-moneda { border: none; display: inline-block; float: right; height: 50px; outline: none; padding: 0; pointer-events: initial; position: relative; vertical-align: middle; z-index: 1110; } .selector-moneda > select { background-color: #161643; color: #fff; width: 57px; height: 45px; padding-right: 6px; padding-left: 5px; padding-top: 5px; font-size: 16px; border: none; text-decoration-style: none; cursor: pointer; outline: none; margin-right: 10px; -webkit-appearance: none; -moz-appearance: none; } ::-ms-expand { display: none; visibility: hidden; } .bold:hover > select { font-weight: bold; } .select:focus { outline: none; } .modifiedbox { border: none; } .form-modifiedprice { height: 36px; width: 99.5%; } .specifications-size { font-size: 22px; } .specifications-size .font-icon-size { font-size: 11px !important; color: #565a5c; } .modifiers-tooltip { width: 16.66%; float: left; margin: 0; } .modifiers-tooltip > div.tooltip { background-color: #fff; top: 45px !important; left: 211.289px; } .modifiers-tooltip .tooltip-inner { background-color: #009EFF; color: #fff; color: #fff; border-bottom-color: #009EFF !important; } .modifiers:before { font-style: normal; font-family: "fontservantrip" !important; } .Private:before { content: "\e90d"; font-size: 0.8em; } .Shared:before { content: "\e91f"; } .MeetAndGreet:before { content: "\e90c"; } .MeetAtPoint:before { content: "\e91b"; } .DirectRide:before { content: "\e90a"; font-size: 0.8em; } .StopsInBetween:before { content: "\e91c"; } .GreenEnviromentFriendly:before { content: "\e90b"; } .GreenEnviromentUnFriendly:before { content: "\ea47"; } .WheelchairAdapted:before { content: "\e90f"; } .NoWheelchairAdapted:before { content: "\ea48"; } .Refundable:before, .FullyRefundable:before { content: "\e90e"; } .NonRefundable:before { content: "\e90e"; color: #b3b3b3; } /*Activities*/ .Tickets:before { content: "\e94e"; } .NoTickets:before { content: "\e94e"; color: #b3b3b3; } .Transferable:before { content: "\e92e"; } .NonTransferable:before { content: "\e92e"; color: #b3b3b3; } .Transferable:before { content: "\e92e"; } .NonTransferable:before { content: "\e92e"; color: #b3b3b3; } .Food:before { content: "\e92a"; } .NoFood:before { content: "\e92a"; color: #b3b3b3; } .NoQueue:before { content: "\e95e"; } .WaitQueue:before { content: "\e95e"; color: #b3b3b3; } .FastTrack:before { content: "\e97f"; } .MoreServices:before { content: "\e92d"; } .NoMoreServices:before { content: "\e92d"; color: #b3b3b3; } .Pickup:before { content: "\e93d"; } .NoPickup:before { content: "\e93d"; color: #b3b3b3; } .Transport:before { content: "\e95d"; } .NoTransport:before { content: "\e95d"; color: #b3b3b3; } .Flexible:before { content: "\e980"; } .FixedDays:before { content: "\e980"; color: #b3b3b3; } .OneDay:before { content: "\e93c"; } .InstantConfirmation:before { content: "\e92c"; } .DelayedConfirmation:before { content: "\e92c"; color: #b3b3b3; } .Giftable:before { content: "\e92b"; } .NoGiftable:before { content: "\e92b"; color: #b3b3b3; } .PrivateGroup:before { content: "\e93e"; } .SmallGroup:before { content: "\e93f"; } .TourGroup:before { content: "\e93a"; } .MultipleGroupOptions:before { content: "\e93b"; } .NotGroupOrPrivateApply:before { content: "\e92f"; } .VoucherUsagePrinted:before { content: "\e94b"; } .VoucherUsageMobile:before { content: "\e94a"; } .VoucherUsageMixed:before { content: "\e94c"; } .MultipleLanguages:before { content: "\e94d"; } .OneLanguage:before { content: "\e94d"; color: #b3b3b3; } .logo-container img { max-height: 100%; max-width: 40%; height: auto; width: auto; } /* Activities characteristics */ .st-ExclusivePrivate:before { content: "\ea32"; } .st-InstantConfirmation:before { content: "\ea39"; } .st-Guided:before { content: "\ea35"; } .st-VoucherUsageMixed:before { content: "\e94c"; } .st-VoucherUsageMobile:before { content: "\e94a"; } .st-VoucherUsagePrinted:before { content: "\e94b"; } .st-HoponHopoff:before { content: "\ea37"; } .st-IncludedTickets:before { content: "\ea3d"; } .st-SkipTheLine:before { content: "\e95b"; } .st-TransportIncluded:before { content: "\ea3e"; } .st-FullDay:before { content: "\ea34"; } .st-Indoor:before { content: "\ea38"; } .st-FoodIncluded:before { content: "\ea33"; } .st-DrinkIncluded:before { content: "\ea31"; } .st-ByVehicle:before { content: "\ea41"; } .st-Gastronomic:before { content: "\e952"; } .st-Nightlife:before { content: "\ea3b"; } .st-Walking:before { content: "\ea40"; } .st-HalfDay:before { content: "\ea36"; } .st-MultipleDays:before { content: "\ea3a"; } .st-SessionLicense:before { content: "\ea3c"; } .st-ChildrenOriented:before { content: "\ea44"; } .st-Accommodation:before { content: "\ea30"; } /* Activities */ /*No se pueden borrar aún porque se usan en internos*/ .activity-time { display: flex; margin-top: 2%; } .activity-time span { margin: 0; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); } .integration-body .services-main-panel form .activity-time .btn-group .btn-primary { border: 1px solid lightgray !important; padding: 10px 4px !important; margin-right: 5px !important; text-align: center; } .integration-body .services-main-panel form .activity-time .btn-group .btn-primary.inactive { border: 1px dashed #ddd !important; color: #ccc; box-shadow: none !important; } .integration-body .services-main-panel form .activity-time .btn-group .btn-primary:hover, .integration-body .services-main-panel form .activity-time .btn-group .btn-primary.active { background-color: rgba(31, 157, 212, 0.8) !important; border: 1px solid #009EFF !important; color: #ffffff !important; } .activityoptions .option { display: flex; align-items: center; padding: 0.5% 0; border-bottom: 1px solid #efeded; } .activityoptions .option ul { list-style: none; text-align: center; } .activityoptions .option ul li:last-child { margin-top: 3%; } .activityoptions .option ul .precio { color: #009EFF; font-size: 21px; font-weight: 400; } .activityoptions .option .text { font-size: 16px; font-weight: 700; } .activityoptions .last-option, .num-tickets .last-option { border-bottom: none !important; } .boton-confirmacion a { padding: 3% 15%; color: #fff; } .num-tickets { border-bottom: 1px solid #efeded; padding: 0 5%; } .num-tickets span { font-size: 16px; } .num-tickets .title { margin-bottom: 2%; } .num-tickets .row { padding: 2% 0; border-bottom: 1px solid #efeded; } .num-tickets .type { font-weight: 700; } .num-tickets .total { display: flex; align-items: center; } .num-tickets .total .price { font-weight: 700; font-size: 21px; vertical-align: middle; } .num-tickets .total .disminuir, .num-tickets .total .aumentar { text-align: center; padding: 3% 8%; border: 1px solid lightgray; cursor: pointer; background-color: #fff; } .num-tickets .total .disminuir.disabled, .num-tickets .total .aumentar.disabled { border: 1px dashed #ddd !important; color: #ccc !important; box-shadow: none !important; } .num-tickets .total .disminuir:hover, .num-tickets .total .aumentar:hover { background-color: rgba(31, 157, 212, 0.3); } .num-tickets .total .numero { text-align: center; padding: 5% 10%; } .total-price { display: flex; align-items: center; } .total-price div { padding: 1% 1%; } .total-price .price { border-right: 1px solid #efedde; } .total-price ul { list-style: none; padding: 0px 0px 0px 0px; } .total-price .cantidad { color: #009EFF; font-size: 24px; font-weight: 700; } .total-price .resumen { font-weight: 400; font-size: 14px; padding-left: 10px; padding-right: 10px; color: #999; } .total-price .boton-confirmacion a { color: #fff; font-size: 1.2em; padding: 0.4em 3em; } .name-option { padding: 1%; border-bottom: 1px solid #efeded; } .name-option > a { color: #565a5c; } .name-option .change { color: #009EFF; font-weight: 100; margin-left: 1%; font-weight: 500; padding: 4px !important; } .name-option .change:hover { text-decoration: underline; cursor: pointer; } #modalEdition { z-index: 1060 !important; } .name-option > input { height: 0px !important; visibility: hidden !important; } #modalModifyPrice { z-index: 1062 !important; } .text-red { color: red; } .text-green { color: green; } /*Dashboard new css v.0.2*/ #menu.open { overflow-y: auto; } .main-nav.internal-dashboard { width: 50%; } @media (max-width: 970px) { .main-nav.internal-dashboard { width: 100%; } } .main-nav.internal-dashboard .internal-dashboard-menu { list-style: none; margin-top: 5%; float: right; } .internal-dashboard-menu > li.item { border-bottom: 1px solid white; } .main-nav.internal-dashboard .internal-dashboard-menu .item a { padding: 1%; display: inline-block; cursor: pointer; } .main-nav.internal-dashboard .internal-dashboard-menu .item a.effect-underline:after { bottom: 5px; } .main-nav.internal-dashboard.internal-dashboard-collapse .internal-dashboard-menu .item .internal-dashboard-sub-menu { display: none; } .menu-item-has-children .item a { font-weight: 100; font-size: 1.2em; padding: 0.2em !important; } .main-nav.internal-dashboard .internal-dashboard-menu .item.open .internal-dashboard-sub-menu { display: block; padding: 0; } .caret { margin-left: 0.7em; } .avatar-sidebar .letter { height: 50px; width: 50px; text-align: center; background: #009EFF; line-height: 1.6; color: #fff; border: 2px solid #fff; font-size: 1em; font-weight: bolder; display: inline-block; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; } .avatar-sidebar { display: flex; justify-content: center; align-items: center; } .avatar-sidebar .user { padding-left: 5%; } .bold { font-weight: 900 !important; } .contact-info .phone { display: block; } .contact-info ul { padding-left: 8%; } section.cabecera { padding-left: 0; } .delete-scroll { overflow: hidden; } /*.modal-backdrop { position: relative !important; }*/ .filter-back { border: none; cursor: pointer; float: right; height: 50px; outline: none; padding: 0; pointer-events: initial; position: relative; vertical-align: middle; z-index: 1110; margin-right: 1%; } .filter-back button#btnSearch { background-color: transparent; border: none; cursor: pointer; display: inline-block; float: right; height: 50px; outline: none; padding: 0; pointer-events: initial; position: relative; vertical-align: middle; /* width: 50px; */ z-index: 1009; margin: 0; } .filter-back i.fa.fa-filter { font-size: 2em; display: inline-block; } .filter-back span { font-size: 1.5em; font-weight: 400; } #btnSearch { display: none; } .add-space { margin-top: 5%; text-align: center; } #activityDetailModal { z-index: 1080 !important; } #modalEditionDetail { z-index: 1080 !important; } #activityModalContent .modal-body { padding: 0px !important; } #activityModalContent .modal-header { display: none; } #detailIframeLoading { height: 200px; opacity: 0.9; } .slide-container { display: none; } .slide-in-left { display: block !important; -webkit-animation: slide-in-left 0.7s ease-in both; animation: slide-in-left 0.7s ease-in both; } @-webkit-keyframes slide-in-left { 0% { -webkit-transform: translateX(-60px); transform: translateX(-60px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes slide-in-left { 0% { -webkit-transform: translateX(-60px); transform: translateX(-60px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .modifiers-internal { padding-right: 10px; padding-left: 10px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; text-align: center; float: left; position: relative; } .modifiers-activities-internal { padding-right: 10px; padding-left: 10px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; text-align: center; margin-top: 13px; float: right; position: relative; } .right-internal-container { padding-top: 32px; padding-bottom: 32px; width: 43%; padding-left: 21px; float: left; position: relative; } .activities-internal-container { padding-top: 32px; padding-bottom: 32px; padding-left: 13px; float: right; position: relative; } .internal-mobile-logo { margin-left: 14%; } .internal-description-container { width: 20%; float: left; position: relative; } .activities_filters { -webkit-animation-name: changeOpacity; animation-name: changeOpacity; -webkit-animation-duration: 2300ms; animation-duration: 2300ms; } @keyframes changeOpacity { from { opacity: 0.1; } to { opacity: 1; } } @-webkit-keyframes changeOpacity { from { opacity: 0.1; } to { opacity: 1; } } /*Inicio Arreglos Activities Card*/ .activities .img-cover { background-color: #F1F1F1; } .logo-activities img { height: 23px; } .activities-details { height: -webkit-fill-available; background-color: white; } /*Refactorizacionn CSS*/ #sb-site, .sb-site-container { z-index: auto !important; } .title-section { background: transparent; position: relative; text-align: left; margin-bottom: 1em; } .title-section h1 { font-size: 1em; text-transform: uppercase; font-weight: bold; color: #A2A2A2; } .title-section h1:after { content: ""; width: 100%; position: absolute; bottom: -5px; left: 0; border: 1px solid #A2A2A2; } .truncate-text { overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; display: block; } /**Custom gutter for css classes (form, etc)**/ .row { margin-right: -12px; margin-left: -12px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right: 12px; padding-left: 12px; } /**Centrado de secciones en vertical + col. Generalmente texto a la izquierda + botón a la derecha */ .flex-centered-section { display: flex; } .flex-centered-section__content { display: flex; flex-direction: column; justify-content: center; } .flex-centered-section__right { display: flex; align-items: center; justify-content: flex-end; } .d-flex { display: flex; } .d-flex--center-v { align-items: center; } .d-flex--center-h { justify-content: center; } .d-flex--space-between { justify-content: space-between; } .d-flex--flex-end { justify-content: flex-end; } .d-flex--baseline { align-items: baseline; } .d-flex--direction-row { flex-direction: row; } .d-flex--direction-column { flex-direction: column; } .d-flex--flex-start { align-items: flex-start !important; } .d-flex--align-flex-end { align-items: flex-end; } .d-flex--flex-wrap { flex-wrap: wrap; } .content-block__text-highlight { color: #3A3A3A; font-weight: 700; } /*Ajuste Teléfono*/ .intl-tel-input { width: 100%; height: 100%; } /**TODO: Estaba por defecto en Platform**/ /* Chrome, Safari, Edge, Opera */ input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /*Firefox*/ input[type=number] { -moz-appearance: textfield; } /**Form -- TODO: Pendiente limpieza y establecer paddings **/ .div-input-v2 { background: #F7F7F7; border: 1px solid #C7C9CE; border-radius: 6px; display: flex; align-items: center; position: relative; padding: 0; width: 100%; /*for padding between different inputs, ng-repeat, same field*/ } .div-input-v2--highlight { /*Resaltar ciertos campos de formulario puntualmente (ej. pickup)*/ border-color: #161643; } .div-input-v2--textarea { height: 6em; } .div-input-v2--pd-top { margin-top: 16px; } .div-input-v2.focus { border: 1px solid #161643 !important; } .div-input-v2.warn { border: 1px solid #FABE00 !important; } .div-input-v2.error { border: 1px solid #FE5539 !important; } .div-input-v2.error .icon-error i { color: #FE5539; } .div-input-v2 .icon-error { display: none; padding-left: 0.5em; } .div-input-v2 .content-input { display: flex; align-items: center; flex-grow: 1; height: 100%; padding: 0 16px 0 16px; /*Modificador de padding*/ /*Temporal para los que están sin sustituir*/ /*Este debe mantenerse así para poder aplicar a los dropdown autogenerados*/ } .div-input-v2 .content-input__icon { color: #161643; margin-right: 16px; padding-right: 0; } .div-input-v2 .content-input__icon--check { color: #16B788; font-style: normal; font-family: "fontservantrip" !important; } .div-input-v2 .content-input__icon--check:before { content: "\e9e5"; } .div-input-v2 .content-input__label { margin-right: 8px; } .div-input-v2 .content-input__icon-alt { color: #161643; margin-left: 16px; width: 18px; text-align: center; } .div-input-v2 .content-input__icon-alt.caret { width: 0px; } .div-input-v2 .content-input__icon-alt--date { font-style: normal; font-family: "fontservantrip" !important; } .div-input-v2 .content-input__icon-alt--date:before { content: "\e9e8"; } .div-input-v2 .content-input__icon-alt--hour { font-style: normal; font-family: "fontservantrip" !important; } .div-input-v2 .content-input__icon-alt--hour:before { content: "\e9e1"; } .div-input-v2 .content-input__icon-aux { width: 18px; text-align: center; color: #A2A2A2; font-style: normal; font-family: "fontservantrip" !important; margin-left: 16px; } .div-input-v2 .content-input__icon-aux--clear { font-size: 0.6em; } .div-input-v2 .content-input__icon-aux--clear:before { content: "\e9a0"; } .div-input-v2 .content-input__icon-aux--clear:hover { cursor: pointer; } .div-input-v2 .content-input__icon-aux--loading { font-size: 0.8em; -webkit-animation: spin 3000ms infinite linear; -moz-animation: spin 3000ms infinite linear; -o-animation: spin 3000ms infinite linear; animation: spin 3000ms infinite linear; } .div-input-v2 .content-input__icon-aux--loading:before { content: "\e98b"; } .div-input-v2 .content-input--selector:hover { cursor: pointer; } .div-input-v2 .content-input--btn { padding-right: 8px; } .div-input-v2 .content-input--btn .content-input__icon-aux { margin-right: 8px; } .div-input-v2 .content-input--date { /**Date-hour same input**/ width: 50%; border-right: 1px solid #D6D8DC; } .div-input-v2 .content-input--hour { /**Date-hour same input**/ width: 50%; } .div-input-v2 .content-input--hour .glyphicon-time:before { content: none !important; } .div-input-v2 .content-input--textarea { padding: 0 !important; } .div-input-v2 .content-input--textarea .content-input__item { padding: 16px 16px; margin: 0; resize: none; outline: none; height: 100%; white-space: break-spaces; overflow: auto; /* Hover y Click Barra scroll */ /* Espacio Barra */ /* Espacio Barra Hover y Click */ } .div-input-v2 .content-input--textarea .content-input__item::-webkit-scrollbar { width: 18px; } .div-input-v2 .content-input--textarea .content-input__item::-webkit-scrollbar-thumb { background: #1D1D53; border-radius: 50px; border: 5px solid #F7F7F7; } .div-input-v2 .content-input--textarea .content-input__item::-webkit-scrollbar-thumb:hover, .div-input-v2 .content-input--textarea .content-input__item html::-webkit-scrollbar-thumb:active { background: rgba(29, 29, 83, 0.8); } .div-input-v2 .content-input--textarea .content-input__item::-webkit-scrollbar-track { background: #F7F7F7; } .div-input-v2 .content-input--textarea .content-input__item::-webkit-scrollbar-track:hover, .div-input-v2 .content-input--textarea .content-input__item html::-webkit-scrollbar-track:active { background: #F7F7F7; } .div-input-v2 .content-input--textarea .content-input__item::-webkit-scrollbar-track { background: #f7f7f7; border-radius: 6px; } .div-input-v2 .content-input--number { padding: 0 8px 0 16px; /* Chrome, Safari, Edge, Opera */ /*Firefox*/ } .div-input-v2 .content-input--number input[type=number]::-webkit-outer-spin-button, .div-input-v2 .content-input--number input[type=number]::-webkit-inner-spin-button { -webkit-appearance: auto !important; opacity: 1 !important; } .div-input-v2 .content-input--number input[type=number] { -moz-appearance: auto !important; } .div-input-v2 .content-input--phone.content-input { padding-left: 86px; } .div-input-v2 .content-input--phone .intl-tel-input { position: inherit !important; } .div-input-v2 .content-input--phone .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag { width: auto; } .div-input-v2 .content-input--phone .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag { width: auto; } .div-input-v2 .content-input--phone .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag { width: auto; } .div-input-v2 .content-input--phone .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag { width: auto; } .div-input-v2 .content-input--phone .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input, .div-input-v2 .content-input--phone .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text], .div-input-v2 .content-input--phone .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel] { padding-left: 0px; } .div-input-v2 .content-input--phone .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input, .div-input-v2 .content-input--phone .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text], .div-input-v2 .content-input--phone .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel] { padding-left: 0px; } .div-input-v2 .content-input--phone .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input, .div-input-v2 .content-input--phone .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text], .div-input-v2 .content-input--phone .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel] { padding-left: 0px; } .div-input-v2 .content-input--phone .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input, .div-input-v2 .content-input--phone .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text], .div-input-v2 .content-input--phone .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel] { padding-left: 0px; } .div-input-v2 .content-input--phone .intl-tel-input .selected-flag { padding: 0 16px; display: flex; align-items: center; width: auto !important; border-right: 1px solid #D6D8DC; background-color: transparent; } .div-input-v2 .content-input--phone .intl-tel-input .selected-flag :focus { border: 1px solid #161643; } .div-input-v2 .content-input--phone .intl-tel-input .selected-flag .iti-flag { position: relative; } .div-input-v2 .content-input--phone .intl-tel-input .flag-container { padding: 0px; } .div-input-v2 .content-input--phone .intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code { display: none !important; } .div-input-v2 .content-input--phone .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag { width: auto; } .div-input-v2 .content-input--phone .intl-tel-input .selected-flag .iti-arrow { margin-left: 8px; margin-top: 0px; top: 0px; position: relative; right: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #555; } .div-input-v2 .content-input--phone .intl-tel-input .country-list { /* Hover y Click Barra scroll */ /* Espacio Barra */ /* Espacio Barra Hover y Click */ } .div-input-v2 .content-input--phone .intl-tel-input .country-list::-webkit-scrollbar { width: 18px; } .div-input-v2 .content-input--phone .intl-tel-input .country-list::-webkit-scrollbar-thumb { background: #1D1D53; border-radius: 50px; border: 5px solid #ffffff; } .div-input-v2 .content-input--phone .intl-tel-input .country-list::-webkit-scrollbar-thumb:hover, .div-input-v2 .content-input--phone .intl-tel-input .country-list html::-webkit-scrollbar-thumb:active { background: rgba(29, 29, 83, 0.8); } .div-input-v2 .content-input--phone .intl-tel-input .country-list::-webkit-scrollbar-track { background: #ffffff; } .div-input-v2 .content-input--phone .intl-tel-input .country-list::-webkit-scrollbar-track:hover, .div-input-v2 .content-input--phone .intl-tel-input .country-list html::-webkit-scrollbar-track:active { background: #ffffff; } .div-input-v2 .content-input__btn { padding: 8px; } .div-input-v2 .content-input__item { color: #707070; border: none; background: transparent; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 16px 0 16px 0; } .div-input-v2 .content-input__item::placeholder { color: #A2A2A2; } .div-input-v2 .content-input select { outline: none; } .div-input-v2 .content-input select:focus { outline: none; } .div-input-v2 .content-input input, .div-input-v2 .content-input select, .div-input-v2 .content-input textarea { border: none; background: transparent; width: 100%; height: 100%; padding: 16px 0 16px 0; } .div-input-v2 .content-input input::placeholder, .div-input-v2 .content-input select::placeholder, .div-input-v2 .content-input textarea::placeholder { color: #A2A2A2; } .div-input-v2 .content-input ul.dropdown-menu { position: absolute; left: 0 !important; width: 100%; margin: 0; padding: 0; background-color: #fff; border-color: transparent; border-width: 1px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.07); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .div-input-v2 .content-input ul.dropdown-menu li:focus-visible { outline: none; } .div-input-v2 .content-input ul.dropdown-menu li.active a, .div-input-v2 .content-input ul.dropdown-menu li:hover a { color: #3A3A3A; font-weight: 500; background-color: #F1F1F1 !important; } .div-input-v2 .content-input ul.dropdown-menu li.active a span, .div-input-v2 .content-input ul.dropdown-menu li.active a i, .div-input-v2 .content-input ul.dropdown-menu li.active a em, .div-input-v2 .content-input ul.dropdown-menu li:hover a span, .div-input-v2 .content-input ul.dropdown-menu li:hover a i, .div-input-v2 .content-input ul.dropdown-menu li:hover a em { color: #3A3A3A; opacity: 1; font-weight: 500; } .div-input-v2 .content-input ul.dropdown-menu li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; padding: 24px 16px; color: #707070; background: white; display: flex; align-items: center; } .div-input-v2 .content-input ul.dropdown-menu li a i, .div-input-v2 .content-input ul.dropdown-menu li a em { padding-right: 25px; font-family: "fontservantrip"; font-style: normal; color: #707070; opacity: 1; margin-right: 8px; } .div-input-v2 .content-input ul.dropdown-menu li a i.city:before, .div-input-v2 .content-input ul.dropdown-menu li a i.unknown:before, .div-input-v2 .content-input ul.dropdown-menu li a i.address:before, .div-input-v2 .content-input ul.dropdown-menu li a i.regionorstate:before, .div-input-v2 .content-input ul.dropdown-menu li a i.geocode:before, .div-input-v2 .content-input ul.dropdown-menu li a i.destination:before, .div-input-v2 .content-input ul.dropdown-menu li a i.region:before, .div-input-v2 .content-input ul.dropdown-menu li a em.city:before, .div-input-v2 .content-input ul.dropdown-menu li a em.unknown:before, .div-input-v2 .content-input ul.dropdown-menu li a em.address:before, .div-input-v2 .content-input ul.dropdown-menu li a em.regionorstate:before, .div-input-v2 .content-input ul.dropdown-menu li a em.geocode:before, .div-input-v2 .content-input ul.dropdown-menu li a em.destination:before, .div-input-v2 .content-input ul.dropdown-menu li a em.region:before { content: "\e9d5"; } .div-input-v2 .content-input ul.dropdown-menu li a i.station:before, .div-input-v2 .content-input ul.dropdown-menu li a em.station:before { content: "\e9d5"; } .div-input-v2 .content-input ul.dropdown-menu li a i.establishment:before, .div-input-v2 .content-input ul.dropdown-menu li a i.lodging:before, .div-input-v2 .content-input ul.dropdown-menu li a em.establishment:before, .div-input-v2 .content-input ul.dropdown-menu li a em.lodging:before { content: "\e9d5"; } .div-input-v2 .content-input ul.dropdown-menu li a i.airport:before, .div-input-v2 .content-input ul.dropdown-menu li a em.airport:before { content: "\e91e"; } .div-input-v2 .content-input ul.dropdown-menu li a i.pointofinterest:before, .div-input-v2 .content-input ul.dropdown-menu li a i.venue:before, .div-input-v2 .content-input ul.dropdown-menu li a em.pointofinterest:before, .div-input-v2 .content-input ul.dropdown-menu li a em.venue:before { content: "\e9c8"; } .div-input-v2 .content-input ul.dropdown-menu li a span { color: #707070; } .div-input-v2 .content-input ul.dropdown-menu li a i.dropdown-menu__list-icon { margin-right: 8px; padding-right: 0; } .div-input-v2 .content-input ul.dropdown-menu li a i.dropdown-menu__list-icon--check { color: #16B788; font-style: normal; font-family: "fontservantrip" !important; } .div-input-v2 .content-input ul.dropdown-menu li a i.dropdown-menu__list-icon--check:before { content: "\e9e5"; } .div-input-v2 .content-input ul.dropdown-menu li a.special { font-style: italic; color: #3A3A3A; font-weight: 700; } .div-input-v2 .content-input input[type=number], .div-input-v2 .content-input select { border: none; background: transparent; width: 100%; height: 100%; } .div-input-v2.disabled { background-color: rgb(249.55, 249.55, 249.55); border-color: rgb(241.5131578947, 242.1710526316, 243.4868421053); } .div-input-v2.disabled .content-input__item { color: #a3a3a3 !important; } .div-input-v2.disabled .content-input__icon-alt { color: #a3a3a3 !important; } .div-input-v2.disabled .content-input__icon { color: #a3a3a3 !important; } .div-input-v2 .label-div-input { height: 100%; width: 50px; display: flex; align-items: center; justify-content: center; position: relative; } .div-input-v2 .label-div-input i { color: #1D1D53; } .div-input-v2 .label-div-input i:after { content: ""; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); height: 65%; width: 1px; background: #D6D8DC; } .div-input-v2.select { cursor: pointer; } .div-input-v2.select .list-options { display: none; } .div-input-v2.select.active { background: white; } .div-input-v2.select.active .list-options { display: block; position: absolute; bottom: -216px; /*Se debe de calcular con Jquery: $('.select .list-options').height()*/ left: -1px; background: white; width: calc(100% + 2px); z-index: 1; border-left: 1px solid #D6D8DC; border-right: 1px solid #D6D8DC; border-bottom: 1px solid #D6D8DC; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .div-input-v2.select.active .list-options ul { list-style: none; margin: 0; padding: 0; } .div-input-v2.select.active .list-options ul li { padding: 1em; } .div-input-v2.select.active .list-options ul li:hover { background: #F1F1F1; } .div-input-v2 .option-selected { background: transparent; border: 1px solid #161643; border-radius: 20px; height: 75%; display: flex; align-items: center; justify-content: center; padding: 0 1em; margin-left: 1em; } .div-input-v2 .option-selected span { font-weight: 700; } .div-input-v2 .option-selected i { margin-left: 0.7em; font-size: 0.7em; cursor: pointer; } .div-input-v2 .option-selected i, .div-input-v2 .option-selected span { color: #161643; } /**Buttons, alerts, error**/ .btn-icon { display: flex !important; align-items: center; } /*Tamaños y padding*/ .btn-l { font-size: 1em; padding: 1.25em 3em; border-radius: 10px; } .btn-l span, .btn-l p, .btn-l a { font-size: 1em; } .btn-l .btn__icon { margin-left: 16px; } .btn-l.btn-round { height: 48px; width: 48px; padding: 0; } .btn-m { font-size: 1em; padding: 0.9em 1.8em; border-radius: 6px; min-width: 100px; } .btn-m span, .btn-m p, .btn-m a { font-size: 1em; } .btn-m .btn__icon { margin-left: 16px; } .btn-m.btn-round { height: 40px; width: 40px; padding: 0; } .btn-s { font-size: 0.875em; padding: 0.54em 1.25em; border-radius: 6px; min-width: 80px; } .btn-s span, .btn-s p, .btn-s a { font-size: 1em; } .btn-s .btn__icon { margin-left: 8px; } .btn-s.btn-round { height: 32px; width: 32px; padding: 0; } .btn-xs { font-size: 0.875em; padding: 0.625em 1.25em; border-radius: 6px; min-width: 80px; } .btn-xs span, .btn-xs p, .btn-xs a { font-size: 1em; } .btn-xs .btn__icon { margin-left: 8px; } .btn-xs.btn-round { height: 32px; width: 32px; padding: 0; } .group-btns { display: flex; } .group-btns--v { flex-direction: column; } .group-btns--v *:not(:first-child) { margin-top: 8px; } .group-btns--h *:not(:first-child) { margin-left: 8px; } .general-btn { background: #009EFF; box-shadow: none; border: none; color: white; display: inline-block; /*border-radius: 6px;*/ text-align: center; text-transform: none; font-weight: 500; cursor: pointer; } .general-btn span, .general-btn i { color: white; font-weight: 500; } .general-btn:hover { background: rgb(51, 177.4, 255); color: white; } .general-btn:active { background: rgb(0, 126.4, 204); color: white; } .general-btn:focus { color: white; outline: none !important; box-shadow: none !important; } .general-btn[disabled] { color: #fff; background: rgb(127.5, 206.5, 255) !important; cursor: not-allowed; } .secondary-btn { background: #1D1D53 !important; box-shadow: none; border: none; color: white; display: inline-block; border-radius: 6px; text-align: center; font-weight: 500; cursor: pointer; } .secondary-btn span, .secondary-btn i { color: white; font-weight: 500; } .secondary-btn:hover { background: rgb(42.2053571429, 42.2053571429, 120.7946428571); color: white; } .secondary-btn:active { background: #1D1D53; color: white; } .secondary-btn:focus { color: white; outline: none !important; box-shadow: none !important; } .secondary-btn[disabled] { color: #fff; background: rgb(149.0267857143, 149.0267857143, 217.9732142857) !important; cursor: not-allowed; } .secondary-btn .saving span { color: #ffffff !important; font-size: 0.75em !important; } .alternative-btn { background: #F1F1F1; box-shadow: none; border: none; color: #161643; display: inline-block; border-radius: 6px; text-align: center; text-transform: none; font-weight: 500; cursor: pointer; } .alternative-btn span, .alternative-btn i { color: #161643; font-weight: 500; } .alternative-btn:hover { background: rgb(215.5, 215.5, 215.5); } .alternative-btn:active { background: #1D1D53; color: white; } .alternative-btn:active span, .alternative-btn:active i { color: white; } .alternative-btn:focus { outline: none !important; box-shadow: none !important; } .outline-btn { background: #fff; box-shadow: none; border: none; color: #161643; display: inline-block; border-radius: 6px; border: 1px solid #D6D8DC; text-align: center; text-transform: none; font-weight: 500; cursor: pointer; } .outline-btn span, .outline-btn i { color: #161643; font-weight: 500; } .outline-btn:hover { background: #F1F1F1; } .outline-btn:active { background: #161643; color: white; } .outline-btn:active span, .outline-btn:active i { color: white; } .outline-btn:focus { outline: none !important; box-shadow: none !important; } .cancel-btn { background: none; border: none; color: #A2A2A2; box-shadow: none; border: none; display: inline-block; } .cancel-btn span, .cancel-btn i { color: #A2A2A2; } .cancel-btn:hover { color: #3A3A3A; } .cancel-btn:active { color: #3A3A3A; } .cancel-btn:focus { color: #3A3A3A; outline: none !important; box-shadow: none !important; } .ghost-btn { border: none; background: none; border-radius: 6px; color: #161643; font-weight: 500; cursor: pointer; } .ghost-btn span, .ghost-btn i { color: #161643; font-weight: 500; } .ghost-btn:hover { background: #F1F1F1; } .ghost-btn:active { background: #1D1D53; color: white; } .ghost-btn:active span, .ghost-btn:active i { color: white; } .ghost-btn:focus { outline: none !important; box-shadow: none !important; } .ghost-btn[disabled] { color: #A2A2A2; cursor: not-allowed; } .plus-btn { background: #1D1D53; border: 1px solid #1D1D53; width: 26px; height: 26px; border-radius: 100%; color: #FFFFFF; position: relative; padding: 0; } .plus-btn:hover { background-color: rgb(42.2053571429, 42.2053571429, 120.7946428571); border-color: rgb(42.2053571429, 42.2053571429, 120.7946428571); } .plus-btn:hover.disabled { border-color: #A2A2A2; } .plus-btn.disabled { background-color: transparent !important; color: #d9d9d9; border-color: #d9d9d9 !important; } .plus-btn--plus:after, .plus-btn--plus:before { content: ""; display: block; background-color: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .plus-btn--plus.disabled:after, .plus-btn--plus.disabled:before { background-color: grey; } .plus-btn--plus:before { height: 8px; width: 2px; } .plus-btn--plus:after { height: 2px; width: 8px; } .plus-btn--minus:after { content: ""; display: block; background-color: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 2px; width: 6px; } .plus-btn--minus.disabled:after { background-color: grey; } .btn-round { display: flex; align-items: center; justify-content: center; border-radius: 100%; flex-shrink: 0; } .btn-expand { color: #161643; font-size: 0.625em; font-style: normal; font-family: "fontservantrip" !important; } .btn-expand--up:before { content: "\e9cd"; } .btn-expand--down:before { content: "\e9ce"; } .btn-expand--right:before { content: "\e9cb"; } .btn-expand--pd-left { margin-left: 16px; } .btn-expand--pd-right { margin-right: 16px; } .text-link { color: #009EFF; display: inline-flex; align-items: center; line-height: 1em; border-bottom: 1px solid transparent; font-weight: 500; } .text-link__icon { color: #3A3A3A; margin-left: 8px; } .text-link__icon.st-plus { font-size: 0.75em; } .text-link:hover, .text-link:active { color: #009EFF; border-bottom: 2px solid #009EFF; margin-bottom: -2px; } .text-link:focus { color: #009EFF; border-bottom: 2px solid #D6D8DC; margin-bottom: -2px; } .text-link[disabled] { color: #fff; background: rgb(149.0267857143, 149.0267857143, 217.9732142857) !important; cursor: not-allowed; } .text-link--pd-top { margin-top: 16px; } .text-link--pd-bottom { margin-bottom: 16px; } .text-link--pd-top-2 { margin-top: 24px; } .text-link--small { font-size: 0.875em; } /*Container btns*/ .container-btns { display: flex; align-items: center; } .container-btns__one { margin-left: auto; margin-right: auto; } .container-btns__main { margin-left: auto; } /*Big button at the end of pages*/ .page-container-btns { width: 100%; display: flex; margin-top: 48px; } .page-container-btns__main-btn { margin-left: auto; } /*Form*/ span.label { font-size: 0.875em; font-weight: 500; color: #3A3A3A; text-align: left; padding: 0; display: inline-block; } span.label--disabled { color: #6d6d6d; } span.label-small { font-size: 0.75em; color: #707070; display: inline-block; padding: 0; } .field { margin-top: 24px; text-align: left; } .field__label-content { display: flex; align-items: center; } .field__info { font-size: 0.75em; color: #A2A2A2; margin-left: auto; padding-bottom: 8px; } .field span.label { margin-bottom: 8px; } /*Field modo lectura o para resumenes*/ .field-read { margin-top: 16px; } .field-read span.label { margin-bottom: 0px; } .field-read span.label-small { margin-bottom: 8px; } .field-read__text--truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .field-read__text--scroll { overflow-x: scroll; /* Hover y Click Barra scroll */ /* Espacio Barra */ /* Espacio Barra Hover y Click */ } .field-read__text--scroll::-webkit-scrollbar { width: 18px; } .field-read__text--scroll::-webkit-scrollbar-thumb { background: #1D1D53; border-radius: 50px; border: 5px solid #ffffff; } .field-read__text--scroll::-webkit-scrollbar-thumb:hover, .field-read__text--scroll html::-webkit-scrollbar-thumb:active { background: rgba(29, 29, 83, 0.8); } .field-read__text--scroll::-webkit-scrollbar-track { background: #ffffff; } .field-read__text--scroll::-webkit-scrollbar-track:hover, .field-read__text--scroll html::-webkit-scrollbar-track:active { background: #ffffff; } /*Form error*/ .error-form-msg { margin-top: 8px; visibility: hidden; display: none; color: #FE5539; text-align: left; font-size: 0.875em !important; font-variant-caps: inherit !important; } .error-form-msg.show { visibility: visible; } .aux-form-msg { margin-top: 8px; text-align: left; color: #707070; font-size: 0.875em; } /**Warnings**/ .alert-warn { background-color: #fdf4e0; display: flex; flex-direction: column; padding: 16px 16px; } .alert-warn--pd-top { margin-top: 16px; } .alert-warn--pd-bottom { margin-bottom: 16px; } .alert-warn__content { display: flex; text-align: left; align-items: center; } .alert-warn__icon { padding-right: 8px; color: #FABE00; font-style: normal; font-family: "fontservantrip" !important; } .alert-warn__icon:before { content: "\e9dc"; } .alert-warn__msg { font-size: 0.875em; color: #707070; } .alert-warn__btn { padding-top: 16px; margin-left: auto; } .alert-info { background-color: #F1F1F1; display: flex; flex-direction: column; background-image: none !important; /*bootstrap*/ padding: 16px 16px; } .alert-info--pd-top { margin-top: 16px; } .alert-info__content { display: flex; text-align: left; align-items: center; } .alert-info__icon { padding-right: 8px; font-style: normal; font-family: "fontservantrip" !important; } .alert-info__icon:before { content: "\e92c"; } .alert-info__msg { font-size: 0.875em; } .alert-info__btn { padding-top: 16px; margin-left: auto; } .alert-error { background-color: #fef1ef; display: flex; flex-direction: column; background-image: none !important; /*bootstrap*/ padding: 16px 16px; } .alert-error--pd-top { margin-top: 16px; } .alert-error__content { display: flex; text-align: left; align-items: center; } .alert-error__icon { padding-right: 8px; color: #FE5539; font-style: normal; font-family: "fontservantrip" !important; } .alert-error__icon:before { content: "\e9f5"; } .alert-error__msg { font-size: 0.875em; } /*Icon + info - small text */ .text-info-addon { font-size: 0.875em; display: flex; } .text-info-addon--pd-top { margin-top: 24px; } .text-info-addon__icon { color: #A2A2A2; margin-right: 4px; } .field-resume { /*Ej: campo de número de vuelo*/ } .field-resume__content { display: flex; align-items: center; display: flex; align-items: center; background-color: #F1F1F1; padding: 16px; border-radius: 6px; } .field-resume__icon { color: #16B788; padding-right: 4px; } .field-resume__text { color: #3A3A3A; } .field-resume__icon-edit { color: #161643; margin-left: auto; } .field-resume__additional-text { margin-top: 8px; font-size: 0.875em; } .list-resume { background-color: #F7F7F7; padding: 24px 24px; list-style-type: none; margin-bottom: 0; border-radius: 3px; } .list-resume--pd-top { margin-top: 24px; } .list-resume .list-resume__item:not(:first-child) { margin-top: 16px; } .list-resume__title { color: #3A3A3A; font-weight: 700; } .list-resume__check-icon { color: #16B788; font-style: normal; font-family: "fontservantrip" !important; margin-right: 8px; } .list-resume__check-icon:before { content: "\e9e5"; } .list-resume__text-content, .list-resume__lead-traveller { display: flex; margin-top: 8px; align-items: center; } .list-resume__lead-traveller span { font-size: 0.875em; color: #3A3A3A; font-weight: 500; } .list-resume__lead-traveller span:first-of-type { margin-left: 4px; } .list-resume__lead-traveller .st-user-o { font-size: 0.75em; color: #909Da7; margin: 0 4px; } /* Clases de internos */ .pay-status { margin-bottom: 16px; } .pay-status__label { padding: 12px 10px 12px 16px; border-bottom: 3px solid transparent; font-weight: 500; margin-bottom: 16px; cursor: pointer; } .pay-status__label--active { border-bottom: 3px solid #161643; color: #161643; font-weight: 500; } /* Pantalla error 404 */ .error-page { border-radius: 9px; border: solid 1px #D6D8DC; } .error-page .container { /**/ } .error-page .container__card { padding: 24px 0 24px 0; } .error-page .container__img { max-width: 185px; max-height: 166px; } .error-page .container__body-text { display: flex; flex-direction: column; margin-top: 24px; } .error-page .container__body-text--title { margin-bottom: 16px; font-size: 1.5em; } .error-page .container__body-text--text { font-size: 1em; font-weight: normal; } /*Elementos de formulario*/ /*Radio buttons. TODO: Directiva*/ .radiobutton-selector { border-radius: 6px; border: solid 1px #D6D8DC; background-color: #f7f7f7; margin-bottom: 8px; } .radiobutton-selector:hover { cursor: pointer; } .radiobutton-selector--active { background-color: white; border: 1px solid #1D1D53; } .radiobutton-selector--error { border: 1px solid #FE5539; } .radiobutton-selector__label { display: flex; align-items: center; border-radius: 3px; font-weight: 400; padding: 16px; } .radiobutton-selector__input { margin-right: 16px !important; margin-top: 0 !important; } .radiobutton-selector__content { width: 100%; } .radiobutton-selector__content-title { display: flex; } .radiobutton-selector__title span { font-weight: 700; color: #3A3A3A; margin-top: 16px; } .radiobutton-selector__subtitle span { color: #3A3A3A; margin-left: 8px; } .radiobutton-selector__alternative-content { display: flex; justify-content: space-between; } .radiobutton-selector__icon { padding-right: 4px; } .radiobutton-selector__text { margin-top: 16px; } /*Toggle switch component*/ .toggle-switch { display: flex; } .toggle-switch__check-icon { position: absolute; top: 5px; left: 9px; font-style: normal; font-family: "fontservantrip" !important; opacity: 0; font-size: 10px; color: #fff; } .toggle-switch__check-icon:before { content: "\e9e6"; } .toggle-switch__checkbox { display: none; } .toggle-switch__checkbox:checked + .toggle-switch__switch { background-color: #009EFF; border: 1px solid #009EFF; } .toggle-switch__checkbox:checked + .toggle-switch__switch .toggle-switch__check-icon { opacity: 1; } .toggle-switch__checkbox:checked + .toggle-switch__switch::after { left: 25px; background-color: #fff; } .toggle-switch__checkbox:hover:not(:checked) + .toggle-switch__switch::after { background-color: #009EFF; } .toggle-switch__switch { position: relative; display: inline-block; width: 47px; height: 24px; border-radius: 20px; border: 1px solid #D6D8DC; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; background-color: #F1F1F1; cursor: pointer; } .toggle-switch__switch:after { content: ""; position: absolute; width: 18px; height: 18px; border-radius: 50%; background-color: #a5aeb5; top: 2px; left: 2px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; } .toggle-switch__text { color: #707070; font-weight: 400; padding-left: 0.5em; cursor: pointer; } .div-checkbox .content-checkbox { display: flex; align-items: center; margin: 12px 0 12px 0; word-break: break-word; } .div-checkbox .content-checkbox__checkbox { opacity: 0; position: absolute; cursor: pointer; } .div-checkbox .content-checkbox__label { position: relative; cursor: pointer; font-weight: 400 !important; display: inline-flex; } .div-checkbox .content-checkbox .content-checkbox__checkbox + .content-checkbox__label:before { content: ""; background: #F7F7F7; border: 1px solid #D6D8DC; border-radius: 3px; display: inline-block; width: 20px; height: 20px; margin-right: 8px; text-align: center; padding-right: 18px; } .div-checkbox .content-checkbox .content-checkbox__checkbox:checked + .content-checkbox__label { font-weight: 500 !important; } .div-checkbox .content-checkbox .content-checkbox__checkbox:checked + .content-checkbox__label:before { content: "\e9e6"; border: 1px solid #009EFF; font-style: normal; font-family: "fontservantrip" !important; background: #009EFF; color: #fff; font-size: 12px; padding: 1px 3px; } .div-checkbox .content-checkbox .content-checkbox__checkbox--indeterminate-include:indeterminate + .content-checkbox__label:before { content: "\ea22"; border: 1px solid #009EFF; font-style: normal; font-family: "fontservantrip" !important; background: #009EFF; color: #fff; font-size: 12px; padding: 1px 3px; } .div-checkbox .content-checkbox .content-checkbox__checkbox--indeterminate-exclude:indeterminate + .content-checkbox__label:before { content: "\ea22"; border: 1px solid #FE5539; font-style: normal; font-family: "fontservantrip" !important; background: #FE5539; color: #fff; font-size: 12px; padding: 1px 3px; } .div-checkbox .content-checkbox .content-checkbox__checkbox--exclude:checked + .content-checkbox__label:before { content: "\ea21"; border: 1px solid #FE5539; font-style: normal; font-family: "fontservantrip" !important; background: #FE5539; color: #fff; font-size: 12px; padding: 1px 3px; } .div-checkbox .content-checkbox .content-checkbox__checkbox:hover + .content-checkbox__label:before, .div-checkbox .content-checkbox .content-checkbox__checkbox:active + .content-checkbox__label:before { border: 1px solid #009EFF; } .div-checkbox .content-checkbox .content-checkbox__checkbox[disabled] { cursor: not-allowed !important; } .div-checkbox .content-checkbox .content-checkbox__checkbox[disabled] + .content-checkbox__label:before { border: 1px solid #D6D8DC !important; } .div-checkbox .content-checkbox .content-checkbox__checkbox[disabled] + .content-checkbox__label { color: #A2A2A2; font-style: italic; cursor: not-allowed !important; } .div-radiobutton .content-radiobutton { display: flex; align-items: center; margin: 16px 0 16px 0; } .div-radiobutton .content-radiobutton__radiobutton { opacity: 0; position: absolute; cursor: pointer; } .div-radiobutton .content-radiobutton__label { position: relative; cursor: pointer; display: inline-flex; font-weight: 400 !important; } .div-radiobutton .content-radiobutton .content-radiobutton__radiobutton + .content-radiobutton__label:before { content: ""; left: 0; top: 0; display: inline-block; width: 20px; height: 20px; border: 1px solid #707070; border-radius: 100%; background: #F7F7F7; margin-right: 8px; } .div-radiobutton .content-radiobutton .content-radiobutton__radiobutton:checked + .content-radiobutton__label:before { border: 1px solid #009EFF; background: #009EFF; } .div-radiobutton .content-radiobutton .content-radiobutton__radiobutton:checked + .content-radiobutton__label:after { content: ""; width: 8px; height: 8px; background: #fff; position: absolute; top: 6px; left: 6px; border-radius: 100%; opacity: 1; } .div-radiobutton .content-radiobutton .content-radiobutton__radiobutton:checked + .content-radiobutton__label { font-weight: 500 !important; } .div-radiobutton .content-radiobutton .content-radiobutton__radiobutton:hover + .content-radiobutton__label:before, .div-radiobutton .content-radiobutton .content-radiobutton__radiobutton:active + .content-radiobutton__label:before { border: 1px solid #009EFF; } .div-radiobutton .content-radiobutton .content-radiobutton__radiobutton[disabled] { cursor: not-allowed !important; } .div-radiobutton .content-radiobutton .content-radiobutton__radiobutton[disabled] + .content-radiobutton__label:before { border: 1px solid #D6D8DC !important; } .div-radiobutton .content-radiobutton .content-radiobutton__radiobutton[disabled] + .content-radiobutton__label { color: #A2A2A2; font-style: italic; cursor: not-allowed !important; } .sum-section { display: flex; align-items: center; } .sum-section__item { text-align: center; width: 50px; margin-top: 16px; margin-bottom: 16px; } .sum-section__edit-item { width: 40px; height: 40px; margin: 0px 8px; border-radius: 6px; border: solid 2px #cecece; background-color: #fff; text-align: center; } .sum-section__edit-item:focus { border: solid 2px #909Da7; } /* Botón para ver más servicios al final de la pagina */ .see-more-services { display: flex; align-items: center; flex-direction: column; padding: 32px 32px 64px; } .see-more-services__text { margin-bottom: 16px; } .see-more-services__btn { border-radius: 3px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08); background-color: #FFFFFF; border: 1px solid #FFFFFF; } .see-more-services__btn:hover:enabled { box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2); } .see-more-services__btn:hover:enabled span { color: #009EFF; } .see-more-services__btn span { font-weight: 700; color: #161643; } /*Componente listado de acciones*/ .action-list-selector__option { display: flex; align-items: stretch; min-height: 3.75em; /*40px*/ position: relative; border-radius: 6px; border: 1px solid #D6D8DC; width: 100%; } .action-list-selector__option--error { border-color: #FE5539; } .action-list-selector__option--pd-top { margin-top: 8px; } .action-list-selector .action-list-selector__option:not(:first-child) { margin-top: 8px; } .action-list-selector__content { width: 100%; padding: 16px 16px; display: flex; flex-direction: row; align-items: center; } .action-list-selector__name { font-weight: 700; color: #3A3A3A; } .action-list-selector__separator { padding: 0 24px 0 24px; } .action-list-selector__separator::after { content: "/"; } .action-list-selector__text-error { margin-left: auto; color: #FE5539; font-size: 0.875em; } .action-list-selector__text-error i { margin-left: 4px; color: #FE5539; } .action-list-selector__hl-text { font-weight: 700; font-size: 1.125em; color: #3A3A3A; margin-left: auto; } .action-list-selector__tooltip-icon { margin-right: 4px; font-size: 0.875em; color: #A2A2A2; } .action-list-selector__btn-section { margin-left: auto; width: 25%; display: flex; justify-content: center; align-items: center; padding: 0 16px; } .action-list-selector__btn-section button { width: 100%; } .action-list-selector__sum-section { margin-left: auto; justify-content: center; width: 25%; background-color: #F1F1F1; padding: 8px 16px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .action-list-selector__edition-section { width: 25%; display: flex; align-items: center; padding: 16px 16px; } .action-list-selector__field-section { width: 60%; display: flex; padding: 8px 16px; } .action-list-selector__link { color: #161643; font-style: italic; font-size: 0.875em; margin-left: auto; } .action-list-selector__delete { color: #A2A2A2; margin-left: auto; } .action-list-edition__option { display: flex; border-radius: 5px; border: 1px solid #D6D8DC; width: 100%; position: relative; } .action-list-edition__option--error { border-color: #FE5539; } .action-list-edition__option--pd-top { margin-top: 8px; } .action-list-edition__option--pd-top-2 { margin-top: 24px; } .action-list-edition__option--active { border-color: #161643 !important; } .action-list-edition__blocks { width: 100%; } .action-list-edition__age-error { font-size: 0.875em; color: #FE5539; width: 306px; margin-left: 0; margin-right: auto; padding-left: 16px; padding-bottom: 16px; margin-top: -8px; } .action-list-edition__check-icon { color: #16B788; font-style: normal; font-family: "fontservantrip" !important; margin-right: 8px; } .action-list-edition__check-icon:before { content: "\e9e5"; } .action-list-edition__name { font-weight: 700; color: #3A3A3A; margin-right: 6px; } .action-list-edition__moreinfo { margin-top: 4px; } .action-list-edition__moreinfo i { font-size: 0.75em; color: #909Da7; } .action-list-edition__subname { font-size: 0.875em; color: #3A3A3A; font-weight: 500; } .action-list-edition__subname--blue { color: #009EFF; } .action-list-edition__lead-error { margin-top: 16px; display: flex; flex-direction: column; } .action-list-edition__lead-error .action-list-edition__text-error { font-size: 0.875em; } .action-list-edition__lead-error .action-list-edition__text-error i { font-size: 0.875em; } .action-list-edition__lead-error .card__text { margin-top: 8px; } .action-list-edition__lead-error .card__text span { color: #009EFF; cursor: pointer; } .action-list-edition__lead-error .card__text i { color: #009EFF; font-size: 0.75em; } .action-list-edition__vertical-separator { margin: 0 8px 0 4px; border-left: 1px solid #A2A2A2; } .action-list-edition__text-error { color: #FE5539; } .action-list-edition__icon-help { color: #A2A2A2; } .action-list-edition__content { width: 100%; padding: 16px 16px; } .action-list-edition__text-content { display: flex; margin-top: 8px; } .action-list-edition__edition-section { width: auto; padding: 16px 16px; display: flex; } .action-list-edition__field-section { width: 90%; display: flex; padding: 8px 16px; } .action-list-edition__link { color: #161643; margin-left: auto; } .action-list-edition__link i { font-size: 0.875em; } .action-list-edition__delete { margin-right: 24px; color: #707070; } .action-list-edition__delete i { font-size: 0.875em; } .overlay-backdrop { opacity: 0.6; background-color: #fff !important; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; } .overlay-element { z-index: 2000 !important; } /*Estilo iconos unificados */ .main-icon { display: block; font-size: 4em; padding-bottom: 24px; color: #D6D8DC; } .main-icon--warn { font-style: normal; font-family: "fontservantrip" !important; color: #FABE00; } .main-icon--warn:before { content: "\e9e3"; } .main-icon--warn-custom { color: #FABE00; } .main-icon--error { font-style: normal; font-family: "fontservantrip" !important; color: #FE5539; } .main-icon--error:before { content: "\e935"; } .main-icon--success { font-style: normal; font-family: "fontservantrip" !important; color: #16B788; } .main-icon--success:before { content: "\e9db"; } .icon-style { /* Estilo para editar y borrar */ transition: background 0.2s, opacity 0.2s ease-in-out; border-radius: 50%; } .icon-style--adjust-position { margin-right: -8px; width: 32px; height: 32px; padding: 6px 8px; margin-top: -4px; } .icon-style--generic { opacity: 0.8; } .icon-style--generic-booking:hover { margin-right: -10px !important; margin-top: -6px !important; margin-left: -8px; margin-bottom: -4px !important; } .icon-style--generic-bookend:hover { margin-right: -10px !important; margin-top: -2px !important; } .icon-style--generic:hover { background: rgba(0, 158, 255, 0.1); opacity: 1; margin-right: -8px; width: 32px; height: 32px; padding: 6px 8px; margin-top: -4px; } .icon-style--generic:hover .icon-style--tooltip { visibility: visible; display: flex; z-index: 1; top: 10px; right: 21px; position: relative; width: 58px; height: 24px; opacity: 0.9; border-radius: 6px; color: #ffffff; background-color: #161643; justify-content: center; align-items: center; font-style: initial !important; } .icon-style--delete-booking:hover { margin-right: 14px !important; margin-bottom: -4px !important; } .icon-style--delete-bookdel:hover { margin-top: -4px !important; margin-left: -8px; } .icon-style--delete-cart:hover { color: #FE5539 !important; } .icon-style--delete-cart:hover .delete-all span { color: unset !important; } .icon-style--delete-cart:hover .delete-all i { color: unset !important; } .icon-style--delete:hover { background: rgba(255, 103, 78, 0.1); color: #FE5539 !important; opacity: 1; margin-right: -8px; width: 32px; height: 32px; padding: 6px 8px; margin-top: -4px; } .icon-style--delete:hover .icon-style--tooltip { visibility: visible; display: flex; z-index: 1; top: 10px; right: 21px; position: relative; width: 58px; height: 24px; opacity: 0.9; border-radius: 6px; color: #ffffff; background-color: #161643; justify-content: center; align-items: center; font-style: initial !important; } .icon-style--delete:hover .icon-style--delete-color { color: #FE5539 !important; } .icon-style--tooltip { color: #161643; opacity: 0; font-size: 0.813em; font-weight: 700; visibility: hidden; /*display: none;*/ } /*Etiquetas tag-box*/ .tag-box__row { display: flex; } .tag-box__tag-selected { padding: 10px 14px 10px 14px; border-radius: 20px; background-color: rgba(144, 157, 167, 0.16); display: flex; align-items: center; white-space: nowrap; color: #3A3A3A; margin-right: 8px; } .tag-box__tag-text { opacity: 1; color: #3A3A3A; font-weight: 500; font-size: 0.875em; } .tag-box__tag-text::first-letter { text-transform: uppercase; } .tag-box__tag-remove { font-size: 0.625em; color: #707070; margin-left: 10px; cursor: pointer; } .tag-box__border { background-color: white; width: 1px; height: 40px; margin-left: 12px; margin-right: 12px; } .tag-box__icon--checked { color: #009EFF; } .tag-box__icon--banned { color: #FE5539; } .tag-box--with-img .tag-box__tag-selected { height: 40px; padding-left: 4px; border-radius: 20px; border: solid 2px #161643; background-color: #FFFFFF; overflow: hidden; } .tag-box--with-img .tag-box__img { background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 50%; height: 32px; width: 32px; margin-right: 8px; } /*Centrar elementos*/ .content-center { display: flex; align-items: center; flex-direction: column; } .content-overflow { text-overflow: ellipsis; overflow: hidden; } /*Loadings*/ /* Loading dots */ .saving span { font-size: 1em; color: #009EFF !important; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08); animation-name: blink; animation-duration: 1.4s; animation-iteration-count: infinite; animation-fill-mode: both; padding: 2px; font-family: FontAwesome; } .saving span:before { content: "\f111"; } .saving span:nth-child(2) { animation-delay: 0.2s; } .saving span::nth-child(3) { animation-delay: 0.4s; } /*Loading spinner*/ .lds-spinner { color: official; display: inline-block; position: relative; width: 80px; height: 80px; } .lds-spinner div { transform-origin: 40px 40px; animation: lds-spinner 1.2s linear infinite; } .lds-spinner div:after { content: " "; display: block; position: absolute; top: 3px; left: 37px; width: 6px; height: 18px; border-radius: 20%; background: #009EFF; } .lds-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; } .lds-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; } .lds-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; } .lds-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; } .lds-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; } .lds-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; } .lds-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; } .lds-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; } .lds-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; } .lds-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; } .lds-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; } .lds-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; } @keyframes lds-spinner { 0% { opacity: 1; } 100% { opacity: 0; } } /*Loading spinner (slider)**/ .lds-dual-ring { display: inline-block; width: 22px; height: 22px; } .lds-dual-ring:after { content: " "; display: block; width: 21px; height: 21px; margin: 0px; border-radius: 50%; border: 3px solid #fff; border-color: #fff transparent #fff transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .pagination { display: flex; align-items: center; justify-content: center; margin: 32px 0; } .pagination__only-page { font-weight: 700; color: #161643; } .pagination__current-page { font-weight: 700; color: #161643; margin: 0 8px; cursor: pointer; border: none; background: none; } .pagination__current-page:hover { cursor: pointer; } .pagination__normal-page { color: #707070; margin: 0 8px; cursor: pointer; border: none; background: none; } .pagination__normal-page:hover { cursor: pointer; color: #161643; } .pagination__secondary-btn { margin: 0; } .pagination__main-btn { margin: 0 16px; } /**Selector flotante básico y con clases comunes**/ .base-selector { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.07); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin-top: 8px; /*Hasta poder hacerlo bien*/ position: absolute; z-index: 1; text-align: left; cursor: default; min-width: 360px; background: #fff; /*TODO: Mejor right*/ } .base-selector__header { display: none; } .base-selector__content { padding: 24px; float: left; width: 100%; } .base-selector__content--scroll { max-height: calc(100vh - 500px); overflow: auto; /* Hover y Click Barra scroll */ /* Espacio Barra */ /* Espacio Barra Hover y Click */ } .base-selector__content--scroll::-webkit-scrollbar { width: 18px; } .base-selector__content--scroll::-webkit-scrollbar-thumb { background: #1D1D53; border-radius: 50px; border: 5px solid #ffffff; } .base-selector__content--scroll::-webkit-scrollbar-thumb:hover, .base-selector__content--scroll html::-webkit-scrollbar-thumb:active { background: rgba(29, 29, 83, 0.8); } .base-selector__content--scroll::-webkit-scrollbar-track { background: #ffffff; } .base-selector__content--scroll::-webkit-scrollbar-track:hover, .base-selector__content--scroll html::-webkit-scrollbar-track:active { background: #ffffff; } .base-selector__section-title { font-weight: 700; color: #3A3A3A; } .base-selector__section-title--pd-top { margin-top: 24px; } .base-selector__footer { border-top: 1px solid #D6D8DC; padding: 8px; display: flex; align-items: center; float: left; width: 100%; } .base-selector--fixed { position: relative; } .base-selector--fixed .base-selector__content, .base-selector--fixed .base-selector__footer { float: inherit; } .base-selector--right-hour { right: 0px; } .base-selector__secondary-btn { background: none; border: none; border-radius: 3px; color: #161643; font-size: 1em; padding: 8px 16px; } .base-selector__secondary-btn:hover { background-color: #F1F1F1; } .base-selector__main-btn { background: none; border: none; color: #161643; font-weight: 500; border-radius: 3px; margin-left: auto; font-size: 1em; padding: 8px 16px; width: auto; } .base-selector__main-btn:hover { background-color: #F1F1F1; } .dropdown-item:active { background-color: #E4E6E8; } .modal-footer .btn-l { min-width: 120px; } .modal-footer .btn-m { min-width: 120px; } .modal-footer .btn-s { min-width: 80px; } .modal-footer .btn-xs { min-width: 80px; } .modal[style] { padding: 0px; background-color: rgba(0, 0, 0, 0.5); } @media (max-width: 767px) { .container.container-custom { width: 100%; } .container.container-custom--small { width: 100%; padding-right: 0; padding-left: 0; } .container.container-custom--xsmall { width: 100%; padding-right: 0; padding-left: 0; } .row--no-pd > .field:first-child, .row--no-pd > .field-read:first-child, .row--no-pd-2 > .field:first-child, .row--no-pd-2 > .field-read:first-child { margin-top: 0px !important; } } @media (min-width: 768px) { .container.container-custom { width: 768px; } .container.container-custom--small { width: 768px; } .container.container-custom--xsmall { width: 552px; } .row--no-pd > .field:first-child, .row--no-pd > .field-read:first-child, .row--no-pd-2 > .field, .row--no-pd-2 > .field-read { margin-top: 0px !important; } } @media (min-width: 992px) { /*avoid margings from md*/ .row--no-pd > .field, .row--no-pd > .field-read, .row--no-pd-2 > .field, .row--no-pd-2 > .field-read { margin-top: 0px !important; } } @media (min-width: 1023px) { .container.container-custom { width: 960px; } .container.container-custom--small { width: 768px; } .container.container-custom--xsmall { width: 552px; } } @media (min-width: 1200px) { .container.container-custom { width: 1152px; } .container.container-custom--small { width: 768px; } .container.container-custom--xsmall { width: 552px; } } /**Purchase general**/ .info-location { overflow: hidden; } .info-location #map { width: 100%; } .info-location__route { float: left; text-align: left; } .info-location__route i { margin-right: 4px; } .info-location__content-map { float: right; } .info-location__content-map div { /*Añadir esto*/ } .info-location__content-map div a { font-weight: 700; font-size: 0.875em; } .info-location__label { font-size: 0.875em; text-transform: uppercase; font-weight: 500; color: #3A3A3A; text-align: left; padding: 0; display: inline-block; margin-bottom: 16px; } .info-location__label--disabled { color: #BFC6CB; } .info-location__marker, .info-location__plane { width: 30px; height: 30px; background: #F7F7F7; font-size: 0.875em; position: absolute; left: 0; top: 0; color: #1D1D53; border: 1px solid #D6D8DC; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .info-location__details-route { position: relative; align-items: center; display: block; padding-left: 32px; padding-top: 8px; padding-bottom: 8px; margin: 8px 0; } .info-location__details-route i { font-size: 0.875em; } .info-location__details-route span { font-size: 0.875em; } .info-location__details-route:before { content: ""; position: absolute; left: 13px; top: 0; height: 100%; border-left: 3px solid #D6D8DC; } .info-location__details-route--small { padding-top: 0; padding-bottom: 16px; } .info-location__origin { position: relative; padding-left: 32px; display: flex; align-items: center; min-height: 30px; } .info-location__origin p { color: #3A3A3A; font-weight: 500; text-transform: uppercase; margin-bottom: 16px; } .info-location__origin .srv-feature__mins-text { font-weight: normal; color: #707070; font-size: 0.875em; } .info-location__destination { position: relative; padding-left: 32px; display: flex; align-items: center; min-height: 30px; margin: 0; } .info-location__destination p { color: #3A3A3A; font-weight: 500; text-transform: uppercase; margin-bottom: 16px; } .info-location__destination .srv-feature__mins-text { font-weight: normal; color: #707070; } .info-location__name { font-size: 0.875em; color: #3A3A3A; font-weight: 700; margin-left: 4px; } .info-location__address { font-size: 0.875em; margin-left: 4px; } .info-location__distance { display: flex; align-items: center; margin: 0; } .info-location__duration { display: flex; align-items: center; margin: 0; margin: 0 0 8px; } .info-location__fly { color: #909Da7 !important; margin-left: 4px; font-size: 0.875em; } .info-location__icon { margin-right: 4px; } .sort-filter__drop { background-color: #FFFFFF; border: solid 2px #161643; border-radius: 20px; display: flex; align-items: center; padding: 9px 14px 8px 17px; } .sort-filter__drop:hover { background-color: #F1F1F1; } .sort-filter__drop-text { font-size: 0.875em; color: #161643; font-weight: 500; } .sort-filter__stfilter { margin-right: 4px; font-size: 0.875em; color: #161643; } .sort-filter__text { color: #161643; font-size: 0.875em; } .sort-filter__button-mobile { display: none; } .sort-filter__dropdown .sort-filter__button, .sort-filter__dropdown.open .sort-filter__button { background-color: #FFFFFF; border: solid 2px #161643; border-bottom: none; border-radius: 0px; z-index: 1000; background-image: none; } .sort-filter__dropdown.open .dropdown-menu { border-radius: 0; margin: 4px 0 -1px 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 4px; border: 1px solid #D6D8DC; right: 0; left: auto; } .sort-filter__dropdown.open .dropdown-menu li a { color: #161643; font-size: 0.875em; padding: 0.4em 0.55em; } .options-selector { display: flex; align-items: center; } .options-selector__option { padding: 0 0 8px 0; margin-right: 32px; font-size: 1em; border-bottom: 3px solid transparent; cursor: pointer; } .options-selector__option--active { border-bottom: 3px solid #161643; color: #161643; font-weight: 700; } .dot-label-status { border-radius: 14px; font-size: 0.875em; font-weight: 500; color: #3A3A3A; padding: 5px 8px; display: flex; align-items: center; } .dot-label-status i { font-size: 1em; margin-right: 4px; } .dot-label-status i::before { background-color: #FFFFFF; border-radius: 50%; } .dot-label-status--error { background-color: rgba(254, 85, 57, 0.3); border-color: #FE5539; } .dot-label-status--error i { color: #FE5539; } .dot-label-status--success { background-color: rgba(22, 183, 136, 0.3); border-color: #16B788; } .dot-label-status--success i { color: #16B788; } .dot-label-status--cancel { background-color: rgba(144, 157, 167, 0.3); border-color: #909Da7; } .dot-label-status--cancel i { color: #909Da7; } .dot-label-status--pending { background-color: rgba(250, 190, 0, 0.3); border-color: #FABE00; } .dot-label-status--pending i { color: #FABE00; } /* Boton back to top */ .back-to-top { padding: 15px 19px 15px 20px; border-radius: 9px; border-style: none; background-color: #161643; position: fixed; right: 40px; bottom: 100px; cursor: pointer; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; } .back-to-top i { font-size: 1.125em; color: #FFFFFF; } .back-to-top__show { visibility: visible; opacity: 1; transition: all 0.3s ease-in-out; } .default-elements .card__header { height: 40px; padding: 0 24px 0 12px; } .default-elements .card__header .field { margin-top: 0; } .default-elements .card__header .field .div-input-v2 { border: none; border-top: 1px solid #D6D8DC; background: #FFFFFF; border-radius: unset; height: 40px; } .default-elements .card__header .field .div-input-v2 input { height: 40px; color: #909da7; } .default-elements .card__header .st-search { color: #909da7; } .default-elements .card:first-child .card__section { padding: 12px 24px 12px 24px; } .default-elements .card__separator { width: 1px; height: 48px; background-color: #D6D8DC; margin: 0px 24px 0 24px; } .default-elements__header { display: flex; align-items: center; justify-content: space-between; margin-top: 24px; } .default-elements__header--extra-margin { margin-top: 48px; } .default-elements__header--center { justify-content: center; } .default-elements__header .secondary-btn { height: 40px; display: flex; align-items: center; width: 89px; justify-content: center; font-weight: 700; color: #FFFFFF; } .default-elements__header .secondary-btn:hover { background-color: rgb(42.2053571429, 42.2053571429, 120.7946428571) !important; } .default-elements__header .secondary-btn i { font-size: 0.75em; margin-left: 8px; } .default-elements__header .general-btn { height: 40px; display: flex; align-items: center; } .default-elements__options { display: flex; align-items: center; margin-bottom: 24px; } .default-elements__options--no-margin { margin-bottom: 0px; } .default-elements__excel-button { border-radius: 6px; border: solid 2px #16B788; background-color: #FFFFFF; height: 40px; display: flex; align-items: center; margin-right: 8px; font-size: 0.875em; font-weight: 700; color: #16B788; } .default-elements__excel-button:hover { color: rgb(24.7365853659, 205.7634146341, 152.9170731707); } .default-elements__excel-button i { margin-left: 8px; font-size: 0.875em; } .default-elements__text { font-weight: 500; color: #3A3A3A; } .default-elements__text--size10 { font-size: 0.625em; } .default-elements__text--size12 { font-size: 0.75em; } .default-elements__text--size14 { font-size: 0.875em; } .default-elements__text--size16 { font-size: 1em; } .default-elements__text--size20 { font-size: 1.25em; } .default-elements__text--size22 { font-size: 1.375em; } .default-elements__text--size24 { font-size: 1.5em; } .default-elements__text--bold { font-weight: 700; } .default-elements__text--alternative-color { color: #707070; font-weight: 400; } .default-elements__text--normal { font-weight: 400; } .default-elements__text--error { color: #FE5539; } .default-elements__width22 { width: 22%; } .default-elements__width23 { width: 23%; } .default-elements__width25 { width: 25%; } .default-elements__width30 { width: 30%; } .default-elements__url { color: #009EFF; font-weight: 500; width: fit-content; } .default-elements__url .st-arrow-back { font-weight: 700; font-size: 1.5em; margin-right: 8px; } .default-elements__url .st-edit, .default-elements__url .st-trash { margin-left: 8px; } .default-elements__url .st-up-angle, .default-elements__url .st-down-angle { font-size: 0.625em; margin-left: 4px; } .default-elements__url .st-plus { font-size: 0.75em; font-weight: 700; } .default-elements__card-margin { margin-left: 12px; margin-right: 12px; } .default-elements__stadistic-text { font-size: 14px; } .default-elements__stadistic-text--positive { color: #009EFF; } .default-elements__stadistic-text--negative { color: #FE5539; } .default-elements__stadistic-text i { font-size: 10px; margin-right: 4px; } .default-elements__table { margin-top: 16px; } .default-elements__table .tabulator { border: 1px solid #D6D8DC; border-radius: 10px; padding: 8px; } .default-elements__table .tabulator-header { margin-left: 0 !important; } .default-elements__info-column { width: 150px; margin-right: 24px; align-items: flex-end; } .default-elements__info-rows { margin-left: auto; } .default-elements__info-rows span { width: 150px; display: flex; justify-content: flex-end; margin-right: 24px; } .default-elements__custom-dates-block { margin-bottom: 24px; } .default-elements__custom-dates-left { margin-left: 8px; } .default-elements__custom-dates-left .div-input-v2 { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } .default-elements__custom-dates-right { margin-right: 8px; } .default-elements__custom-dates-right .div-input-v2 { border-top-left-radius: 0; border-bottom-left-radius: 0; } .default-elements__custom-dates .field { margin-top: 0px; } .default-elements__custom-dates .field .div-input-v2 { height: 32px; background-color: #FFFFFF; } .default-elements__custom-dates .field .div-input-v2 st-calendar { height: 32px; } .default-elements__custom-dates .field .div-input-v2 st-calendar input { font-size: 0.875em; color: #3A3A3A; } .default-elements__custom-dates .field .div-input-v2 st-calendar .datepicker-inline { transform: translate(-50%, 0%) !important; } .default-elements__custom-dates a { height: 32px; } .default-elements__form .field { margin: 0 12px 0 12px; } .default-elements__tags .tag-box .default-elements__excel-button { margin-bottom: 8px; } .default-elements__tags .tag-box__tag-selected { cursor: pointer; height: 32px; margin-bottom: 5px; } .default-elements__tags .tag-box__tag-selected--active { border: solid 2px #161643; background-color: #FFFFFF; padding: 2px 14px 0 14px; } .default-elements__add_tltp .tooltip-box-arrow { background-color: #FFFFFF; } .default-elements__add_tltp .tooltip-box-inner { max-width: 100%; white-space: nowrap; } .default-elements__add_tltp .tooltip-box__block { padding: 16px; top: -97px; left: 230%; width: max-content; } .default-elements__add_tltp .tooltip-box__first-block { padding-right: 24px; } .default-elements__add_tltp .tooltip-box__first-block > div:last-child, .default-elements__add_tltp .tooltip-box__second-block > div:last-child { margin-top: 24px; } .default-elements__add_tltp .tooltip-box .default-elements__tooltip-div .default-elements__text--size12 { margin-left: 8px; } .default-elements__button-separator .general-btn { margin-right: 8px; } .default-elements__calendar-input { margin-right: 8px; } .default-elements__calendar-input .field { margin-top: 0; } .default-elements__calendar-input .field .div-input-v2 { width: 145px; height: 40px; border: solid 1px #c7c9ce; background-color: #fff; } .default-elements__calendar-input .field .div-input-v2 i { margin-left: 0; } .default-elements__calendar-input--left .div-input-v2 { border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .default-elements__calendar-input--right .div-input-v2 { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-left: 0 !important; } .default-elements__tags-block { margin-bottom: 24px; } .default-elements__order-card { border-radius: 9px; border: solid 1px #d9d9d9; } .default-elements__order-card .text-red { color: red !important; } .default-elements__order-card strong, .default-elements__order-card .data-info, .default-elements__order-card .data-title, .default-elements__order-card .price-text-2 { color: #3A3A3A; } .default-elements__order-card strong span { color: #3A3A3A; } .default-elements__order-card .principalButtons { border: unset !important; transition: none !important; box-shadow: none !important; } .default-elements__order-card .principalButtons:hover { border: unset !important; transition: none !important; box-shadow: none !important; } .default-elements__order-card .principalButtons strong { color: #009EFF; } .default-elements__order-card .popover { max-width: fit-content; } .default-elements__pagination { display: flex; justify-content: center; align-items: center; width: 100%; } .default-elements__card-separator { height: 1px; background-color: #D6D8DC; margin: 24px -24px; } .default-elements__card-separator--dmt { margin-top: 48px; } .default-elements__table .tabulator-header { border-top-left-radius: 9px; border-top-right-radius: 9px; } .default-elements__table .tabulator-col-group > .tabulator-col-content { background-color: #161643 !important; } .default-elements__standart-font { color: #3A3A3A; } .default-elements__dropdown { border-radius: 9px; box-shadow: 2px 5px 15px 1px rgba(131, 157, 178, 0.15); padding: 0; } .default-elements__dropdown a, .default-elements__dropdown button { padding-left: 24px; padding-right: 24px; color: #3A3A3A; white-space: nowrap; } .default-elements__dropdown a:hover, .default-elements__dropdown button:hover { background-color: #f4f4f4 !important; color: #3A3A3A !important; } .default-elements__dropdown a:visited, .default-elements__dropdown button:visited { color: #3A3A3A; } .default-elements__dropdown--disabled, .default-elements__dropdown .cardButton:disabled { color: #707070; opacity: 0.25; cursor: not-allowed; } .default-elements__top-dropdown { padding: 16px 0 16px; } .default-elements__bottom-dropdown { padding: 16px 0 16px; border-radius: 9px; background-color: #f6f9fd; border-top: 1px solid #D6D8DC; border-top-right-radius: 0; border-top-left-radius: 0; } .default-elements__bottom-dropdown span { padding-left: 24px; padding-right: 24px; margin-bottom: 8px; font-weight: 700; font-size: 0.875em; color: #909Da7; } .default-elements__arrow-dropdown { float: right; } .default-elements__arrow-dropdown--mr { margin-right: 8px; } .default-elements__arrow-dropdown--no-arrow > .secondary-btn { border-radius: 6px !important; } .default-elements__arrow-dropdown > .secondary-btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .default-elements__arrow-dropdown .dropdown button { width: 39px; padding-left: 0; padding-right: 0; min-width: unset; border-top-left-radius: 0; border-bottom-left-radius: 0; } .default-elements__arrow-dropdown .dropdown button .caret { margin-left: 0; } .default-elements__arrow-separator { background-color: #FFFFFF; width: 1px; opacity: 0.4; } .default-elements .services-main-panel > div:first-child, .default-elements .services-main-panel > form:first-child { padding-top: unset; padding-bottom: unset; background: unset; } .default-elements__hours-info { margin-right: 24px; } .default-elements__container { max-height: 80px; overflow: hidden; -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%); mask-image: linear-gradient(to bottom, black 50%, transparent 100%); } .default-elements__container--full { max-height: unset; -webkit-mask-image: none; mask-image: none; } .default-elements__cancellation-block { display: flex; flex-direction: column; width: 100%; } .default-elements .info-card__icon { margin-right: 4px; } .default-elements .info-card__icon.st-marker-o { color: #3d53e2; } .default-elements .info-card__icon.st-plane { color: #009EFF; } .default-elements .new-menu .default-elements__url { margin-left: auto; margin-right: 12px; } .default-elements .package .default-elements__dropdown { min-width: 300px; } .default-elements .package .default-elements__dropdown a { white-space: unset; } .default-elements .voucher .default-elements__dropdown { left: -150px; } .default-elements .text-success i, .default-elements .text-success strong { color: #16B788; } .default-elements .text-warning i, .default-elements .text-warning strong { color: #FABE00; } .default-elements .text-danger i, .default-elements .text-danger strong { color: #FE5539; } .default-elements .text-normal i { color: #909Da7; } .default-elements .text-success span, .default-elements .text-warning span, .default-elements .text-danger span, .default-elements .text-normal span { color: #3A3A3A; } .btns-block { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-left: auto; } .btns-block__expanded i { font-size: 0.8em; } .btns-block__options { margin-left: 8px; } .btns-block__options div { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; } .btns-block__options .options-manage { border-radius: 3px; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12); border: none; } .btns-block__options .options-manage li a { padding: 0.8em 1em; min-width: 250px; } .btns-block__options .options-manage li a i { width: 20%; height: 100%; color: #BFC6CB; } .btns-block__options .options-manage li a span { width: 80%; height: 100%; } .btns-block__expanded, .btns-block__options { display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; position: relative; cursor: pointer; border: 1px solid #D6D8DC; background-color: #FFFFFF; border-radius: 6px; } .btns-block__expanded:hover, .btns-block__options:hover { border: 1px solid #1D1D53; } .btns-block__expanded:hover i, .btns-block__options:hover i { color: #1D1D53; } .btns-block__expanded i, .btns-block__options i { color: #A2A2A2; } .btns-block__expanded--rounded, .btns-block__options--rounded { border-radius: 50%; } .btns-block__expanded--wider:hover, .btns-block__options--wider:hover { border: 2px solid #1D1D53; } .btns-block__expanded--wider-active, .btns-block__options--wider-active { border: 2px solid #1D1D53; } .btns-block__expanded--wider-active i, .btns-block__options--wider-active i { color: #1D1D53; } .tooltip-box { position: relative; display: inline-block; border-bottom: 2px dotted black; } .tooltip-box--border-dashed { border-bottom: 1.5px dashed #707070; } .tooltip-box__block { visibility: hidden; background-color: #FFFFFF; border: 1px solid #D6D8DC; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; min-width: 200px; width: max-content; top: 50%; transform: translateY(-50%); left: 120%; color: #3A3A3A; } .tooltip-box__block > div { display: flex; justify-content: space-between; align-items: center; padding: 8px 16px; margin-top: 0; white-space: nowrap; } .tooltip-box__block > div:last-child { margin-top: 8px; } .tooltip-box__block::after { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -5px; border: 5px solid transparent; border-right-color: #FFFFFF; } .tooltip-box__block::before { content: ""; position: absolute; top: 50%; right: 101%; margin-top: -5px; border: 5px solid transparent; border-right-color: #D6D8DC; } .tooltip-box__label { font-size: 0.875em; font-weight: 500; color: #3A3A3A; } .tooltip-box__dots { border-bottom: dotted 2px #909Da7; width: 100%; margin-left: 16px; margin-right: 16px; margin-top: 7px; } .tooltip-box__data { border-radius: unset; font-size: 0.875em; font-weight: normal; padding: unset; background-color: unset; color: #3A3A3A; white-space: nowrap; } .tooltip-box__data--big { font-size: 1em; font-weight: 700; } .tooltip-box:hover .tooltip-box__block { visibility: visible; } .tooltip-box-with-click-visibility { position: relative; display: inline-block; } .tooltip-box-with-click-visibility__block { background-color: #FFFFFF; border: 1px solid #D6D8DC; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; min-width: 200px; width: max-content; top: 50%; transform: translateY(-50%); left: 120%; color: #3A3A3A; } .tooltip-box-with-click-visibility__block--column { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 8px 16px; margin: 0 !important; white-space: nowrap; } .tooltip-box-with-click-visibility__block::after { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -5px; border: 5px solid transparent; border-right-color: #FFFFFF; } .tooltip-box-with-click-visibility__block::before { content: ""; position: absolute; top: 50%; right: 101%; margin-top: -5px; border: 5px solid transparent; border-right-color: #D6D8DC; } .tooltip-box-with-click-visibility__label { font-size: 0.875em; font-weight: 500; color: #3A3A3A; } .tooltip-box-with-click-visibility__data { border-radius: unset; font-size: 0.875em; font-weight: normal; padding: unset; background-color: unset; color: #3A3A3A; white-space: nowrap; } .tooltip-box-with-click-visibility .st-info { cursor: pointer; } .tag-top-margin { padding: 4px 8px 4px 8px; border-radius: 14px; background-color: #FE5539; display: flex; margin: 0 auto 12px auto; } .tag-top-margin i, .tag-top-margin span { color: #FFFFFF; font-size: 12px; } .tag-top-margin span { font-weight: 700; margin-left: 4px; text-transform: uppercase; } .card { background: #fff; border: 1px solid #D6D8DC; border-radius: 10px; position: relative; display: inline-block; width: 100%; /*Header*/ } .card--active { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.07); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .card--pd-top { margin-top: 24px; } .card--pd-top-small { margin-top: 8px; } .card--action-result { padding: 24px 48px; } .card__header { border-bottom: 1px solid #D6D8DC; padding: 20px 24px; align-items: center; display: flex; width: 100%; } .card__header .card__link { margin-left: auto; } .card--collapsed .card__header { border-bottom: 0; } .card__icon { width: 18px; font-size: 1em; margin-right: 16px; color: #BFC6CB; } .card__step-number { height: 32px; width: 32px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #161643; background: #F1F1F1; padding: 4px; margin-right: 16px; font-weight: 700; } .card__step-number--active { color: #FFFFFF; background: #1D1D53; } .card__title { font-size: 1.125em; font-weight: 700; color: #3A3A3A; } .card__edit-btn { margin-left: auto; color: #161643; } .card__edit-btn i { font-size: 0.875em; } .card__content { width: 100%; } .card__section { padding: 24px 24px; } .card__section--v { display: flex; align-items: center; } .card__section--separator { border-bottom: 1px solid #D6D8DC; } .card__section--pd-big { padding: 32px 56px; } .card__section--separator-v { border-right: 1px solid #D6D8DC; } .card__section--center { text-align: center; } .card__subtitle { font-weight: 700; color: #3A3A3A; font-size: 1em !important; } .card__subtitle--pd-top { margin-top: 32px; } .card__text--pd-top { margin-top: 24px; } .card__text--pd-top-2 { margin-top: 16px; } .card__text--pd-top-3 { margin-top: 8px; } .card__text--pd-bottom { margin-bottom: 24px; } .card__container-btns { padding: 0 24px 24px 24px; } .card__bg-item { background-color: #F1F1F1; padding: 24px 16px 24px 16px; } .card__bg-item--pd-top { margin-top: 24px; } .card-box { border-radius: 10px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; } .card-box__icon { width: 18px; margin-right: 8px; color: #009EFF; } .card-box__title { font-size: 1.5em; font-weight: 700; color: #3A3A3A; } .card-box__title--pd-bottom { margin-bottom: 24px; } .card-box__title--pd-top { margin-top: 24px; } .card-box__subtitle { font-weight: 700; color: #3A3A3A; font-size: 1.125em !important; } .card-box__content { padding: 56px 56px; } .card-box__content--w-footer { padding-bottom: 24px; } .card-box__separator { margin-top: 24px; margin-bottom: 24px; border: 0; border-top: 1px solid #D6D8DC; width: 100%; } .card-box__footer { padding: 24px 56px; background-color: #F1F1F1; border-top: none; border-radius: 10px; } .card-box__main-btn { width: 100%; margin-top: 24px; } .content-close { position: absolute; top: 16px; right: 16px; z-index: 1; } .content-close__btn { border: none; height: 32px; width: 32px; display: flex; align-items: center; justify-content: center; background: #E4E6E8; border-radius: 50%; } .content-close__btn i { font-size: 0.75em; } .content-close__btn:hover { background: rgb(200.46, 204.5, 208.54); } .content-close__btn:hover i { color: #3A3A3A; } .modal-backdrop { background-color: #fff !important; } .configuration-modal .modal-content { height: 100% !important; } .configuration-modal .modal-header { display: none; } .configuration-modal .modal-body { height: 100%; padding: 0 !important; } .configuration-modal .modal-custom { margin: 0; height: 100%; } .configuration-modal .modal-custom__container { display: flex; flex-direction: column; height: 100% !important; } .configuration-modal .modal-custom__header { padding: 24px; background-color: #ffffff; } .configuration-modal .modal-custom__logo { margin-bottom: 8px; height: 20px; } .configuration-modal .modal-custom__title { font-size: 1.25em; font-weight: 700; color: #3A3A3A; } .configuration-modal .modal-custom__subtitle { color: #A2A2A2; margin-top: 8px; } .configuration-modal .modal-custom__content { background-color: #F1F1F1; flex: 1; overflow: auto; /*height: 100% !important;*/ position: unset !important; } .configuration-modal .modal-custom__section { padding: 24px 24px; } .configuration-modal .modal-custom__section--separator { border-bottom: 1px solid #D6D8DC; } .configuration-modal .modal-custom__container-btns { margin-top: 24px; } .configuration-modal .modal-custom__footer { background-color: #F1F1F1; padding: 0 24px 24px 24px; width: 100%; bottom: 0; } .configuration-modal .modal-custom__link, .configuration-modal .modal-custom__link-mobile { color: #161643; font-weight: 500; font-size: 0.875em; } .configuration-modal .modal-custom__link i, .configuration-modal .modal-custom__link-mobile i { color: #161643; margin-left: 8px; font-size: 0.875em; } .configuration-modal .modal-custom__link-mobile { display: none; } .configuration-modal .modal-custom__switch { margin-top: 8px; } .configuration-modal .modal-custom .card:not(:first-child) { margin-top: 16px; } .configuration-modal .modal-custom .card-first { margin-top: 0 !important; } .configuration-modal--full .modal-dialog { margin: 0px auto; overflow: hidden; height: 100%; } .configuration-modal--full .modal-content { background-color: #F1F1F1; } .configuration-modal--full .modal-custom__content { /* Hover y Click Barra scroll */ /* Espacio Barra */ /* Espacio Barra Hover y Click */ } .configuration-modal--full .modal-custom__content::-webkit-scrollbar { width: 18px; } .configuration-modal--full .modal-custom__content::-webkit-scrollbar-thumb { background: #1D1D53; border-radius: 50px; border: 5px solid #ffffff; } .configuration-modal--full .modal-custom__content::-webkit-scrollbar-thumb:hover, .configuration-modal--full .modal-custom__content html::-webkit-scrollbar-thumb:active { background: rgba(29, 29, 83, 0.8); } .configuration-modal--full .modal-custom__content::-webkit-scrollbar-track { background: #ffffff; } .configuration-modal--full .modal-custom__content::-webkit-scrollbar-track:hover, .configuration-modal--full .modal-custom__content html::-webkit-scrollbar-track:active { background: #ffffff; } .configuration-modal--full .modal-custom__title { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .configuration-modal--full .modal-custom__footer { background-color: #fff; width: 100%; bottom: 0; box-shadow: 0px 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.4); padding: 16px; } .configuration-modal--floating-modal .modal .modal-dialog { padding-top: 12px; padding-bottom: 12px; } .configuration-modal--floating-modal .modal .modal-dialog .modal-content { border-radius: 9px; border-top: #cecece 1px solid; overflow: hidden; } .basic-modal .modal-dialog { width: 552px !important; } .basic-modal .modal-body { padding: 0 !important; } .basic-modal .modal-custom__main-icon { text-align: center; } .basic-modal .modal-custom__title { font-size: 1.25em; font-weight: 700; color: #3A3A3A; text-align: center; } .basic-modal .modal-custom__title--pd-bottom { margin-bottom: 24px; } .basic-modal .modal-custom__content { background-color: #FFFFFF; } .basic-modal .modal-custom__section { padding: 64px 64px; } .basic-modal .modal-custom__section--center { text-align: center; } .basic-modal .modal-custom__container-btns { margin-top: 24px; justify-content: center; } .basic-modal .modal-custom__container-btns .container-btns__secondary { margin-right: 8px; } .basic-modal .modal-custom__container-btns .container-btns__main { margin-left: 8px; } .basic-modal--center .modal-dialog { margin-top: 40%; } .basic-modal--center .modal-content { border-top: none; } .basic-centered-modal .modal .modal-dialog { width: 552px; } .basic-centered-modal--center .modal .modal-dialog { margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; } .basic-centered-modal--extra-size .modal .modal-dialog { width: 816px; } .basic-centered-modal--normal-size .modal .modal-dialog { width: 744px; } .basic-centered-modal--small-size .modal .modal-dialog { width: 553px; } .basic-centered-modal__modal-text { margin-top: 12px; margin-bottom: 18px; } .basic-centered-modal__buttons .general-btn, .basic-centered-modal .modal-custom__footer .general-btn { min-width: 104px; } .basic-centered-modal__buttons .text-link, .basic-centered-modal .modal-custom__footer .text-link { margin-right: 24px; color: #161643; } .basic-centered-modal__buttons .text-link:hover, .basic-centered-modal .modal-custom__footer .text-link:hover { border-bottom: unset; margin-bottom: 2px; } .basic-centered-modal .content-close__btn { background: none; } .basic-centered-modal .content-close__btn:hover { background: none; } .basic-centered-modal .modal-body { padding: 0 !important; } .basic-centered-modal .modal-content { border-top: unset !important; border-radius: 6px !important; } .basic-centered-modal .modal-custom__header { height: 63px; display: flex; align-items: center; border-bottom: 1px solid #D6D8DC; } .basic-centered-modal .modal-custom__header span { padding: 24px; font-size: 1.125em; font-weight: bold; color: #3A3A3A; } .basic-centered-modal .modal-custom__content { border-radius: 6px; } .basic-centered-modal .modal-custom__content--scroll-adjust { overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 175px); /* Hover y Click Barra scroll */ /* Espacio Barra */ /* Espacio Barra Hover y Click */ } .basic-centered-modal .modal-custom__content--scroll-adjust::-webkit-scrollbar { width: 18px; } .basic-centered-modal .modal-custom__content--scroll-adjust::-webkit-scrollbar-thumb { background: #1D1D53; border-radius: 50px; border: 5px solid #ffffff; } .basic-centered-modal .modal-custom__content--scroll-adjust::-webkit-scrollbar-thumb:hover, .basic-centered-modal .modal-custom__content--scroll-adjust html::-webkit-scrollbar-thumb:active { background: rgba(29, 29, 83, 0.8); } .basic-centered-modal .modal-custom__content--scroll-adjust::-webkit-scrollbar-track { background: #ffffff; } .basic-centered-modal .modal-custom__content--scroll-adjust::-webkit-scrollbar-track:hover, .basic-centered-modal .modal-custom__content--scroll-adjust html::-webkit-scrollbar-track:active { background: #ffffff; } .basic-centered-modal .modal-custom__section { padding: 23px 25px 23px 25px; } .basic-centered-modal .modal-custom__title { font-size: 1.25em; font-weight: 700; color: #3A3A3A; text-align: center; } .basic-centered-modal .modal-custom__title--pd-bottom { margin-bottom: 24px; } .basic-centered-modal .modal-custom__footer { display: flex; justify-content: flex-end; padding: 24px; } .basic-centered-modal .modal-custom .field--nmt-mb { margin-top: 0px; margin-bottom: 24px; } .basic-centered-modal .modal-custom .div-input-v2--read-only { border: none; background-color: #F1F1F1; } .basic-centered-modal .modal-custom .div-input-v2--read-only .content-input__item { background-color: #F1F1F1; } .card-cart { /*Mobile only*/ } .card-cart .field-read span.label-small { margin-bottom: 8px; font-weight: 500; } .card-cart--pd-top { margin-top: 24px; } .card-cart__header { display: block; margin-bottom: 16px; } .card-cart__title { display: block; font-size: 1em; color: #3A3A3A; font-weight: 700; margin-top: 8px; margin-bottom: 4px; } .card-cart__info { display: flex; } .card-cart__img { width: 72px; height: 72px; border-radius: 8px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-right: 16px; flex-shrink: 0; } .card-cart__img--gpto { background-size: contain; } .card-cart__logo-provider img { height: 22px; } .card-cart__additional span { font-size: 0.875em; } .card-cart__middle { display: flex; align-items: center; justify-content: space-between; border-radius: 3px; background-color: #F1F1F1; margin-bottom: 8px; } .card-cart__middle .prices-text { display: none; } .card-cart__item, .card-cart__simple_block { background-color: #F1F1F1; border-radius: 3px; } .card-cart__tab-mobile { display: none; } .card-cart__option { display: flex; align-items: center; } .card-cart__option .option { padding: 12px 16px 12px 16px; border-bottom: 3px solid transparent; font-size: 0.875em; cursor: pointer; } .card-cart__option .option--active { border-bottom: 3px solid #161643; color: #161643; font-weight: 700; } .card-cart__prices .pvp-price { margin-right: 16px; } .card-cart__prices .margin-price { margin-right: 4px; padding: 4px 8px; } .card-cart__prices .margin-price__text { font-size: 0.875em; } .card-cart__prices .net-price { margin-right: 4px; color: #797B7E; font-size: 0.875em; padding: 5px 8px; } .card-cart__prices .net-price__text { font-size: 0.875em; } .card-cart__section { padding: 16px; } .card-cart__section .field-read__text { font-size: 0.875em; color: #3A3A3A; } .card-cart__section .field-read__text span { font-size: 1em; color: #3A3A3A; } .card-cart__slot-title { width: 100%; padding: 8px; font-weight: 500; color: #3A3A3A; padding-bottom: 0em; } .card-cart__policie-message { font-size: 0.875em; } .card-cart .card-cart__policie-message:not(:last-child) { margin-bottom: 16px; } .card-cart .content-transfer--pd-top { margin-top: 16px; } .card-cart .content-transfer__title { margin-bottom: 8px; } .card-cart .content-transfer__title span { font-weight: 700; font-size: 0.875em; text-transform: uppercase; color: #909Da7; } .card-cart .content-transfer__title-icon { color: #909Da7; margin-right: 8px; vertical-align: middle; } .card-cart .content-transfer__content { background-color: #F1F1F1; border-radius: 3px; } .card-cart .content-transfer__details { padding: 16px; } .card-cart .content-transfer__route { background-color: #F1F1F1; padding: 16px; } .card-cart .content-transfer__route .srv-feature { display: block; margin-top: 4px; margin-left: 2px; } .card-cart .content-transfer__route .srv-feature__mins-text { margin-left: 0; } .card-cart .content-transfer__shared .info-location__origin, .card-cart .content-transfer__shared .info-location__destination { align-items: normal; } .card-cart .content-transfer__shared .info-location .srv-feature { display: block; margin-top: 2px; } .card-cart__participant-data { padding: 8px; } .card-cart__participant-data--pd-top { margin-top: 16px; } .card-cart__simple_block { padding: 8px 16px; margin-top: 4px; } .card-cart__simple_block__text span { font-size: 0.875em; color: #3A3A3A; } .card-cart__simple_block__text span:first-child { font-weight: 500; } .card-cart__simple_block__button { cursor: pointer; margin-top: 2px; height: fit-content; } .card-cart__simple_block__button i { color: #909Da7; font-size: 0.875em; margin-right: 4px; } .card-cart__simple_block__button span { font-size: 0.813em; } .card-cart .order-status { margin-left: auto; } .card-order-list.card--pd-top { margin-top: 16px !important; } .card-order-list .field-read__text { font-size: 0.875em; } .card-order-list__code { color: #161643; font-weight: 700; } .card-order-list .dot-label-status { max-width: fit-content; } .card-order-list__status .label-status { border-radius: 25px; padding: 3px 11px; font-size: 0.875em; font-weight: 700; color: #fff; width: fit-content; text-align: center; } .card-order-list__status .label-status--success { background-color: #16B788; } .card-order-list__status .label-status--error { background-color: #FE5539; } .card-order-list__status .label-status--pending { background-color: #FABE00; } .card-order-list__status .label-status--cancel { background-color: #C4C4C4; } .card-order-list__btn-section { display: flex; align-items: flex-end; justify-content: center; flex-direction: row; } .card-order-list__btn { text-align: right; cursor: pointer; } .card-order-list__btn span { color: #161643; font-size: 0.875em; } .card-order-list__btn i { margin-left: 8px; color: #A2A2A2; } .card-order-list .pvp { font-size: 0.875em; font-weight: 700; color: #3A3A3A; } /*****SELECTORS****/ .search-selector .div-input-v2 { width: 100%; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1), 0 0 5px 0 rgba(0, 0, 0, 0.18); border: none; background: white; } .radio-selector { min-width: 200px !important; } /**Dropdown multi selector**/ .dropdown-multi-selector .top-options .separator { width: 100%; margin: 12px 0 12px 0; border-bottom: 1px solid #D6D8DC; float: left; } .dropdown-multi-selector .main-section .div-checkbox:first-child > .content-checkbox { margin-top: 0; } .dropdown-multi-selector.base-selector { max-width: 320px; } st-double-selector { width: 100%; } /**CSS language-time selector**/ .double-selector { min-width: 400px; left: 0; margin-right: 24px; margin-left: 24px; } .double-selector__title { color: #3A3A3A; font-weight: 700; padding-bottom: 24px; } .double-selector .double-selector__section:not(:first-child) { margin-top: 24px; } /**Language-time btn-group**/ .selector-btn-group { display: flex; flex-direction: row; flex-wrap: wrap; } .selector-btn-group .selector-btn { padding: 0.625em 1.25em; cursor: pointer; border: none; border-radius: 5px; margin: 0 8px 8px 0; display: flex; align-items: center; justify-content: center; font-weight: 500; color: #3A3A3A; min-width: 7.5em; } .selector-btn-group .selector-btn .additional-text { width: 20px; height: 20px; background-color: #E4E6E8; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.75em; margin-left: 0.7em; } .selector-btn-group .selector-btn.active { background: #161643 !important; color: #FFFFFF !important; } .selector-btn-group .selector-btn.active .additional-text { background-color: #FFFFFF !important; color: #161643 !important; } .selector-btn-group .selector-btn:hover { color: #161643; background-color: #F1F1F1; } .selector-btn-group .selector-btn input[type=radio] { display: none; } st-multiselect-pickup { width: 100%; } st-people-selector { width: 100%; } .people-selector__title { color: #3A3A3A; font-weight: 700; } .people-selector__subtitle { font-size: 0.875em; } .people-selector__section { display: flex; align-items: center; width: 100%; margin: 0px; } .people-selector__section--separator { border-bottom: 1px solid #D6D8DC; } .people-selector__content { width: 60%; } .people-selector__sum-section { width: 40%; justify-content: flex-end; border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .people-selector__sum-section .sum-section__item { margin: 0; } .people-selector .people-selector__section:not(:first-child) { padding-top: 16px; } .people-selector .people-selector__section:not(:last-child) { padding-bottom: 16px; } .people-selector--alert-info { width: 418px; } .people-selector .alert-info { background-color: #ecf5ff; border-radius: 6px; } .people-selector .alert-info__content { align-items: unset; } .people-selector .alert-info__icon:before { content: "\e91d"; } .people-selector .tooltip-box { border-bottom: none; } .people-selector .tooltip-box__block { visibility: visible; width: max-content; top: -80px; left: unset; right: -10px; padding: 12px; display: flex; } .people-selector .tooltip-box__block i { margin-right: 8px; color: #909Da7; font-size: 0.875em; } .people-selector .tooltip-box__block span { color: #3A3A3A; font-size: 0.875em; text-transform: lowercase; } .people-selector .tooltip-box__block span::first-letter { text-transform: uppercase; } .people-selector .tooltip-box__block::after { top: 112%; left: 70%; right: unset; margin-top: -7px; margin-left: -8px; border: 8px solid transparent; border-top-color: #FFFFFF; } .people-selector .tooltip-box__block::before { top: 112%; left: 70%; right: unset; margin-left: -8px; border: 8px solid transparent; border-top-color: #D6D8DC; } .range-selector { min-width: 400px; } .range-selector .slider { margin: 8px 16px 0 0; } .range-selector .slider .values { margin-top: 24px; } .range-selector .ui-slider { position: relative; } .range-selector .ui-slider.ui-slider-horizontal { height: 4px; background: #D6D8DC; border-radius: 25px; } .range-selector .ui-slider .ui-slider-range { height: 100%; background-color: #161643; position: absolute; border-radius: 25px; } .range-selector .ui-slider .ui-slider-handle { z-index: 1; position: absolute; top: -8px; -ms-touch-action: none; touch-action: none; border: solid 7px #D6D8DC; background: #161643; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.33); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; cursor: pointer; height: 20px; width: 20px; outline: none; } /**Baggage selector*/ st-baggage-selector { width: 100%; } .baggage-selector { min-width: 500px; } .baggage-selector .base-selector__content--scroll { max-height: calc(100vh - 300px); } .baggage-selector .alert-info { padding: 16px 16px; } .baggage-selector__section .label { margin-bottom: 0px; } .baggage-selector .baggage-selector__section:not(:first-child) { margin-top: 32px; } .baggage-selector__section-header { margin-bottom: 16px; } .baggage-selector__title { color: #3A3A3A; font-weight: 700; } .baggage-selector__text { font-size: 0.875em; } .baggage-selector__content { width: 70%; } .baggage-selector__item-group .baggage-selector__item:not(:first-child) { padding-top: 16px; } .baggage-selector__item-group .baggage-selector__item:not(:last-child) { padding-bottom: 16px; } .baggage-selector__item { display: flex; align-items: center; width: 100%; } .baggage-selector__item--separator { border-bottom: 1px solid #D6D8DC; } .baggage-selector__sum-section { width: 30%; justify-content: flex-end; } .baggage-selector__sum-section .sum-section__item { margin: 0; } /** Pickup selector **/ .filter-list-selector { width: 100%; } .filter-list-selector__input { padding: 16px 24px 16px 24px; } .filter-list-selector__list { list-style-type: none; padding: 0; max-height: 200px; overflow-y: scroll; /* Hover y Click Barra scroll */ /* Espacio Barra */ /* Espacio Barra Hover y Click */ } .filter-list-selector__list::-webkit-scrollbar { width: 18px; } .filter-list-selector__list::-webkit-scrollbar-thumb { background: #1D1D53; border-radius: 50px; border: 5px solid #ffffff; } .filter-list-selector__list::-webkit-scrollbar-thumb:hover, .filter-list-selector__list html::-webkit-scrollbar-thumb:active { background: rgba(29, 29, 83, 0.8); } .filter-list-selector__list::-webkit-scrollbar-track { background: #ffffff; } .filter-list-selector__list::-webkit-scrollbar-track:hover, .filter-list-selector__list html::-webkit-scrollbar-track:active { background: #ffffff; } .filter-list-selector__item { display: block; width: 100%; padding: 12px 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .filter-list-selector__item--active { background-color: #F1F1F1; } .filter-list-selector__item:hover, .filter-list-selector__item:active { background-color: #F1F1F1; font-weight: 500; color: #3A3A3A; cursor: pointer; } st-calendar { width: 100%; } .datepicker-inline { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.07); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; z-index: 100000; position: absolute; width: 500px !important; } .datepicker-inline .datepicker { z-index: 100000; width: 100%; } .datepicker-inline .datepicker.new-datepicker .datepicker--pointer { display: none; } .datepicker-inline .datepicker.new-datepicker .datepicker--content { display: block !important; padding: 0px 16px 16px 16px; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--months .datepicker--cell.-selected-, .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--months .datepicker--cell.-selected-.-current-, .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--years .datepicker--cell.-selected-, .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--years .datepicker--cell.-selected-.-current- { background: #1D1D53; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days-names { background-color: #F1F1F1; margin: 0; padding: 4px 0 4px 0; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--day-name { color: #909Da7 !important; font-weight: 500; font-size: 0.875em; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--cell { height: 60px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--cell .day { display: flex; align-items: center; justify-content: center; height: 35px; width: 35px; color: #3A3A3A; font-weight: 500; font-size: 0.875em; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--cell .day.disable { color: #A2A2A2; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--cell .price { font-weight: 500; color: #707070; font-size: 0.625em; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--cell.-selected-, .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--cell.-selected-.-current- { background-color: transparent; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--cell.-selected- .day { background-color: #1D1D53; color: white; height: 35px; width: 35px; border-radius: 50%; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--cell.-selected-.-focus- { color: #000 !important; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--cell.-focus- { box-shadow: none; background: none; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--cell.-focus- .day { background-color: #161643 !important; height: 35px !important; width: 35px !important; border-radius: 50%; color: #fff; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--cell.-in-range- { /*Rango de fechas*/ background-color: inherit; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--cell.-in-range- .day { background-color: rgba(43, 66, 84, 0.15); width: 100%; height: 32px; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--cell.-range-to- .day, .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--cell.-range-from- .day { position: absolute; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--cell.datepicker--cell-day.-disabled- { background: none; box-shadow: none; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--cell.datepicker--cell-day.-disabled- div { color: #A2A2A2 !important; margin-bottom: 15px; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--cell.datepicker--cell-day.-range-to- { height: 32px !important; margin: 14px 0px 14px 0px; background: linear-gradient(90deg, rgba(43, 66, 84, 0.15) 50%, white 50%) !important; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--cell.datepicker--cell-day.-range-to- .day { position: absolute; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--cell.datepicker--cell-day.-range-from- { height: 32px !important; margin: 14px 0px 14px 0px; background: linear-gradient(270deg, rgba(43, 66, 84, 0.15) 50%, white 50%) !important; } .datepicker-inline .datepicker.new-datepicker .datepicker--content .datepicker--days .datepicker--cell.datepicker--cell-day.-range-from- .day { position: absolute; } .datepicker-inline .datepicker.new-datepicker .datepicker--nav { border-bottom: none; padding: 16px; } .datepicker-inline .datepicker.new-datepicker .datepicker--nav .datepicker--nav-title { color: #161643; font-size: 0.875em; font-weight: 700; } .datepicker-inline .datepicker.new-datepicker .datepicker--nav .datepicker--nav-title i { color: #161643; font-size: 1em; font-weight: 500; line-height: unset; } .datepicker-inline .datepicker.new-datepicker .datepicker--nav .datepicker--nav-action path { stroke: #161643; } .calendar-div { position: absolute; left: inherit; bottom: inherit; width: 100%; margin-top: 8px; } .calendar-div--right-calendar { display: flex; justify-content: flex-end; } st-timepicker { width: 100%; } st-timepicker .base-selector { max-width: 250px; } st-timepicker .base-selector__content { text-align: center; } .timepicker .icon-up, .timepicker .icon-down { display: inline-block; width: 55px; margin-top: 10px; margin-bottom: 10px; background-position: center center; background-repeat: no-repeat; background-size: 45%; opacity: 0.4; cursor: pointer; } .timepicker .icon-down { font-size: 1em; } .timepicker .icon-up:hover, .timepicker .icon-down:hover { opacity: 0.7; } .timepicker .title { padding: 0 0 8px 0; width: 100%; cursor: default; font-weight: 500; color: #3A3A3A; } .timepicker .cell-2 { float: left; width: 20%; min-height: 14px; cursor: default; } .timepicker .cell-4 { width: 40%; float: left; } .timepicker .handle .text { position: relative; } .timepicker .chose-all { position: relative; margin: 0 15%; width: 70%; } .timepicker .chose-hour, .timepicker .chose-minute { display: flex; } .timepicker a { color: #707070; text-decoration: none; } .timepicker .text { color: #707070; } .timepicker .text a { color: #707070; } .timepicker .text a:active, .timepicker .text a:focus, .timepicker .text a:hover { color: #707070; } .timepicker ul { list-style: none; padding: 0; width: 100%; } .timepicker li.cell-2 { padding: 8px 0; border-radius: 3px; cursor: pointer; } .timepicker li.cell-2:hover { background: #161643; color: #fff; transition: 0.1s; } st-autocomplete { display: contents; } .autocomplete-selector__header { display: none; } .autocomplete-selector .input-mobile { display: none; } .autocomplete-selector span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .filter { border: solid 1px #D6D8DC; border-radius: 25px; } .filter.focus { border-color: #161643; } .filter .filter-selector { border-radius: 25px; cursor: pointer; position: relative; display: inline-flex; align-items: center; justify-content: space-between; padding: 12px; background: white; white-space: nowrap; } .filter .filter-selector__item { padding: 0 8px; font-weight: 500; color: #3A3A3A; border: 0; text-align: center; } .filter .filter-selector__icon-alt { padding: 0 0 0 8px; font-weight: 500; color: #3A3A3A; } .filter .filter-selector span { font-weight: 500; color: #3A3A3A; } .filter .filter-selector:first-child { margin-left: 0; } .filter .filter-selector:last-child { margin-right: 0; } .filter .filter-selector .icon-help { display: none; } .filter.disabled { border-color: rgb(227.7565789474, 229.0855263158, 231.7434210526); } .filter.disabled .filter-selector { background-color: #f9f9f9; cursor: default; } .filter.disabled .filter-selector__item { background-color: #f9f9f9; font-weight: 400; color: #A2A2A2; } .filter.disabled .filter-selector__item span { font-weight: 400; color: #A2A2A2; } .filter.disabled .filter-selector__icon-alt { color: #A2A2A2; } .filter.disabled .filter-selector span { font-weight: 400; color: #A2A2A2; } .card-searcher-filters .searcher-container-top { display: flex; } .card-searcher-filters .searcher-container-top--filters { margin-top: 48px; } .card-searcher-filters .filters-help-content { width: 20%; display: flex; align-items: flex-end; justify-content: flex-end; padding-left: 8px; } .card-searcher-filters .filters-help-content__link { display: flex; color: #fff; font-size: 0.875em; } .card-searcher-filters .filters-help-content__link i { color: #fff; padding-left: 4px; } .card-searcher-filters .filters-help-content__link:hover { cursor: pointer; color: #fff; text-decoration: underline; } .card-searcher-filters .input-container { width: 100%; position: relative; } .card-searcher-filters .addresses-row { width: 80%; display: flex; position: relative; } .card-searcher-filters .addresses-row st-autocomplete { display: block !important; width: 80%; } .card-searcher-filters .addresses-row__left-input .content-input__item { padding: 16px 0 16px 8px; } .card-searcher-filters .addresses-row__left-input .content-input__icon-aux { margin-left: 4px; margin-right: 12px; } .card-searcher-filters .addresses-row .autocomplete-selector { /*width: 50%;*/ } .card-searcher-filters .addresses-row .content-input { padding-right: 24px; } .card-searcher-filters .addresses-row .content-input .dropdown-menu { border-radius: 10px; margin-top: 4px; overflow-y: auto; overflow-x: hidden; max-height: 500px; } .card-searcher-filters .addresses-row .content-input .dropdown-menu li:first-child a { padding-top: 24px; } .card-searcher-filters .addresses-row .content-input .dropdown-menu li:last-child a { padding-bottom: 24px; } .card-searcher-filters .addresses-row .content-input .dropdown-menu li.active a { background-color: #F7F7F7 !important; } .card-searcher-filters .addresses-row .content-input .dropdown-menu li.active .custom-typeahead__title-searched, .card-searcher-filters .addresses-row .content-input .dropdown-menu li.active .custom-typeahead__address { font-weight: normal; } .card-searcher-filters .addresses-row .content-input .dropdown-menu .custom-typeahead { white-space: unset; padding-top: 8px; padding-bottom: 8px; align-items: unset; font-size: unset; } .card-searcher-filters .addresses-row .content-input .dropdown-menu .custom-typeahead__circle-icon { width: 32px; height: 32px; border-radius: 50%; padding: 6px 8px; background-color: #e2e6fb; margin-right: 16px; } .card-searcher-filters .addresses-row .content-input .dropdown-menu .custom-typeahead__circle-icon i { margin-left: auto; margin-right: auto; padding: unset; color: #3d53e2; } .card-searcher-filters .addresses-row .content-input .dropdown-menu .custom-typeahead__circle-icon--airport { background-color: #d9f1ff; } .card-searcher-filters .addresses-row .content-input .dropdown-menu .custom-typeahead__circle-icon--airport i { color: #009EFF; } .card-searcher-filters .addresses-row .content-input .dropdown-menu .custom-typeahead__circle-icon--pointofinterest { background-color: #fbedd9; } .card-searcher-filters .addresses-row .content-input .dropdown-menu .custom-typeahead__circle-icon--pointofinterest i { color: #e28300; } .card-searcher-filters .addresses-row .content-input .dropdown-menu .custom-typeahead__circle-icon--pointofinterest i::before { content: "\ea4c"; } .card-searcher-filters .addresses-row .content-input .dropdown-menu .custom-typeahead__title-searched, .card-searcher-filters .addresses-row .content-input .dropdown-menu .custom-typeahead__address { white-space: unset; } .card-searcher-filters .addresses-row .content-input .dropdown-menu .custom-typeahead__title-searched { color: #3A3A3A; font-size: 1em; margin-bottom: 4px; } .card-searcher-filters .addresses-row .content-input .dropdown-menu .custom-typeahead__address { color: #707070; font-size: 0.875em; } .card-searcher-filters .destination-row { width: 80%; display: flex; position: relative; } .card-searcher-filters .destination-row st-autocomplete { display: block !important; width: 100%; } .card-searcher-filters .destination-row .autocomplete-selector { width: 80%; } .card-searcher-filters .destination-row .content-input .dropdown-menu { border-radius: 10px; margin-top: 4px; } .card-searcher-filters .destination-row .content-input .dropdown-menu li a { border-radius: 10px; height: 40px; } .card-searcher-filters .destination-row .content-input .dropdown-menu li a i { color: #161643; font-size: 1em; padding-right: 12px; } .card-searcher-filters .destination-row .content-input .dropdown-menu li a span { color: #3A3A3A; font-size: 1.125em; } .card-searcher-filters .activities-top-row { width: 80%; display: flex; position: relative; } .card-searcher-filters .activities-top-row .autocomplete-selector { width: 70%; } .card-searcher-filters .activities-top-row .autocomplete-selector .div-input-v2 { border-radius: 28px; } .card-searcher-filters .activities-top-row .autocomplete-selector .div-input-v2 .content-input .content-tags__full { width: 100%; } .card-searcher-filters .activities-top-row .autocomplete-selector .div-input-v2 .content-input__item { margin-left: 8px; } .card-searcher-filters .activities-top-row .autocomplete-selector .div-input-v2 .content-input .dropdown-menu { border-radius: 10px; margin-top: 4px; } .card-searcher-filters .activities-top-row .autocomplete-selector .div-input-v2 .content-input .dropdown-menu li a { border-radius: 10px; height: 40px; } .card-searcher-filters .activities-top-row .autocomplete-selector .div-input-v2 .content-input .dropdown-menu li a em { color: #161643; font-size: 1em; padding-right: 12px; } .card-searcher-filters .activities-top-row .autocomplete-selector .div-input-v2 .content-input .dropdown-menu li a span { color: #3A3A3A; font-size: 1.125em; } .card-searcher-filters .activities-top-row .date-selector .div-input-v2 { border: none; height: 55px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; background-color: #fff; border-top-right-radius: 28px; border-bottom-right-radius: 28px; } .card-searcher-filters .activities-top-row .date-selector .div-input-v2:before { content: ""; position: absolute; left: 0; top: 50%; transform: translate(0%, -50%); height: 65%; width: 1px; background: #D6D8DC; } .card-searcher-filters .content-input__calendar-icon { color: #161643; font-size: 1.125em; } .card-searcher-filters .content-input__item-calendar { font-weight: 400; color: #3A3A3A; text-align: center; font-size: 1.125em; } .card-searcher-filters .autocomplete-selector .div-input-v2 { height: 55px; background-color: #fff; border: none; border-radius: 28px; } .card-searcher-filters .autocomplete-selector .icon-container { text-align: center; align-items: center; } .card-searcher-filters .autocomplete-selector .icon-container .content-input__icon { font-size: 1.125em; } .card-searcher-filters .autocomplete-selector.origin .div-input-v2 { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 1px solid #D6D8DC; } .card-searcher-filters .autocomplete-selector.destination .div-input-v2 { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-searcher-filters .autocomplete-selector.destination .icon-container { display: none; } .card-searcher-filters .autocomplete-selector.destination .content-input__item { padding-left: 16px; } .card-searcher-filters .autocomplete-selector.destination .circle-icon { margin-left: 16px; padding: 0 8px; margin-right: -8px; } .card-searcher-filters .autocomplete-selector .circle-icon { align-items: center; } .card-searcher-filters .tamt-styles .div-input-v2 { border-radius: 28px; } .card-searcher-filters .content-tags { display: flex; white-space: nowrap; } .card-searcher-filters .content-tags .tag { display: flex; align-items: center; border-radius: 20px; border: 1.5px solid #161643; padding: 0.3em 8px; margin-left: 8px; border: solid 2px #909Da7; background-color: #F1F1F1; } .card-searcher-filters .content-tags .tag span { color: #161643; margin-left: 8px; } .card-searcher-filters .content-tags .tag .removeDiv { margin-right: 8px; } .card-searcher-filters .content-tags .tag i.st-close { font-size: 0.75em; margin-left: 8px; color: #1D1D53; } .card-searcher-filters a { font-size: 0.875em; } .card-searcher-filters custom-tagsinput .content-input__item[disabled=disabled] { display: none !important; } .card-searcher-filters .transfer-new-filters .filters-content { padding: unset; } .card-searcher-filters .autocomplete-selector__delete-block { padding: 14px 16px; border-radius: 28px; background-color: #F1F1F1; margin-right: -18px; margin-left: 8px; cursor: pointer; transition: padding 0.2s cubic-bezier(0.345, 0.115, 0.135, 1.42), border-radius 0.2s cubic-bezier(0.345, 0.115, 0.135, 1.42); } .card-searcher-filters .autocomplete-selector__delete-block i { font-size: 0.625em; font-weight: 700; color: #909Da7; } .card-searcher-filters .autocomplete-selector__delete-block span { display: none; overflow: unset; text-overflow: unset; font-size: 0.875em; } .card-searcher-filters .autocomplete-selector__delete-block:hover { margin-right: -25px; margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; padding-top: 18px; padding-bottom: 18px; transition: padding 0.2s cubic-bezier(0.345, 0.115, 0.135, 1.42), border-radius 0.2s cubic-bezier(0.345, 0.115, 0.135, 1.42); } .card-searcher-filters .autocomplete-selector__delete-block:hover i { margin-right: 4px; } .card-searcher-filters .autocomplete-selector__delete-block:hover span { display: block; } .card-searcher-filters .error-tooltip { z-index: 9; } .change-directions { display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; transform: translate(-50%, 15%); background: #fff; border-radius: 50%; height: 43px; width: 43px; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.15), 0 0 6px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.15), 0 0 6px 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.15), 0 0 6px 3px rgba(0, 0, 0, 0.15); z-index: 1; } .change-directions:hover { cursor: pointer; } .change-directions:hover i { color: #1D1D53 !important; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; } .change-directions i { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; } .error-tooltip { position: absolute; max-width: 100%; z-index: 1; } .error-tooltip--bottom { left: 0; top: 100%; margin-top: 4px; } .error-tooltip--bottom .error-tooltip__msg { margin-top: 5px; } .error-tooltip--top { right: 0; bottom: 100%; margin-bottom: 4px; } .error-tooltip--top .error-tooltip__msg { margin-bottom: 5px; } .error-tooltip__arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .error-tooltip__arrow--up { top: 0; left: 11px; border-bottom-color: #fdf4e0; border-width: 0 5px 5px; } .error-tooltip__arrow--down { bottom: 0; right: 11px; border-top-color: #fdf4e0; border-width: 5px 5px 0; } .error-tooltip__icon { font-style: normal; font-family: "fontservantrip" !important; margin-right: 4px; color: #FABE00; } .error-tooltip__icon:before { content: "\e9f5"; } .error-tooltip__msg { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.07); border-radius: 3px; background-color: #fdf4e0; padding: 4px 8px; font-size: 0.875em; display: flex; } .error-tooltip__msg span { display: flex; align-items: center; font-size: 1em; } .filter-style__show-filter { height: 40px; min-width: 111px; margin: 0 8px; padding: 0 18px 0 18px; border-radius: 20px; background-color: #161643; display: flex; align-items: center; justify-content: center; color: #909Da7; cursor: pointer; } .filter-style__show-filter:hover { background-color: #323259; } .filter-style__show-filter .st-filter-2 { color: #FFFFFF; margin-right: 8px; } .filter-style--first { background-color: #FFFFFF !important; border-bottom: 1px solid #d9d9d9; height: 90px; } .filter-style--first, .filter-style--tags { border-bottom: none !important; } .filter-style--container-first { background-color: #FFFFFF !important; border-bottom: 1px solid #d9d9d9; padding: 16px 0; margin-top: 32px; } .filter-style--container-tags { background-color: #F1F1F1; padding: 16px 0 0 0; min-height: 72px; } .filter-style--no-width { width: 0 !important; } .filter-style__overflow-button { height: 40px; padding: 9px 11px 9px 11px; border-radius: 20px; background-color: rgba(144, 157, 167, 0.16); display: flex; align-items: center; white-space: nowrap; color: #3A3A3A; margin-left: 8px; margin-right: 12px; cursor: pointer; } .filter-style__tag-separator { margin-right: 12px; } .filter-style__st-minifilter { color: #FFFFFF; } .filter-style__filter-text { color: #FFFFFF; font-size: 0.875em; font-weight: 500; } .filter-style__filter-number { color: #FFFFFF; font-size: 0.75em; font-weight: 500; margin-left: 4px; background-color: rgba(255, 255, 255, 0.25); width: 20px; height: 20px; padding: 3px 5px 5px 6px; border-radius: 13.5px; display: none; } .filter-style__buttons-filters { display: flex; align-items: center; width: 100%; justify-content: space-between; } .filter-style__results { font-size: 1.125em; color: #3A3A3A; } .filter-style__all-tags { display: flex; width: 100%; margin-top: 8px; margin-bottom: 8px; } .filter-style__buttons { display: flex; } .filter-style__buttons .btn-s { border: solid 2px transparent; border-radius: 20px; height: 40px; display: flex; align-items: center; font-size: unset; } .filter-style__buttons .btn-s i { color: #909Da7; margin-right: 8px; margin-bottom: 4px; font-size: 1.125em; } .filter-style__buttons .btn-s span { color: #3A3A3A; font-weight: 500; } .filter-style__buttons .btn-s:hover { border: solid 2px #161643; background: #F1F1F1; } .filter-style__buttons .btn-s:hover span, .filter-style__buttons .btn-s:hover i { color: #161643; } .filter-style__buttons .btn-s--active { border: solid 2px #161643; background: #FFFFFF; } .filter-style__buttons .btn-s--active span, .filter-style__buttons .btn-s--active i { color: #161643; } .filter-style__buttons .alternative-btn:active { color: #161643; background: #F1F1F1; } .filter-style__filter-separator { border-bottom: 1px solid #D6D8DC; margin-top: 8px; margin-bottom: 8px; } .filter-style__selected-text { opacity: 1; color: #3A3A3A; font-weight: 500; font-size: 0.875em; } .filter-style__tag-bar { display: flex; overflow-x: hidden; } .filter-style__deleteall-button { height: 40px; padding: 12px 14px 11px 17px; border-radius: 20px; border: solid 1px #909Da7; display: flex; align-items: center; justify-content: space-evenly; cursor: pointer; white-space: nowrap; } .filter-style__deleteall-button:hover { background-color: rgba(144, 157, 167, 0.16); } .filter-style__deleteall-button:active { background-color: #161643; } .filter-style__deleteall-button .filter-style__deleteall-text:active { color: #FFFFFF; } .filter-style__deleteall-text { font-size: 0.875em; font-weight: 500; color: #3A3A3A; } .filter-style__modal-filter { width: 489px; position: fixed; top: 0; right: -489px; background: #FFFFFF; height: 100vh; z-index: 31; transition: right, 0.2s linear; } .filter-style__modal-filter--open { right: 0 !important; box-shadow: -5px 0 20px 0 rgba(0, 0, 0, 0.12); } .filter-style__backdrop { visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-height: 100vh; background: #000000; opacity: 0; transition: opacity 0.2s ease-in-out; z-index: 30; } .filter-style__backdrop--open { opacity: 0.5 !important; transition: opacity 0.2s ease-in-out; } .filter-style__backdrop--show { visibility: visible; } .filter-style--nomobile { display: none !important; } .filter-style__header-filter { display: flex; height: 80px; margin: 0 0 4px; padding: 10px 76px 5px 55px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); background-color: #FFFFFF; align-items: center; justify-content: space-between; } .filter-style__header-title { font-size: 1.125em; font-weight: 500; color: #3A3A3A; line-height: 1.11; } .filter-style__header-selected { font-size: 0.875em; font-weight: 500; color: #3A3A3A; line-height: 1.11; } .filter-style__header-close { cursor: pointer; color: #909Da7; } .filter-style__body { display: flex; flex-direction: column; overflow-y: auto; height: calc(100vh - 160px); /* Hover y Click Barra scroll */ /* Espacio Barra */ /* Espacio Barra Hover y Click */ padding: 0px 72px 24px 55px; } .filter-style__body::-webkit-scrollbar { width: 18px; } .filter-style__body::-webkit-scrollbar-thumb { background: #1D1D53; border-radius: 50px; border: 5px solid #ffffff; } .filter-style__body::-webkit-scrollbar-thumb:hover, .filter-style__body html::-webkit-scrollbar-thumb:active { background: rgba(29, 29, 83, 0.8); } .filter-style__body::-webkit-scrollbar-track { background: #ffffff; } .filter-style__body::-webkit-scrollbar-track:hover, .filter-style__body html::-webkit-scrollbar-track:active { background: #ffffff; } .filter-style__search .div-input-v2 { margin-top: 16px; } .filter-style__dropdown-filter { cursor: pointer; display: flex; align-items: center; justify-content: space-between; } .filter-style__dropdown-title { font-size: 1em; font-weight: 700; color: #3A3A3A; } .filter-style__multiselect-container { position: relative; } .filter-style__loading-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.5); display: flex; align-items: center; justify-content: center; } .filter-style__loading-overlay .saving span { font-size: 0.6em; } .filter-style__separator { border-bottom: 1px solid #D6D8DC; margin-top: 24px; margin-bottom: 24px; } .filter-style__base { margin-top: 24px; } .filter-style__content { padding: unset !important; overflow: unset !important; overflow-x: hidden !important; overflow-y: auto !important; margin-bottom: 40px; } .filter-style--last-item { margin-bottom: -16px !important; } .filter-style__checkbox { justify-content: space-between; width: 100%; } .filter-style__checkbox span::first-letter { text-transform: uppercase; } .filter-style__checkbox .content-checkbox__label:before { margin-right: 0px !important; } .filter-style__checkbox-content { display: flex; align-items: center; } .filter-style__checkbox-content .content-checkbox__checkbox:checked + .content-checkbox__label:before { background: #009EFF !important; border: 1px solid !important; } .filter-style__checkbox-bullet { font-size: 0.625em; font-weight: 500; margin-right: 16px; background-color: #F1F1F1; padding: 2px 8px; border-radius: 8px; } .filter-style__filter-checkbox { /*margin-bottom: $padding-base;*/ } .filter-style__filter-checkbox .div-checkbox .content-checkbox { margin: unset !important; } .filter-style__filter-checkbox-addon { margin-left: 8px; background-color: #009EFF; font-weight: 500; padding: 2px 6px 2px 6px; border-radius: 5px; color: #fff; text-transform: uppercase; font-size: 11px; } .filter-style__footer { background-color: #FFFFFF; width: 100%; position: absolute; bottom: 0; box-shadow: -5px 0 20px 0 rgba(0, 0, 0, 0.12); padding: 16px; display: flex; align-items: center; justify-content: space-around; } .filter-style__clear-text { font-size: 1em; color: #909Da7; cursor: pointer; } .filter-style__btn-apply { width: 196px; height: 48px; font-size: 1em; } .filter-style__btn-apply .saving span { color: white !important; } .filter-style__showmemore-button { cursor: pointer; margin-top: 12px; } .filter-style__show-more { font-size: 0.875em; line-height: 1.45; } .filter-style__angle-icon { font-size: 0.5em !important; margin-left: 4px; } .filter-style__more-filters { display: flex; flex-direction: column; margin-top: 12px; } .filter-style__multi-selector--nqf { margin-top: 24px; } .filter-style__multi-selector--is-alone .date-selector, .filter-style__multi-selector--is-alone .time-selector { width: unset !important; padding-right: unset !important; } .filter-style__multi-selector .date-selector, .filter-style__multi-selector .time-selector { width: 43%; } .filter-style__multi-selector .date-selector .div-input-v2 .content-input__icon-alt, .filter-style__multi-selector .time-selector .div-input-v2 .content-input__icon-alt { margin-left: unset; } .filter-style__multi-selector .date-selector .div-input-v2 input, .filter-style__multi-selector .time-selector .div-input-v2 input { color: #3A3A3A; } .filter-style__multi-selector .date-selector .div-input-v2 input::placeholder, .filter-style__multi-selector .time-selector .div-input-v2 input::placeholder { color: #707070; } .filter-style__multi-selector .date-selector { margin-top: 16px; padding-right: 4px; } .filter-style__multi-selector .date-selector .div-input-v2 .content-input { white-space: nowrap; opacity: 0.8; } .filter-style__multi-selector .date-selector .div-input-v2 .calendar-div .datepicker-inline { width: 350px !important; } .filter-style__multi-selector .date-selector .div-input-v2 .calendar-div .datepicker-inline .datepicker--nav-title i { line-height: unset; } .filter-style__multi-selector .date-selector .div-input-v2 .calendar-div .datepicker-inline .datepicker--cells-days .datepicker--cell { height: 44px; } .filter-style__multi-selector .date-selector .div-input-v2 .calendar-div .datepicker-inline .datepicker--cells-days .-disabled- .day { margin-bottom: 0 !important; } .filter-style__multi-selector .date-selector .div-input-v2 .calendar-div .datepicker-inline .datepicker--cells-days .-other-month- .day { color: #A2A2A2; } .filter-style__multi-selector .time-selector { margin-top: 16px; padding-left: 4px; } .filter-style__multi-selector .time-selector .base-selector { width: 208%; min-width: unset; max-width: unset; } .filter-style__multi-selector .filter-style__trash-button { display: flex; align-items: center; margin-left: 8px; margin-top: 16px; } .filter-style__multi-selector .filter-style__trash-button button { border-radius: 20px; min-width: unset; } .filter-style__multi-selector .filter-style__trash-button button i { color: #909Da7; } .filter-style__blue-text-block { margin-top: 16px; display: flex; cursor: pointer; width: fit-content; } .filter-style__blue-text-block span { color: #009EFF; font-size: 1em; font-weight: 500; } .filter-style__blue-text-block i { color: #009EFF; margin-left: 4px; } .filter-style__people-selector .people-filter--selector { display: flex; align-items: center; justify-content: space-between; color: #3A3A3A; } .filter-style__people-selector .people-filter__item span { color: #3A3A3A; font-weight: 700; } .filter-style__people-selector .people-filter .st-up-angle { font-size: 0.8em; } .filter-style__people-selector .base-selector { width: unset; min-width: unset; box-shadow: unset; position: unset; } .filter-style__people-selector .base-selector__header { display: none; } .filter-style__people-selector .base-selector__content { padding: unset; cursor: auto; } .filter-style__people-selector .base-selector__footer { display: none; } .filter-style__people-selector .people-selector__section--separator { border-bottom: unset; } .filter-style__people-selector .people-selector__title { font-weight: 500; } .filter-style__people-selector .people-selector__subtitle { color: #3A3A3A; } .filter-style__people-selector .sum-section .disabled { background-color: rgba(22, 22, 67, 0.3) !important; cursor: not-allowed; } .filter-style__people-selector .sum-section .disabled::after, .filter-style__people-selector .sum-section .disabled::before { background-color: #FFFFFF; } .filter-style__people-selector .alert-info__icon { font-size: 1.125em; color: #3A3A3A; } .filter-style__people-selector .alert-info__msg { color: #3A3A3A; line-height: 1.57; } .filter-style st-multiselect-dropdown .dropdown-filter { display: flex; align-items: center; justify-content: space-between; color: #3A3A3A; } .filter-style st-multiselect-dropdown .dropdown-filter__item { color: #3A3A3A; font-weight: 700; } .filter-style st-multiselect-dropdown .dropdown-filter .st-up-angle { font-size: 0.8em; } .filter-style st-multiselect-dropdown .base-selector { width: unset; min-width: unset; box-shadow: unset; position: unset; overflow: hidden; max-width: unset; } .filter-style st-multiselect-dropdown .base-selector__header { display: none; } .filter-style st-multiselect-dropdown .base-selector__content { padding-left: unset; padding-right: unset; padding-bottom: unset; cursor: auto; margin-bottom: -8px; } .filter-style st-multiselect-dropdown .base-selector__footer { display: none; } .filter-style st-multiselect-dropdown .base-selector .main-section { margin-right: unset; } .filter-style st-multiselect-dropdown .base-selector .main-section .div-checkbox { padding-right: unset; } .filter-style st-multiselect-dropdown .base-selector .main-section .div-checkbox .content-checkbox__label { display: flex; flex-direction: row-reverse; width: 100%; justify-content: space-between; } .filter-style st-multiselect-dropdown .base-selector .main-section .div-checkbox .content-checkbox__label::before { margin-left: 0; margin-right: 0; } .filter-style .error-form-msg { font-weight: 500; margin-top: 4px; } .filter-style .show-dropdown { display: block !important; } .before-searcher { position: fixed; top: 0; left: 0; width: 100%; height: 60px; background: none !important; z-index: 9; } .before-searcher .container { height: 60px; display: flex; align-items: center; justify-content: flex-end; } .before-searcher .container .dropdown-custom { height: auto; position: relative; cursor: pointer; } .before-searcher .container .dropdown-custom__header { display: none; } .before-searcher .container .dropdown-custom__tip-up { width: 0px; height: 0px; position: absolute; background: transparent; border: 10px solid #fff; top: -20px; left: 13px; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } .before-searcher .container .dropdown-custom__selector { height: auto; display: flex; align-items: end; justify-content: center; margin: 16px 16px; } .before-searcher .container .dropdown-custom__list { padding: 8px; } .before-searcher .container .dropdown-custom__item { display: block; width: 100%; padding: 8px 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .before-searcher .container .dropdown-custom__item--active { background-color: #F1F1F1; } .before-searcher .container .dropdown-custom__item:hover { background-color: #F1F1F1; cursor: pointer; } .before-searcher .container .dropdown-custom__item--highlight span { font-weight: 700; } .before-searcher .container .dropdown-custom__item input[type=radio] { display: none; } .before-searcher .container .dropdown-custom__item span { font-size: 0.875em; font-weight: 400; } .before-searcher .container .dropdown-custom__item-icon { font-weight: 700; color: #909Da7; margin-right: 8px; } .before-searcher .container .dropdown-custom__separator { border-top: 1px solid #D6D8DC; width: 100%; } .before-searcher .container .dropdown-custom__title { color: white; font-size: 0.875em; } .before-searcher .container .dropdown-custom__title-icon { color: white; margin-right: 8px; } .before-searcher .container .dropdown-custom .flag-img { width: 20px; margin-right: 8px; } .before-searcher .container .dropdown-custom .dropdown-menu { height: auto; flex-direction: column; background: white; border-radius: 3px; margin: 0; padding: 0; } .before-searcher .container .dropdown-custom .dropdown-menu--wider { width: 240px; } .before-searcher .container .currency-selector { background: none; border: none; color: white; font-size: 0.9em; outline: none; } .before-searcher .container .currency-selector option, .before-searcher .container .currency-selector optgroup { color: #3A3A3A; } .before-searcher .container .shopping-cart { margin: 0 16px; position: relative; cursor: pointer; } .before-searcher .container .shopping-cart .cart-icon { display: flex; align-items: center; justify-content: center; } .before-searcher .container .shopping-cart .cart-icon i { color: white; font-size: 18px; } .before-searcher .container .shopping-cart .cart-icon .num { width: 15px; height: 15px; border-radius: 50%; background-color: #f5ad06; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 15px; right: -10px; } .before-searcher .container .shopping-cart .cart-icon .num span { color: white; font-size: 0.7em; font-weight: bold; line-height: 1em; } .before-searcher .container .content-nav-services { display: flex; align-items: center; justify-content: flex-end; } .before-searcher .container .content-nav-services .nav-services { border: none; } .before-searcher .container .content-nav-services .nav-services li a { color: white; border: none; font-weight: 400; padding: 0 16px; font-size: 0.875em; } .before-searcher .container .content-nav-services .nav-services li a:after { content: none; } .before-searcher .container .content-nav-services .nav-services li.active a { font-weight: 500; border: none; background: transparent; } .before-searcher .container .content-nav-services .nav-services li:hover a, .before-searcher .container .content-nav-services .nav-services li a:focus, .before-searcher .container .content-nav-services .nav-services li a:hover { border: none; background: transparent; } .userdata-section { padding: 16px 16px; display: flex; } .userdata-section__name { font-weight: 700; } .userdata-section__link span { color: #707070; font-size: 0.875em; } .userdata-section__link :hover { cursor: pointer; } .userdata-section .round-initial:before { content: attr(data-letters); display: inline-block; font-size: 22px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; background: #009EFF; vertical-align: middle; margin-right: 8px; color: white; } .section-result { background: #f5f5f5; padding-top: 8em; } .section-result.container { padding-top: 2em; } .section-result .before-result { display: flex; align-items: center; justify-content: space-between; margin: 32px 0 24px 0; } .section-result .before-result--transfer { margin-bottom: 78px; } .section-result .before-result .total-result { display: flex; flex-direction: column; } .section-result .before-result .total-result__msg { font-size: 1.25em; color: #3A3A3A; } .section-result .before-result .total-result__msg-translate { display: flex; align-items: center; font-size: 0.875em; color: #909Da7; padding-top: 4px; } .section-result .before-result .total-result__msg-translate i { color: #A2A2A2; font-size: 1em; margin-right: 4px; } .content-searching { width: 100%; display: flex; align-items: center; flex-direction: column; min-height: 300px; margin: 56px 0 56px 0; } .content-searching--transfer { margin-top: 150px; } .content-searching .saving { margin: 16px 0; } .not-results { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 32px 0 48px; } .not-results__title { font-size: 1.125em; font-weight: 700; color: #3A3A3A; margin: 16px 0; text-align: center; } .not-results__description { text-align: center; } .not-results .general-btn { margin-top: 16px; } /**Cards result purchase process**/ .card-result .content-left { border-right: 1px solid #D6D8DC; width: 75%; display: flex; flex-direction: column; } .card-result .content-right { display: flex; flex-direction: column; width: 25%; padding: 0 1.5em; } .card-result .content-right .logo-provider { background-size: contain; background-repeat: no-repeat; background-position: center; width: 100%; height: 20px; margin-top: 2em; } .card-result .content-right .results-price { padding: 1em 0; text-align: center; } .card-result .content-right .results-price .night { font-size: 0.9em; } .card-result .content-right .results-price .old-price span { font-size: 0.9em; text-decoration: line-through; } .card-result .content-right .results-price .amount { font-size: 1.4em; font-weight: 700; color: #3A3A3A; } .card-result .content-right .results-price .from { font-size: 0.875em; color: #A2A2A2; margin-right: 4px; } .card-result .content-right .results-price .current-price { display: flex; align-items: center; justify-content: center; } .card-result .content-right .results-price .current-price span.discount-quantity { border-radius: 3px; height: 22px; border-radius: 3px; background-color: #fe583d; color: #fff; font-size: 0.75em; padding: 4px; font-weight: 300; display: flex; align-items: center; margin-left: 0.5em; } .card-result .content-right .results-price .current-price .all-offers { display: none; } .card-result .content-right .cancellation { display: flex; align-items: center; justify-content: center; margin-bottom: 0.3em; cursor: pointer; } .card-result .content-right .cancellation span, .card-result .content-right .cancellation i { color: #2b4254; font-size: 0.8em; } .card-result .content-right .cancellation i { margin-left: 0.3em; } .card-result .content-right .tooltip-inner { background-color: #2b4254; } .card-result .content-right .tooltip-inner span { color: white; font-size: 0.8em; } .card-result .content-right .book-now a.general-btn { width: 100%; padding: 0.7em 0.5em; } .card-result.card-apartments .apartament-image { width: 240px; height: 180px; background-size: cover; background-position: center center; } .card-result.card-apartments .apartament-title { display: flex; align-items: center; } .card-result.card-apartments .apartament-title span { font-size: 0.75em; color: #304b5f; text-transform: uppercase; font-weight: 500; } .card-result.card-apartments .title span { font-size: 1.2em; font-weight: 700; color: #424242; } .card-result.card-apartments .highlight-info { display: flex; position: relative; padding: 2em; flex-direction: row; } .card-result.card-apartments .details { display: flex; flex-direction: column; padding-left: 1em; } .card-result.card-apartments .apartament-location { display: block; } .card-result.card-apartments .apartament-location .place { font-weight: 500; } .card-result.card-apartments .apartament-location span { font-size: 0.85em; color: #848689; } .card-result.card-apartments .apartament-location .dot { padding: 0.6em; } .card-result.card-apartments .additional-info { margin-top: auto; } .card-result.card-apartments .additional-info .additional-features .modifier { font-size: 0.9em; color: #848689; } .card-result.card-apartments .additional-info .additional-features .dot { padding: 0.3em; } .card-result.card-apartments .additional-info .features { display: flex; margin-bottom: 0.3em; } .card-result.card-apartments .additional-info .features i { color: #919da6; font-size: 0.95em; padding-right: 0.3em; } .card-result.card-apartments .additional-info .features span { font-size: 0.9em; color: #424242; padding-right: 0.7em; } .card-purchase { background-color: #fff; border-radius: 10px; border: solid 1px #D6D8DC; /**Left**/ /**Right**/ /**New**/ /**For activities and driver by hours**/ } .card-purchase__content-all { display: flex; } .card-purchase__content-all.row { margin: 0; } .card-purchase__content-left { width: 75%; border-right: 1px solid #D6D8DC; display: flex; flex-direction: column; } .card-purchase__section--pd-normal { padding: 32px; } .card-purchase__section--pd-bottom-small { padding: 32px 32px 16px 32px; } .card-purchase__top-block { display: flex; margin-bottom: 24px; } .card-purchase__title-content { margin-bottom: 8px; display: flex; align-items: center; } .card-purchase__translate { font-size: 0.75em; margin-top: 8px; } .card-purchase__title { font-size: 1.125em; color: #3A3A3A; } .card-purchase__main-btn { width: 100%; margin-top: 16px; margin-bottom: 4px; } .card-purchase__main-logo { background-size: contain; background-repeat: no-repeat; background-position: center; width: 100%; height: 20px; margin-bottom: 16px; } .card-purchase__description p { display: none; overflow: hidden; position: relative; max-height: 55px; text-align: justify; font-size: 0.875em; } .card-purchase__description p:first-child { display: block; } .card-purchase__description--truncate p { display: none; overflow: hidden; position: relative; max-height: 55px; text-align: left; font-size: 0.875em; } .card-purchase__description--truncate p:first-child { display: block; } .card-purchase__description--truncate p:before { content: "..."; position: absolute; right: 0; bottom: 0; background: white; } .card-purchase__description--truncate p:after { content: ""; position: absolute; right: 0; width: 16px; height: 16px; background: white; padding-left: 0; } .card-purchase--pd-top { margin-top: 24px; } .card-purchase .srv-feature-container { margin-top: 16px; } .card-purchase .srv-feature-container__meeting-point { display: flex; } .card-purchase .srv-feature-container__meeting-point .srv-feature__text { font-size: 0.813em; } .card-purchase .srv-feature-container__extra-info { display: flex; flex-direction: column; margin-top: -20px; } .card-purchase .srv-feature-container__extra-info a { padding: 0; font-size: 0.875em; color: #009EFF; box-shadow: none; } .card-purchase .srv-feature-container__extra-info a i { font-size: 0.625em; } .card-purchase .srv-feature-container__extra-info span { font-size: 0.875em; margin-top: 0.5em; } .card-purchase__content-right { width: 25%; text-align: center; display: flex; } .card-purchase__content-right .card-purchase__section:first-child { width: 100%; display: flex; flex-direction: column; } .card-purchase__price-container { margin-bottom: 8px; display: flex; align-items: center; justify-content: center; } .card-purchase__price-from { font-size: 0.875em; color: #A2A2A2; align-self: center; margin-right: 4px; } .card-purchase__price-text { font-size: 1.375em; color: #3A3A3A; font-weight: 700; } .card-purchase__price-free { font-size: 1.5em; color: #3A3A3A; font-weight: 700; } .card-purchase__discount-quantity { border-radius: 3px; height: 22px; border-radius: 3px; background-color: #fe583d; color: #fff; font-size: 0.75em; padding: 4px; font-weight: 500; display: flex; align-items: center; margin-left: 8px; } .card-purchase__old-price { font-size: 0.875em; text-decoration: line-through; } .card-purchase__policy { display: flex; align-items: center; justify-content: center; cursor: pointer; } .card-purchase__policy-text { color: #707070; font-size: 0.875em; } .card-purchase__policy-icon { font-size: 0.875em; margin-left: 4px; } .card-purchase__consolidator-resume { margin-top: auto; } .card-purchase__all-offers { margin-top: 24px; text-align: center; } .card-purchase__all-offers:hover { cursor: pointer; } .card-purchase__all-offers span { color: #161643; font-size: 0.875em; } .card-purchase__all-offers i { color: #161643; font-size: 0.625em; } .card-purchase .consolidator-resume__provider { padding: 8px; margin-bottom: 4px; background: #F1F1F1; display: flex; align-items: center; justify-content: space-between; } .card-purchase .consolidator-resume__provider:hover { cursor: pointer; } .card-purchase .consolidator-resume__name { text-transform: uppercase; font-weight: 500; font-size: 0.75em; color: #3A3A3A; } .card-purchase .consolidator-resume__price { font-size: 0.75em; color: #3A3A3A; } .card-purchase .tooltip-inner { background-color: #1D1D53; } .card-purchase .tooltip-inner p { color: #FFFFFF; font-size: 0.75em; } .card-purchase .tooltip-inner p:nth-child(2n) { margin-top: 8px; } .card-purchase .tooltip.bottom .tooltip-arrow { border-bottom-color: #1D1D53; } .card-purchase--activity .card-purchase__img { width: 160px; height: 160px; border-radius: 8px; background-size: cover; background-position: center; flex-shrink: 0; background-image: url(https://media.servantrip.com/resources/img/activities/activity-default-image.png); } .card-purchase--activity .card-purchase__star-reviews { width: auto; display: flex; margin-left: auto; } .card-purchase--activity .card-purchase__resume-info { margin: 0 24px 0 24px; width: 100%; } .card-purchase--activity .card-purchase__bottom-section { border-top: 1px solid #D6D8DC; padding: 16px 32px; margin-top: auto; } .card-purchase--transfer .card-purchase__img, .card-purchase--driver .card-purchase__img { width: 164px; height: auto; display: flex; align-items: center; position: relative; } .card-purchase--transfer .card-purchase__img img, .card-purchase--driver .card-purchase__img img { width: 100%; height: auto; z-index: 1; } .card-purchase--transfer .card-purchase__img:after, .card-purchase--driver .card-purchase__img:after { content: ""; background: #F1F1F1; position: absolute; left: 50%; transform: translate(-50%, 0px); width: 143px; height: 143px; border-radius: 50%; } .card-purchase--transfer .card-purchase__img.premium:after, .card-purchase--driver .card-purchase__img.premium:after { background: #e3ba57; opacity: 0.3; } .card-purchase--transfer .card-purchase__resume-info, .card-purchase--driver .card-purchase__resume-info { flex: 1 0 10%; margin: 0 0 0 32px; } .card-purchase--transfer .card-purchase__bottom-section, .card-purchase--driver .card-purchase__bottom-section { background-color: #F1F1F1; padding: 16px; font-size: 0.875em; margin-top: auto; text-align: center; } .card-purchase--transfer .card-purchase__main-info, .card-purchase--driver .card-purchase__main-info { display: flex; justify-content: space-between; margin-bottom: 24px; } .card-purchase--transfer .card-purchase__duration, .card-purchase--driver .card-purchase__duration { padding-bottom: 24px; text-align: center; color: #A2A2A2; font-size: 0.875em; font-weight: 500; } .card-purchase--transfer .card-purchase__car-number, .card-purchase--driver .card-purchase__car-number { color: #161643; font-size: 0.875em; font-weight: 500; } .card-purchase--transfer .srv-driver-category, .card-purchase--driver .srv-driver-category { margin-bottom: 4px; } .card-purchase .consolidator-item { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; } .card-purchase .consolidator-item:first-child { border-top: 1px solid #D6D8DC; } .card-purchase .consolidator-item__overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100vh; background: rgba(0, 0, 0, 0.2); z-index: 6; } .card-purchase .consolidator-item__all-services { position: absolute; top: 0; right: 0; background: white; height: 100vh; min-height: 100vh; width: 500px; max-width: 100%; z-index: 6; overflow: auto; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4); /* Hover y Click Barra scroll */ /* Espacio Barra */ /* Espacio Barra Hover y Click */ } .card-purchase .consolidator-item__all-services::-webkit-scrollbar { width: 18px; } .card-purchase .consolidator-item__all-services::-webkit-scrollbar-thumb { background: #1D1D53; border-radius: 50px; border: 5px solid #ffffff; } .card-purchase .consolidator-item__all-services::-webkit-scrollbar-thumb:hover, .card-purchase .consolidator-item__all-services html::-webkit-scrollbar-thumb:active { background: rgba(29, 29, 83, 0.8); } .card-purchase .consolidator-item__all-services::-webkit-scrollbar-track { background: #ffffff; } .card-purchase .consolidator-item__all-services::-webkit-scrollbar-track:hover, .card-purchase .consolidator-item__all-services html::-webkit-scrollbar-track:active { background: #ffffff; } .card-purchase .consolidator-item__header { position: relative; padding: 24px; display: flex; justify-content: space-between; align-items: center; } .card-purchase .consolidator-item__header:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #D6D8DC; height: 1px; } .card-purchase .consolidator-item__header-title { display: flex; align-items: center; justify-content: center; color: #3A3A3A; font-weight: 500; font-size: 1.125em; } .card-purchase .consolidator-item__header-close { cursor: pointer; opacity: 0.5; float: right; font-size: 1.25em; font-weight: 700; line-height: 1; color: #000; } .card-purchase .consolidator-item__purchase-selected { display: flex; background-color: #F7F7F7; height: 150px; border-bottom: solid 1px #D6D8DC; } .card-purchase .consolidator-item__service-image { width: 164px; height: auto; display: flex; align-items: center; position: relative; justify-content: center; } .card-purchase .consolidator-item__service-image:after { content: ""; background: #909Da7; position: absolute; left: 50%; transform: translate(-50%, 0px); width: 90px; height: 90px; border-radius: 50%; opacity: 0.15; } .card-purchase .consolidator-item__image { width: 75%; height: auto; z-index: 1; } .card-purchase .consolidator-item__main-info { display: flex; flex-direction: column; margin-top: 32px; } .card-purchase .consolidator-item__title-content { margin-bottom: 8px; display: flex; align-items: center; } .card-purchase .consolidator-item__title { font-size: 1em; color: #3A3A3A; } .card-purchase .consolidator-item__description p { display: none; overflow: hidden; position: relative; max-height: 55px; text-align: justify; font-size: 0.875em; } .card-purchase .consolidator-item__description p:first-child { display: block; } .card-purchase .consolidator-item__service { display: flex; align-items: center; justify-content: space-between; width: 100%; position: relative; padding: 32px; border-bottom: solid 1px #D6D8DC; } .card-purchase .consolidator-item__options { display: flex; flex-direction: column; height: 100%; width: 100%; } .card-purchase .consolidator-item__logo-provider { width: 100px; height: 20px; background-position: left; background-size: contain; margin-right: 32px; background-repeat: no-repeat; margin-bottom: 8px; } .card-purchase .consolidator-item__info { margin-bottom: 12px; flex: 1; } .card-purchase .consolidator-item__details { margin-bottom: 8px; display: flex; } .card-purchase .consolidator-item__details span { color: #3A3A3A; font-size: 0.875em; font-weight: 500; } .card-purchase .consolidator-item__meeting-point { margin-bottom: 8px; display: flex; } .card-purchase .consolidator-item__details-icon { display: flex; align-items: center; } .card-purchase .consolidator-item--suitcase { margin-left: 12px; } .card-purchase .consolidator-item__modifiers { margin-bottom: 8px; } .card-purchase .consolidator-item__modifiers div { display: inline; } .card-purchase .consolidator-item__modifiers div span { font-size: 0.875em; } .card-purchase .consolidator-item__reservation { display: flex; justify-content: space-between; } .card-purchase .consolidator-item__waiting-time { display: flex; align-items: center; width: fit-content; } .card-purchase .consolidator-item__waiting-time span { font-size: 0.875em; } .card-purchase .consolidator-item__info-o { color: #909Da7; padding: 3px 6px 3px 5px; font-size: 0.875em; } .card-purchase .consolidator-item__prices-cancelation { /**/ } .card-purchase .consolidator-item__prices { display: flex; align-items: center; } .card-purchase .consolidator-item__old-price { font-size: 0.75em; text-decoration: line-through; margin-left: 4px; } .card-purchase .consolidator-item__quantity { font-weight: 700; font-size: 1em; align-self: flex-end; color: #3A3A3A; } .card-purchase .consolidator-item__quantity-discount { border-radius: 3px; background-color: #fe583d; color: #fff; font-size: 0.75em; padding: 4px; margin-right: 4px; font-weight: 500; padding-bottom: 1px; padding-top: 1px; } .card-purchase .consolidator-item__cancellation { align-self: flex-end; margin-right: 16px; text-align: right; cursor: pointer; display: flex; align-items: center; } .card-purchase .consolidator-item__cancellation span { font-size: 0.813em; } .card-purchase .consolidator-item__tooltip-cancelation { margin-left: 4px; } .card-purchase .consolidator-item__booking { display: flex; height: 40px; padding: 6px 30px 6px 30px; align-items: center; font-size: 0.875em; } .card-purchase .consolidator-item__arrow { display: flex; align-items: center; padding-left: 16px; padding-right: 16px; position: relative; height: 100%; } .card-purchase .consolidator-item__arrow:before { content: ""; position: absolute; left: 0; top: 50%; transform: translate(0%, -50%); height: 65%; width: 1px; background: #D6D8DC; } .card-purchase .consolidator-item__arrow-size { font-size: 0.875em; } .card-purchase .consolidator-item__arrow-size:before { font-size: 0.875em; } .card-purchase .consolidator-services { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-top: 1em; flex-direction: column; } .card-purchase .consolidator-services:first-child { border-top: 1px solid #D6D8DC; } .card-purchase .consolidator-services .service { display: flex; align-items: center; justify-content: space-between; background: #F1F1F1; width: 100%; height: 70px; position: relative; margin-bottom: 1em; } .card-purchase .consolidator-services .service .left { display: flex; align-items: center; height: 100%; padding-left: 1em; width: 65%; } .card-purchase .consolidator-services .service .left .logo-provider { width: 150px; height: 2em; background-position: center; background-size: contain; margin-right: 4.5em; background-repeat: no-repeat; } .card-purchase .consolidator-services .service .left .info { flex: 1; } .card-purchase .consolidator-services .service .left .details span { color: #3a3a3a; font-size: 0.9em; font-weight: 500; } .card-purchase .consolidator-services .service .left .modifiers div { display: inline-block; } .card-purchase .consolidator-services .service .left .modifiers div span { color: #919da6; font-size: 0.9em; } .card-purchase .consolidator-services .service .right { display: flex; align-items: center; position: relative; height: 100%; cursor: pointer; width: 35%; justify-content: flex-end; } .card-purchase .consolidator-services .service .right .star-reviews { margin: 0 1em; } .card-purchase .consolidator-services .service .right .star-reviews .star { width: 13px; height: 13px; } .card-purchase .consolidator-services .service .right .arrow { display: flex; align-items: center; padding-left: 1em; padding-right: 1em; position: relative; height: 100%; } .card-purchase .consolidator-services .service .right .arrow:before { content: ""; position: absolute; left: 0; top: 50%; transform: translate(0%, -50%); height: 65%; width: 1px; background: #D6D8DC; } .card-purchase .consolidator-services .service .right .price { padding-right: 1em; display: flex; align-items: center; justify-content: center; flex-direction: column; } .card-purchase .consolidator-services .service .right .price span { font-size: 0.8em; } .card-purchase .consolidator-services .service .right .price span.amount { color: #4b4b4b; font-weight: 700; font-size: 1em; } .card-purchase .consolidator-services .service .right .price span.old-price { font-size: 0.9em; text-decoration: line-through; } .card-purchase .consolidator-services .service .right .price span.amount span.discount-quantity { border-radius: 3px; background-color: #fe583d; color: #fff; font-size: 0.8em; padding: 4px; font-weight: 300; } .card-purchase .consolidator-services .service .right .cancellation span { color: #3b4254; font-weight: 500; font-size: 0.9em; } .overflow-consolidator { overflow: hidden !important; } .srv-location-resume { display: flex; align-items: center; } .srv-location-resume--pd-bottom { margin-bottom: 8px; } .srv-location-resume__icon { color: #161643; margin-right: 4px; font-size: 0.875em; } .srv-location-resume__text { color: #161643; font-weight: 500; font-size: 0.75em; text-transform: uppercase; } .srv-location-resume__separator { margin-right: 4px; margin-left: 4px; } .srv-location-resume__extra { color: #A2A2A2; font-size: 0.875em; } .srv-feature { display: inline-flex; align-items: center; } .srv-feature__icon { color: #909Da7; margin-right: 8px; font-size: 1.125em; max-width: 20px; } .srv-feature__text { font-size: 0.875em; color: #3A3A3A; } .srv-feature__text--hightlight { font-weight: 500; } .srv-driver-category { position: relative; } .srv-driver-category__text { font-weight: 500; font-size: 0.75em; color: #A2A2A2; text-transform: uppercase; margin-left: 38px; } .srv-driver-category__ribbon:before { content: ""; width: 30px; height: 5px; position: absolute; left: 0; bottom: 50%; transform: translate(0px, 100%); } .srv-driver-category__ribbon.premium:before { background: #f1b72b; } .srv-driver-category__ribbon.business:before { background: #fe5539; } .srv-driver-category__ribbon.standard:before { background: #4bb6ce; } .srv-driver-category__ribbon.economy:before { background: #a78bdb; } .srv-activity-category { font-size: 0.75em; font-weight: 500; color: #161643; text-transform: uppercase; } .srv-feature-container .srv-feature:not(:last-child) { margin-right: 24px; } .srv-waiting-time { display: flex; flex-direction: column; align-items: flex-end; } .srv-waiting-time__to { font-size: 0.75em; } .srv-waiting-time__time { display: flex; align-items: center; } .srv-waiting-time__icon { margin-right: 8px; color: #BFC6CB; font-size: 1.125em; } .srv-waiting-time__main-text { font-size: 1.125em; } .srv-waiting-time__text { font-size: 0.75em; } .srv-waiting-time__icon-help { font-size: 0.75em; } .slider-all-screen { position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 1000; background: #F1F1F1; } .slider-all-screen .navtop { position: fixed; top: 0; left: 0; width: 100%; height: 60px; z-index: 1; background: white; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #D6D8DC; } .slider-all-screen .navtop .logo { height: 80%; display: flex; align-items: center; margin-left: 0.7em; } .slider-all-screen .navtop .logo img { height: 80%; width: auto; } .slider-all-screen .navtop .counter-slider .current { font-size: 1.5em; color: #3A3A3A; } .slider-all-screen .navtop .counter-slider .separator, .slider-all-screen .navtop .counter-slider .total { font-size: 1.2em; } .slider-all-screen .navtop .close-slider { display: flex; align-items: center; height: 100%; } .slider-all-screen .navtop .close-slider .printer { display: flex; align-items: center; height: 100%; padding: 0 16px; position: relative; cursor: pointer; } .slider-all-screen .navtop .close-slider .printer span, .slider-all-screen .navtop .close-slider .printer i { font-size: 0.875em; color: #A2A2A2; } .slider-all-screen .navtop .close-slider .printer i { padding-right: 8px; } .slider-all-screen .navtop .close-slider .printer:after { content: ""; position: absolute; right: 0; top: 50%; transform: translate(0px, -50%); height: 80%; width: 1px; background: #D6D8DC; } .slider-all-screen .navtop .close-slider .close { height: 100%; display: flex; align-items: center; padding: 0 16px; cursor: pointer; } .slider-all-screen .content-items { height: 100%; width: 100%; position: absolute; top: 60px; padding: 0; } .slider-all-screen .content-items .item { padding: 0 135px; height: 100%; background-color: #F1F1F1; position: absolute; top: 0; left: 0; width: 100%; display: flex !important; justify-content: center; } .slider-all-screen .content-items .item:last-child { opacity: 0; visibility: hidden; } .slider-all-screen .content-items .item .scroll-content { overflow: auto; height: calc(100% - 60px); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); max-width: 1170px; /* Hover y Click Barra scroll */ /* Espacio Barra */ /* Espacio Barra Hover y Click */ } .slider-all-screen .content-items .item .scroll-content::-webkit-scrollbar { width: 10px; } .slider-all-screen .content-items .item .scroll-content::-webkit-scrollbar-thumb { background: #1D1D53; border-radius: 50px; border: 2px solid #ffffff; } .slider-all-screen .content-items .item .scroll-content::-webkit-scrollbar-thumb:hover, .slider-all-screen .content-items .item .scroll-content html::-webkit-scrollbar-thumb:active { background: rgba(29, 29, 83, 0.8); } .slider-all-screen .content-items .item .scroll-content::-webkit-scrollbar-track { background: #ffffff; } .slider-all-screen .content-items .item .scroll-content::-webkit-scrollbar-track:hover, .slider-all-screen .content-items .item .scroll-content html::-webkit-scrollbar-track:active { background: #ffffff; } .slider-all-screen .content-items .item .content-item { display: flex; position: relative; min-height: 100%; background: #fff; border-right: 1px solid #D6D8DC; } .slider-all-screen .content-items .item .content-item .left { width: 40%; box-sizing: border-box; border-right: 1px solid #D6D8DC; } .slider-all-screen .content-items .item .content-item .left .img-slider { background-position: center; background-size: cover; height: 352px; } .slider-all-screen .content-items .item .content-item .left .img-slider-icon { display: flex; padding-top: 276px; padding-left: 20px; } .slider-all-screen .content-items .item .content-item .left .img-slider-icon .background { width: 55px; height: 55px; background-color: rgba(0, 0, 0, 0.3); border-radius: 30px; } .slider-all-screen .content-items .item .content-item .left .img-slider-icon .slider-icon { padding-top: 0.5em; padding-left: 0.8em; } .slider-all-screen .content-items .item .content-item .left .img-slider-icon .slider-icon i { color: white; font-size: 1.7em; } .slider-all-screen .content-items .item .content-item .left .current-activity-info { margin: 2em 2.25em; padding-bottom: 1.55em; border-bottom: 1px solid #D6D8DC; } .slider-all-screen .content-items .item .content-item .left .current-activity-info .msg-translate span, .slider-all-screen .content-items .item .content-item .left .current-activity-info .msg-translate i { font-size: 0.75em; color: #a4a6a9; } .slider-all-screen .content-items .item .content-item .left .current-activity-info .title span { font-size: 1.375em; color: #3A3A3A; font-weight: 700; } .slider-all-screen .content-items .item .content-item .left .current-activity-info .description { margin: 1.25em 0; } .slider-all-screen .content-items .item .content-item .left .current-activity-info .categories { display: flex; align-items: center; } .slider-all-screen .content-items .item .content-item .left .current-activity-info .categories span { text-transform: uppercase; color: #161643; font-weight: 500; font-size: 0.75em; margin-left: 0.7em; } .slider-all-screen .content-items .item .content-item .left .current-activity-info .categories i { color: #A2A2A2; font-size: 0.8em; } .slider-all-screen .content-items .item .content-item .left .offers-consolidate .see-more, .slider-all-screen .content-items .item .content-item .left .offers-consolidate .see-less { margin: 0 2.25em; cursor: pointer; } .slider-all-screen .content-items .item .content-item .left .offers-consolidate .see-more span, .slider-all-screen .content-items .item .content-item .left .offers-consolidate .see-less span { color: #2b4254; font-weight: 500; font-size: 0.95em; } .slider-all-screen .content-items .item .content-item .right { width: 60%; border-left: none; background-color: #fff; height: 100%; } .slider-all-screen .content-items .item .content-item .right .info-activity .section { padding: 1.8em; display: flex; } .slider-all-screen .content-items .item .content-item .right .info-activity .section--with-info { flex-direction: column; } .slider-all-screen .content-items .item .content-item .right .info-activity .section--with-info > div:first-child { width: 100%; display: flex; } .slider-all-screen .content-items .item .content-item .right .info-activity .section .title { width: 25%; } .slider-all-screen .content-items .item .content-item .right .info-activity .section .title span { font-weight: 700; color: #3A3A3A; } .slider-all-screen .content-items .item .content-item .right .info-activity .section .title i { display: none; } .slider-all-screen .content-items .item .content-item .right .info-activity .section .content { width: 75%; } .slider-all-screen .content-items .item .content-item .right .info-activity .section .content p, .slider-all-screen .content-items .item .content-item .right .info-activity .section .content li { overflow-wrap: break-word; } .slider-all-screen .content-items .item .content-item .right .info-activity .section .content ul { margin: 0; padding: 0; list-style: none; margin-left: 32px; text-indent: -2.2em; } .slider-all-screen .content-items .item .content-item .right .info-activity .section .content ul li { margin: 0.8em 0 0; } .slider-all-screen .content-items .item .content-item .right .info-activity .section .content ul li:first-child { margin: 0; } .slider-all-screen .content-items .item .content-item .right .info-activity .section .content ul li:before { content: ""; display: inline-block; height: 13px; width: 2em; background-size: contain; background-repeat: no-repeat; background-image: url('data:image/svg+xml;utf8,'); } .slider-all-screen .content-items .item .content-item .right .info-activity .section .content ul li.included:before { background-image: url('data:image/svg+xml;utf8,'); } .slider-all-screen .content-items .item .content-item .right .info-activity .section .content ul li.not-included:before { background-image: url('data:image/svg+xml;utf8,'); } .slider-all-screen .content-items .item .content-item .right .info-activity .section .content p:not(:first-child) { padding: 0; margin: 8px 0 0 0; } .slider-all-screen .content-items .item .content-item .right .info-activity .section.included ul li:before { content: ""; background-image: url('data:image/svg+xml;utf8,'); } .slider-all-screen .content-items .item .content-item .right .info-activity .section.not-included ul li:before { content: ""; background-image: url('data:image/svg+xml;utf8,'); } .slider-all-screen .content-items .item .content-item .right .info-activity .section:nth-child(odd) { background: #F1F1F1; } .slider-all-screen .content-items .item .content-item .right .info-activity .alert-info { background-color: #ecf5ff; border-radius: 6px; margin-top: 12px; } .slider-all-screen .content-items .item .content-item .right .info-activity .alert-info__content { align-items: unset; } .slider-all-screen .content-items .item .content-item .right .info-activity .alert-info__icon:before { content: "\e91d"; } .slider-all-screen .content-items .item .content-item .right .info-activity .alert-info__msg { color: #3A3A3A; } .slider-all-screen .content-items .item .content-item .right .load-error { padding: 2em; display: flex; width: 100%; height: 90%; } .slider-all-screen .content-items .item .content-item .right .load-error .content { display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #F1F1F1; width: 100%; height: 100%; padding: 24px; } .slider-all-screen .content-items .item .content-item .right .load-error .content .title { font-size: 20px; font-weight: bold; color: #3A3A3A; width: 60%; text-align: center; } .slider-all-screen .content-items .item .content-item .right .load-error .content .text { font-size: 1em; width: 60%; text-align: center; margin-top: 2em; } .slider-all-screen .content-items .item .content-item .general, .slider-all-screen .content-items .item .content-item .general-mobile { background: #F1F1F1; padding: 1.8em; display: flex; justify-content: space-between; } .slider-all-screen .content-items .item .content-item .general .info .location, .slider-all-screen .content-items .item .content-item .general-mobile .info .location { display: flex; align-items: center; margin-bottom: 8px; } .slider-all-screen .content-items .item .content-item .general .info .location span, .slider-all-screen .content-items .item .content-item .general-mobile .info .location span { text-transform: uppercase; color: #3A3A3A; font-weight: 500; font-size: 0.875em; margin-left: 0.4em; } .slider-all-screen .content-items .item .content-item .general .info .location i, .slider-all-screen .content-items .item .content-item .general-mobile .info .location i { font-size: 1em; } .slider-all-screen .content-items .item .content-item .general .info .location i:before, .slider-all-screen .content-items .item .content-item .general-mobile .info .location i:before { color: #bfc6cb; font-size: 0.875em; line-height: 1.35em; } .slider-all-screen .content-items .item .content-item .general .info .duration, .slider-all-screen .content-items .item .content-item .general-mobile .info .duration { display: flex; align-items: center; } .slider-all-screen .content-items .item .content-item .general .info .duration span, .slider-all-screen .content-items .item .content-item .general-mobile .info .duration span { color: #3A3A3A; margin-left: 0.4em; } .slider-all-screen .content-items .item .content-item .general .info .duration i, .slider-all-screen .content-items .item .content-item .general-mobile .info .duration i { display: flex; align-items: center; line-height: 1.35em; } .slider-all-screen .content-items .item .content-item .general .info .duration i:before, .slider-all-screen .content-items .item .content-item .general-mobile .info .duration i:before { color: #bfc6cb; font-size: 0.875em; line-height: 1.35em; } .slider-all-screen .content-items .item .content-item .general .star-reviews .star, .slider-all-screen .content-items .item .content-item .general-mobile .star-reviews .star { width: 13px; height: 13px; } .slider-all-screen .content-items .item .content-item .general .star-reviews .star:last-child, .slider-all-screen .content-items .item .content-item .general-mobile .star-reviews .star:last-child { margin: 0; } .slider-all-screen .content-items .item .content-item .general-mobile { display: none; } .slider-all-screen .content-items .item .content-item .general-mobile .info-right { display: flex; flex-direction: column; } .slider-all-screen .content-items .item .content-item .general-mobile .info-right .star-reviews { display: flex; margin-bottom: 8px; justify-content: flex-end; } .slider-all-screen .content-items .item .content-item .content-offers { display: none; } .slider-all-screen .content-items .item .content-item .content-offers.show { margin: 0 2.25em; display: block; -webkit-animation: fade-in 0.7s; -moz-animation: fade-in 0.7s; } .slider-all-screen .content-items .item .content-item .content-offers .offer { margin-bottom: 0.65em; background-color: #F1F1F1; padding: 1.25em; } .slider-all-screen .content-items .item .content-item .content-offers .offer:first-child { margin-top: 1.4em; } .slider-all-screen .content-items .item .content-item .content-offers .offer .info { border-bottom: 1px solid #D6D8DC; padding-bottom: 1.25em; margin-bottom: 1.25em; } .slider-all-screen .content-items .item .content-item .content-offers .offer .info .title span { color: #3A3A3A; font-weight: 700; } .slider-all-screen .content-items .item .content-item .content-offers .offer .info .modifiers span { font-size: 0.9em; color: #3A3A3A; } .slider-all-screen .content-items .item .content-item .content-offers .offer .info .star-reviews { margin: 8px 0 0em; display: inline-block; } .slider-all-screen .content-items .item .content-item .content-offers .offer .info .star-reviews .star { width: 13px; height: 13px; margin-right: 0.2em; } .slider-all-screen .content-items .item .content-item .content-offers .offer .info .star-reviews .star:last-child { margin: 0; } .slider-all-screen .content-items .item .content-item .content-offers .offer .price { display: flex; align-items: center; justify-content: space-between; } .slider-all-screen .content-items .item .content-item .content-offers .offer .price .provider img { max-height: 25px; width: auto; max-width: 75%; } .slider-all-screen .content-items .item .content-item .content-offers .offer .price .value { display: flex; align-items: center; } .slider-all-screen .content-items .item .content-item .content-offers .offer .price .value span { padding-right: 0.7em; font-size: 1.25em; font-weight: 700; color: #3A3A3A; position: relative; } .slider-all-screen .content-items .item .content-item .content-offers .offer .price .value span:after { content: ""; height: 150%; width: 1px; position: absolute; background-color: #D6D8DC; top: 50%; transform: translate(0%, -50%); right: 0; } .slider-all-screen .content-items .item .content-item .content-offers .offer .price .value i { padding-left: 1.25em; font-size: 0.7em; cursor: pointer; } .slider-all-screen .content-items .item .content-item .content-booking { padding: 0.8em 1.8em; border-bottom: 1px solid #D6D8DC; display: flex; align-items: center; } .slider-all-screen .content-items .item .content-item .content-booking .provider img { height: 1.55em; } .slider-all-screen .content-items .item .content-item .content-booking .info-booking { text-align: right; margin-left: auto; margin-right: 1em; } .slider-all-screen .content-items .item .content-item .content-booking .info-booking .price .from { font-size: 0.75em; } .slider-all-screen .content-items .item .content-item .content-booking .info-booking .price .value { font-size: 1.5em; font-weight: 700; color: #3A3A3A; } .slider-all-screen .content-items .item .content-item .content-booking .info-booking .price .free { font-size: 1.5em; color: #3A3A3A; font-weight: 700; } .slider-all-screen .content-items .item .content-item .content-booking .info-booking .price .no-price { /**/ } .slider-all-screen .content-items .item .content-item .content-booking .info-booking .price .no-price__text { font-size: 0.75em; color: #909Da7; } .slider-all-screen .content-items .item .content-item .content-booking .info-booking .price .no-price__text i { opacity: 0.6; font-size: 12px; } .slider-all-screen .content-items .item .content-item .content-booking .info-booking .refund span { font-size: 0.75em; } .slider-all-screen .content-items .item .content-item .content-booking .content-btn { vertical-align: middle; margin-left: 0; } .slider-all-screen .content-items .item .content-item .bottom-mobile { display: none; } .slider-all-screen .content-items .item .content-item .tag-top-margin { position: absolute; top: 12px; left: 12px; } .slider-all-screen .content-items .item .preview-prev, .slider-all-screen .content-items .item .preview-next { position: absolute; top: 50%; width: 400px; height: 140px; background: white; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1); border: 1px solid #D6D8DC; box-sizing: border-box; padding: 1.2em; display: flex; align-items: center; margin-top: -60px; z-index: 1; display: none; } .slider-all-screen .content-items .item .preview-prev:before, .slider-all-screen .content-items .item .preview-next:before { content: ""; position: absolute; top: 0; height: 138px; width: 46px; background: white; } .slider-all-screen .content-items .item .preview-prev .miniature-img, .slider-all-screen .content-items .item .preview-next .miniature-img { background-size: cover; background-repeat: no-repeat; background-position: center; width: 100px; height: 100px; float: left; } .slider-all-screen .content-items .item .preview-prev .preview-title, .slider-all-screen .content-items .item .preview-next .preview-title { padding: 0 1.35em; flex: 1; } .slider-all-screen .content-items .item .preview-prev .preview-title span, .slider-all-screen .content-items .item .preview-next .preview-title span { font-size: 0.875em; font-weight: 500; color: #3A3A3A; } .slider-all-screen .content-items .item.active { opacity: 1; visibility: visible; } .slider-all-screen .content-items .item .preview-next { right: 44px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .slider-all-screen .content-items .item .preview-next:before { right: -46px; } .slider-all-screen .content-items .item .preview-next.out { transform: translate(800px, -50%); } .slider-all-screen .content-items .item .preview-next.in { transform: translate(0px, -50%); transition: all 0.2s; } .slider-all-screen .content-items .item .preview-prev { left: 44px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; flex-direction: row-reverse; } .slider-all-screen .content-items .item .preview-prev:before { left: -44px; } .slider-all-screen .content-items .item .preview-prev.out { transform: translate(-800px, -50%); } .slider-all-screen .content-items .item .preview-prev.in { transform: translate(0px, -50%); transition: all 0.2s; } .slider-all-screen .skeleton-loader span, .slider-all-screen .skeleton-loader li, .slider-all-screen .skeleton-loader p, .slider-all-screen .skeleton-loader .general-btn, .slider-all-screen .skeleton-loader .info-booking, .slider-all-screen .skeleton-loader .star-reviews { background-color: rgb(227, 227, 227); border-radius: 2px; color: transparent !important; animation: animationSkeleton 2s linear infinite; min-height: 100%; } .slider-all-screen .skeleton-loader .star-reviews .star { background: none !important; } .slider-all-screen .skeleton-loader .provider { border-radius: 2px; background-color: rgb(204, 204, 204); animation: animationSkeleton 2s linear infinite; } .slider-all-screen .skeleton-loader .provider img { opacity: 0; } .slider-all-screen .skeleton-loader li { min-height: 1.4em; } .slider-all-screen .skeleton-loader li:before { content: none !important; } .slider-all-screen .skeleton-loader .location, .slider-all-screen .skeleton-loader .duration { background-color: rgb(227, 227, 227); border-radius: 2px; color: rgb(227, 227, 227) !important; animation: animationSkeleton 2s linear infinite; min-height: 1.4em; width: 100px; } .slider-all-screen .skeleton-loader .location i, .slider-all-screen .skeleton-loader .duration i { display: none; } .slider-all-screen .rn-carousel-controls { margin: 0; } .slider-all-screen .rn-carousel-controls .rn-carousel-control { margin: 0; height: 140px; border-radius: 0; border: solid 1px #D6D8DC; background-color: #1D1D53; transform: translate(0, -50%); top: 50%; padding: 16px; display: flex; align-items: center; color: white; cursor: pointer; } .slider-all-screen .rn-carousel-controls .rn-carousel-control:hover { background-color: rgb(42.2053571429, 42.2053571429, 120.7946428571); } .slider-all-screen .rn-carousel-controls .rn-carousel-control.rn-carousel-control-prev { position: absolute; left: 0; z-index: 1; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-left: none; } .slider-all-screen .rn-carousel-controls .rn-carousel-control.rn-carousel-control-prev:before { content: "\e9cc"; font-style: normal; font-family: "fontservantrip" !important; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .slider-all-screen .rn-carousel-controls .rn-carousel-control.rn-carousel-control-next { position: absolute; right: 0; z-index: 1; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-right: none; } .slider-all-screen .rn-carousel-controls .rn-carousel-control.rn-carousel-control-next:before { content: "\e9cb"; font-style: normal; font-family: "fontservantrip" !important; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .slider-all-screen .rn-carousel-controls .rn-carousel-control.rn-carousel-control-next-loading { position: absolute; right: 0; z-index: 1; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-right: none; opacity: 0.7; padding: 0 0.5em; } /*Apartment slider*/ .content-items .item .content-item .right .info-apartament .seasons-section { padding-top: 2.55em; background-color: #f7f7f7; margin-top: 2.55em; padding-left: 2em; padding-right: 1.5em; padding-bottom: 6em; } .content-items .item .content-item .right .info-apartament .seasons-section .lodging-availability { display: flex; align-content: center; } .content-items .item .content-item .right .info-apartament .seasons-section .availability-icon { display: flex; padding-top: 1em; } .content-items .item .content-item .right .info-apartament .seasons-section .availability-icon i { width: 47px; height: 47px; border-radius: 23.5px; background-color: #FABE00; font-size: 1.9em; color: #ffffff; padding-left: 0.25em; padding-top: 0.1em; } .content-items .item .content-item .right .info-apartament .seasons-section .availability-lodging-message { padding: 1.1em 0.5em; } .content-items .item .content-item .right .info-apartament .seasons-section .availability-lodging-message span { font-size: 0.85em; } .content-items .item .content-item .right .info-apartament .seasons-section .availability-lodging-message h4 { font-weight: bold; color: #3A3A3A; font-size: 1.05em; } .content-items .item .content-item .right .info-apartament .seasons-section .title span { font-size: 1.1em; font-weight: bold; color: #4b4b4b; } .content-items .item .content-item .right .info-apartament .seasons-section .filters-container { padding-top: 24px; padding-bottom: 8px; display: flex; flex-wrap: wrap; } .content-items .item .content-item .right .info-apartament .seasons-section .filters-container .filter:not(:first-child) { margin-left: 8px; } .content-items .item .content-item .right .info-apartament .seasons-section .filters-container .calendar-div { right: inherit; left: auto; } .content-items .item .content-item .right .info-apartament .seasons-section .filters-container .base-selector { right: inherit; } .content-items .item .content-item .right .info-apartament .seasons-section .season-box { border-radius: 3px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06); border: solid 1px #d9d9d9; background-color: #ffffff; width: 630px; height: 70px; display: flex; margin-top: 0.7em; cursor: pointer; } .content-items .item .content-item .right .info-apartament .seasons-section .season-box .season-type { width: 560px; margin-top: 0.9em; margin-bottom: 0.95em; padding-left: 1.2em; border-right: solid 1px #d9d9d9; display: inline-block; } .content-items .item .content-item .right .info-apartament .seasons-section .season-box .season-type .season-title span { font-weight: bold; color: #2b4254; font-size: 1em; } .content-items .item .content-item .right .info-apartament .seasons-section .season-box .season-type span { font-size: 0.9em; color: #8f9194; } .content-items .item .content-item .right .info-apartament .seasons-section .season-box i { padding-left: 1.3em; font-size: 1.1em; color: #2b4254; margin-top: 1.3em; } .content-items .item .content-item .right .info-apartament .seasons-section .season-features-container { margin-top: 0.6em; width: 630px; border-radius: 3px; border: solid 1px #d9d9d9; background-color: #ffffff; } .content-items .item .content-item .right .info-apartament .seasons-section .season-features-container .subsection { padding-top: 0.7em; padding-left: 1.2em; padding-bottom: 0.7em; padding-right: 1.1em; } .content-items .item .content-item .right .info-apartament .seasons-section .season-features-container .subsection .title span { font-weight: bold; color: #4b4b4b; } .content-items .item .content-item .right .info-apartament .seasons-section .season-features-container .subsection .title i { font-size: 0.9em; color: #919da6; padding: 0em 0.5em; } .content-items .item .content-item .right .info-apartament .seasons-section .season-features-container .subsection .title .person { font-weight: normal; font-size: 0.9em; } .content-items .item .content-item .right .info-apartament .seasons-section .season-features-container .subsection .content { margin: 1em 0em; } .content-items .item .content-item .right .info-apartament .seasons-section .season-features-container .prices-table { border: solid 1px #d9d9d9; width: 100%; } .content-items .item .content-item .right .info-apartament .seasons-section .season-features-container .prices-table td { border: solid 1px #d9d9d9; padding: 1em 1.3em; } .content-items .item .content-item .right .info-apartament .seasons-section .season-features-container .prices-table td.period { background-color: #f9f9f9; width: 66%; text-align: left; font-size: 0.9em; font-weight: 500; color: #4b4b4b; } .content-items .item .content-item .right .info-apartament .seasons-section .season-features-container .prices-table td.price-day { text-align: center; } .content-items .item .content-item .right .info-apartament .seasons-section .season-features-container .prices-table td.price-day .price { font-size: 1.2em; font-weight: 600; color: #4b4b4b; } .content-items .item .content-item .right .info-apartament .seasons-section .season-features-container .prices-table td.price-day .day { font-size: 0.8em; } .content-items .item .content-item .right .info-apartament .seasons-section .season-box-active { background-color: #2b4254; } .content-items .item .content-item .right .info-apartament .seasons-section .season-box-active .season-type .season-title span { color: #ffffff; } .content-items .item .content-item .right .info-apartament .seasons-section .season-box-active .season-type span { color: #c2cdd5; } .content-items .item .content-item .right .info-apartament .seasons-section .season-box-active i { color: #ffffff; } .content-items .item .content-item .right .info-apartament .seasons-section .season-features-container .subsection .content ul { margin: 0; padding: 0; list-style: none; padding-left: 0.5em; } .content-items .item .content-item .right .info-apartament .seasons-section .season-features-container .subsection .content ul li { padding-bottom: 0.4em; } .content-items .item .content-item .right .info-apartament .seasons-section .season-features-container .subsection .content ul li:before { content: ""; display: inline-block; height: 13px; width: 1em; background-size: contain; background-repeat: no-repeat; background-image: url('data:image/svg+xml;utf8,'); } .content-items .item .content-item .seasons-section .apply-booking { padding: 1.3em 0em; display: flex; align-items: center; float: right; } .content-items .item .content-item .seasons-section .apply-booking .content-btn { vertical-align: middle; margin-left: 0; } .content-items .item .content-item .seasons-section .apply-booking .content-btn .general-btn { padding: 0.8em 2.5em; } .content-items .item .content-item .content-booking .info-booking .price .night { color: #4b4b4b; font-size: 0.9em; font-weight: 500; } .content-items .item .content-item .left .current-apartament-info .apartament-location .address-location { display: flex; margin-bottom: 0.8em; } .content-items .item .content-item .left .current-apartament-info { margin: 2em; padding-bottom: 1.55em; } .content-items .item .content-item .left .current-apartament-info .apartament-title { display: flex; align-items: center; margin-bottom: 0.3em; } .content-items .item .content-item .left .current-apartament-info .apartament-title span { text-transform: uppercase; font-size: 0.85em; font-weight: bold; color: #304b5f; } .content-items .item .content-item .left .current-apartament-info .title span { font-size: 1.38em; font-weight: bold; color: #4b4b4b; } .content-items .item .content-item .left .current-apartament-info .apartament-location { margin-top: 0.5em; align-items: center; } .content-items .item .content-item .left .current-apartament-info .apartament-location i { padding-right: 0.4em; font-size: 0.85em; color: #304b5f; } .content-items .item .content-item .left .current-apartament-info .apartament-location span { font-size: 1em; color: #848689; } .content-items .item .content-item .left .current-apartament-info .apartament-location .place { font-weight: 500; } .content-items .item .content-item .left .current-apartament-info .map { padding: 0.7em 0em; } .content-items .item .content-item .left .current-apartament-info .map a { font-size: 1em; color: #2b4254; } .content-items .item .content-item .left .current-apartament-info .message-container { background-color: #f7f7f7; padding-top: 1.3em; padding-bottom: 1.45em; padding-left: 1.5em; padding-right: 0.9em; } .content-items .item .content-item .left .current-apartament-info .message-container span { font-size: 0.85em; color: #848689; } .content-items .item .content-item .right .info-apartament .features { padding-top: 1.95em; padding-bottom: 0.6em; padding-left: 2em; background: #f5f5f5; } .content-items .item .content-item .right .info-apartament .features .feature { display: inline-block; width: 207px; margin-bottom: 1em; } .content-items .item .content-item .right .info-apartament .features .feature i { font-size: 1em; color: #919da6; padding-right: 0.6em; } .content-items .item .content-item .right .info-apartament .features .feature span { font-size: 1em; color: #424242; padding-right: 0.6em; font-weight: 500; } .content-items .item .content-item .right .info-apartament .section { padding-left: 2em; padding-top: 2.55em; padding-right: 3.6em; } .content-items .item .content-item .right .info-apartament .section .title { margin-bottom: 1em; } .content-items .item .content-item .right .info-apartament .section .title span { font-size: 1.1em; font-weight: bold; color: #4b4b4b; } .content-items .item .content-item .right .info-apartament .bed-section { padding-left: 2em; padding-top: 2.55em; padding-right: 1.5em; } .content-items .item .content-item .right .info-apartament .bed-section .title { margin-bottom: 1em; } .content-items .item .content-item .right .info-apartament .bed-section .title span { font-size: 1.1em; font-weight: bold; color: #4b4b4b; } .content-items .item .content-item .right .info-apartament .bed-section .title .included-item { display: inline-block; width: 180px; margin-right: 1em; margin-bottom: 1.2em; } .content-items .item .content-item .right .info-apartament .bed-section .bed-container { width: 310px; height: 86px; border-radius: 3px; background-color: #f7f7f7; display: inline-block; margin-right: 0.5em; margin-bottom: 0.5em; } .content-items .item .content-item .right .info-apartament .bed-section .bed-container .bed-text { margin-top: 1em; padding-left: 1.3em; } .content-items .item .content-item .right .info-apartament .bed-section .bed-container .bed-text .bed-icon i { font-size: 1.15em; color: #a2afb9; padding-right: 0.3em; } .content-items .item .content-item .right .info-apartament .bed-section .bed-container .bed-text span { font-size: 0.95em; color: #8f9194; } .content-items .item .content-item .right .info-apartament .bed-section .modifiers-container { background-color: #f7f7f7; padding-top: 1.57em; padding-bottom: 0.5em; padding-left: 1.25em; margin-right: 0.5em; } .content-items .item .content-item .right .info-apartament .bed-section .services-subtitle { padding-bottom: 1em; } .content-items .item .content-item .right .info-apartament .bed-section .services-subtitle span { font-weight: bold; color: #4b4b4b; } .content-items .item .content-item .right .info-apartament .bed-section .included { padding-bottom: 1em; padding-left: 1.25em; } .content-items .item .content-item .right .info-apartament .bed-section .included-item { display: inline-block; width: 150px; margin-right: 2.5em; margin-bottom: 1.2em; } .content-items .item .content-item .right .info-apartament .bed-section .included-item i { color: #98a7b2; font-size: 0.99em; padding-right: 0.5em; } /*Image slider full screen (apartments & activities)*/ .slider-all-screen.image-slider { background-color: #ffffff; } .slider-all-screen.image-slider .mobile { display: none; } .slider-all-screen.image-slider .gallery { color: #3A3A3A; font-size: 1.125em; font-weight: 500; } .slider-all-screen.image-slider .navtop-img { position: relative; top: 0; left: 0; height: 60px; z-index: 1; display: flex; align-items: center; background-color: #ffffff; padding-right: 2em; float: right; } .slider-all-screen.image-slider .counter-img-slider { display: flex; height: 55px; margin: 0 0 4px; padding: 10px 21px 5px 16px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; align-items: center; justify-content: space-between; } .slider-all-screen.image-slider .counter-img-slider .current { font-size: 1.5em; color: #3A3A3A; } .slider-all-screen.image-slider .counter-img-slider .total { font-size: 1.2em; } .slider-all-screen.image-slider .image-item { padding: 0 135px; height: 100%; background-color: #ffffff; position: absolute; top: 0; left: 0; width: 100%; display: flex !important; justify-content: center; } .slider-all-screen.image-slider .image-slider-img { object-fit: scale-down; margin-bottom: 130px; } .slider-all-screen.image-slider .rn-carousel-controls .rn-carousel-control { background-color: #F1F1F1; height: 50px; width: 50px; justify-content: center; right: 10px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: solid 1px #D6D8DC; color: #1D1D53; font-size: 0.875em; } .slider-all-screen.image-slider .rn-carousel-controls .rn-carousel-control-prev { border-top-left-radius: 5px; border-bottom-left-radius: 5px; left: 10px; } .sidebar-shopping-cart.show { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 6; } .sidebar-shopping-cart__overlay { visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-height: 100vh; background: #000000; opacity: 0; z-index: 10; transition: opacity 0.2s ease-in-out; } .sidebar-shopping-cart__overlay--open { opacity: 0.5 !important; transition: opacity 0.2s ease-in-out; } .sidebar-shopping-cart__overlay--show { visibility: visible; } .sidebar-shopping-cart .all-shopping-cart { position: fixed; top: 0; right: -470px; background: #FFFFFF; height: 100vh; min-height: 100vh; width: 470px; max-width: 100%; z-index: 11; overflow: hidden; transition: right, 0.2s linear; } .sidebar-shopping-cart .all-shopping-cart--open { right: 0 !important; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4); } .sidebar-shopping-cart .all-shopping-cart--clear-cart { background-color: #F7F7F7; } .sidebar-shopping-cart .all-shopping-cart__delete-alert-open { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sidebar-shopping-cart .all-shopping-cart__header { position: relative; padding: 24px; display: flex; align-items: center; justify-content: space-between; background: #FFFFFF; min-height: 68px; } .sidebar-shopping-cart .all-shopping-cart__header:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #D6D8DC; height: 1px; } .sidebar-shopping-cart .all-shopping-cart__title { display: flex; align-items: center; justify-content: center; } .sidebar-shopping-cart .all-shopping-cart__title h2 { margin: 0; font-size: 1.125em; color: #3A3A3A; } .sidebar-shopping-cart .all-shopping-cart__title i { margin-right: 8px; font-size: 1.1em; color: #BFC6CB; } .sidebar-shopping-cart .all-shopping-cart__added-msg { display: none; padding: 4px; background-color: #16B788; color: white; text-align: center; margin-top: -8px; font-size: 0.75em; font-weight: 500; position: absolute; width: 100%; align-items: center; justify-content: center; transition: 0.3s; } .sidebar-shopping-cart .all-shopping-cart__added-msg i { margin-right: 4px; } .sidebar-shopping-cart .all-shopping-cart__added-msg.show { display: flex; } .sidebar-shopping-cart .all-shopping-cart__purchase-resume { background-color: #FFFFFF; position: absolute; z-index: 10; bottom: 0; width: 100%; box-shadow: -5px 0 20px 0 rgba(0, 0, 0, 0.12); display: flex; } .sidebar-shopping-cart .all-shopping-cart__purchase-resume .icon-tooltip__button { width: 50px; height: 40px; display: flex; align-items: center; justify-content: center; margin: 0 16px 0 0; } .sidebar-shopping-cart .all-shopping-cart__purchase-resume .icon-tooltip__cross { width: 45px; height: 40px; } .sidebar-shopping-cart .all-shopping-cart__purchase-resume .icon-tooltip__cross i { font-size: 11px; font-weight: bold; } .sidebar-shopping-cart .all-shopping-cart__purchase-resume .delete-alert-container { width: 160px !important; margin-right: -160px !important; } .sidebar-shopping-cart .all-shopping-cart__purchase-resume .delete-alert-container--show-delete { margin-right: 0 !important; } .sidebar-shopping-cart .all-shopping-cart__purchase-resume .general-btn { height: 48px; } .sidebar-shopping-cart .all-shopping-cart__price-block { width: 100%; padding: 24px; } .sidebar-shopping-cart .all-shopping-cart__buttons { display: flex; align-items: center; margin-top: 16px; } .sidebar-shopping-cart .all-shopping-cart__buttons .icon-tooltip__button { background-color: #f1f1f1; } .sidebar-shopping-cart .all-shopping-cart__buttons .icon-tooltip__button i { color: #909da7; } .sidebar-shopping-cart .all-shopping-cart__buttons .general-btn { width: 100%; /*margin-top: $padding-small-1;*/ } .sidebar-shopping-cart .all-shopping-cart__buttons .alternative-btn { width: 100%; margin-top: 1em; margin-right: 0.5em; } .sidebar-shopping-cart .all-shopping-cart__buttons .delete-all { width: 100%; display: flex; align-items: baseline; justify-content: center; color: #A2A2A2; margin-top: 16px; } .sidebar-shopping-cart .all-shopping-cart__buttons .delete-all span, .sidebar-shopping-cart .all-shopping-cart__buttons .delete-all i { color: #A2A2A2; font-size: 0.875em; margin-right: 4px; } .sidebar-shopping-cart .all-shopping-cart__separator { position: relative; width: 100%; margin-bottom: 16px; border-bottom: 1px solid #D6D8DC; } .sidebar-shopping-cart .all-shopping-cart__separator div { border-bottom: 1px solid #D6D8DC; border-right: 1px solid #D6D8DC; width: 20px; height: 20px; background: white; transform: rotate(45deg) translate(-50%, 0); position: absolute; bottom: -18px; left: 50%; } .sidebar-shopping-cart .all-shopping-cart__list-products { overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 273px); width: 100%; z-index: 9; position: relative; /* Hover y Click Barra scroll */ /* Espacio Barra */ /* Espacio Barra Hover y Click */ } .sidebar-shopping-cart .all-shopping-cart__list-products::-webkit-scrollbar { width: 18px; } .sidebar-shopping-cart .all-shopping-cart__list-products::-webkit-scrollbar-thumb { background: #1D1D53; border-radius: 50px; border: 5px solid #ffffff; } .sidebar-shopping-cart .all-shopping-cart__list-products::-webkit-scrollbar-thumb:hover, .sidebar-shopping-cart .all-shopping-cart__list-products html::-webkit-scrollbar-thumb:active { background: rgba(29, 29, 83, 0.8); } .sidebar-shopping-cart .all-shopping-cart__list-products::-webkit-scrollbar-track { background: #ffffff; } .sidebar-shopping-cart .all-shopping-cart__list-products::-webkit-scrollbar-track:hover, .sidebar-shopping-cart .all-shopping-cart__list-products html::-webkit-scrollbar-track:active { background: #ffffff; } .sidebar-shopping-cart .all-shopping-cart__clear-cart-overlay { display: none; background: transparent; width: 100%; } .sidebar-shopping-cart .all-shopping-cart__clear-cart-overlay--open { display: block; z-index: 1; position: absolute; height: 100%; } .sidebar-shopping-cart .all-shopping-cart__product { display: flex; overflow-x: hidden; } .sidebar-shopping-cart .all-shopping-cart__product--delete-service { background-color: #F7F7F7; } .sidebar-shopping-cart .all-shopping-cart .product { display: flex; padding: 24px 24px 32px 24px; width: 100%; } .sidebar-shopping-cart .all-shopping-cart .product__img-div { width: 56px; height: 56px; background-size: contain; background-repeat: no-repeat; background-position: center; flex-shrink: 0; margin-left: 0; transition: margin-left 0.2s ease-in-out; } .sidebar-shopping-cart .all-shopping-cart .product__img-div--show-delete { margin-left: -80px !important; transition: margin-left 0.2s ease-in-out; } .sidebar-shopping-cart .all-shopping-cart .product__img-div--cover { background-size: cover; border-radius: 4px; } .sidebar-shopping-cart .all-shopping-cart .product__title { font-weight: 700; color: #3A3A3A; margin-bottom: 8px; } .sidebar-shopping-cart .all-shopping-cart .product__logo { height: 20px; margin-bottom: 16px; } .sidebar-shopping-cart .all-shopping-cart .product__content-div { width: 100%; margin-left: 16px; } .sidebar-shopping-cart .all-shopping-cart .product__imgs { display: flex; justify-content: space-between; } .sidebar-shopping-cart .all-shopping-cart .product__imgs .icon-tooltip { margin-right: 0; transition: margin 0.2s ease-in-out; } .sidebar-shopping-cart .all-shopping-cart .product__imgs .icon-tooltip__cross--active { margin-right: -15px; } .sidebar-shopping-cart .all-shopping-cart .product__inline-separator { padding: 0 4px 0 4px; } .sidebar-shopping-cart .all-shopping-cart .product__inline-separator:after { content: "·"; } .sidebar-shopping-cart .all-shopping-cart .product__details .transfer-title { margin-bottom: 4px; margin-top: 8px; display: flex; align-items: flex-end; } .sidebar-shopping-cart .all-shopping-cart .product__details .transfer-title span { font-weight: 500; color: #909Da7; text-transform: uppercase; font-size: 0.875em; } .sidebar-shopping-cart .all-shopping-cart .product__details .transfer-title i { padding-right: 4px; color: #909Da7; } .sidebar-shopping-cart .all-shopping-cart .product__specific-info { margin-bottom: 8px; } .sidebar-shopping-cart .all-shopping-cart .product__specific-info span { color: #707070; font-size: 0.875em; } .sidebar-shopping-cart .all-shopping-cart .product__property { font-size: 0.875em; } .sidebar-shopping-cart .all-shopping-cart .product__property ng-container { font-size: 14px; font-weight: 700; color: #707070; } .sidebar-shopping-cart .all-shopping-cart .product__property span { font-size: 1em; color: #A2A2A2; } .sidebar-shopping-cart .all-shopping-cart .product__icon { font-size: 14px; } .sidebar-shopping-cart .all-shopping-cart .product__icon.st-marker-o { color: #3d53e2; } .sidebar-shopping-cart .all-shopping-cart .product__icon.st-plane { color: #009EFF; } .sidebar-shopping-cart .all-shopping-cart .product__delete i, .sidebar-shopping-cart .all-shopping-cart .product__delete i:hover { display: flex; justify-content: center; margin-top: 5px; color: #A2A2A2; } .sidebar-shopping-cart .all-shopping-cart .product__price { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; } .sidebar-shopping-cart .all-shopping-cart .product__price .price-resume { display: flex; align-items: center; } .sidebar-shopping-cart .all-shopping-cart .product__price .margin { padding: 4px; background: rgba(31, 157, 212, 0.1); } .sidebar-shopping-cart .all-shopping-cart .product__price .margin span { color: #437691; font-weight: 700; font-size: 0.875em; } .sidebar-shopping-cart .all-shopping-cart .product__price .pvp { margin-left: 8px; } .sidebar-shopping-cart .all-shopping-cart .product__price .pvp span { font-weight: 700; color: #3A3A3A; } .sidebar-shopping-cart .all-shopping-cart .content-prices .num-articles { font-size: 0.875em; } .sidebar-shopping-cart .all-shopping-cart .no-product { display: flex; flex-direction: column; height: 100%; justify-content: center; margin-top: -80px; align-items: center; } .sidebar-shopping-cart .all-shopping-cart .no-product__icon { font-size: 50px; width: 84px; height: 84px; border-radius: 50%; color: #A2A2A2; background-color: rgba(0, 158, 255, 0.1607843137); display: flex; align-items: center; justify-content: center; margin-bottom: 16px; } .sidebar-shopping-cart .all-shopping-cart .no-product__text { color: #A2A2A2; } .sidebar-shopping-cart .all-shopping-cart .close { cursor: pointer; opacity: 0.5; } .sidebar-shopping-cart .all-shopping-cart .delete-alert-container { width: 88px; background-color: #FE5539; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-right: -88px; transition: margin-right 0.2s ease-in-out; } .sidebar-shopping-cart .all-shopping-cart .delete-alert-container:hover { background-color: rgb(254.1281407035, 106.783919598, 82.3718592965); } .sidebar-shopping-cart .all-shopping-cart .delete-alert-container--show-delete { margin-right: 0; transition: margin-right 0.2s ease-in-out; } .sidebar-shopping-cart .all-shopping-cart .delete-alert-container__text { font-size: 0.875em; font-weight: 500; color: #FFFFFF; } .service-book-btn .general-btn { width: 100%; padding: 0.5em 0; font-size: 1.2em; } .modal { padding: 0 !important; margin: 0; } .modal .modal-dialog { width: 816px; } @media (max-width: 767px) { .modal .modal-dialog { width: 100%; height: 100%; margin: 0; } } @media (min-width: 767px) and (max-width: 992px) { .modal .modal-dialog { width: 100%; height: 100%; margin: 0; } } .modal .modal-dialog .modal-content { border-radius: 5px; border-top: 5px solid #1D1D53; border-left: #cecece 1px solid; border-right: #cecece 1px solid; border-bottom: #cecece 1px solid; } @media (max-width: 767px) { .modal .modal-dialog .modal-content .modal-body { padding: 22px 10px; } } .modal .modal-dialog .modal-body, .modal .modal-dialog .modal-padding { padding: 44px 60px 44px; } .has-error .check-element { display: none; opacity: 0; padding-top: 5px; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s; } .has-error .check-element.show { opacity: 1; } .warning-msg { background-color: rgba(254, 85, 57, 0.4); font-size: 0.9em; display: flex; align-items: center; padding: 0.5em 1em; color: #FE5539; } .warning-msg i { margin-right: 0.3em; } .content-input-btn { display: flex; align-items: center; width: 100%; } .content-input-btn .div-input { width: 75%; } .content-input-btn .check-button { height: 40px; flex: 1; text-align: right; } .content-input-btn .check-button .general-btn { min-width: 90%; font-size: 1.2em; } .help-msg { color: #009EFF; font-size: 0.9em; } .help-msg i { font-size: 1em; } .range-button { padding: 0 0.7em; } .location-container { padding-top: 1em; padding-bottom: 1em; border: 1px solid #A2A2A2; border-radius: 4px; } .route { text-align: left; } .route .marker, .route .plane { width: 30px; height: 30px; background: #f9f9f9; font-size: 0.8em; position: absolute; left: 0; top: 0; color: #2b4254; border: 1px solid #d9d9d9; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .route i { margin-right: 0.3em; } .route .origin, .route .destination { height: 30px; } .route .origin p, .route .destination p { color: #3a3a3a; font-weight: 500; text-transform: uppercase; margin-bottom: 0.9em; } .route .origin span, .route .destination span { font-size: 0.9em; color: #3a3a3a; font-weight: 500; } .route .origin span.flight-info, .route .destination span.flight-info { color: #9ba7b0; margin-left: 0.3em; } .route .origin, .route .destination, .route .details-route { position: relative; padding-left: 35px; display: flex; align-items: center; } .route .destination { margin: 0; } .route .details-route { display: block; padding-top: 1em; padding-bottom: 1em; margin: 0.5em 0; } .route .details-route .duration, .route .details-route .distance { display: flex; align-items: center; margin: 0; } .route .details-route .duration { margin: 0 0 0.3em; } .route .details-route .duration:before { content: ""; position: absolute; left: 13px; top: 0; height: 100%; border-left: 3px solid #d8d8d8; } .route .details-route i, .route .details-route span { font-size: 0.9em; } .comments-professional { padding-bottom: 1em; margin: 1em 0; display: flex; align-items: center; flex-direction: column; border-bottom: 1px solid #D6D8DC; text-align: justify; } .comments-professional .checkbutton { align-self: flex-start; } .comments-professional .checkbutton label { margin: 0; } .comments-professional .checkbutton label.lbl-txt:after { content: none !important; } .comments-professional .checkbutton .lbl { position: relative; height: 20px; width: 38px; background: #A2A2A2; border-radius: 100px; border: 1px solid #D6D8DC; cursor: pointer; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .comments-professional .checkbutton .lbl::before { position: absolute; left: -2px; top: -3px; width: 26px; height: 26px; border-radius: 100px; border: 1px solid #D6D8DC; background: #fff; content: ""; box-shadow: 0 0px 0px 1px #ccc; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .comments-professional .checkbutton .lbl:after { font-style: normal; font-family: "fontservantrip" !important; content: "\e9a0"; left: -2px; top: -3px; font-size: 0.7em; color: #707070; position: absolute; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; } .comments-professional .checkbutton .cbx:checked ~ label { border: none; } .comments-professional .checkbutton .cbx:checked ~ label:after, .comments-professional .checkbutton .cbx:checked ~ label:before { left: 14px; background: white; } .comments-professional .checkbutton .cbx:checked ~ label:after { content: "\e9a1"; color: #009EFF; background: transparent; width: 26px; height: 26px; font-weight: 900; font-size: 1em; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .comments-professional .checkbutton .lbl-txt { vertical-align: top !important; padding-left: 4px; cursor: pointer; } .comments-professional .notes-textarea { min-height: 100px; resize: none; } .input-underline { border-bottom: 2px solid #D6D8DC; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .input-underline:focus-within { border-bottom: 2px solid #009EFF; } .input-underline label { flex: 1 0 100%; } .input-underline .content-input { position: relative; width: 95%; } .input-underline .content-input input { width: 100%; border: none; height: 50px; outline: none; } .input-underline em { width: 5%; } .input-underline .content-input, .input-underline em { height: 50px; display: flex; align-items: center; } .input-underline .intl-tel-input .flag-container { padding: 0; } .input-underline .intl-tel-input .flag-container .selected-flag { background: #D6D8DC; } .input-underline .intl-tel-input .selected-flag .iti-flag { position: relative; margin: 0; } .input-underline .intl-tel-input.allow-dropdown.separate-dial-code .selected-flag { display: flex; align-items: center; } .input-underline .intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code { padding: 0.3em; } .content-textarea { position: relative; } .content-textarea textarea { width: 100%; padding-right: 30px; outline: none; border: 2px solid #D6D8DC; } .content-textarea textarea:focus { border: 2px solid #009EFF; } .content-textarea i { position: absolute; top: 0; right: 0; height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; } .steps-order-filter-data .card { margin-bottom: 1em; } .pagination-platform { display: flex; justify-content: center; align-items: center; width: 100%; } .pagination-platform .later-pages, .pagination-platform .previous-pages { display: flex; } .pagination-platform .later-pages .btn-pagination, .pagination-platform .previous-pages .btn-pagination { background: rgba(0, 158, 255, 0.8); border: 1px solid #000; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } .pagination-platform .later-pages .btn-pagination i, .pagination-platform .later-pages .btn-pagination em, .pagination-platform .previous-pages .btn-pagination i, .pagination-platform .previous-pages .btn-pagination em { font-size: 0.7em; color: white; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; } .pagination-platform .later-pages .btn-pagination:last-child, .pagination-platform .previous-pages .btn-pagination:last-child { margin-left: 0.5em; } .pagination-platform .later-pages .btn-pagination:hover, .pagination-platform .previous-pages .btn-pagination:hover { background: rgba(0, 158, 255, 0.3); } .pagination-platform .pages { padding: 1em; font-weight: 600; color: #000; } /* ANIMATED GLYPHICON - SEARCH */ @keyframes bounceY { 0% { transform: translateY(-205px); } 40% { transform: translateY(-100px); } 65% { transform: translateY(-52px); } 82% { transform: translateY(-25px); } 92% { transform: translateY(-12px); } 55%, 75%, 87%, 97%, 100% { transform: translateY(0px); } } @-webkit-keyframes bounceY { 0% { -webkit-transform: translateY(-205px); } 40% { -webkit-transform: translateY(-100px); } 65% { -webkit-transform: translateY(-52px); } 82% { -webkit-transform: translateY(-25px); } 92% { -webkit-transform: translateY(-12px); } 55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px); } } @-o-keyframes bounceY { 0% { -o-transform: translateY(-205px); } 40% { -o-transform: translateY(-100px); } 65% { -o-transform: translateY(-52px); } 82% { -o-transform: translateY(-25px); } 92% { -o-transform: translateY(-12px); } 55%, 75%, 87%, 97%, 100% { -o-transform: translateY(0px); } } @-webkit-keyframes spin { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); } 100% { -webkit-transform: translate(-50%, -50%) rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes blink { 0% { opacity: 0.2; } 20% { opacity: 1; } 100% { opacity: 0.2; } } @keyframes rippleSuccess { 0% { box-shadow: 0 0 0 0 rgba(22, 183, 136, 0.3), 0 0 0 1px rgba(22, 183, 136, 0.2); } 80% { box-shadow: 0 0 0 0px rgba(22, 183, 136, 0), 0 0 0 10px rgba(22, 183, 136, 0); } } @keyframes rippleError { 0% { box-shadow: 0 0 0 0 rgba(254, 85, 57, 0.3), 0 0 0 1px rgba(254, 85, 57, 0.2); } 80% { box-shadow: 0 0 0 0px rgba(254, 85, 57, 0), 0 0 0 10px rgba(254, 85, 57, 0); } } @keyframes rippleCancel { 0% { box-shadow: 0 0 0 0 rgba(196, 196, 196, 0.3), 0 0 0 1px rgba(196, 196, 196, 0.2); } 80% { box-shadow: 0 0 0 0px rgba(196, 196, 196, 0), 0 0 0 10px rgba(196, 196, 196, 0); } } @keyframes ripplePending { 0% { box-shadow: 0 0 0 0 rgba(250, 190, 0, 0.3), 0 0 0 1px rgba(250, 190, 0, 0.2); } 80% { box-shadow: 0 0 0 0px rgba(250, 190, 0, 0), 0 0 0 10px rgba(250, 190, 0, 0); } } @keyframes changeBGPurchaseHeader { 0% { opacity: 0; transform: scale(0.98); } 100% { opacity: 1; transform: scale(1); } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes animationSkeleton { 0% { background-color: #e3e3e3; color: #e3e3e3; } 50% { background-color: #b1b0b0; color: #b1b0b0; } 100% { background-color: #e3e3e3; color: #e3e3e3; } } .animation-lineal { padding: unset; max-width: 0; overflow: hidden; -webkit-transition: max-width, 0.3s linear; -moz-transition: max-width, 0.3s linear; -ms-transition: max-width, 0.3s linear; -o-transition: max-width, 0.3s linear; transition: max-width, 0.3s linear; } .animation-lineal.animation-out { max-width: 800px; /*overflow: auto;*/ -webkit-transition: max-width, 0.3s linear; -moz-transition: max-width, 0.3s linear; -ms-transition: max-width, 0.3s linear; -o-transition: max-width, 0.3s linear; transition: max-width, 0.3s linear; } .opacityanimation { opacity: 0.3 !important; transition: opacity 0.2s ease-in-out; } .fadeinoutanimation { animation: fadeinout 3s linear 1 forwards; } @keyframes fadeinout { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } #footer .extra-info span { color: #fff; } .btn-toolbar button { height: 50px; width: 80px; } .btn-toolbar button i { color: white; } .info-provider-container i { color: #009EFF; } .st-down-angle { font-size: 0.8em; } .bg-white { background: #fff; } .content-price p strong { font-size: 1em; } .inner-addon.right-addon { position: relative; display: flex; align-items: center; height: 40px; border: 1px solid #A2A2A2; border-radius: 2px; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important; } .inner-addon.right-addon i { color: #009EFF; } .inner-addon.right-addon input, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { border: none; -webkit-box-shadow: 0 0 0px 1000px #f9f9f9 inset; transition: background-color 5000s ease-in-out 0s; } .inner-addon.right-addon em:last-child, .inner-addon.right-addon i:last-child { padding-right: 0.3em; } .text-warning, .text-warning span { color: #cca827; } .text-success, .text-success span { color: #37b53a; } /**Aún no se pueden borrar porque se usan en internos**/ .activities-container { border-radius: 3px; border: solid 1px #d9d9d9; background-color: #ffffff; padding: 1.5em; } .activities-container .title-pickup { color: #3a3a3a; font-weight: 500; font-size: 1em; margin-bottom: 1em; display: flex; align-items: center; } .activities-container .title-pickup .additional-info { color: #3a3a3a; font-size: 0.9em; font-weight: 500; } .activities-container .title-pickup .pickup-info { color: #3a3a3a; font-size: 0.9em; font-weight: 600; padding: 0em 0.4em; } .activities-container .title-pickup i { color: #afb9c1; } .activities-container .select-other-pickup { margin: 1em 0em; } .activities-container .select-other-pickup span { color: #6e6f70; font-size: 0.9em; padding: 0em 0.4em; } .activities-container .div-input-pickup { display: flex; align-items: center; position: relative; padding: 0 0.7em; border-radius: 3px; box-shadow: 0 0 8px 0 rgba(43, 66, 84, 0.5) !important; border: solid 1px #2b4254; background-color: #f9f9f9; } .activities-container .div-input-pickup .content-input { flex-grow: 1; height: 100%; padding: 0.5em 0.7em; } .activities-container .div-input-pickup .content-input input { border: none; background: transparent; width: 100%; height: 100%; font-size: 0.9em; color: #6e6f70; } .activities-container .pickup-written .address { padding: 0.5em 0em; } .activities-container .pickup-written .address span { color: #3a3a3a; font-size: 0.9em; font-weight: 500; padding-right: 0.4em; } .activities-container .pickup-written .address i { color: #9ba7b0; padding-right: 0.2em; } .activities-container .pickup-written a { color: #2b4254; font-size: 0.9em; font-style: italic; border-left: 1px solid #d9d9d9; padding: 0em 0.5em; } .alert-modal-msg .alert-warn__msg { font-size: 1em; color: #3A3A3A; } .additional-data { margin-top: 1em; } .div-input-pickup .content-input ul.dropdown-menu { position: absolute; left: 0 !important; width: 100%; margin: 0; padding: 0; border: none; } .div-input-pickup .content-input ul.dropdown-menu li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; padding: 0.7em; color: #797b7e; background: white; } .div-input-pickup .content-input ul.dropdown-menu li.active a, .div-input-pickup .content-input ul.dropdown-menu li:hover a { color: #2b4254; background-color: #f9f9f9 !important; } #footer.no-active-sidebar { background-color: #fff; display: none !important; } #footer.no-active-sidebar .footer-container__copyright { margin-left: 0.7em !important; } .integration-body.no-active-sidebar { display: block !important; } .integration-body .no-login-screen { width: 1170px; } .integration-body .no-login-screen .alerts-control { display: none !important; } .integration-body .no-login-screen--no-header { margin-top: -50px !important; } .integration-body .no-login-screen--b2c { width: 1170px; } .integration-body .no-login-screen--register { width: 1170px; background-color: unset !important; } .integration-body .no-login-screen__full-container { margin-top: 32px; } .integration-body .no-login-screen__container { display: flex; min-height: 700px; } .integration-body .no-login-screen__container .card-box { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .integration-body .no-login-screen__container .card-box--login { width: 50%; min-height: 700px; } .integration-body .no-login-screen__container .card-box__content { padding: 56px 72px; min-height: 629px; } .integration-body .no-login-screen__container .card-box__content--sign-up { height: unset !important; } .integration-body .no-login-screen__container .card-box--customer-register { width: 50%; } .integration-body .no-login-screen__container .card-box--register { width: 70%; } .integration-body .no-login-screen__container .card-box__section img { max-width: 162px; margin-bottom: 32px; } .integration-body .no-login-screen__container .card-box__section .text-center { margin-bottom: 14px; } .integration-body .no-login-screen__container .card-box__footer { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; } .integration-body .no-login-screen__container .card-box__footer a { cursor: pointer; } .integration-body .no-login-screen__container .card-box__footer a:hover { text-decoration: none !important; } .integration-body .no-login-screen__container .card-box__back-to { color: #009EFF; margin-top: 32px; margin-bottom: 88px; display: flex; align-items: center; justify-content: center; } .integration-body .no-login-screen__container .card-box__back-to:hover { text-decoration: none; } .integration-body .no-login-screen__container .card-box__back-to i { font-size: 0.625em; font-weight: 700; margin-right: 4px; margin-top: 2px; } .integration-body .no-login-screen__container .card-box__back-to span { color: #009EFF; } .integration-body .no-login-screen__container .div-checkbox a { color: #009EFF; } .integration-body .no-login-screen__container .div-checkbox a:hover { color: #009EFF; } .integration-body .no-login-screen__container .div-radiobutton .content-radiobutton { margin-right: -24px; } .integration-body .no-login-screen__modal-regpass img, .integration-body .no-login-screen__restore-password img { max-width: 162px; max-height: 40px; display: block; margin: 0px auto 32px auto; } .integration-body .no-login-screen__modal-regpass .card-box, .integration-body .no-login-screen__restore-password .card-box { max-width: 553px; margin-left: auto; margin-right: auto; } .integration-body .no-login-screen__modal-regpass .card-box p, .integration-body .no-login-screen__restore-password .card-box p { margin-top: 16px; margin-bottom: 24px; } .integration-body .no-login-screen__restore-password .card-box__content { padding: 72px 84px !important; } .integration-body .no-login-screen__restore-password .card-box__content__title { font-size: 24px; font-weight: 500; color: #161643; } .integration-body .no-login-screen__restore-password .card-box__content .field .label { font-size: 14px; font-weight: 500; color: #3A3A3A; } .integration-body .no-login-screen .div-checkbox { display: flex; justify-content: center; } .integration-body .no-login-screen .div-input-v2 { background: #F6F9FD; } .integration-body .no-login-screen .div-input-v2 input:focus-visible { outline: none !important; } .integration-body .no-login-screen .div-input-v2 input:-webkit-autofill { -webkit-text-fill-color: #707070; font-size: 1em !important; } .integration-body .no-login-screen .div-input-v2 input:-webkit-autofill:focus, .integration-body .no-login-screen .div-input-v2 input:-webkit-autofill:hover { font-size: 1em !important; } .integration-body .no-login-screen .div-input-v2 input:-webkit-autofill::first-line { font-size: 1em !important; } .integration-body .no-login-screen .div-input-v2 input:autofill { -webkit-text-fill-color: #707070; font-size: 1em !important; } .integration-body .no-login-screen .div-input-v2 input:autofill:focus, .integration-body .no-login-screen .div-input-v2 input:autofill:hover { font-size: 1em !important; } .integration-body .no-login-screen .div-input-v2 input:autofill::first-line { font-size: 1em !important; } .integration-body .no-login-screen__title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; } .integration-body .no-login-screen__title .text-link { align-items: normal; font-size: 0.875em; } .integration-body .no-login-screen__title .text-link:hover { border-bottom: none; margin-bottom: 2px; } .integration-body .no-login-screen__img-container { background-repeat: no-repeat; background-size: 100% auto; background-color: #161643; border-top-right-radius: 10px; border-bottom-right-radius: 10px; position: relative; } .integration-body .no-login-screen__img-container--login { width: 50%; } .integration-body .no-login-screen__img-container--internal { background-color: #c6daf3; } .integration-body .no-login-screen__img-container--customer-register { width: 50%; } .integration-body .no-login-screen__img-container--register { width: 40%; } .integration-body .no-login-screen__login-text, .integration-body .no-login-screen__register-text { position: absolute; font-weight: 500; color: #FFFFFF; } .integration-body .no-login-screen__login-text { top: 59px; left: 65px; width: 343px; font-size: 32px; } .integration-body .no-login-screen__register-text { top: 56px; left: 43px; width: 288px; font-size: 28px; } .integration-body .no-login-screen__url-text { color: #3A3A3A; font-weight: 500; } .integration-body .no-login-screen__footer { margin-top: 32px; } .integration-body .no-login-screen__footer .d-flex a { cursor: pointer; text-decoration: none; } .integration-body .no-login-screen__footer .text-link:hover { border-bottom: unset; text-decoration: none; cursor: pointer; } .integration-body .no-login-screen__footer div { margin-top: 24px; } .integration-body .no-login-screen__footer div a { color: #707070; } .integration-body .no-login-screen__footer div span { margin-right: 12px; margin-left: 12px; } .min-tickets-info { display: flex; margin-left: 8px; max-width: 24px; transition: max-width 0.5s ease-in-out; height: 24px; padding: 3px 6px 6px 6px; border-radius: 6px; background-color: rgba(214, 228, 248, 0.8); } .min-tickets-info--timeout { transition: max-width 0.5s ease-in-out; max-width: 100%; } .min-tickets-info--timeout span { opacity: 1 !important; transition: opacity 0s ease-in-out; transition-delay: 0.6s; } .min-tickets-info i { color: #161643; font-size: 13px; margin-right: 4px; } .min-tickets-info span { opacity: 0; transition: opacity 0s ease-in-out; transition-delay: 0.6s; font-size: 13px; font-weight: 500; color: #161643; } :root { --bezier: cubic-bezier(.3,-0.01,.49,1); } .activity-modal .modal-custom__title { white-space: normal; } .activity-modal .modal-custom__footer { z-index: 2; box-shadow: 0px 0 20px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0 20px rgba(0, 0, 0, 0.2); } .activity-modal .icon-tooltip__button { display: flex; align-items: center; justify-content: center; } .activity-modal .modal-booking-alert { margin-top: 0px; border-radius: 5px; } .activity-modal .modal-booking-alert__icon { font-size: 3.5em; } .activity-modal .modal-booking-alert__title { font-size: 1.25em; margin-bottom: 8px; } .activity-modal .modal-booking-alert__new-date { font-size: 1em; font-weight: 500; color: #009EFF; } .activity-modal .modal-booking-alert__new-date i { font-size: 0.5em; font-weight: 500; color: #009EFF; margin-left: 4px; } .activity-modal .card { border-radius: 6px; } .activity-modal .card--blue { background-color: #161643; } .activity-modal .card--blue .div-input-v2.focus { border: 1px solid #C7C9CE !important; } .activity-modal .card--blue st-double-selector { height: 47px; } .activity-modal .card--blue st-double-selector .content-input__item { font-size: 1.125em; color: #3A3A3A; } .activity-modal .card--blue .label { font-size: 1.125em; color: #FFFFFF; font-weight: 700; } .activity-modal .card--blue input { font-size: 1.125em; max-height: 47px; color: #3A3A3A; cursor: pointer; } .activity-modal .field-option { margin-top: -8px; margin-bottom: -8px; } .activity-modal .field-option .label { font-weight: 700; margin-bottom: 8px; } .activity-modal .field-option__icon { color: #16B788; padding-right: 8px; font-size: 1.125em; } .activity-modal .field-option__text { font-size: 1.125em; font-weight: 700; color: #3A3A3A; } .activity-modal .field-option__icon-edit { color: #161643; margin-left: auto; margin-right: -8px; } .activity-modal .action-list-selector__title { margin-bottom: 16px; } .activity-modal .action-list-selector__title--ml { margin-left: 16px; } .activity-modal .action-list-selector__title-label, .activity-modal .action-list-selector__info-label, .activity-modal .action-list-selector__normal-text { color: #3A3A3A; } .activity-modal .action-list-selector__title-label { font-size: 1.125em; font-weight: 700; } .activity-modal .action-list-selector__info-label { font-size: 0.875em; } .activity-modal .action-list-selector__option { border-radius: unset; border: unset; } .activity-modal .action-list-selector__option--pd-bottom { margin-bottom: 24px; } .activity-modal .action-list-selector__content-block { display: flex; flex-direction: column; width: 100%; } .activity-modal .action-list-selector__separator { height: 1px; margin-top: 24px; margin-bottom: 24px; border-radius: 6px; background-color: #cecece; } .activity-modal .action-list-selector__separator--option-selector { margin-top: 12px; margin-bottom: 12px; } .activity-modal .action-list-selector__separator::after { content: none; } .activity-modal .action-list-selector__name { font-size: 1.125em; } .activity-modal .action-list-selector__name--mb { margin-bottom: 8px; } .activity-modal .action-list-selector__title-option { font-size: 1em; font-weight: 700; color: #3A3A3A; } .activity-modal .action-list-selector__normal-text { font-size: 0.875em; } .activity-modal .action-list-selector__not-alone { width: fit-content; padding: 2px 4px; margin: 4px 0 -2px -4px; } .activity-modal .action-list-selector__not-alone--active { border-radius: 3px; background-color: rgba(250, 192, 0, 0.2); } .activity-modal .action-list-selector__price-block { margin-top: 8px; } .activity-modal .action-list-selector__price { font-size: 1.125em; font-weight: 700; color: #51a0d7; } .activity-modal .action-list-selector__price--ml { margin-left: auto; } .activity-modal .action-list-selector__participant-price { font-size: 0.75em; color: #707070; } .activity-modal .action-list-selector__hl-text { font-size: 1em; flex-direction: row-reverse; justify-content: flex-end; } .activity-modal .action-list-selector__hl-text .tooltip { margin-left: 8px; } .activity-modal .action-list-selector__hl-text .tooltip-arrow { margin-left: -15px !important; } .activity-modal .action-list-selector__hl-text span { margin-left: 8px; } .activity-modal .action-list-selector__sum-section { padding: 16px 0 16px 16px; align-items: unset; background-color: unset; justify-content: flex-end; } .activity-modal .action-list-selector__sum-section .sum-section__item { margin: 0 8px; width: 40px; height: 40px; text-align: unset; border-radius: 6px; border: solid 2px #909da7; display: flex; align-items: center; justify-content: center; } .activity-modal .action-list-selector__sum-section .sum-section__item--zero { border: solid 2px #cecece; } .activity-modal .action-list-selector__sum-section .plus-btn { width: 40px; height: 40px; } .activity-modal .action-list-selector__sum-section .plus-btn--plus::before { height: 12px; } .activity-modal .action-list-selector__sum-section .plus-btn--plus::after { width: 12px; } .activity-modal .action-list-selector__sum-section .plus-btn--minus::after { width: 12px; } .activity-modal .action-list-selector__sum-section .plus-btn.disabled { border-color: transparent !important; background: rgba(29, 29, 83, 0.28) !important; cursor: not-allowed; } .activity-modal .action-list-selector__sum-section .plus-btn.disabled::before, .activity-modal .action-list-selector__sum-section .plus-btn.disabled::after { background-color: #FFFFFF; } .activity-modal .action-list-selector__option-animation { opacity: 0; } .activity-modal .action-list-selector__option-animation--anim { animation: fadeIn var(--bezier) 500ms forwards; } @keyframes fadeIn { 0% { opacity: 0; transform: translateX(-50px); } 75% { opacity: 0.2; } 100% { opacity: 1; transform: translateX(0%); } } .activity-modal .content-book-now__btn:hover .content-book-now__tooltip { cursor: auto; display: flex; flex-direction: column; visibility: visible; position: absolute; bottom: 100px; right: 11px; width: 274px; padding: 17px 17px 17px 17px; border-radius: 6px; background-color: #fff8e1; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.4)); } .activity-modal .content-book-now__btn:hover .content-book-now__tooltip i { color: #FABE00; margin-right: auto; margin-bottom: 8px; margin-top: 8px; } .activity-modal .content-book-now__btn:hover .content-book-now__tooltip span { color: #3A3A3A; text-align: left; font-weight: normal; } .activity-modal .content-book-now__btn:hover .content-book-now__tooltip::after { content: ""; position: absolute; top: 100%; left: 85%; margin-left: -5px; border-width: 13px; border-style: solid; border-color: #fff8e1 transparent transparent transparent; } .activity-modal .content-book-now__tooltip { visibility: hidden; display: none; } .activity-modal .content-book-now__amount { font-size: 1.5em; font-weight: 700; color: #51a0d7; } .activity-modal .content-book-now__text { color: #606060; } .transfer-modal .baggage-selector { cursor: auto; } .transfer-modal .baggage-selector__section-header .baggage-selector__text { color: #3A3A3A; } .transfer-modal .baggage-selector__item-group .plus-btn.disabled { cursor: no-drop; } .transfer-modal .baggage-selector__item-group .baggage-selector__item { align-items: flex-start; } .transfer-modal .baggage-selector__item-group .baggage-selector__title { font-weight: 500; } .transfer-modal .baggage-selector__item-group .baggage-selector__text { margin-top: 4px; } .transfer-modal .baggage-selector__item-group .baggage-selector__content { width: 60%; } .transfer-modal .baggage-selector__item-group .baggage-selector__sum-section { width: 40%; } .transfer-modal .baggage-selector .alert-info { border-radius: 6px; background-color: #ecf5ff; } .transfer-modal .baggage-selector .alert-info .st-info { padding-right: 8px; font-size: 1.125em; } .transfer-modal .baggage-selector .alert-info__content { align-items: unset; } .transfer-modal .baggage-selector .alert-info .st-info, .transfer-modal .baggage-selector .alert-info__msg { color: #3A3A3A; } .transfer-modal .shared .info-location__origin, .transfer-modal .shared .info-location__destination { align-items: normal; } .transfer-modal .shared .info-location__origin span, .transfer-modal .shared .info-location__destination span { margin-left: unset; } .transfer-modal .shared .info-location .srv-feature { display: block; margin-top: 2px; margin-left: 2px; } .transfer-modal .shared .alert-info { margin: 0px 24px 24px 24px; border-radius: 6px; background-color: #ecf5ff; } .transfer-modal .shared .alert-info__content { align-items: normal; } .transfer-modal .shared .alert-info__icon { font-size: 1.125em; } .transfer-modal .shared .alert-info__icon::before { content: "\e91d"; } .transfer-modal .shared .alert-info__msg { color: #3A3A3A; } .transfer-modal .info-location__marker { color: #3d53e2; } .transfer-modal .info-location__plane { color: #009EFF; } .transfer-modal .modal-custom__content .no-data-section { padding: 36px 89px 35px; } .transfer-modal .modal-custom__content .no-data-section__msg { color: #707070; } .transfer-modal .modal-custom__content .no-data-section i { font-size: 50px; } .transfer-modal .modal-custom__content .no-data-section a { font-weight: 500; color: #009eff; } .internal-amend__modal-title { font-size: 1.125em; font-weight: 700; margin-bottom: 0.5em; color: #3A3A3A; } .internal-amend__modal-subtitle { margin-bottom: 0.75em; } .internal-amend__table { border-radius: 6px; border: solid 1px #D6D8DC; padding: 29px 25px 23px 25px; } .internal-amend__separator { border: solid 1px #D6D8DC; margin-top: 24px; margin-bottom: 21px; } .internal-amend__rows { display: flex; justify-content: space-between; } .internal-amend__row-title { font-size: 0.875em; font-weight: 500; color: #3A3A3A; } .internal-amend__row-price { font-weight: 500; color: #3A3A3A; } .internal-amend__row-price p { color: #3A3A3A; } .internal-amend__row-price--negative { color: #FE5539; } .internal-amend__row-old-price { font-size: 0.875em; text-decoration: line-through; margin-right: 8px; } .internal-amend__arrow-final-price { font-size: 12px; margin-right: 8px; } .internal-amend__arrow-final-price--positive { color: #0071b0; } .internal-amend__arrow-final-price--negative { color: #FE5539; } .internal-amend__final-price { border-radius: 6px; padding: 2px 8px; } .internal-amend__final-price span { font-size: 0.875em; font-weight: 700; } .internal-amend__final-price--negative { background-color: rgba(254, 85, 57, 0.12); } .internal-amend__final-price--negative span { color: #FE5539; } .internal-amend__final-price--positive { background-color: rgba(0, 158, 255, 0.12); } .internal-amend__final-price--positive span { color: #0071b0; } .internal-amend .secondary-btn, .internal-amend .ghost-btn { padding: 0px 20px 0px 20px; height: 40px; margin-left: 16px; } .internal-amend .modal-dialog { width: 553px; } .internal-amend .modal-content { width: 553px; border-radius: 6px !important; border: none !important; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12); /*box-shadow: 0 0 12px 0 rgb(0 0 0 / 12%);*/ background-color: #FFFFFF; } .news-popup .content-close__btn { background: #E4E6E8; } .news-popup .content-close__btn:hover { background: #E4E6E8; } .news-popup button a { color: #FFFFFF; } .news-popup-h .modal-custom__section { height: 199px; } .news-popup-h img { height: 249px; width: 100%; background-color: #ecf5ff; border-radius: 6px; } .news-popup-h__block { max-height: 131px; margin: 16px auto 0 auto; display: flex; flex-direction: column; text-align: center; overflow: auto; /* Hover y Click Barra scroll */ /* Espacio Barra */ /* Espacio Barra Hover y Click */ } .news-popup-h__block::-webkit-scrollbar { width: 18px; } .news-popup-h__block::-webkit-scrollbar-thumb { background: #1D1D53; border-radius: 50px; border: 5px solid #ffffff; } .news-popup-h__block::-webkit-scrollbar-thumb:hover, .news-popup-h__block html::-webkit-scrollbar-thumb:active { background: rgba(29, 29, 83, 0.8); } .news-popup-h__block::-webkit-scrollbar-track { background: #ffffff; } .news-popup-h__block::-webkit-scrollbar-track:hover, .news-popup-h__block html::-webkit-scrollbar-track:active { background: #ffffff; } .news-popup-h__block span { width: 510px; margin-left: auto; margin-right: auto; } .news-popup-h__block span:first-child { font-size: 1.375em; font-weight: 500; color: #3A3A3A; margin-bottom: 8px; } .news-popup-v { display: flex; height: 448px; } .news-popup-v .modal-custom__section { width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; } .news-popup-v__block { display: flex; flex-direction: column; width: 264px; } .news-popup-v__block span:first-child { font-size: 1.375em; font-weight: 500; color: #3A3A3A; margin-bottom: 24px; } .news-popup-v__block button { height: 40px; display: flex; align-items: center; justify-content: center; margin-top: 24px; } .news-popup-v img { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .new-booking-screen .init-view { width: 100%; } .new-booking-screen .card--price-block { width: 565px; margin-top: 24px; } .new-booking-screen input:focus { box-shadow: none; } .new-booking-screen__separator { width: 1px; background-color: #D6D8DC; margin-left: 56px; margin-right: 56px; } .new-booking-screen__separator--small-margin { margin-left: 8px; margin-right: 8px; } .new-booking-screen__separator--full { margin: -24px 8px; } .new-booking-screen .div-input-v2 .st-refresh { margin-right: 0; color: unset; position: unset; font-size: unset; } .new-booking-screen .div-input-v2 .content-input .dropdown-menu { max-height: 260px; overflow-y: auto; overflow-x: hidden; /* Hover y Click Barra scroll */ /* Espacio Barra */ /* Espacio Barra Hover y Click */ } .new-booking-screen .div-input-v2 .content-input .dropdown-menu::-webkit-scrollbar { width: 18px; } .new-booking-screen .div-input-v2 .content-input .dropdown-menu::-webkit-scrollbar-thumb { background: #1D1D53; border-radius: 50px; border: 5px solid #ffffff; } .new-booking-screen .div-input-v2 .content-input .dropdown-menu::-webkit-scrollbar-thumb:hover, .new-booking-screen .div-input-v2 .content-input .dropdown-menu html::-webkit-scrollbar-thumb:active { background: rgba(29, 29, 83, 0.8); } .new-booking-screen .div-input-v2 .content-input .dropdown-menu::-webkit-scrollbar-track { background: #ffffff; } .new-booking-screen .div-input-v2 .content-input .dropdown-menu::-webkit-scrollbar-track:hover, .new-booking-screen .div-input-v2 .content-input .dropdown-menu html::-webkit-scrollbar-track:active { background: #ffffff; } .new-booking-screen .div-input-v2 .content-input .dropdown-menu a { padding: 12px 16px !important; } .new-booking-screen__agent-selector-block input { max-width: 453px; } .new-booking-screen__agent-selector-block .general-btn { min-width: 208px; } .new-booking-screen__currency-block { padding-left: 8px; margin-right: -4px; } .new-booking-screen .icon-tooltip { color: #161643; display: flex; align-items: center; justify-content: center; } .new-booking-screen__full-block { display: flex; padding-left: 0; padding-right: 0; } .new-booking-screen__full-block .card { padding: 12px 0px; } .new-booking-screen__full-block .card-cart { max-width: 360px; height: min-content; margin-left: 24px; padding: 0; } .new-booking-screen__full-block .card-cart .card__header { height: 64px; padding-left: 24px; } .new-booking-screen__full-block .card-cart .alert-info { padding: 27px 34px 24px; } .new-booking-screen__full-block .card-cart .alert-info__content { text-align: center; } .new-booking-screen__full-block .card-cart .general-btn { width: 100%; height: 48px; display: flex; align-items: center; justify-content: center; } .new-booking-screen__full-block #modifyPriceModal .modal { z-index: 1062 !important; } .new-booking-screen__full-block #modifyPriceModal .modal .modal-custom__footer { display: flex; align-items: center; padding: 16px; } .new-booking-screen__full-block #modifyPriceModal .modal .modal-custom .content-input__icon { color: #3A3A3A; font-size: 0.875em; } .new-booking-screen .GuideTab { padding-right: 0; padding-left: 0; } .new-booking-screen .GuideTab .col-xs-12 { padding-right: 0; padding-left: 0; } .new-booking-screen .GuideTab .col-xs-12 .card-searcher-filters .destination-row { width: 100%; } .new-booking-screen .GuideTab .col-xs-12 .card-searcher-filters .destination-row .autocomplete-selector { width: 100%; } .new-booking-screen .GuideTab .col-xs-12 .card-searcher-filters .destination-row .autocomplete-selector .div-input-v2 { background: #F7F7F7; border: 1px solid #C7C9CE; } .new-booking-screen .GuideTab .col-xs-12 .card-searcher-filters .container { padding-right: 0; padding-left: 0; } .new-booking-screen .ChauffeurRouteTab .card-searcher-filters .row-addresses { display: flex; } .new-booking-screen .ChauffeurRouteTab .card-searcher-filters .row-addresses .autocomplete-selector { width: 100%; } .new-booking-screen .ChauffeurRouteTab .card-searcher-filters .row-addresses .autocomplete-selector #transportationOrigin { border-right: none; padding-right: 12px; } .new-booking-screen .ChauffeurRouteTab .card-searcher-filters .row-addresses .autocomplete-selector #transportationOrigin .content-input__icon-aux { margin-left: 8px; } .new-booking-screen .ChauffeurRouteTab .card-searcher-filters .row-addresses .autocomplete-selector .div-input-v2 { background: #F7F7F7; border: 1px solid #C7C9CE; } .new-booking-screen .ChauffeurRouteTab .card-searcher-filters .row-addresses .autocomplete-selector .error-tooltip { position: unset; width: fit-content; } .new-booking-screen .ChauffeurByHoursTab .card-searcher-filters .row-addresses .autocomplete-selector .div-input-v2 { background: #F7F7F7; border: 1px solid #C7C9CE; } .new-booking-screen .ChauffeurByHoursTab .card-searcher-filters .row-addresses .autocomplete-selector .error-tooltip { position: unset; width: fit-content; } .new-booking-screen .srv-waiting-time { display: flex; flex-direction: row; } .new-booking-screen .srv-waiting-time > div { margin-right: 4px; } .new-booking-screen .card-purchase .consolidator-item { z-index: 1000; } .new-booking-screen .card-purchase .consolidator-item__main-info { margin-left: 32px; } .new-booking-screen__agent-block .icon-tooltip { margin-left: auto; } .new-booking-screen .services-main-panel .cart-services-panel { border-top: none; } .new-booking-screen .services-main-panel .cart-services-panel .row { margin-left: 0; margin-right: 0; } .new-booking-screen .services-main-panel .cart-services-panel .icon-tooltip { margin-left: 0; } .new-booking-screen .services-main-panel .cart-services-panel .cardButton { padding: 0; } .new-booking-screen .services-main-panel .cart-services-panel .cardButton:hover { background-color: unset; } .new-booking-screen .services-main-panel .cart-services-panel .cardButton:active { box-shadow: none; } .new-booking-screen .services-main-panel .cart-services-panel .info-card__normal-text { font-size: 0.875em; } .new-booking-screen .services-main-panel .cart-services-panel .detail-price .info-card__normal-text { font-size: unset; } .new-booking-screen .services-main-panel .cart-services-panel .default-elements__url { font-size: 0.875em; } .new-booking-screen .services-main-panel .cart-services-panel .new-booking-screen__separator { width: 309px; height: 1px; margin: 12px 1px 0 0; } .new-booking-screen .services-main-panel .cart-services-panel .details { border-bottom: none; } .new-booking-screen .modal-booking-alert { padding: 0; background: unset; margin-top: 0; } .new-booking-screen .modal-booking-alert__container { width: 100%; } .new-booking-screen .modal-booking-alert__icon { color: #16B788; } .new-booking-screen .modal-booking-alert__new-date { color: #009EFF; } .new-booking-screen .currency-modal .modal-custom__section { padding-bottom: 0; } .new-booking-screen .currency-modal .modal-custom__container-btns { justify-content: space-between; padding: 0 64px; } .basic-modal.currency-modal .modal-dialog { width: 745px !important; } .btn-group-divisas { margin-top: 16px; } .btn-group-divisas .btn-divisas__elem { width: 32%; background-color: #F1F1F1; border-radius: 5px; padding: 12px 16px; margin-right: 8px; margin-top: 8px; border: solid 2px #F1F1F1; } .btn-group-divisas .btn-divisas__elem input[type=radio] { display: none; } .btn-group-divisas .btn-divisas__elem--active { background-color: #fff; border-color: #161643; cursor: default !important; } .btn-group-divisas .btn-divisas__elem:active { background-color: #fff; border-color: #161643; } .btn-group-divisas .btn-divisas__elem:hover, .btn-group-divisas .btn-divisas__elem:focus { background-color: #fff; border-color: #161643; cursor: pointer; } .btn-group-divisas .btn-divisas__title { font-weight: 500; color: #3A3A3A; display: block; } .btn-group-divisas .btn-divisas__description { font-weight: 400; font-size: 0.875em; display: block; margin-top: 4px; } .circle-icon { width: 32px; height: 32px; border-radius: 50%; background-color: #e2e6fb; display: flex; justify-content: center; } .circle-icon i { margin-left: auto; margin-right: auto; padding: unset; color: #3d53e2; } .circle-icon--airport { background-color: #d9f1ff; } .circle-icon--airport i { color: #009EFF; } .circle-icon--pointofinterest, .circle-icon--venue { background-color: #fbedd9; } .circle-icon--pointofinterest i, .circle-icon--venue i { color: #e28300; } .info-card__big-title, .info-card__title, .info-card__order-code { color: #3A3A3A; font-weight: 700; } .info-card__title { font-size: 0.875em; } .info-card__big-title { font-size: 1em; } .info-card__order-code { font-size: 1.125em; } .info-card__normal-text { color: #3A3A3A; word-break: break-all; } .info-card__small-text { font-size: 0.875em; } .info-card__grey-block, .info-card__error-block { border-radius: 6px; background: #F1F1F1; padding: 20px 27px 20px 25px; } .info-card__grey-block--info, .info-card__error-block--info { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 2px; } .info-card__grey-block--references, .info-card__error-block--references { border-top-left-radius: 0; border-top-right-radius: 0; padding-top: 12px; padding-bottom: 12px; } .info-card__error-block { height: unset; max-height: 300px; overflow-x: hidden; overflow-y: auto; word-wrap: break-word; } .info-card__error-block--red-error { background-color: #fde6e2; } .info-card__error-block span:last-child { max-width: 600px; margin-top: 4px; } .info-card .cardButton span { font-weight: 500; color: #009EFF; } .info-card .dot-label-status { padding: 3px 13px; margin-left: 8px; } .link-card--pd-top { margin-top: 24px; } .link-card--bottom-separator { border-bottom: 1px solid #D6D8DC; margin-left: -72px; margin-right: -72px; } .link-card--right-separator { border-right: 1px solid #D6D8DC; margin-left: 12px; margin-right: 32px; } .link-card__bottom-card-info { margin-top: 24px; margin-bottom: 24px; display: flex; } .link-card__bottom-card-info .btn-round { width: 56px; height: 56px; border: solid 4px #FFFFFF; background-color: #ecf5ff; } .link-card__bottom-card-info .btn-round i { color: #161643; font-size: 1.5em; } .link-card__bottom-card-info span { width: 264px; margin-top: 8px; font-size: 1em; color: #3A3A3A; } .link-card__bottom-card-info span a { color: #009EFF; } .link-card .main-icon { margin-left: auto; margin-right: auto; } .link-card .alert-warn { border-radius: 6px; } .link-card .alert-warn--pd-top { margin-top: 24px; } .link-card .alert-warn__msg { font-size: 1em; color: #3A3A3A; } .link-card .card__title { font-size: 1.5em; font-weight: 700; } .link-card .card__content--pd-lr { padding-left: 48px; padding-right: 48px; } .link-card .card__content--pd-lr-big { padding-left: 72px; padding-right: 72px; } .link-card .card__text { color: #3A3A3A; } .link-card .card__text--grey { color: #707070; } .card__text--pd-top-small { margin-top: 12px; } .icon-container { display: flex; margin-right: 8px; } .icon-container .content-input__icon { opacity: 0.6; color: #909Da7; } .icon-container__separator { width: 1px; height: 32px; background-color: #C4C4C4; } .icon-tooltip__delete:hover { background: rgba(255, 103, 78, 0.1) !important; } .icon-tooltip__delete:hover i { color: #FE5539 !important; } .icon-tooltip--arrow { margin-right: -11px; margin-left: 8px; } .icon-tooltip__cross { border: solid 2.3px rgba(144, 157, 167, 0.3) !important; background-color: #ffffff !important; padding: 8px; } .icon-tooltip__cross i { font-size: 10px; margin-top: 0px !important; align-items: center; color: #707070 !important; } .icon-tooltip__cross:hover { /**/ } .icon-tooltip__button { position: relative; display: inline-block; border: none; background: none; opacity: 0.8; border-radius: 50%; width: 32px; height: 32px; margin-top: -7px; margin-bottom: -4px; margin-left: 8px; transition: background 0.2s, opacity 0.2s ease-in-out; } .icon-tooltip__button i { line-height: unset; transition: color 0.2s ease-in-out; } .icon-tooltip__button:hover { background: rgba(0, 158, 255, 0.1); opacity: 1; font-size: unset; } .icon-tooltip__button .icon-tooltip__text { visibility: hidden; opacity: 0; border-radius: 6px; color: #FFFFFF; background-color: #161643; width: 58px; height: 24px; font-size: 0.813em; font-weight: 700; position: absolute; z-index: 1; top: 120%; left: 50%; margin-left: -29px; display: flex; align-items: center; justify-content: center; transition: opacity 0.2s ease-in-out; } .icon-tooltip__button:hover .icon-tooltip__text { visibility: visible; opacity: 0.9; font-style: normal; } .participants-block .external-reference { display: flex; justify-content: space-between; } .participants-block .external-reference .field { max-width: 432px; width: 100%; margin-top: 0px; } .participants-block .external-reference .div-input-v2 { height: 48px; } .participants-block .external-reference__title { font-weight: 500; color: #3A3A3A; } .participants-block .external-reference__subtitle { font-size: 0.875em; font-style: italic; color: #707070; } .participants-block__small-separator { height: 1px; background-color: #D6D8DC; margin-top: 24px; } .participants-block .purchase-cart .text .pvp { font-size: 1.125em; } .participants-block .purchase-cart .text .num-articles { font-size: 0.875em; } .participants-block .purchase-cart .pvp-price__text { font-size: 1.5em; } .participants-block .purchase-cart .net-price, .participants-block .purchase-cart .margin-price { border-radius: unset; background-color: unset; } .participants-block .purchase-cart .net-price__text, .participants-block .purchase-cart .margin-price__text { border-radius: 6px; padding: 6px 12px; } .participants-block .purchase-cart .net-price__separator, .participants-block .purchase-cart .margin-price__separator { border-bottom: dotted 2px #909Da7; width: 100%; margin-left: 16px; margin-right: 16px; margin-top: 7px; } .participants-block .purchase-cart .net-price .text, .participants-block .purchase-cart .margin-price .text { text-transform: unset !important; font-size: 0.875em; color: #3A3A3A; white-space: nowrap; } .participants-block .purchase-cart .margin-price__text { background-color: #ecf5ff; } .participants-block .purchase-cart .net-price { margin-top: 0px; } .participants-block .purchase-cart .net-price__text { background-color: #fdf4e0; } .participants-block .content-block .text-link:hover, .participants-block .text-link-hover .text-link:hover { margin-bottom: 0 !important; } .participants-block--mobile { display: none; } .participants-block .container { margin-left: 0; margin-right: 24px; padding-right: 0; padding-left: 0; position: relative; } .participants-block__sticky { position: relative; width: 360px; margin-top: 106px; margin-right: 24px; } .participants-block__sticky .card { border-top-left-radius: 0px; border-top-right-radius: 0px; border-top: 0px; } .participants-block__sticky .card__section > div:not(:first-child) .participants-block__block-description { min-height: 40px; } .participants-block__sticky--mobile { margin-top: 0 !important; } .participants-block__sticky--mobile .participants-block__sticky-card { top: 80px !important; } .participants-block__sticky-card { position: -webkit-sticky; position: sticky; top: 87px; } .participants-block__top-card { width: 360px; height: 6px; background-color: #c4e0ff; border-top-left-radius: 10px; border-top-right-radius: 10px; } .participants-block__block-title { font-size: 1.25em; font-weight: 700; color: #3A3A3A; margin-bottom: 4px; } .participants-block__small-title { font-size: 1em; font-weight: 700; color: #3A3A3A; margin-left: 2px; } .participants-block__block-description { font-size: 0.875em; font-weight: 400; color: #707070; margin-bottom: -1px; } .participants-block__dashed-separator { width: 2px; height: 84px; border: dashed 1px #909Da7; margin-right: 30px; margin-left: 21px; } .participants-block__normal-separator { width: 2.5px; min-height: 16px; margin: 0px 30px 0px 21px; background-color: #dbdfe2; } .participants-block__normal-separator--no-text { width: 2px !important; margin-top: -4px; } .participants-block__normal-separator--end { width: 3px !important; } .participants-block__step-block { margin: 8px 0px 8px 11px; } .participants-block__step-block .card__step-number { width: 23px; height: 23px; font-size: 0.875em; padding: 0; line-height: 23px; display: unset; text-align: center; } .participants-block__step-block .st-circle-check-o { color: #16B788; margin-right: 19px; font-size: 22px; } .participants-block .alert-warn__content { align-items: unset !important; } .participants-block__final-message { font-size: 0.875em; color: #797B7E; margin-left: 51px; } .participants-block__buttons .general-btn { width: 278px; height: 40px; margin-top: 29px; font-size: 16px; font-weight: bold; display: flex; align-items: center; justify-content: center; } .participants-block__buttons--final { width: 100% !important; height: 56px !important; } .participants-block .booking-data .text-link:active, .participants-block .booking-data .text-link:hover { margin-bottom: 17px; border-bottom: none; } .participants-block .booking-data .text-link .st-circle-plus { margin-top: 1px; margin-left: 4px; } .participants-block .action-list-edition__content .text-link { font-size: 14px; } .participants-block .action-list-edition__content .text-link:active, .participants-block .action-list-edition__content .text-link:hover { margin-bottom: 0; border-bottom: none; } .participants-block .action-list-edition .div-input-v2 { height: 42px !important; } .participants-block .action-list-edition .div-input-v2 .content-input__item { padding: unset !important; } .participants-block .action-list-edition .div-input-v2 .content-input__icon-alt { border-top: 5px dashed !important; border-right: 5px solid transparent !important; border-left: 5px solid transparent !important; } .participants-block .action-list-edition .div-input-v2 .dropdown-menu a { height: 42px !important; } .participants-block .action-list-edition__subname--blue { cursor: pointer; } .participants-block .basic-centered-modal .alert-info { margin-top: 24px; margin-bottom: 24px; } .participants-block .basic-centered-modal .content-input--phone > span { margin-top: 2px; } .participants-block .icon-tooltip__button { line-height: 32px; text-align: center; margin-left: auto; margin-right: -8px; } .participants-block .icon-tooltip__delete { margin-right: 4px !important; } .participants-block st-dynamic-form-render .field .label { white-space: normal; } .participants-block .alert-info { background-color: #ecf5ff; margin-top: 8px; border-radius: 6px; } .participants-block .alert-info__content { align-items: unset; } .participants-block .alert-info__icon:before { content: "\e91d"; } .participants-block .alert-info__msg { color: #3A3A3A; } .application-form .booking-services .card-cart .card-section-activity .field-read--nmt, .application-form .booking-services .card-cart .content-transfer .field-read--nmt, .participants-block .booking-services .card-cart .card-section-activity .field-read--nmt, .participants-block .booking-services .card-cart .content-transfer .field-read--nmt { margin-top: 0; } .lock-screen .basic-centered-modal .modal-content { border: none; } .lock-screen .basic-centered-modal .modal-custom__section { padding: 32px 64px 32px 64px; display: flex; flex-direction: column; align-items: center; } .lock-screen .basic-centered-modal .modal-custom__footer { display: flex; justify-content: space-between; padding: 0 64px 64px 64px; } .lock-screen .basic-centered-modal .modal-custom__footer a { height: 48px; width: 209px; display: flex; justify-content: center; align-items: center; } .lock-screen .basic-centered-modal .modal-custom__footer .alternative-btn { color: #161643 !important; } .lock-screen .basic-centered-modal__title { font-size: 1.5em; font-weight: 700; color: #3A3A3A; margin: 24px 0 24px 0; } .lock-screen .basic-centered-modal__section { padding: 12px 24px; display: flex; flex-direction: column; border-radius: 5px; background-color: #F1F1F1; width: 100%; } .lock-screen .basic-centered-modal__info-text { font-size: 0.875em; font-weight: 500; color: #3A3A3A; } .lock-screen .basic-centered-modal__email-text { font-size: 1em; color: #3A3A3A; } .lock-screen .basic-centered-modal__paylimit-text { font-size: 0.875em; margin-top: 2px; } .lock-screen .basic-centered-modal--full .label { font-size: 1em; } .lock-screen .basic-centered-modal--full .modal-custom__section { padding: 24px; display: block; } .lock-screen .basic-centered-modal--full .modal-custom__section .field-read__text { height: 48px; padding-left: 16px; margin-top: 8px; border-radius: 6px; background-color: #F1F1F1; display: flex; align-items: center; } .lock-screen .basic-centered-modal--full .modal-custom__footer { display: flex; justify-content: space-between; padding: 0 24px 24px 24px; } .lock-screen .basic-centered-modal--full .modal-custom__footer a { height: 40px; display: flex; align-items: center; justify-content: center; padding: 0.9em 1.2em; width: 224px; } .lock-screen .basic-centered-modal--full .modal-custom__footer a i { margin-left: 8px; } .lock-screen .basic-centered-modal--full .modal-custom__booking-data { margin-top: 24px; } .lock-screen .basic-centered-modal--full .modal-custom__booking-table { border-radius: 5px; border: solid 1px #cecece; padding-left: 24px; padding-right: 24px; margin-top: 8px; } .lock-screen .basic-centered-modal--full .modal-custom__booking-table > div { padding-top: 24px; padding-bottom: 24px; border-bottom: solid 1px #cecece; } .lock-screen .basic-centered-modal--full .modal-custom__booking-table > div:first-child p { font-weight: 700; color: #3A3A3A; } .lock-screen .basic-centered-modal--full .modal-custom__booking-table > div:last-child { border-bottom: none; } .lock-screen .basic-centered-modal--full .modal-custom__info-client { display: flex; flex-direction: column; } .lock-screen .basic-centered-modal--full .modal-custom__info-client span:first-child { font-weight: 500; text-align: right; color: #3A3A3A; } .lock-screen .basic-centered-modal--full .modal-custom__booking-title { font-size: 0.875em; font-weight: 500; color: #3A3A3A; } .lock-screen .basic-centered-modal--full .modal-custom__booking-small-text { font-size: 0.875em; text-align: right; color: #707070; } .lock-screen .basic-centered-modal--full .modal-custom__final-price { font-size: 1.125em; font-weight: 700; color: #3A3A3A; } .new-price-modal .modal-dialog { margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; } .new-price-modal .modal-content { border-top: unset !important; border-radius: 6px !important; } .new-price-modal .modal-custom__content { border-radius: 6px; } .new-price-modal .modal-custom__section { padding: 23px 25px 23px 25px; } .new-price-modal__buttons .general-btn { width: 104px; } .new-price-modal__buttons .text-link { margin-right: 24px; color: #161643; } .new-price-modal__buttons .text-link:hover { border-bottom: unset; margin-bottom: 0; } .new-price-modal__block { display: flex; flex-direction: column; width: 100%; border-radius: 6px; border: solid 1px #D6D8DC; background-color: #FFFFFF; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .new-price-modal__block > div { display: flex; padding: 24px 24px 24px 24px; width: 100%; border-bottom: solid 1px #D6D8DC; } .new-price-modal__block > div:last-child { border-bottom: 0; } .new-price-modal__last-block { border: solid 1px #D6D8DC; border-radius: 6px; border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; margin-bottom: 24px; display: flex; flex-direction: unset; padding: 24px 24px 24px 24px; background-color: #FFFFFF; width: 100%; } .new-price-modal__small-text { font-size: 0.875em; font-weight: 500; color: #3A3A3A; } .new-price-modal__small-text--old { text-decoration: line-through; font-weight: normal !important; color: #707070 !important; margin-right: 24px; } .new-price-modal__normal-text { font-size: 1em; font-weight: 500; color: #3A3A3A; } .new-price-modal__image { width: 56px; height: 56px; background-size: cover; border-radius: 4px; background-repeat: no-repeat; background-position: center; flex-shrink: 0; margin-left: 0; } .new-price-modal__content { width: 100%; margin-left: 16px; } .new-price-modal__logo { height: 20px; margin-bottom: 16px; } .new-price-modal__title { font-weight: 700; color: #3A3A3A; margin-bottom: 8px; } .filters-modal .modal .modal-dialog { margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1128px; } .filters-modal .modal .modal-dialog .modal-content { border-top: unset; border-radius: 6px; } .filters-modal .modal-custom__content, .filters-modal .modal-custom__footer { background-color: #FFFFFF; } .filters-modal .modal-custom__content--no-overflow, .filters-modal .modal-custom__footer--no-overflow { overflow-y: hidden; } .filters-modal .modal-custom__content--visible-overflow, .filters-modal .modal-custom__footer--visible-overflow { overflow: visible; } .filters-modal .modal-custom__header { height: 63px; display: flex; align-items: center; border-bottom: 1px solid #D6D8DC; border-top-left-radius: 6px; border-top-right-radius: 6px; } .filters-modal .modal-custom__header span { padding: 24px; padding-left: 12px; font-size: 1.125em; font-weight: 700; color: #3A3A3A; } .filters-modal .modal-custom__footer { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; display: flex; justify-content: space-between; padding: 24px 35px 24px 24px; } .filters-modal .modal-custom__footer a { height: 48px; display: flex; align-items: center; } .filters-modal .modal-custom__alternative-btn { padding-left: 35px; } .filters-modal .modal-custom__alternative-btn .alternative-btn { font-weight: 700; } .filters-modal .modal-custom__sales-viewer .field { margin-top: 0; } .filters-modal .modal-custom__sales-viewer .datepicker-inline { transform: unset; } .filters-modal .modal-custom input, .filters-modal .modal-custom select { height: 48px; padding: 12px 0 12px 0; } .filters-modal .datepicker-inline { position: fixed !important; transform: translate(-50%, 0%); } .menu-no-login { position: absolute; right: 0; height: 100%; display: flex; align-items: center; } .menu-no-login ul { list-style: none; margin: 0; padding: 0; } .menu-no-login ul li { display: inline-block; margin-right: 1.9em; } .menu-no-login ul li a { font-size: 0.9em; font-weight: 500; color: #1f9dd4; } .order-checkout-screen { display: flex; } .order-checkout-screen .payment-confirmation .card__content { display: flex; flex-direction: column; align-items: center; padding-left: 72px; padding-right: 72px; padding-bottom: 32px; } .order-checkout-screen .payment-confirmation .card__section { display: flex; flex-direction: column; width: 100%; padding-bottom: 0px; padding-top: 56px; text-align: center; } .order-checkout-screen .payment-confirmation .card__block { margin-bottom: 32px; margin-left: 0; margin-right: auto; } .order-checkout-screen .payment-confirmation .card__title { font-size: 24px; font-weight: 700; white-space: nowrap; text-align: left; } .order-checkout-screen .payment-confirmation .card__subtext { margin-top: 8px; color: #3A3A3A; } .order-checkout-screen .payment-confirmation .info-block { margin-top: 24px; } .order-checkout-screen .payment-confirmation .info-block i { color: #909Da7; font-size: 22px; margin-right: 16px; } .order-checkout-screen .payment-confirmation .info-block__title, .order-checkout-screen .payment-confirmation .info-block__text-info { text-align: left; color: #3A3A3A; } .order-checkout-screen .payment-confirmation .info-block__title { font-size: 1.125em; font-weight: 700; margin-bottom: 4px; } .order-checkout-screen .payment-confirmation .info-block__text-info { font-size: 1em; } .order-checkout-screen .payment-confirmation .alert-warn { border-radius: 6px; margin-top: 32px; } .order-checkout-screen .payment-confirmation .alert-warn__content { align-items: normal; } .order-checkout-screen .payment-confirmation .alert-warn__msg { color: #3A3A3A; font-size: 1em; } .order-checkout-screen .payment-confirmation .buttons-block { display: flex; justify-content: space-between; margin-top: 32px; } .info-help { display: flex; align-items: center; justify-content: flex-end; } .info-help .icon { margin-left: 0.3em; } .info-help i, .info-help span { color: #707070; } .filters { display: flex; align-items: center; justify-content: flex-end; margin: 1em 0; } .filters .filter { padding: 0.5em 1em; margin: 0 0.5em; border: 1px solid #D6D8DC; border-radius: 5px; background: white; cursor: pointer; position: relative; } .filters .filter:last-child { margin-right: 0; } .filters .filter:hover, .filters .filter.active { border-color: #1D1D53; } .filters .filter:hover span, .filters .filter.active span { color: #1D1D53; } .filters .filter .content-filter { display: none; } .filters .filter.active .content-filter { display: block; position: absolute; right: 0; bottom: -90px; padding: 1em; background: #fffcfc; border-radius: 5px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); z-index: 1; } .filters .filter.active .content-filter#date .div-input-v2 .content-input input[type=text] { width: 220px; } /* styles for '...' */ .block-with-text p { display: none; /* hide text if it more than N lines */ overflow: hidden; /* for set '...' in absolute position */ position: relative; /* use this value to count block height */ line-height: 1.35em; /* max-height = line-height (1.2) * lines max number (3) */ max-height: 4.05em; /* fix problem when last visible word doesn't adjoin right side */ text-align: justify; /* place for '...' */ /* margin-right: -1em; */ /* padding-right: 1em; */ } .block-with-text p:first-child { display: block; } .block-with-text p:before { /* points in the end */ content: "..."; /* absolute position */ position: absolute; /* set position to right bottom corner of block */ right: 0; bottom: 0; background: white; } .block-with-text p:after { /* points in the end */ content: ""; /* absolute position */ position: absolute; /* set position to right bottom corner of text */ right: 0; /* set width and height */ width: 1em; height: 1em; margin-top: 0.2em; /* bg color = bg color under block */ background: white; } label { margin: 0; } .has-error .form-control, .has-error .form-control:focus { border-color: #FE5539; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .has-error .help-block { font-family: Roboto; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: right; color: #FE5539; background-color: transparent; display: block; padding: 0px; } .has-error .control-label { font-family: Roboto; font-size: 13px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.69; letter-spacing: normal; color: #C4C4C4; text-transform: uppercase; } .content-select { margin: 0.5em 0; width: 100%; } .content-select select.common-select { height: 40px; border: 1px solid #A2A2A2; border-radius: 2px; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important; } /*TODO: Transfer/Driver (info modal) Esta no se puede borrar hasta que se cambie*/ .info-service { display: flex; align-items: center; } .info-service span { color: #3A3A3A; } .info-service__img { background-size: contain; width: 140px; height: 140px; display: flex !important; align-items: center; position: relative; background-repeat: no-repeat; } .info-service__info { width: 75%; padding-left: 16px; } .info-service__line { display: flex; margin: 8px 0; align-items: center; } .info-service__line div { margin-right: 16px; display: flex; align-items: center; } .info-service__people span, .info-service__baggage span { font-weight: 700; } .info-service__duration span:first-of-type { font-weight: 700; } .info-service__category { position: relative; margin-bottom: 16px; padding-left: 48px; } .info-service__category span { font-weight: 500; } .info-service__modifiers { flex-wrap: wrap; } .info-service__modifiers div { width: 33%; margin: 0; margin-top: 8px; } .info-service__modifiers div span { font-size: 0.75em; } .info-service__modifiers:before { font-style: initial; } .info-service__line i { margin-right: 4px; color: #BFC6CB; } .info-service__clock { font-size: 0.875em; font-weight: 700; } .info-service__clock-text { font-size: 0.875em; } .info-service__clock--text-alone { font-weight: 500; color: #909Da7 !important; text-transform: uppercase; font-size: 0.875em; } .info-service__pull-left { float: left !important; } .info-service__extra-info { justify-content: space-around; } .info-service__extra-info span { font-size: 0.875em; margin-top: 8px; } .info-service__interpreter span, .info-service__durations span { font-size: 0.875em; color: #3A3A3A; font-weight: 500; } .info-service__details-info { display: none; font-size: 0.875em; color: #9ba7b0; padding-bottom: 4px; } .info-service__details-info2 { display: none; font-size: 1em; color: #474747; padding-bottom: 4px; font-weight: 500; } .info-service__details-info3 { display: none; font-size: 0.875em; color: #9a9b9d; } .details-mobile { display: block; background-color: #FFFFFF; } .content-map { float: right; } .arrow-mobile { display: none; } /*************************/ /* Radiobutton para modal de transfer + alert-info del jfk */ .radiobutton-transfer .radiobutton-selector { margin-bottom: unset; background-color: #FFFFFF; } .radiobutton-transfer .radiobutton-selector--active { border: solid 1px #D6D8DC; background-color: #F1F1F1; } .radiobutton-transfer .radiobutton-selector__label { align-items: unset; } .radiobutton-transfer .radiobutton-selector--pickup1 { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom: 0px; } .radiobutton-transfer .radiobutton-selector--pickup2 { border-top-left-radius: 0px; border-top-right-radius: 0px; } .radiobutton-transfer .radiobutton-selector__input { margin-top: 2px !important; } .radiobutton-transfer .radiobutton-selector__content .alert-info { padding: unset !important; background-color: unset; margin-top: 8px; } .radiobutton-transfer .radiobutton-selector__content .text-link { font-size: 0.875em; } .radiobutton-transfer #pickup1-jfk.alert-info { margin-top: 24px; border-radius: 6px; background-color: #ecf5ff; } .radiobutton-transfer #pickup1-jfk .alert-info__content { align-items: unset; } .radiobutton-transfer #pickup1-jfk .alert-info__icon:before { content: "\e91d"; } .radiobutton-transfer #pickup1-jfk .alert-info__msg { color: #3a3a3a; line-height: 1.57; } .content-booking-detail .booking-services .tooltip-box__block { top: 50% !important; } /* Para la modal cuando una actividad no tiene disponibilidad */ .modal-custom__content .empty-section { padding-top: 150px; display: flex; flex-direction: column; align-items: center; } .modal-custom__content .empty-section .warning-symbol .st-warning { font-size: 70px; color: rgba(145, 157, 166, 0.4); } .modal-custom__content .empty-section .warning-symbol h4 { text-align: center; } .modal-custom__content .no-data-section { display: flex; flex-direction: column; align-items: center; background-color: #F1F1F1; border-radius: 5px; padding: 59px 78.2px 68px 77px; } .modal-custom__content .no-data-section__title { font-size: 1.25em; font-weight: 500; color: #3A3A3A; } .modal-custom__content .no-data-section__msg { font-size: 1em; text-align: center; color: #565a5c; margin-top: 8px; } .modal-custom__content .no-data-section i { color: #FE5539; font-size: 70px; } /* Modal varias horas para un vuelo */ .modal-select-date { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; background-color: rgba(255, 255, 255, 0.4); } .modal-select-date--internal .modal-custom { top: 30px; } .modal-select-date--internal .modal-custom__footer { background-color: #FFFFFF !important; } .modal-select-date--internal .radiobutton-selector__input { display: unset !important; } .modal-select-date__header { display: none; } .modal-select-date__footer { display: none; } .modal-select-date .modal { overflow-y: hidden !important; } .modal-select-date .modal .modal-dialog { position: unset; margin-top: unset; } .modal-select-date .modal .modal-dialog .modal-content .modal-body { top: 20%; } .modal-select-date .modal-custom { overflow: hidden !important; display: block; width: 552px; height: 523px; top: 80px; left: 130px; border-radius: 6px; border: solid 1px #D8D8D8; background: #FFFFFF; } .modal-select-date .modal-custom__title { font-size: 1.125em; } .modal-select-date .modal-custom__header { border-bottom: solid 1px #D6D8DC; padding-bottom: 16px; } .modal-select-date .modal-custom__content { background-color: unset; } .modal-select-date .modal-custom__footer { box-shadow: none; -webkit-box-shadow: none; display: flex; justify-content: flex-end; } .modal-select-date .modal-custom__footer .secondary-btn { margin-right: 8px; margin-left: 24px; } .modal-select-date .modal-dialog { bottom: 200px; } .modal-select-date .modal-content { border-radius: 0 !important; border: unset !important; box-shadow: unset !important; background-color: unset !important; } .modal-select-date .modal-content .modal-body .modal-custom { height: 400px; } .modal-select-date .modal-content .modal-body .modal-custom__content .base-selector { position: fixed; transform: translateX(-163px); } .modal-select-date .modal-content .modal-body .modal-custom__content .datepicker-inline { position: fixed; right: 25px; bottom: 155px; } .modal-select-date__section-text { display: flex; flex-direction: column; } .modal-select-date__section-text--bold { font-weight: bold; color: #3A3A3A; } .modal-select-date__section-text span { margin-bottom: 4px; } .modal-select-date__pickup-selector { display: flex; flex-direction: column; border-radius: 6px; border: solid 1px #D6D8DC; margin-top: 24px; } .modal-select-date__pickup-selector .radiobutton-selector { border: none; background-color: unset; border-bottom: solid 1px #D6D8DC; border-radius: 0; margin-bottom: 0; } .modal-select-date__pickup-selector .radiobutton-selector__title { margin-left: 4px; } .modal-select-date .content-close__btn { background: #FFFFFF; } .modal-select-date .content-close__btn i { color: #909Da7; } .modal-select-date .content-close__btn i:hover { color: #3A3A3A; } .modal-select-date .content-close__btn:hover { background: none; } .row.all-content { margin: 0; display: flex; } /**********/ @media (min-width: 768px) and (max-width: 992px) { header .container { width: 100% !important; } } @media (min-width: 1100px) and (max-width: 1199px) { header .container { width: 100% !important; } } .internal-modal { padding-top: 44px; } .internal-modal .field { margin-top: 0; } .internal-modal .radiobutton-transfer { margin-top: 24px; } .internal-modal .radiobutton-transfer input[type=radio] { display: block; } .internal-modal .service-book-btn { width: fit-content; } .internal-modal .content-input__icon { color: #3A3A3A; font-size: 0.875em; } .icon-dropdown { width: 14px; height: 14px; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #34556c; } .bg-disabled { background-color: #f9f9f9; } .drop-down { min-width: 800px; } .checkout-order-container__advise span { font-style: italic; text-align: center; color: #A2A2A2; } .checkout-order-container__details { border-radius: 6px; background-color: #F1F1F1; padding: 24px; text-align: center; margin: 24px 0 24px 0; } .checkout-order-container__details .text { font-weight: 500; text-align: center; color: #3A3A3A; } .checkout-order-container__details .order-code { margin-top: 8px; } .checkout-order-container__details .order-code span { font-size: 1.125em; font-weight: 700; text-align: center; color: #161643; } .code-block__title { color: #3A3A3A; font-weight: 700; } .code-block__main { color: #3A3A3A; font-weight: 700; font-size: 1.125em; } .no-available-services { border-radius: 3px; background-color: #F1F1F1; margin: 24px; padding: 24px; text-align: left; } .no-available-services .text { font-size: 0.875em; } .no-available-services .services-KO-list { margin-bottom: 8px; } .no-available-services .services-KO-list span { font-size: 0.875em; font-weight: 500; color: #3A3A3A; } .no-available-services .services-KO-list span em { padding-right: 8px; font-size: 0.75em; font-weight: 700; color: #FE5539; } .content-book-now { display: flex; justify-content: space-between; } .content-book-now__content { flex-direction: column; text-align: left; display: flex; } .content-book-now__container-price { display: flex; align-items: center; } .content-book-now__title { color: #3A3A3A; font-weight: 700; } .content-book-now__amount { font-size: 1.5em; color: #3A3A3A; font-weight: 700; padding-left: 8px; } .content-book-now__text { font-size: 0.875em; color: #A2A2A2; } .content-book-now__btn { margin-left: auto; } .modal-booking-alert { position: relative; display: flex; align-items: center; justify-content: center; padding: 2em 2em; background-color: #F1F1F1; margin-top: 24px; } .modal-booking-alert__icon { font-size: 3em; color: #FE5539; padding-right: 4px; } .modal-booking-alert__container { padding: 0 0 0 8px; } .modal-booking-alert__container--center { text-align: center; } .modal-booking-alert__title { font-weight: 500; color: #3A3A3A; } .modal-booking-alert__text { color: #A2A2A2; } .modal-booking-alert .loading { margin-bottom: 16px; } .activity-header { margin-bottom: 24px; display: flex; align-items: center; } .activity-header--pd-top { margin-top: 24px; } .activity-header .image { width: 55px; height: 55px; border-radius: 3px; background-size: cover; background-position: center; background-repeat: no-repeat; } .activity-header .info { flex: 1 0 10%; padding-left: 16px; } .activity-header .info .title { font-weight: 700; color: #3A3A3A; margin-bottom: 4px; } .activity-header .info .slots > span { font-size: 0.875em !important; } .card-box .div-checkbox .content-checkbox { margin: 0 !important; } .pvp-price__text { font-weight: 700; color: #3A3A3A; } .net-price { background: rgba(241, 152, 43, 0.1); border-radius: 3px; } .margin-price { background: rgba(31, 157, 212, 0.1); border-radius: 3px; } .margin-price__text { font-weight: 700; color: #161643; } .content-prices { display: flex; align-items: center; justify-content: space-between; } .content-prices .text { display: flex; flex-direction: column; } .content-prices .pvp { font-weight: 700; color: #3A3A3A; } .content-prices .pvp-price__text { font-size: 1.25em; } .margin-price-summary, .net-price-summary { display: flex; justify-content: space-between; padding: 8px; align-items: center; margin-top: 8px; } .margin-price-summary .text, .net-price-summary .text { font-size: 0.75em; font-weight: 500; text-transform: uppercase; } .term-links { margin-top: 24px; } .term-links__text { font-size: 0.875em; } .term-links__link { color: #3A3A3A; font-weight: 500; font-size: 1em; } /*Checkout*/ .bottom-payment-container { border-radius: 3px; background-color: #F1F1F1; padding: 16px; display: flex; justify-content: space-between; } .bottom-payment-container__title { font-weight: 700; color: #3A3A3A; } .bottom-payment-container__text { margin-top: 4px; } .bottom-payment-container__price-text { font-size: 1.375em; color: #3A3A3A; font-weight: 700; margin-top: auto; } .bottom-payment-container__num-text { font-size: 0.813em; } .bottom-payment-container__section-right { text-align: right; display: flex; flex-direction: column; } .payment-screen__datatext-card { width: 380px; font-size: 0.875em; font-weight: 500; color: #707070; text-transform: uppercase; } .payment-screen__charge-stripe .has-error .warning-msg { align-items: normal !important; max-width: 380px; background-color: rgba(254, 85, 57, 0.2) !important; } .payment-screen__card-payment .field-resume__content { width: 380px; height: 48px; border-radius: 3px; background-color: #F7F7F7; border: solid 1px #D6D8DC; } .payment-screen__card-payment .field-resume__icon { font-size: 21px; } .payment-screen__card-payment .field-resume__text { font-size: 1em; color: #707070; margin-left: 8px; } .payment-screen__main-payment { display: flex; justify-content: center; } .payment-screen__main-payment .StripeElement { width: 380px; height: 48px !important; margin: 8px 0 0; padding: 13px 16px 0.875em 13px !important; border-radius: 3px !important; border: solid 1px #D6D8DC !important; background-color: #F7F7F7 !important; } .payment-screen__content { display: flex; flex-direction: column; align-items: center; } .payment-screen__card-text { margin-top: 8px; } .payment-screen__payment-button { width: 380px; height: 56px; border-radius: 3px !important; background-color: #009EFF !important; display: flex; justify-content: center; align-items: center; font-size: 1em !important; margin-top: 8px; } .payment-screen__payment-button .price-info { font-size: 1.375em !important; font-weight: 700; text-align: center; color: #FFFFFF; margin-left: 8px; margin-bottom: 2px; } .payment-screen__card-help { width: 381px; text-align: center; font-size: 1em !important; color: #707070 !important; font-style: normal !important; } .payment-screen__card-price-info { font-size: 1em !important; color: #FFFFFF !important; width: 100% !important; display: flex; align-items: center; justify-content: center; } .payment-screen__use-text { margin-top: 8px; } .payment-screen__without-card { display: flex; flex-direction: column; align-items: center; } .payment-screen__other-payment { display: flex; flex-direction: column; align-items: center; } .payment-screen__paypal-container { width: 360px; height: 56px; text-align: center; } .payment-screen__paymentmethod #PayPalButton #paypal-button-container { width: 360px; height: 56px; } .payment-screen__paypal-payment { width: 360px; height: 56px; } .payment-title-content { margin-bottom: 24px; } .payment-title-content__title { color: #3A3A3A; font-size: 0.875em; font-weight: 700; } .payment-title-content__icon { color: #16B788; margin-right: 8px; } .payment-title-content__expiration { font-size: 0.875em; font-weight: 700; color: #16B788; } .payment-title-content__description { font-size: 0.875em; margin-top: 8px; } /* Modal transfer - Itinerary transfer */ .card-details .card-service.transition-transfer { max-height: 800px; -webkit-transition: max-height, 0.5s linear; -moz-transition: max-height, 0.5s linear; -ms-transition: max-height, 0.5s linear; -o-transition: max-height, 0.5s linear; transition: max-height, 0.5s linear; } .card-details .card-service { padding: unset; max-height: 0; overflow: hidden; -webkit-transition: max-height, 0.5s linear; -moz-transition: max-height, 0.5s linear; -ms-transition: max-height, 0.5s linear; -o-transition: max-height, 0.5s linear; transition: max-height, 0.5s linear; } .card-details .card-service .card { border-radius: unset; border-right: 0; border-left: 0; box-shadow: -5px 0 20px 0 rgba(0, 0, 0, 0.12); border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .card-details .card-service .card__section { /**/ } .card-details .card-service .card__section .info-service__img { width: 180px; } .card-details .card-service .card__section--separator { border-bottom: unset; } .card-details .card-service .card .info-location { background-color: #F1F1F1; margin: 0px 24px 24px 24px; border-radius: 6px; padding: 24px; } .card-details .card-service .card .info-location__label { font-size: 1em; font-weight: 700; text-transform: unset; } @media only screen and (min-width: 0px) and (max-width: 767px) { * { font-size: 16px; } .row { margin-right: -4px; margin-left: -4px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right: 4px; padding-left: 4px; } .btn-m, .btn-l { padding: 0.9em 4px; } .content-close { right: 10px; } .content-close__btn { background: none; border-radius: 0; height: auto; width: auto; } .content-close__btn i { font-size: 0.875em; } .content-close__btn:hover { background: none; } .basic-modal .modal-dialog, .basic-centered-modal .modal-dialog { width: 100% !important; } .basic-modal .modal-content, .basic-centered-modal .modal-content { height: 100% !important; } .basic-modal .modal-custom__section, .basic-centered-modal .modal-custom__section { padding: 24px 16px; } .basic-modal .modal-custom__title, .basic-centered-modal .modal-custom__title { max-width: calc(100% - 48px); } .basic-modal .modal-custom__title--no-pd, .basic-centered-modal .modal-custom__title--no-pd { max-width: 100% !important; } .basic-modal .modal-custom__container-btns, .basic-centered-modal .modal-custom__container-btns { flex-direction: column; } .basic-modal .modal-custom__container-btns .container-btns__secondary, .basic-centered-modal .modal-custom__container-btns .container-btns__secondary { margin-right: 0; order: 2; margin-top: 16px; width: 100%; } .basic-modal .modal-custom__container-btns .container-btns__main, .basic-centered-modal .modal-custom__container-btns .container-btns__main { margin-left: 0; order: 1; width: 100%; } .configuration-modal .modal-dialog { width: 100% !important; } .configuration-modal .modal-custom__header { padding: 16px; } .configuration-modal .modal-custom__logo { margin-bottom: 12px; height: 20px; } .configuration-modal .modal-custom__title { width: 90%; font-size: 1em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .configuration-modal .modal-custom__subtitle { display: none; } .configuration-modal .modal-custom__section { padding: 8px 0 8px 0; } .configuration-modal .modal-custom__link { display: none; } .configuration-modal .modal-custom__link-mobile { margin-top: 12px; display: block; } .configuration-modal--floating-modal .modal .modal-dialog { padding-top: 0; padding-bottom: 0; } .configuration-modal--floating-modal .modal .modal-dialog .modal-content { border-radius: 0; } .card__header { padding: 12px 16px; } .card__section { padding: 16px; } .card__section--pd-big { padding: 24px 24px; } .card__subtitle { display: flex; align-items: center; } .card__title { font-size: 1em; } .card__step-number { width: 26px; height: 26px; } .card__step-number i { font-size: 0.875em; } .card__container-btns { padding: 0 16px 16px 16px; } .card__text--pd-bottom { margin-bottom: 16px; } .card--pd-top { margin-top: 16px; } .card-box__content { padding: 24px 16px; } .card-box__title { font-size: 1.25em; } .page-container-btns { margin-top: 16px; padding: 0 16px 0 16px; } .page-container-btns__main-btn { width: 100%; } .div-input-v2 .content-input { padding: 0 12px 0 12px; } .div-input-v2 .content-input__item { padding: 12px 0 12px 0; } .div-input-v2 .content-input input, .div-input-v2 .content-input select, .div-input-v2 .content-input textarea { padding: 12px 0 12px 0; } .div-input-v2 .content-input__icon { margin-right: 12px; } .div-input-v2 .content-input__icon-alt { margin-left: 12px; } .div-input-v2 .content-input__icon-aux { margin-left: 12px; } .div-input-v2 .content-input ul.dropdown-menu li a { padding: 12px 12px; } .div-input-v2 .content-input ul.dropdown-menu li a i, .div-input-v2 .content-input ul.dropdown-menu li a em { padding-right: 0; } .field { margin-top: 16px; } .field-resume__content { padding: 12px; } .field-read { margin-top: 12px; } .action-list-selector__name { font-weight: 400; } .action-list-selector__option--mobile-column { flex-direction: column; } .action-list-selector__option--mobile-column .action-list-selector__content { width: 100%; } .action-list-selector__option--mobile-column .action-list-selector__field-section { width: 100%; } .action-list-selector__content { display: flex; flex-direction: column; align-items: start; width: inherit; padding: 12px; justify-content: center; } .action-list-selector__hl-text, .action-list-selector__text, .action-list-selector__text-error { margin-left: 0; margin-top: 4px; float: left; font-size: 1em; } .action-list-selector__sum-section { width: 40%; background-color: transparent; padding: 0 12px 0 0; justify-content: flex-end; } .action-list-selector__edition-section { width: 50%; padding: 12px 12px 12px 0; justify-content: flex-end; } .action-list-selector__delete { margin-left: 8px; } .action-list-selector__text-error { font-size: 0.875em; } .action-list-selector__text-error i { display: none; } .action-list-selector__btn-section { cursor: pointer; width: 20%; border-left: 1px solid #D6D8DC; padding: 0 12px 0 12px; margin-top: 8px; margin-bottom: 8px; width: 40px; } .action-list-selector__btn-section i { font-size: 0.875em; } .action-list-selector__btn-section a, .action-list-selector__btn-section a:hover { color: #707070; } .action-list-selector__separator { display: none; } .action-list-edition__field-section { width: 100%; padding: 0 16px 16px 16px; } .payment-screen__card-payment .field-resume__content { width: 100%; } .payment-screen__main-payment { display: inherit; } .payment-screen__main-payment .StripeElement { width: 100%; } .payment-screen__payment-button { width: 100%; } .payment-screen__without-card { display: unset !important; } .payment-screen__card-help { width: 100% !important; } .payment-screen__paypal-container { width: 100%; } .payment-screen__paymentmethod #PayPalButton #paypal-button-container { width: 100%; } .payment-screen__paypal-payment { width: 100%; } .sum-section__item { width: 40px; } .list-resume { padding: 12px 12px; } .list-resume--pd-top { margin-top: 16px; } .list-resume__title { display: block; margin-bottom: 4px; font-weight: 500; } .list-resume__text { display: block; font-size: 0.875em; } .list-resume__separator { display: none; } .radiobutton-selector__label { padding: 12px; } .radiobutton-selector__input { margin-right: 12px !important; } .radiobutton-selector__text { margin-top: 8px; } .alert-info--pd-top { margin-top: 8px; } .alert-error--pd-top { margin-top: 8px; } .alert-warn--pd-top { margin-top: 8px; } .d-flex--mobile-column { flex-direction: column; align-items: start; } .base-selector { position: fixed; top: 0; left: 0; margin: 0; border-radius: 0; width: 100% !important; min-width: auto !important; max-width: 100% !important; height: 100%; z-index: 2000; } .base-selector--fixed { position: fixed; } .base-selector__header { display: flex; align-items: center; border-bottom: 1px solid #D6D8DC; padding: 8px 16px; } .base-selector__header-title { font-weight: 700; color: #3A3A3A; overflow: hidden; text-overflow: ellipsis; } .base-selector__header-icon { color: #A2A2A2; font-size: 2em; margin-right: 8px; cursor: pointer; } .base-selector__content { max-height: calc(100% - 135px); width: 100%; flex-wrap: inherit; flex-direction: column; align-items: flex-start; overflow: auto; /* Hover y Click Barra scroll */ /* Espacio Barra */ /* Espacio Barra Hover y Click */ padding: 16px; } .base-selector__content::-webkit-scrollbar { width: 18px; } .base-selector__content::-webkit-scrollbar-thumb { background: #1D1D53; border-radius: 50px; border: 5px solid #ffffff; } .base-selector__content::-webkit-scrollbar-thumb:hover, .base-selector__content html::-webkit-scrollbar-thumb:active { background: rgba(29, 29, 83, 0.8); } .base-selector__content::-webkit-scrollbar-track { background: #ffffff; } .base-selector__content::-webkit-scrollbar-track:hover, .base-selector__content html::-webkit-scrollbar-track:active { background: #ffffff; } .base-selector__footer { position: fixed; bottom: 0; width: 100%; } .base-selector__secondary-btn, .base-selector__main-btn { padding: 8px; } .modal-select-date .content-close { display: none; } .modal-select-date .modal-another-time .container-btns { display: none; } .modal-select-date .modal-another-time .modal-custom__section p { color: #3A3A3A; font-weight: 700; } .modal-select-date .modal-another-time .modal-custom__content { margin-top: 60px; } .modal-select-date__header { display: flex !important; align-items: center; position: fixed; width: 100%; border-bottom: 1px solid #D6D8DC; padding: 8px 16px; } .modal-select-date__header-icon { color: #A2A2A2; font-size: 2em; margin-right: 8px; cursor: pointer; } .modal-select-date__header-title { font-weight: 700; color: #3A3A3A; overflow: hidden; text-overflow: ellipsis; } .modal-select-date__footer { display: flex !important; border-top: 1px solid #D6D8DC; width: 100%; padding: 8px; bottom: 0; position: fixed; } .modal-select-date .modal .modal-dialog { margin-top: 0 !important; } .modal-select-date .modal .modal-dialog .modal-content .modal-body { top: 0 !important; } .modal-select-date .modal-custom { left: 0 !important; width: 100vw; height: 100vh !important; border-radius: 0; } .modal-select-date .modal-custom__section { padding: 8px 24px 8px 24px; } .modal-responsive { /*position: unset !important;*/ } .modal-responsive .card { /*position: unset;*/ } .modal-responsive .card__section { /*position: unset !important;*/ } .modal-responsive .base-selector { /*position: absolute !important;*/ } .modal-responsive .base-selector__header { position: fixed; width: 100%; /*height: 60px;*/ } .modal-responsive .base-selector__content { position: absolute; top: 55px; min-height: 100%; } .modal-responsive .base-selector__footer { /*position: absolute !important;*/ display: none; width: 100%; /*bottom: 55px;*/ margin-left: -16px; } .modal-responsive .base-selector__footer-mobile { display: flex !important; /*margin-left: -$padding-small-1;*/ } .modal-responsive .base-selector__footer-mobile--safari { margin-bottom: 85px; } .fix-footer__body { min-height: 100vh !important; /* mobile viewport bug fix */ min-height: -webkit-fill-available !important; } .fix-footer__html { height: -webkit-fill-available !important; } .fix-footer .modal__body .card .base-selector { z-index: 9999999999999 !important; } .fix-footer .configuration-modal--full .modal-custom__footer { display: none; } .integration-body { margin-top: 0px !important; } .no-login-screen { width: 100%; } .no-login-screen--b2c { width: 100% !important; overflow: auto; } .no-login-screen--register { width: 100% !important; margin-top: 80px; } .no-login-screen__full-container { width: unset !important; margin-top: 80px !important; } .no-login-screen__container .card-box--login, .no-login-screen__container .card-box--register { width: 100% !important; height: unset !important; } .no-login-screen__container .card-box__content { padding: 24px 16px !important; height: 100% !important; } .no-login-screen__container .card-box__footer { /**/ } .no-login-screen__container .div-radiobutton .content-radiobutton { width: 33.33333333% !important; } .no-login-screen__img-container { display: none; } .participants-block .container { margin-right: auto !important; margin-left: auto !important; padding-right: 0 !important; padding-left: 0 !important; } .participants-block--mobile { display: inherit; } .participants-block__sticky--mobile { display: none; } .content-booking-detail .booking-services .net-price, .content-booking-detail .booking-services .margin-price { display: unset !important; } .content-booking-detail .booking-services .tooltip-box__block { display: none !important; } .quick-filters__item { width: 100% !important; } .sort-filter__drop { display: none; } .sort-filter__text { display: none; } .sort-filter__button-mobile { display: flex; color: #161643; } .sort-filter__button { display: none; } .sort-filter--mobile, .sort-filter--mobile-b2c { display: flex !important; } .default-elements__width22, .default-elements__width23, .default-elements__width25, .default-elements__width30 { width: 100%; } .not-results .general-btn { width: 100%; } .section-result { margin-top: 16px; padding-top: 0; } .section-result.container { padding-top: 0; } .section-result .before-result { margin: 12px 0 12px 0; } .section-result .before-result .total-result__msg { font-size: 0.875em; } .section-result .before-result .total-result__msg-translate { display: none; } .section-result--activities-ticket { padding-top: unset !important; } .section-result .search-tips--transfer-mobile { margin-top: 24px !important; } .section-result .search-tips .alert-info { padding-left: 24px !important; } .section-result .search-tips .alert-info__content { flex-direction: column; } .section-result .search-tips .alert-warn { padding-left: 24px !important; } .section-result .search-tips .card__section { padding-left: 24px !important; } .section-result .search-tips__small-card { display: block !important; } .section-result .search-tips__small-card .card { margin-bottom: 16px; } .section-result .search-tips__bottom-card { display: block !important; } .section-result .search-tips__bottom-card .alert-info { padding-right: 24px !important; height: unset !important; } .section-result .search-tips__bottom-card .alert-info__content { flex-direction: unset !important; } .section-result .search-tips__bottom-card .alert-info__icon { font-size: 2em !important; } .section-result .search-tips__bottom-card .alert-warn { margin-top: 16px; } .section-searcher.GuideTab, .section-searcher.TicketTab { height: 300px !important; } .section-searcher .content-nav-services { margin-top: 80px !important; } .section-searcher__search-type { bottom: 132px !important; } .section-searcher__search-type--mobile { display: unset !important; } .card-purchase { margin-right: -15px; margin-left: -15px; /*Old - activities, hourly*/ } .card-purchase__content-left { width: 100%; } .card-purchase__content-left--separator { border-right: 0; } .card-purchase__section { padding: 0; } .card-purchase__content-right { width: 100%; } .card-purchase__content-right .card-purchase__section:first-child { display: flex; border-top: 1px solid #D6D8DC; padding-top: 16px !important; margin: 0 16px 16px 16px; flex-direction: row; flex-wrap: wrap; } .card-purchase__title { font-size: 1em; } .card-purchase__main-logo { height: 16px; margin-bottom: 0; width: 40%; background-position: initial; } .card-purchase__content-all { display: block; } .card-purchase__main-btn { display: none; } .card-purchase__policy { display: none; } .card-purchase__all-offers { text-align: right; margin-top: 0; } .card-purchase__all-offers i { display: none; } .card-purchase__all-offers span { font-weight: 500; } .card-purchase__book-container { text-align: right; margin-left: auto; } .card-purchase__prices { margin-left: auto; } .card-purchase__price-container { margin-bottom: 4px; margin-left: auto; } .card-purchase__price-text { font-size: 1.125em; } .card-purchase .consolidator-resume { flex-basis: 100%; } .card-purchase .consolidator-resume__list { display: none; } .card-purchase--activity .card-purchase__top-block { flex-direction: column; margin-bottom: 16px; } .card-purchase--activity .card-purchase__languages { margin: 0 16px 16px 16px; } .card-purchase--activity .card-purchase__languages .srv-feature__icon { display: none; } .card-purchase--activity .card-purchase__bottom-section { display: none; } .card-purchase--activity .card-purchase__resume-info { margin: 16px 16px 0 16px; } .card-purchase--activity .card-purchase__img { width: 100%; height: 125px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .card-purchase--activity .card-purchase__star-reviews { margin-left: initial; margin: 0 16px 0 16px; } .card-purchase--activity .card-purchase__description { display: none; } .card-purchase--activity .srv-feature-container { display: none; } .card-purchase--activity .srv-location-resume { display: none; } .card-purchase--transfer .card-purchase__top-block, .card-purchase--driver .card-purchase__top-block { padding: 16px 16px 0 16px; } .card-purchase--transfer .card-purchase__description, .card-purchase--driver .card-purchase__description { font-size: 0.875em; } .card-purchase--transfer .card-purchase__img, .card-purchase--driver .card-purchase__img { width: 85px; } .card-purchase--transfer .card-purchase__img:after, .card-purchase--driver .card-purchase__img:after { width: 70px; height: 70px; } .card-purchase--transfer .srv-feature-container__modifiers, .card-purchase--driver .srv-feature-container__modifiers { display: none; } .card-purchase--transfer .srv-waiting-time, .card-purchase--driver .srv-waiting-time { display: none; } .card-purchase--transfer .card-purchase__bottom-section, .card-purchase--driver .card-purchase__bottom-section { display: none; } .card-purchase--transfer .card-purchase__top-block, .card-purchase--driver .card-purchase__top-block { margin-bottom: 16px; } .card-purchase--transfer .card-purchase__resume-info, .card-purchase--driver .card-purchase__resume-info { margin: 0 0 0 16px; } .card-purchase .consolidator-item__all-services { width: 100%; } .card-purchase .consolidator-services .service .left .info { display: none; } .card-purchase .consolidator-services .service .left .logo-provider { width: 69px; } .card-purchase .consolidator-services .service .right .cancellation { display: none; } .section-searcher .filters-content { overflow-x: scroll; } .section-searcher .filters-content .filter-selector { padding: 8px; } .section-searcher.ChauffeurRouteTab { /*height: 365px; margin-bottom: $padding-large-4; background-color: #1286F4;*/ } .section-searcher.ChauffeurRouteTab .filters-help-content { position: absolute; right: 15px; top: -20px; } .card-searcher-filters .searcher-container-top { flex-direction: column; } .card-searcher-filters .filters-help-content { width: 100%; margin-top: 24px; padding-left: 0; justify-content: flex-start; } .card-searcher-filters .addresses-row { width: 100%; flex-direction: column; } .card-searcher-filters .addresses-row__right-input .content-input__item { padding: 16px 0 16px 8px !important; } .card-searcher-filters .addresses-row__right-input .content-input__icon-aux { margin-left: 4px !important; margin-right: 12px !important; } .card-searcher-filters .addresses-row .autocomplete-selector { width: 113%; } .card-searcher-filters .destination-row { width: 100%; flex-direction: column; } .card-searcher-filters .destination-row .autocomplete-selector { width: 100%; } .card-searcher-filters .activities-top-row { width: 100%; } .card-searcher-filters .activities-top-row .autocomplete-selector--b2c { margin-right: 0px !important; width: 100%; } .card-searcher-filters .activities-top-row .date-selector { /**/ } .card-searcher-filters .activities-top-row .date-selector .div-input-v2 { height: 48px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1), 0 0 5px 0 rgba(0, 0, 0, 0.18); clip-path: inset(-5px -5px -5px 0px); } .card-searcher-filters .activities-top-row .date-selector .div-input-v2 .content-input { /**/ } .card-searcher-filters .autocomplete-selector.origin .div-input-v2 { border-radius: 28px !important; } .card-searcher-filters .autocomplete-selector.destination { margin-top: 16px; } .card-searcher-filters .autocomplete-selector.destination .div-input-v2 { border-radius: 28px !important; } .card-searcher-filters .autocomplete-selector.destination .icon-container { display: flex; } .card-searcher-filters .autocomplete-selector.destination .content-input__item { padding-left: 0; } .change-directions { transform: none; height: 33px; width: 33px; right: 0; top: 40%; left: auto; } .change-directions i { transform: rotate(90deg); } .change-directions:hover i { transform: rotate(90deg); } .error-tooltip { position: relative; } .error-tooltip__arrow { display: none; } .error-tooltip__msg { border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .filter-checkbox { padding-left: 16px; margin-left: 16px; } .filter-checkbox--mobile { display: none !important; } .container-mobile { background-color: #FFFFFF; } .container-mobile .searcher-container-top--filters { margin-top: 24px; } .container-mobile .searcher-container-top--filters .activities-top-row { margin-top: 24px; } .filter-style { margin-left: unset; overflow-y: hidden; } .filter-style .container { margin-left: 0; margin-right: 0; } .filter-style--container-first { margin-top: 4px; } .filter-style__header-filter { padding: 10px 28px 5px 16px; height: 55px; } .filter-style__body { padding: 0px 16px 0px 16px; height: calc(100vh - 140px); } .filter-style__buttons { /**/ } .filter-style__buttons .sort-filter { /**/ } .filter-style__buttons .sort-filter--mobile { /**/ } .filter-style__deleteall-button { margin-right: unset !important; } .filter-style__overflow-button { display: none !important; } .filter-style__buttons-filters { justify-content: center; } .filter-style--label { margin-left: 150px !important; } .filter-style--container-tags { /*display: none;*/ } .filter-style--mobile { display: none !important; } .filter-style--mobile-tag { display: flex !important; } .filter-style__filter-number { display: flex !important; } .filter-style__modal-filter { width: 100%; transition: unset !important; right: -900px; } .filter-style__content { max-height: calc(100vh - 500px) !important; } .filter-style__multi-selector .date-selector .div-input-v2 .calendar-div .datepicker-inline { width: unset !important; position: unset !important; } .filter-style__people-selector .base-selector__content { max-height: unset; padding-top: 24px; padding-bottom: 24px; } .filter-style__buttons .filter-style__freetours, .filter-style__buttons .btn-s { display: none !important; } .filter-style__results { font-size: 0.875em; } .filter-style st-multiselect-dropdown .base-selector__content { max-height: unset; } #existingEmailModal .modal-content { margin: 0; } #existingEmailModal .modal-content .modal-body .header .description { padding: 0em 1em; } #existingEmailModal .modal-content .modal-body .content .content-btns { flex-flow: column-reverse; } .confirm-btn { margin-right: 5%; } .before-searcher .container .shopping-cart { margin: 0 8px; } .before-searcher .container .dropdown-custom__selector { margin: 8px; } .before-searcher .container .dropdown-custom__tip-up { display: none; } .before-searcher .container .dropdown-custom__header { padding: 16px; display: flex; align-items: center; } .before-searcher .container .dropdown-custom__header-icon { color: #A2A2A2; font-size: 2em; margin-right: 8px; } .before-searcher .container .dropdown-custom__header-title { font-weight: 700; color: #3A3A3A; } .before-searcher .container .dropdown-custom .dropdown-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; background: white; } .before-searcher .container .language-selector .dropdown-custom__title { display: none; } .before-searcher .container .selector-user-dropdown .dropdown-custom__title { display: none; } body.full-selector { /*Esta clase es para cuando están abiertos los selectores a pantalla completa*/ height: 100vh; overflow-y: hidden; overflow-x: hidden; } body.full-selector .modal-dialog { /*Por si se abren sobre una modal, deshabilitar su scroll*/ height: 100vh !important; overflow-y: hidden !important; overflow-x: hidden !important; } /*Mismo que base-selector: a futuro unificar*/ .calendar-div { margin-top: 0; z-index: 10; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #fff; } .datepicker-inline { left: 0; width: 100% !important; box-shadow: none; } .datepicker-inline .datepicker { border: none; box-shadow: none; } .filter-list-selector__list { padding: 0 16px; max-height: max-content; overflow-y: auto; } .filter-list-selector__item { padding: 8px 12px; } .timepicker .title { display: none; } .autocomplete-selector .input-full { display: none; } .autocomplete-selector .input-mobile { display: block; } .autocomplete-selector .dropdown-menu { display: none !important; } .autocomplete-selector .content-input__icon-aux { display: none; } .autocomplete-selector .content-input { padding-right: 16px; } .autocomplete-selector.autocomplete-selector--mobile { position: fixed; top: 0; left: 0; margin: 0 !important; border-radius: 0; width: 100% !important; height: 100%; z-index: 10; min-width: auto !important; background-color: #fff; /*Dropdown auto-complete*/ } .autocomplete-selector.autocomplete-selector--mobile .autocomplete-selector__header { display: flex; align-items: center; border-bottom: 1px solid #D6D8DC; padding: 16px; } .autocomplete-selector.autocomplete-selector--mobile .autocomplete-selector__header-title { font-weight: 700; color: #3A3A3A; } .autocomplete-selector.autocomplete-selector--mobile .autocomplete-selector__header-icon { color: #A2A2A2; font-size: 1.2em; margin-right: 8px; cursor: pointer; } .autocomplete-selector.autocomplete-selector--mobile .autocomplete-selector__content { padding: 16px; } .autocomplete-selector.autocomplete-selector--mobile .dropdown-menu { display: block !important; } .autocomplete-selector.autocomplete-selector--mobile .input-full { display: block; } .autocomplete-selector.autocomplete-selector--mobile .input-mobile { display: none; } .autocomplete-selector.autocomplete-selector--mobile .content-input__item { padding-left: 0; } .autocomplete-selector.autocomplete-selector--mobile .content-input__icon-aux { display: block; } .autocomplete-selector.autocomplete-selector--mobile .div-input-v2 { box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1), 0 0 5px 0 rgba(0, 0, 0, 0.18); border: none; background: white; height: 50px; } .autocomplete-selector.autocomplete-selector--mobile .div-input-v2 .content-input ul.dropdown-menu { position: absolute; margin-top: 16px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .slider-all-screen .content-items { top: 86px; z-index: 2; } .slider-all-screen .content-items .item { padding: 0; } .slider-all-screen .content-items .item .content-item { display: block; position: inherit; } .slider-all-screen .content-items .item .content-item .general-mobile { display: flex; padding: 16px; } .slider-all-screen .content-items .item .content-item .general-mobile .info .duration i, .slider-all-screen .content-items .item .content-item .general-mobile .info .location i { display: none; } .slider-all-screen .content-items .item .content-item .general-mobile .info .duration span, .slider-all-screen .content-items .item .content-item .general-mobile .info .location span, .slider-all-screen .content-items .item .content-item .general-mobile .refund span { font-size: 0.75em; margin: 0; } .slider-all-screen .content-items .item .content-item .general { display: none; } .slider-all-screen .content-items .item .content-item .left { width: 100%; display: block; padding: 0; border-bottom: 1px solid #D6D8DC; border-right: none; } .slider-all-screen .content-items .item .content-item .left .current-activity-info { padding-bottom: 0; margin: 16px; border: 0; } .slider-all-screen .content-items .item .content-item .left .current-activity-info .title span { font-size: 1.125em; } .slider-all-screen .content-items .item .content-item .left .current-activity-info .description { margin: 16px 0; } .slider-all-screen .content-items .item .content-item .left .current-activity-info .description p { font-size: 0.875em; } .slider-all-screen .content-items .item .content-item .left .offers-consolidate { display: none; } .slider-all-screen .content-items .item .content-item .left .img-slider { height: 157px; } .slider-all-screen .content-items .item .content-item .left .img-slider-icon { padding-top: 100px; padding-left: 16px; } .slider-all-screen .content-items .item .content-item .left .img-slider-icon .background { width: 45px; height: 45px; } .slider-all-screen .content-items .item .content-item .left .img-slider-icon .slider-icon i { font-size: 1.3em; } .slider-all-screen .content-items .item .content-item .right { width: 100%; margin-bottom: 110px; } .slider-all-screen .content-items .item .content-item .right .info-activity .section { display: block; padding: 16px; } .slider-all-screen .content-items .item .content-item .right .info-activity .section--with-info > div:first-child { display: block; } .slider-all-screen .content-items .item .content-item .right .info-activity .section .title { width: 100%; display: flex; justify-content: space-between; } .slider-all-screen .content-items .item .content-item .right .info-activity .section .title i { display: flex; } .slider-all-screen .content-items .item .content-item .right .info-activity .section .title .st-up-angle { font-size: 0.875em; } .slider-all-screen .content-items .item .content-item .right .info-activity .section .content { width: 100%; display: none; } .slider-all-screen .content-items .item .content-item .right .info-activity .section .content.open { display: block; padding-top: 16px; } .slider-all-screen .content-items .item .content-item .right .info-activity .section .content p, .slider-all-screen .content-items .item .content-item .right .info-activity .section .content li, .slider-all-screen .content-items .item .content-item .right .info-activity .section .content span { font-size: 14px; } .slider-all-screen .content-items .item .content-item .right .info-activity .alert-info { display: none; } .slider-all-screen .content-items .item .content-item .right .info-activity .alert-info.open { display: block; } .slider-all-screen .content-items .item .content-item .right .content-booking { display: none; } .slider-all-screen .content-items .item .content-item .right .rn-carousel-controls .rn-carousel-control { display: none; } .slider-all-screen .content-items .item .content-item .right .load-error { padding: 16px; } .slider-all-screen .content-items .item .content-item .right .load-error .content { padding: 16px; } .slider-all-screen .content-items .item .content-item .bottom-mobile { position: absolute; bottom: 85px; display: block; width: 100%; box-shadow: 0px 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.4); padding: 16px; background: white; display: block; } .slider-all-screen .content-items .item .content-item .bottom-mobile .content-booking { display: flex; justify-content: space-between; border-bottom: none; align-content: center; padding: 0; } .slider-all-screen .content-items .item .content-item .bottom-mobile .content-booking .info-booking { margin-left: auto; margin-right: 0; } .slider-all-screen .content-items .item .content-item .bottom-mobile .content-booking .info-booking .refund { display: none; } .slider-all-screen .content-items .item .content-item .bottom-mobile .content-booking .provider img { height: 15px; } .slider-all-screen .content-items .item .content-item .bottom-mobile .content-btn { margin-top: 16px; } .slider-all-screen .content-items .item .content-item .bottom-mobile .content-btn .general-btn { width: 100%; } .slider-all-screen .content-items .item .content-item .content-offers .offer .info .star-reviews .star { width: 10px; height: 10px; } .slider-all-screen .content-items .item .content-item .content-offers .offer .price .provider img { height: 15px; } .slider-all-screen .content-items .item .content-item .content-offers .offer .price .value .from { font-size: 0.75em; font-weight: 400; } .slider-all-screen .content-items .item .content-item .content-offers .offer .price .value .from:after { content: none; } .slider-all-screen .content-items .item .scroll-content { height: calc(100% - 120px); width: 100%; box-shadow: none; } .slider-all-screen .content-items .scroll-content::-webkit-scrollbar { display: none; } .slider-all-screen .content-items .offers-consolidate-mobile { height: 40px; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #F1F1F1; } .slider-all-screen .content-items .offers-consolidate-mobile .header { padding: 16px; border-bottom: 1px solid #D6D8DC; } .slider-all-screen .content-items .offers-consolidate-mobile .header span, .slider-all-screen .content-items .offers-consolidate-mobile .header i { font-size: 15px; font-weight: 500; color: #3A3A3A; } .slider-all-screen .content-items .offers-consolidate-mobile .see-more span { font-size: 12px; font-weight: 500; text-align: center; color: #161643; margin-bottom: 2px; } .slider-all-screen .content-items .offers-consolidate-mobile .offers-consolidate { display: none; } .slider-all-screen .content-items .offers-consolidate-mobile.open { height: 100%; z-index: 18; background: transparent; position: fixed; top: -90px; } .slider-all-screen .content-items .offers-consolidate-mobile.open .see-more { display: none; } .slider-all-screen .content-items .offers-consolidate-mobile.open .offers-consolidate { display: block; background: white; width: 100%; height: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; position: absolute; bottom: 0; } .slider-all-screen .content-items .offers-consolidate-mobile.open .offers-consolidate .content-offers { display: block; padding: 16px; } .slider-all-screen .content-items .offers-consolidate-mobile.open .offers-consolidate .content-offers .info { padding: 0; border: none; } .slider-all-screen .rn-carousel-controls .rn-carousel-control { top: 71px; height: 30px; border: none; background: transparent; width: auto; border-radius: 0px !important; color: #3A3A3A; display: flex; display: flex; align-items: center; justify-content: flex-end; font-size: 0.75em; } .slider-all-screen .rn-carousel-controls .rn-carousel-control:hover { background: transparent; } .slider-all-screen .rn-carousel-controls .rn-carousel-control.rn-carousel-control-prev:after { content: attr(data-content); font-family: "Roboto" !important; text-transform: uppercase; } .slider-all-screen .rn-carousel-controls .rn-carousel-control.rn-carousel-control-prev:before { content: "\e9cc"; font-style: normal; font-family: "fontservantrip" !important; font-size: 0.6em; margin-right: 0.3em; } .slider-all-screen .rn-carousel-controls .rn-carousel-control.rn-carousel-control-next:after { content: "\e9cb"; font-style: normal; font-family: "fontservantrip" !important; font-size: 0.6em; margin-left: 0.3em; } .slider-all-screen .rn-carousel-controls .rn-carousel-control.rn-carousel-control-next:before { content: attr(data-content); font-family: "Roboto" !important; text-transform: uppercase; } .slider-all-screen .rn-carousel-controls .rn-carousel-control.rn-carousel-control-next-loading .lds-dual-ring:after { border-color: #009EFF transparent #009EFF transparent; } .slider-all-screen .navtop { height: 55px; border-bottom: none; } .slider-all-screen .navtop .counter-slider { position: absolute; top: 58px; left: 50%; transform: translate(-50%, 0px); z-index: 2; height: 31px; background: #F1F1F1; width: 100%; text-align: center; } .slider-all-screen .navtop .counter-slider .current { font-size: 1.125em; } .slider-all-screen .navtop .counter-slider .total { font-size: 0.75em; } .slider-all-screen .navtop .logo { margin-left: 16px; } .slider-all-screen .navtop .logo img { height: 32px; } .slider-all-screen .preview-next, .slider-all-screen .preview-prev { display: none !important; } .card__container-btns--mobile-column { flex-direction: column; } .card__container-btns--mobile-column .container-btns__main { margin-top: 16px; width: 100%; } .card-cart { border: 0; } .card-cart--pd-top { margin-top: 32px; } .card-cart__header { padding: 0; } .card-cart__logo-provider img { height: 15px; } .card-cart__img { margin-right: 8px; } .card-cart__title { margin-top: 4px; } .card-cart__middle { padding: 12px; margin-top: 16px; } .card-cart__middle .prices-text { font-weight: 500; font-size: 0.875em; color: #3A3A3A; display: flex; } .card-cart__prices { margin-left: auto; } .card-cart__prices .pvp-price { margin-right: 0; } .card-cart__option { display: none; } .card-cart__section { padding: 0 12px 12px 12px; background-color: #F1F1F1; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .card-cart__tab-mobile { margin-top: 8px; border-radius: 3px; cursor: pointer; display: flex; align-items: center; background-color: #F1F1F1; padding: 12px; } .card-cart .tab-mobile__text { font-weight: 500; font-size: 0.875em; color: #3A3A3A; } .card-cart .tab-mobile__icon { font-size: 0.875em; color: #3A3A3A; margin-left: auto; font-weight: 500; } .card-cart .content-transfer__content { border: 0; } .card-cart .content-transfer__details { padding: 0; } .card-cart .content-transfer__route { padding: 16px 0; } .sidebar-shopping-cart .overlay { display: none; } .sidebar-shopping-cart .all-shopping-cart { width: 100%; transition: none !important; right: -900px; } .sidebar-shopping-cart .all-shopping-cart__header { padding: 16px; } .sidebar-shopping-cart .all-shopping-cart__title h2 { font-size: 1em; } .sidebar-shopping-cart .all-shopping-cart__purchase-resume { background-color: #FFFFFF; width: 100%; position: absolute; bottom: 0; box-shadow: 0px 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.4); } .sidebar-shopping-cart .all-shopping-cart__purchase-resume--safari { margin-bottom: 85px; } .sidebar-shopping-cart .all-shopping-cart__price-block { padding: 16px; } .sidebar-shopping-cart .all-shopping-cart__list-products { max-height: calc(100vh - 200px); } .sidebar-shopping-cart .all-shopping-cart__list-products--safari { max-height: calc(100vh - 282px); } .sidebar-shopping-cart .all-shopping-cart__product { padding: 24px 0 32px 0; } .sidebar-shopping-cart .all-shopping-cart__product--delete-service { background-color: unset !important; } .sidebar-shopping-cart .all-shopping-cart .product--delete-service { background-color: #F7F7F7; } .sidebar-shopping-cart .all-shopping-cart__no-product { margin: 16px; } .sidebar-shopping-cart .all-shopping-cart__list-products .all-shopping-cart__product:not(:last-child) { border-bottom: 1px solid #D6D8DC; } .sidebar-shopping-cart .all-shopping-cart .content-prices { align-items: flex-start; } .sidebar-shopping-cart .all-shopping-cart .product__logo { height: 15px; margin-bottom: 8px; } .sidebar-shopping-cart .all-shopping-cart .product__title { font-size: 0.875em; } .sidebar-shopping-cart .all-shopping-cart .product__price .margin span, .sidebar-shopping-cart .all-shopping-cart .product__price .pvp span { font-size: 0.875em; } .slider-all-screen.image-slider .total_images { display: none; } .slider-all-screen.image-slider .normal { display: none; } .slider-all-screen.image-slider .gallery { font-size: 1em; } .slider-all-screen.image-slider .mobile { display: block; overflow-y: auto; top: auto; height: calc(100% - 56px); /* Hover y Click Barra scroll */ /* Espacio Barra */ /* Espacio Barra Hover y Click */ } .slider-all-screen.image-slider .mobile::-webkit-scrollbar { width: 18px; } .slider-all-screen.image-slider .mobile::-webkit-scrollbar-thumb { background: #1D1D53; border-radius: 50px; border: 5px solid #ffffff; } .slider-all-screen.image-slider .mobile::-webkit-scrollbar-thumb:hover, .slider-all-screen.image-slider .mobile html::-webkit-scrollbar-thumb:active { background: rgba(29, 29, 83, 0.8); } .slider-all-screen.image-slider .mobile::-webkit-scrollbar-track { background: #ffffff; } .slider-all-screen.image-slider .mobile::-webkit-scrollbar-track:hover, .slider-all-screen.image-slider .mobile html::-webkit-scrollbar-track:active { background: #ffffff; } .slider-all-screen.image-slider .image-slider-img { width: 100% !important; margin-bottom: 16px; } .slider-all-screen.image-slider .image-slider-img:first-child { margin-top: 16px; } .slider-all-screen.image-slider .rn-carousel-controls .rn-carousel-control { display: none; } .content-book-now { flex-direction: column; width: 100%; } .content-book-now__content { margin-bottom: 16px; } .content-book-now__amount { margin-left: auto; } .content-book-now__btn { width: 100%; } .content-book-now__text { display: none; } .activity-header--pd-top { margin-top: 16px; } .activity-header .info { padding-left: 8px; } .modal-booking-alert { flex-direction: column; padding: 16px; } .modal-booking-alert__container { text-align: center; padding: 16px 0 0 0; } .modal-anothertime .modal-select-date .modal { overflow-y: hidden !important; } .modal-anothertime .basic-modal .modal { overflow-y: hidden !important; } .modal-anothertime .basic-modal .modal .modal-dialog { margin-top: 8%; height: unset; } .bottom-payment-container { flex-direction: column; align-items: initial; } .bottom-payment-container__section-right { margin-top: 16px; text-align: left; flex-direction: row; } .bottom-payment-container__price-text { margin-left: auto; } .bottom-payment-container__text { font-size: 0.875em; } .payment-title-content { margin: 0 16px 16px 16px; } /**Temporal**/ .term-links { margin-top: 16px; padding: 0 16px 0 16px; } .info-service__details { flex-direction: column; align-items: unset; } .info-service__details-span { display: flex; align-items: center; } .info-service__details-text { display: flex; flex-direction: column; margin-left: 24px; } .info-service__details-info { display: block; } .info-service__details-info2 { display: block; } .info-service__details-info3 { display: block; } .details-mobile { width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; right: 0; left: 0; overflow: auto; z-index: 99; padding: unset !important; } /* Itinerary transfer */ .card-details .card-service.transition-transfer { transition: none; } .card-details .card-service { transition: none; } .span-details { display: flex; } .arrow-mobile { display: block; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .slider-all-screen .content-items .item { padding: 0px 8px; } .slider-all-screen .rn-carousel-controls .rn-carousel-control { padding: 4px; } .card-purchase__section--pd-normal { padding: 16px; } .card-purchase__section--pd-bottom-small { padding: 16px; } .card-purchase__bottom-section { padding: 12px 16px; } .card-purchase .consolidator-resume__provider { flex-direction: column; } .card-purchase--activity__resume-info { margin: 0 16px 0 16px; } .card-purchase--transfer__resume-info, .card-purchase--driver__resume-info { margin: 0 0 0 16px; } .card-purchase--transfer .srv-driver-category, .card-purchase--driver .srv-driver-category { display: none; } .card-purchase .consolidator-item__service { height: unset; } .card-purchase .consolidator-item__logo-provider { height: 17px; } .section-result .search-tips .alert-info { padding-left: 24px !important; } .section-result .search-tips .alert-info__content { flex-direction: column; } .section-result .search-tips .alert-warn { padding-left: 24px !important; } .section-result .search-tips .card__section { padding-left: 24px !important; } .section-result .search-tips__small-card { display: block !important; } .section-result .search-tips__small-card .card { margin-bottom: 16px; } .section-result .search-tips__bottom-card { display: block !important; } .section-result .search-tips__bottom-card .alert-info__content { flex-direction: unset !important; } .section-result .search-tips__bottom-card .alert-warn { margin-top: 16px; } }