/* CSS Document */ div.feature { width: 92vw; margin-left: calc(50% - 46vw); height: 210px; border-radius: 16px; margin-bottom: 90px; background: #F6ECF9; background: url('/img/redesign/confirmed_reservation_thumbnails.png') no-repeat right center, linear-gradient(121deg,rgba(246, 236, 249, 1) 40%, rgba(219, 175, 223, 1) 100%); font-size: 40px; line-height: 1.25; color: #8E4199; padding: 55px 65px; letter-spacing: 0.02em; position: relative; } div.narrow { width: 820px; max-width: 100%; margin: 0 auto; } div.narrow h4 { font-size: 20px; font-weight: 300; text-align: center; letter-spacing: 0.03em; color: #231F20; padding: 10px 60px 5px; line-height: 1.4; } #FilterForm { background: #fff; border-radius: 16px; box-shadow: 0 10px 40px rgba(0,0,0,0.05); padding: 36px 50px; margin: 30px 0 50px; } #FilterForm h3 { font-size: 24px; font-weight: 600; text-align: center; color: #1B3466; } #FilterForm #clear-filters { font-size: 14px; padding: 10px 72px; } #FilterForm .row { padding-top: 16px; } #FilterForm .row .col { position: relative; } #FilterForm .row .col .control-group > input, #FilterForm .row .col .control-group > select { width: 100%; border: 1px solid #e9e9e9; padding: 12px 20px; border-radius: 8px; } #FilterForm .row .col #or { position: absolute; top: 13px; right: -11px; font-weight: bold; } #FilterForm .row .col span.clear { display: block; position: absolute; top: 12px; right: 40px; color: #999; font-weight: bold; cursor: pointer; padding: 0 6px; margin-right: -6px; } #FilterForm .row .col span.clear:hover { color: #333; } #FilterForm .row .col.empty span.clear { display: none; } #FilterForm .select2-container--dvcrequest .select2-selection--multiple .select2-selection__choice__remove { padding: 0 6px; margin-right: 9px; } #FilterForm .select2-container--dvcrequest .select2-selection--single .select2-selection__clear { padding: 0 6px; margin-right: -6px; } .Owners.availableReservations #FilterForm .slider.slider-horizontal { width: 100%; margin-bottom: 15px; } .Owners.availableReservations #FilterForm .slider-selection { background: rgb(246, 236, 249); } .Owners.availableReservations #FilterForm .slider .bs-tooltip-top .tooltip-inner { background-color: rgb(246, 236, 249); color: #444; } .Owners.availableReservations #FilterForm .slider-handle { background: #A440BF; border-radius: 12px; } .Owners.availableReservations #FilterForm .slider.slider-horizontal .slider-handle { border-radius: 12px; } .Owners.availableReservations #FilterForm .slider .tooltip { opacity: 1; margin-top: -30px; width: 70px; margin-left: 50%; } .Owners.availableReservations #FilterForm label[for="days"], .Owners.availableReservations #FilterForm label[for="occupancy"] { color: #888; padding-left: 25px; position: relative; top: -3px; } .Owners.availableReservations #FilterForm select { width: 100%; } .Owners.availableReservations .paginator { text-align: center; margin-top: 80px; margin-bottom: 100px; } .Owners.availableReservations .paginator ul.pagination { font-size: 24px; display: inline-block; margin: 0; padding: 0; } .Owners.availableReservations .paginator ul.pagination li { float: left; } .Owners.availableReservations .paginator ul.pagination li.prev { margin-right: 30px; } .Owners.availableReservations .paginator ul.pagination li.next { margin-left: 30px; } .Owners.availableReservations .paginator ul.pagination li a { padding: 10px; text-decoration: none; color: #c7b1cd; } .Owners.availableReservations .paginator ul.pagination li a:hover { color: #a440bf; } .Owners.availableReservations .paginator ul.pagination li.active a, .Owners.availableReservations .paginator ul.pagination li.first a, .Owners.availableReservations .paginator ul.pagination li.prev a, .Owners.availableReservations .paginator ul.pagination li.next a, .Owners.availableReservations .paginator ul.pagination li.last a { color: #1b3466; } .Owners.availableReservations .paginator ul.pagination li.first a:hover, .Owners.availableReservations .paginator ul.pagination li.prev a:hover, .Owners.availableReservations .paginator ul.pagination li.next a:hover, .Owners.availableReservations .paginator ul.pagination li.last a:hover { color: #a440bf; } .Owners.availableReservations .paginator ul.pagination li.disabled { visibility: hidden; } .Owners.availableReservations .paginator ul.pagination li.active a { cursor: default; } .Owners.availableReservations #resale-subscriptions-section { } .Owners.availableReservations #resale-subscriptions-section h3 { font-size: 39px; font-weight: bold; line-height: 120%; text-align: center; color: #1E3A74; letter-spacing: 0.06em; margin-bottom: 1rem; } .Owners.availableReservations #resale-subscriptions-section p { font-size: 17px; letter-spacing: 0.03em; line-height: 1.2; } .Owners.availableReservations #resale-subscriptions-section #notification-subscription-container { width: 525px; padding: 10px; background: #fff; border-radius: 8px; margin: 50px auto; box-shadow: 0 0 9px 0 rgba(0,0,0,0.17); } .Owners.availableReservations #resale-subscriptions-section form > div { display: inline-block; } .Owners.availableReservations #resale-subscriptions-section form > div.submit { float: right; } .Owners.availableReservations #resale-subscriptions-section form > div > input[name="email"] { width: 355px; padding: 0 15px; background: #ebdbf0; border: 0; border-radius: 8px; height: 39.5px; font-size: 13px; } .Owners.availableReservations #resale-subscriptions-section form > div > input[type="submit"] { width: 140px; height: 39.5px; font-size: 13px; } .Owners.availableReservations #resale-subscriptions-section #notification-subscription-success { padding: 10px 20px; } .Owners.availableReservations #resale-subscriptions-section #notification-subscription-success i { font-size: 36px; margin: 0 30px 0 10px; float: left; color: #a440bf; } .Owners.availableReservations #resale-subscriptions-section #notification-subscription-success p { font-size: 13px; line-height: 1.3; margin-bottom: 0; color: #000; } .Owners.availableReservations #resale-subscriptions-section #notification-subscription-error { padding: 10px 20px; } .Owners.availableReservations #resale-subscriptions-section #notification-subscription-error i { font-size: 36px; margin: 0 30px 0 10px; float: left; color: #a440bf; } .Owners.availableReservations #resale-subscriptions-section #notification-subscription-error p { font-size: 13px; line-height: 1.3; margin-bottom: 0; color: #000; } .Owners.availableReservations #resales-list { padding-top: 50px; max-width: 98vw; margin: 0 auto; } .Owners.availableReservations #resales-list section.resale { width: 100%; margin-bottom: 50px; } .Owners.availableReservations #resales-list table.resale { width: 100%; } .Owners.availableReservations #resales-list table.resale tr:first-child td { background: #ecdced; padding: 12px; width: 25%; } .Owners.availableReservations #resales-list table.resale tr:last-child td { border-bottom: 1px solid #999; padding: 24px 12px; width: 25%; } .Owners.availableReservations #resales-list table.resale tr td img.reduced { width: 72px; } .Owners.availableReservations #resales-list table.resale tr td.property { text-align: center; font-weight: bold; } .Owners.availableReservations #resales-list table.resale tr td.room-view { text-align: center; font-weight: bold; } .Owners.availableReservations #resales-list table.resale tr td.actions { text-align: center; } .Owners.availableReservations #resales-list table.resale tr td.price-per-point { text-align: center; } .Owners.availableReservations #resales-list table.resale tr td.total-cost { text-align: center; } .Owners.availableReservations #resales-list table.resale tr td.occupancy { text-align: center; } .Owners.availableReservations #resales-list.loading section.resale { opacity: 0.1; transition: opacity 0.3s; } .Owners.availableReservations .select2-drop { z-index: 3000 !important; } .Owners.availableReservations .select2-drop-mask { z-index: 2999 !important; } .Owners.availableReservations .select2-drop .select2-results .select2-no-results, .Owners.availableReservations .select2-drop .select2-results .select2-searching, .Owners.availableReservations .select2-drop .select2-results .select2-selection-limit { background: none; } .Owners.availableReservations .select2-drop { background: rgba(33,43,100,1); border: 1px solid #2b3d90; } .Owners.availableReservations .select2-drop .select2-results { color: #fff; font-size: 16px; } .Owners.availableReservations .select2-drop .select2-results .select2-highlighted { background: #007ecf; } .Owners.availableReservations #resale-unavailable-modal { background: rgba(33,43,100,1); border: 1px solid #2b3d90; } .Owners.availableReservations #resale-unavailable-modal .modal-header h3 { color: #fff; } .Owners.availableReservations #resale-unavailable-modal .modal-footer .btn, .Owners.availableReservations #resale-unavailable-modal .modal-footer .btn-success { background: #eee; top: 0; font-weight: 500; border-radius: 16px; font-size: 16px; text-transform: uppercase; padding: 6px 20px; } .Owners.availableReservations #resale-unavailable-modal .modal-body { color: #fff; } @media ( max-width: 1199px ) { div.feature { height: 180px; background: url(/img/redesign/confirmed_reservation_thumbnails.png) no-repeat right -150px center, linear-gradient(121deg, rgba(246, 236, 249, 1) 40%, rgba(219, 174, 223, 1) 100%) no-repeat right; padding: 40px 40px; background-size: 75%, 100%; } } @media ( max-width: 991px ) { div.feature { font-size: 32px; height: 160px; } div.narrow h4 { padding: 10px 0 5px; } } @media ( max-width: 991px ) and ( min-width: 650px ) { header h1#header-page-title { width: 650px; margin: 0 calc(50% - 325px); } } @media ( max-width: 767px ) { div.narrow h4 br { display: none; } div.feature { font-size: 26px; height: 120px; padding: 30px 30px; line-height: 1.1; letter-spacing: 0.01em; } #FilterForm .check-in-row > .col:first-child { padding-bottom: 16px; } #FilterForm .room-resort-row > .col-12:first-child { padding-bottom: 16px; } #FilterForm .row .col #or { top: 46px; right: auto; left: calc(50% - 12px); } .Owners.availableReservations #resale-subscriptions-section h3 { letter-spacing: 0.03em; line-height: 110%; } .Owners.availableReservations #resale-subscriptions-section h3 br, .Owners.availableReservations #resale-subscriptions-section p br { display: none; } .Owners.availableReservations #resale-subscriptions-section #notification-subscription-container { max-width: 100%; } .Owners.availableReservations #resale-subscriptions-section form > div { display: block; width: 100%; margin-bottom: 8px; } .Owners.availableReservations #resale-subscriptions-section form > div > input[name="email"], .Owners.availableReservations #resale-subscriptions-section form > div > input[type="submit"] { width: 100%; } } @media ( max-width: 575px ) { div.feature { font-size: 28px; height: 170px; padding: 25px calc(100vw - 290px) 25px 24px; margin-left: -5vw; margin-right: -5vw; width: 100vw; border-radius: 0; text-align: left; background-size: 550px, 100%; background-position: bottom left 40px, bottom right; } #FilterForm { padding-left: 36px; padding-right: 36px; } #FilterForm #clear-filters { padding: 10px 40px; } .Owners.availableReservations main#main #resales-list section > table.resale, .Owners.availableReservations main#main #resales-list section > table.resale tbody, .Owners.availableReservations main#main #resales-list section > table.resale tbody tr, .Owners.availableReservations main#main #resales-list section > table.resale tbody tr td { display: block; width: 100%; padding: 0; text-align: center; border: 0; } .Owners.availableReservations main#main #resales-list section > table.resale tbody tr td:first-child { padding-top: 10px; } .Owners.availableReservations main#main #resales-list section > table.resale tbody tr td:last-child { padding-bottom: 10px; } .Owners.availableReservations main#main #resales-list section > table.resale tbody { border: 0; background: #fff; box-shadow: 0 10px 40px rgba(0,0,0,0.05); } .Owners.availableReservations .paginator { margin-top: 100px; position: relative; } .Owners.availableReservations .paginator #resales-pagination { width: 100%; } .Owners.availableReservations .paginator #resales-pagination li { width: 12.5%; } .Owners.availableReservations .paginator #resales-pagination li.prev { display: block; position: absolute; top: -36px; left: 0; width: 50%; text-align: left; margin: 0; padding-left: 0.5em; } .Owners.availableReservations .paginator #resales-pagination li.next { display: block; position: absolute; top: -36px; right: 0; width: 50%; text-align: right; margin: 0; padding-right: 0.5em; } } @media ( max-width: 400px ) { .Owners.availableReservations #FilterForm label[for="days"], .Owners.availableReservations #FilterForm label[for="occupancy"] { padding-left: 18%; } .Owners.availableReservations #FilterForm .slider .tooltip { margin-left: 66%; } }