| Server IP : 103.234.187.230 / Your IP : 216.73.216.216 Web Server : Apache System : Linux lserver42043-ind.megavelocity.net 3.10.0-1160.108.1.el7.x86_64 #1 SMP Thu Jan 25 16:17:31 UTC 2024 x86_64 User : apache ( 48) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/b2c.hellogtx.com/public/assets/css/ |
Upload File : |
:root {
--highlight-color: #f8693e;
--highlight-color2: #204566;
--text-light: #8e9d9c;
--text-dark: #333;
--text-white: #fff;
}
img {
max-width: 100%;
height: auto;
}
.text-highlight {
color: var(--highlight-color);
}
.text-light {
color: var(--text-light);
}
.text-dark {
color: var(--text-dark);
}
.text-white {
color: var(--text-white);
}
.hover-text-white:hover {
color: var(--text-white);
}
.bg-highlight {
background-color: var(--highlight-color);
}
.bg-light {
background-color: var(--text-light);
}
.bg-dark {
background-color: var(--text-dark);
}
.bg-white {
background-color: var(--text-white);
}
.m-0 {
margin: 0;
}
.m-10 {
margin: 10px;
}
.m-15 {
margin: 15px;
}
.m-20 {
margin: 20px;
}
.mt-0 {
margin-top: 0
}
.mt-10 {
margin-top: 10px
}
.mt-15 {
margin-top: 15px
}
.mt-20 {
margin-top: 20px
}
.mt-25 {
margin-top: 25px
}
.mt-30 {
margin-top: 30px
}
.mt-35 {
margin-top: 35px
}
.mt-40 {
margin-top: 40px
}
.mr-0 {
margin-right: 0
}
.mr-10 {
margin-right: 10px
}
.mr-15 {
margin-right: 15px
}
.mr-20 {
margin-right: 20px
}
.mr-25 {
margin-right: 25px
}
.mr-30 {
margin-right: 30px
}
.mr-35 {
margin-right: 35px
}
.mr-40 {
margin-right: 40px
}
.mb-0 {
margin-bottom: 0
}
.mb-10 {
margin-bottom: 10px
}
.mb-15 {
margin-bottom: 15px
}
.mb-20 {
margin-bottom: 20px
}
.mb-25 {
margin-bottom: 25px
}
.mb-30 {
margin-bottom: 30px
}
.mb-35 {
margin-bottom: 35px
}
.mb-40 {
margin-bottom: 40px
}
.ml-10 {
margin-left: 10px
}
.ml-15 {
margin-left: 15px
}
.ml-20 {
margin-left: 20px
}
.ml-25 {
margin-left: 25px
}
.ml-30 {
margin-left: 30px
}
.ml-35 {
margin-left: 35px
}
.ml-40 {
margin-left: 40px
}
.mr-auto {
margin-right: auto;
}
.ml-auto {
margin-left: auto;
}
.mx-auto {
margin: 0 auto;
}
.mx-0 {
margin-left: 0;
margin-right: 0;
}
.mx-10 {
margin-left: 10px;
margin-right: 10px;
}
.mx-15 {
margin-left: 15px;
margin-right: 15px;
}
.mx-20 {
margin-left: 20px;
margin-right: 20px;
}
.p-0 {
padding: 0;
}
.p-10 {
padding: 10px
}
.p-15 {
padding: 15px
}
.p-20 {
padding: 20px
}
.p-25 {
padding: 25px
}
.p-30 {
padding: 30px
}
.p-35 {
padding: 35px
}
.p-40 {
padding: 40px
}
.pt-0 {
padding: 0
}
.pt-10 {
padding-top: 10px
}
.pt-15 {
padding-top: 15px
}
.pt-20 {
padding-top: 20px
}
.pt-25 {
padding-top: 25px
}
.pt-30 {
padding-top: 30px
}
.pt-35 {
padding-top: 35px
}
.pt-40 {
padding-top: 40px
}
.pr-0 {
padding-right: 0
}
.pr-10 {
padding-right: 10px
}
.pr-15 {
padding-right: 15px
}
.pr-20 {
padding-right: 20px
}
.pr-25 {
padding-right: 25px
}
.pr-30 {
padding-right: 30px
}
.pr-35 {
padding-right: 35px
}
.pr-40 {
padding-right: 40px
}
.pb-0 {
padding-bottom: 0
}
.pb-10 {
padding-bottom: 10px
}
.pb-15 {
padding-bottom: 15px
}
.pb-20 {
padding-bottom: 20px
}
.pb-25 {
padding-bottom: 25px
}
.pb-30 {
padding-bottom: 30px
}
.pb-35 {
padding-bottom: 35px
}
.pb-40 {
padding-bottom: 40px
}
.pl-10 {
padding-left: 10px
}
.pl-15 {
padding-left: 15px
}
.pl-20 {
padding-left: 20px
}
.pl-25 {
padding-left: 25px
}
.pl-30 {
padding-left: 30px
}
.pl-35 {
padding-left: 35px
}
.pl-40 {
padding-left: 40px
}
.px-0 {
padding-left: 0;
padding-right: 0;
}
.px-10 {
padding-left: 10px;
padding-right: 10px;
}
.px-15 {
padding-left: 15px;
padding-right: 15px;
}
.px-20 {
padding-left: 20px;
padding-right: 20px;
}
.d-flex {
display: flex;
}
.d-none {
display: none;
}
.d-inline-block {
display: inline-block;
}
.justify-content-between {
justify-content: space-between;
}
.justify-content-end {
justify-content: flex-end;
}
.align-items-center {
align-items: center;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-column {
flex-direction: column;
}
.btn:focus {
outline: 0 !important;
}
.btn:active, .btn.active {
box-shadow: none;
}
.btn1 {
background-color: var(--highlight-color);
color: #fff;
}
.btn1:hover {
color: #fff;
}
.highlight-color {
color: var(--highlight-color);
}
.bg-transparent {
background-color: transparent;
}
.bg-light2 {
background-color: #f0f3f8;
}
.bg-white {
background-color: #fff;
}
.bg-transparent-color1 {
background: rgba(248, 105, 62, .1);
}
.box-shadow1 {
box-shadow: 0 1px 7px 0 rgb(0 0 0 / 20%);
}
.fs-10 {
font-size: 10px;
}
.fs-12 {
font-size: 12px;
}
.fs-16 {
font-size: 16px;
}
.fs-18 {
font-size: 18px;
}
.fs-20 {
font-size: 20px;
}
.fw-bold {
font-weight: bold;
}
.position-relative {
position: relative;
}
.position-absolute {
position: absolute;
}
.position-sticky {
position: -webkit-sticky;
position: sticky;
}
.rounded {
border-radius: 4px;
}
.z-index9 {
z-index: 9;
}
.z-index99 {
z-index: 99;
}
.z-index999 {
z-index: 999;
}
.border-top {
border-top: 1px solid var(--text-light);
}
.border-right {
border-right: 1px solid var(--text-light);
}
.border-bottom {
border-bottom: 1px solid var(--text-light);
}
.border-left {
border-left: 1px solid var(--text-light);
}
.white-space-nowrap {
white-space: nowrap;
}
.top-0 {
top: 0;
}
.right-0 {
right: 0;
}
.bottom-0 {
bottom: 0;
}
.left-0 {
left: 0;
}
.top-50 {
top: 50%;
}
.right-50 {
right: 50%;
}
.bottom-50 {
bottom: 50%;
}
.left-50 {
left: 50%;
}
.translate-middle {
transform: translate(-50%,-50%);
}
.dayplan-sidebar-col {
position: sticky;
top: 10px;
}
.hotel-window-filter {
}
.hotel-window-filter .hotel-showing {
margin-bottom: 5px;
}
.hotel-window-filter .hotel-rating-sorting {
display: flex;
align-items: center;
margin-left: auto;
margin-right: 10px;
}
.hotel-window-filter .hotel-rating-sorting .hotel-rating-caption {
margin-right: 5px;
font-size: 12px;
margin-bottom: 5px;
}
.hotel-window-filter .hotel-rating-sorting ul {
display: flex;
font-size: 12px;
padding-left: 0;
margin-bottom: 5px;
}
.hotel-window-filter .hotel-rating-sorting ul li {
margin-right: 5px;
border: 1px solid #d9d9d9;
padding: 7px 8px;
border-radius: 2px;
cursor: pointer;
color: #4a4a4a;
}
.hotel-window-filter .hotel-rating-sorting ul li.active {
background: var(--maincolor);
border: 1px solid var(--maincolor);
color: #fff;
}
.hotel-window-filter .hotel-rating-sorting ul li:last-child {
margin-right: 0;
}
.hotel-window-filter .hotel-rating-sorting ul li i {
font-size: 11px;
}
.hotel-window-filter .hotel-sort-by {
display: flex;
align-items: center;
margin-right: 10px;
}
.hotel-window-filter .hotel-sort-by label {
white-space: nowrap;
margin-bottom: 5px;
margin-right: 5px;
}
.hotel-window-filter .hotel-sort-by select {
height: 34px;
border-radius: 4px;
outline: 0;
border: 0;
padding: 6px 10px;
font-size: 12px;
margin-bottom: 5px;
}
.hotel-window-filter .hotel-preferences-btn {
margin-bottom: 5px;
font-size: 12px;
padding: 0.375rem 0;
}
.hotel-filter-pop-strip {
padding: 5px 10px;
padding-top: 10px;
margin-bottom: 20px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.hotel_filter_popup {
display: none;
}
.hotel-filter-popup-btns {
display: flex;
justify-content: flex-end;
margin-bottom: 15px;
}
.hotel-filter-popup-btns .btn {
padding: 5px 10px;
text-transform: capitalize;
font-size: 12px;
}
.hotel-filter-popup-btns .hotel-filter-clear-btn {
background: #e1e1e1;
}
.hotel-filter-popup-btns .hotel-filter-apply-btn {
background: var(--maincolor);
color: #fff;
margin-left: 3px;
}
.hotel-checkbox-group {
display: block;
margin-bottom: 5px;
position: relative;
}
.hotel-checkbox-group input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
cursor: pointer;
opacity: 0;
width: 100%;
padding-top: 0;
margin-top: 0;
height: 24px;
}
.hotel-checkbox-group label {
cursor: pointer;
position: absolute;
left: 0;
top: 0px;
pointer-events: none;
font-weight: 500;
margin-bottom: 0;
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
overflow: hidden;
}
.hotel-checkbox-group label:before {
content: "";
-webkit-appearance: none;
background-color: transparent;
border: 2px solid var(--maincolor);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 8px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 10px;
}
.hotel-checkbox-group input:checked + label:after {
content: "";
display: block;
position: absolute;
top: 3px;
left: 7px;
width: 6px;
height: 11px;
border: solid var(--maincolor);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
@media (min-width: 992px){
.mt-md-0 {
margin-top: 0
}
.mt-md-10 {
margin-top: 10px
}
.mt-md-15 {
margin-top: 15px
}
.mt-md-20 {
margin-top: 20px
}
.mr-md-0 {
margin-right: 0
}
.mr-md-5 {
margin-right: 5px
}
.mr-md-10 {
margin-right: 10px
}
.mr-md-15 {
margin-right: 15px
}
.mr-md-20 {
margin-right: 20px
}
.mb-md-0 {
margin-bottom: 0
}
.mb-md-10 {
margin-bottom: 10px
}
.mb-md-15 {
margin-bottom: 15px
}
.mb-md-20 {
margin-bottom: 20px
}
.ml-md-0 {
margin-left: 0
}
.ml-md-10 {
margin-left: 10px
}
.ml-md-15 {
margin-left: 15px
}
.ml-md-20 {
margin-left: 20px
}
.pt-md-0 {
padding-top: 0
}
.p-md-10 {
padding: 10px;
}
.p-md-15 {
padding: 10px 15px;
}
.p-md-20 {
padding: 20px;
}
.pt-md-10 {
padding-top: 10px
}
.pt-md-15 {
padding-top: 15px
}
.pt-md-20 {
padding-top: 20px
}
.pr-md-0 {
padding-right: 0
}
.pr-md-10 {
padding-right: 10px
}
.pr-md-15 {
padding-right: 15px
}
.pr-md-20 {
padding-right: 20px
}
.pb-md-0 {
padding-bottom: 0
}
.pb-md-10 {
padding-bottom: 10px
}
.pb-md-15 {
padding-bottom: 15px
}
.pb-md-20 {
padding-bottom: 20px
}
.pl-md-0 {
padding-left: 0
}
.pl-md-10 {
padding-left: 10px
}
.pl-md-15 {
padding-left: 15px
}
.pl-md-20 {
padding-left: 20px
}
.flex-md-wrap {
flex-wrap: initial;
}
}
@media (min-width: 768px){
.text-sm-left {
text-align: left !important;
}
.text-sm-center {
text-align: center !important;
}
.text-sm-right {
text-align: right !important;
}
.flex-sm-row {
flex-direction: row;
}
}
.dayplan-sidebar .dayplan-list-title {
font-size: 18px;
color: #000;
margin-bottom: 10px;
}
.dayplan-sidebar .dayplan-list {
padding-left: 0;
display: flex;
flex-direction: column;
}
.dayplan-sidebar .dayplan-list li {
color: #4a4a4a;
font-size: 12px;
font-weight: 500;
text-transform: capitalize;
align-self: flex-start;
position: relative;
cursor: pointer;
display: block;
width: 138px;
background: #f9f9f9;
border-bottom: 1px solid #fff;
border-radius: 4px;
}
.dayplan-sidebar .dayplan-list li::before {
content: '';
/* position: absolute;
width: 7px;
height: 7px;
background: #9b9b9b;
border-radius: 5px;
left: 20px;
top: 0;
bottom: 0;
margin: auto;
z-index: 1; */
}
.dayplan-sidebar .dayplan-list li::after {
content: '';
/* position: absolute;
width: 1px;
height: 100%;
background: #e7e7e7;
left: 23px;
top: 0; */
}
.dayplan-sidebar .dayplan-list li.active {
color: #fff;
background: #666666;
/* border-radius: 0 20px 20px 0; */
}
.dayplan-sidebar .dayplan-list li.active::after {
content: '';
width: 0;
height: 0;
border-top: 7px solid transparent;
border-left: 9px solid #666666;
border-bottom: 7px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -9px;
}
.dayplan-sidebar .dayplan-list li a {
text-decoration: none;
display: block;
color: #4a4a4a;
padding: 8px 15px 8px 15px;
}
.dayplan-sidebar .dayplan-list li.active a {
color: #fff;
}
.dayplan-section .dayplan-header {
background: #f9f9f9;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
z-index: 99;
}
.dayplan-section .dayplan-header .dayplan-title {
font-size: 14px;
display: flex;
padding: 10px 16px;
background: #666666;
color: #fff;
margin-bottom: 0;
margin-top: 0;
border-radius: 25px;
}
.dayplan-main-container {
margin-top: 30px;
}
.listing-modifysearch-strip {
background: #f0f3f8;
padding: 10px 0;
box-shadow: 0 2px 4px rgba(0,0,0,0.16);
}
.listing-modifysearch {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
.listing-modifysearch .modifysearch-btn {
background: var(--maincolor);
border: 1px solid var(--maincolor);
color: #fff;
padding: 8px 40px;
display: block;
border-radius: 4px;
text-align: center;
text-decoration: none;
margin-top: 2px;
margin-bottom: 2px;
}
.modifysearch-inputbox {
display: inline-flex;
flex-direction: column;
margin-right: 5px;
margin-top: 2px;
margin-bottom: 2px;
}
.modifysearch-inputbox label {
font-size: 12px;
margin-bottom: 2px;
}
.modifysearch-inputbox input {
background: #fff;
border: 1px solid #d6d6d6;
padding: 8px;
border-radius: 4px;
}
.modifysearch-inputbox #strTravdate {
background-image: url(../../images/calendar.png) !important;
background-repeat: no-repeat !important;
}
.hotel-travller-wrap {
position: relative;
}
.hotel-travller-wrap .hotel_check.form-control {
min-height: 38px;
margin-bottom: 0;
padding: 8px 10px;
}
.hotel-travller-wrap .flightPaxInfo {
font-size: 14px;
white-space: nowrap;
line-height: 34px;
}
.hotel-travller-wrap .roomBoxMainIn .hotel-done-btn {
background: var(--main-color) !important;
color: #fff !important;
border: 1px solid var(--main-color) !important;
}
.hotel-travller-wrap .multi-select-container--open .multi-select-menu {
position: absolute !important;
bottom: 20px;
padding-top: 5px;
}
.hotel-travller-wrap .selectratingcls .multi-select-menuitems {
padding-left: 0;
}
.hotel-travller-wrap .selectratingcls .multi-select-button {
padding-right: 20px;
}
.ui-menu .ui-menu-item:hover {
background: #f5f5f5;
}
.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
border: 1px solid #f5f5f5 !important;
background: #f5f5f5;
font-weight: normal;
color: #000;
border-radius: 0;
}
.package-sidebar {
position: sticky;
top: 0;
}
.price-summary {
box-shadow: 0 2px 4px rgba(0,0,0,0.16);
padding: 15px;
border-radius: 4px;
margin-bottom: 15px;
}
.price-summary .package-name {
font-size: 16px;
color: #000;
margin-bottom: 8px;
line-height: 22px;
}
.price-summary .package-name::first-letter {
text-transform: uppercase;
}
.price-summary .package-days {
color: #666;
font-size: 13px;
margin-bottom: 4px;
}
.price-summary .package-days i {
width: 16px;
text-align: center;
}
.price-summary .package-destination {
color: #666;
font-size: 13px;
}
.price-summary .package-destination i {
width: 14px;
text-align: center;
}
.price-summary .modify-package-date-wrap {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
border-top: dashed 1px #d6d6d6;
padding: 12px 0;
}
.price-summary .modify-package-date-btn {
color: #007bff;
cursor: pointer;
}
.price-summary .package-price {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
border-top: dashed 1px #d6d6d6;
padding: 8px 0;
margin-top: 10px;
}
.price-summary .package-price .package-price-label {
font-size: 13px;
}
.price-summary .package-price .package-rs {
font-size: 18px;
font-weight: 600;
color: #252525;
}
.price-summary .package-price .package-rs span {
font-weight: 400;
font-size: 13px;
}
.price-summary .package-book-btn {
background: var(--maincolor);
color: #fff;
padding: 8px 16px;
display: block;
border-radius: 4px;
text-align: center;
text-decoration: none;
margin-bottom: 4px;
}
.package-sidebar .incusions {
display: flex;
align-items: flex-start;
flex-direction: column;
box-shadow: 0 2px 4px rgba(0,0,0,0.16);
padding: 15px;
border-radius: 4px;
margin-bottom: 15px;
}
.package-sidebar .incusions .included-heading {
font-weight: 500;
margin-bottom: 8px;
font-size: 16px;
text-transform: capitalize;
}
.package-sidebar .incusions ul {
display: flex;
align-items: flex-start;
padding-left: 0;
flex-direction: column;
margin-bottom: 0;
}
.package-sidebar .incusions ul li {
list-style-type: none;
margin-bottom: 5px;
}
.package-sidebar .incusions ul li i {
width: 16px;
}
.package-details {
margin-top: 50px;
}
.package-details-tabs-strip {
background: #ffffff;
display: flex;
box-shadow: 0 2px 4px rgba(0,0,0,0.16);
/* position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 99; */
}
.package-details-tabs-strip a {
padding: 10px 16px;
display: inline-flex;
text-decoration: none;
color: #252525;
font-size: 13px;
border: none !important;
}
.package-details-tabs-strip a.active {
background-color: #666666 !important;
color: #fff !important;
}
.package-details-tabs-wrap {
margin-bottom: 40px;
}
.package-details-tab {
box-shadow: 0 2px 4px rgba(0,0,0,0.16);
overflow-x: auto;
}
.package-details-tab .table {
margin-bottom: 0;
}
.package-details-tab .table thead tr th {
font-size: 13px;
padding: 8px 15px 6px 15px;
border-bottom: 0;
border-top: 0;
}
.package-details-tab .table thead tr th:first-child {
width: 16%;
}
.package-details-tab .table tbody tr td {
font-size: 13px;
padding: 6px 15px;
}
.package-details-tab .table tbody tr td:first-child {
width: 16%;
}
.view_detail_model_body .nav-tabs {
background: #4a4a4a !important;
}
.view_detail_model_body .nav-tabs .tab-list {
margin-right: 0;
}
.view_detail_model_body .nav-tabs .tab-list.active {
background: var(--maincolor);
}
.view_detail_model_body .nav-tabs .tab-list a {
font-size: 16px;
font-weight: 500;
background: #4a4a4a;
}
.view_detail_model_body .nav-tabs .tab-list.active a {
background: var(--maincolor);
color: #fff;
}
.view_detail_model_body .nav-tabs .tab-list.active a i {
color: #fff;
}
.view_detail_model_body .popup-title {
margin-bottom: 10px;
}
.view_detail_model_body .tab-content ul {
padding-left: 16px;
}
.package-details-block-strip {
background: #ffffff;
display: flex;
justify-content: space-between;
margin-bottom: 15px;
box-shadow: 0 2px 4px rgba(0,0,0,0.16);
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 99;
}
.package-details-block-strip a {
padding: 10px 16px;
display: inline-flex;
text-decoration: none;
color: #252525;
font-size: 13px;
}
.package-details-block {
box-shadow: 0 2px 4px rgba(0,0,0,0.16);
padding: 15px;
border-radius: 4px;
margin-bottom: 15px;
}
.package-details-block:last-child {
margin-bottom: 0;
}
.package-details-caption {
text-transform: capitalize;
font-size: 16px;
color: #252525;
margin-bottom: 10px;
margin-top: 5px;
font-weight: 600;
}
.day-plan-row h3 {
font-size: 18px;
}
.day-plan-row h4 {
font-size: 14px;
}
.room-quick-upgrade-btn {
text-transform: uppercase;
color: var(--main-color);
text-decoration: underline;
font-size: 12px;
background: transparent;
border: 0;
}
.btn.changeoption {
background-color: var(--main-color);
text-transform: capitalize;
}
.change-remove-btn-group {
display: flex;
flex-wrap: wrap;
}
.change-remove-btn-group .btn {
font-size: 12px;
text-transform: uppercase;
padding: 5px 10px;
background: transparent;
color: var(--maincolor);
text-decoration: underline;
font-weight: 500;
position: relative;
}
.change-remove-btn-group .btn::after {
content: '';
border-right: 1px solid #e7e7e7;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 14px;
}
.change-remove-btn-group .btn:last-child::after {
display: none;
}
.room-inclusion-list .room-inclusion-list-label {
margin-bottom: 8px;
}
.room-inclusion-list ul {
padding-left: 0
}
.room-inclusion-list ul li {
position: relative;
padding-left: 20px;
margin-bottom: 5px;
color: #333;
}
.room-inclusion-list ul li::before {
content: "\f00c";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
left: 0;
top: 1px;
}
.flight-row {
display: flex;
justify-content: space-between;
}
.flight-row figure {
width: 60px;
}
.flight-row .flight-logo {
max-width: 48px;
margin-bottom: 5px;
}
.flight-row .airline-path {
width: 140px;
height: 2px;
background: #8e9d9c;
position: relative;
margin: 15px;
}
.flight-row .airline-path::before, .flight-row .airline-path::after {
content: '';
height: 8px;
width: 8px;
border-radius: 50%;
background: #8e9d9c;
position: absolute;
top: -3px;
display: inline-block;
}
.flight-row .airline-path::before {
left: 0;
}
.flight-row .airline-path::after {
right: 0;
}
.flight-row .airline-path i {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 50%;
transform: translateY(-50%);
color: var(--highlight-color);;
font-size: 18px;
}
.read-more-content {
margin-bottom: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.read-more-content-up {
margin-bottom: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.rating-list {
display: flex;
}
.rating-list i {
margin-right: 2px;
font-size: 12px;
}
.add-activity-btn {
border-radius: 30px;
box-shadow: 0 1px 7px 0 rgb(0 0 0 / 20%);
}
/* activity window css */
.activity-window-root::before {
content: '';
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.7);
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: .3s all ease-out;
}
.activity-window-root.bg-activity-window::before {
opacity: .7;
visibility: visible;
}
.activity-window-wrap {
background: #fff;
width: 60%;
height: 100vh;
position: fixed;
right: -60%;
top: 0;
z-index: 99999;
transition: .3s ease all;
padding: 0 15px;
overflow-y: auto;
}
.activity-window-wrap.window-show {
right: 0%;
}
.body-fixed {
overflow: hidden;
}
#hotel-window, #flight-window, #travel-window, #sight-window{
display:none;
}
.activity-window-wrap .search-bar-wrap {
position: relative;
}
.activity-window-wrap .search-bar-wrap .search-bar {
border: 1px solid #9b9b9b;
padding: 5px 10px;
font-size: 12px;
width: 240px;
font-style: italic;
border-radius: 4px;
outline: 0;
padding-left: 24px;
}
.activity-window-wrap .search-bar-wrap i {
position: absolute;
left: 7px;
top: 50%;
transform: translateY(-50%);
color: #9b9b9b;
}
.activity-window-wrap .close-window {
color: #9b9b9b;
width: 28px;
height: 28px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #9b9b9b;
border-radius: 50%;
background: #fff;
cursor: pointer;
}
.window-item-box {
border: 1px solid #8e9d9c;
padding: 10px;
border-radius: 4px;
margin-bottom: 10px;
}
.window-item-box a { cursor:pointer;}
.window-item-box a.link {
color: #007bff;
text-decoration: underline;
}
.window-item-box.selected {
border: 1px solid var(--main-color);
background: #f9f9f9;
}
.window-item-box .hotel-view-detail-btn {
color: #007bff;
}
.window-item-box .hotel-view-detail-btn:hover {
text-decoration: underline;
}
#hotel-window .mob-pad {
padding: 0;
}
#hotel-window h2 {
margin-top: 10px;
font-size: 20px;
}
.window-item-box h3 {
font-size: 14px;
margin-bottom: 2px;
font-weight: 600;
}
.window-item-box .text-light {
color: #8f8f8f !important;
}
.window-item-box figure {
margin-bottom: 0;
}
.window-item-box figure img {
height: 130px;
width: 100%;
object-fit: cover;
}
.window-item-box .hotel-change-room {
text-decoration: underline;
}
.window-item-box .selected-badge {
background: var(--maincolor);
color: #fff;
padding: 5px 10px;
font-size: 12px;
display: flex;
align-items: center;
position: absolute;
top: 10px;
}
.window-item-box .selected-badge i {
font-size: 18px;
margin-right: 4px;
}
.window-item-box .selected-badge span {
margin-top: 1px;
}
.activity-window-strip {
position: sticky;
bottom: 0;
background: #4a4a4a;
color: #fff;
border-radius: 4px;
z-index: 999999999;
}
.activity-window-strip .night-stay {
margin-right: 4px;
}
.activity-window-strip p strong {
font-weight: 500;
}
.pkg-price-wrap {
display: flex;
align-items: baseline;
}
.pkg-price-wrap .WebRupee {
margin-right: 4px;
}
.activity-window-strip .update-package-btn {
background: #007bff;
color: #fff;
}
.flight-item-box {
border: 1px solid #8e9d9c;
padding: 10px;
border-radius: 4px;
margin-bottom: 20px;
}
.flight-item-box.selected {
background: rgba(248, 105, 62, .1);
border: 1px solid var(--highlight-color);
}
.flight-item-box .options-list {
padding: 0;
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
}
.flight-item-box .options-list li {
list-style-type: none;
display: flex;
align-items: center;
margin-right: 10px;
padding: 4px 8px;
border-radius: 4px;
background: #fff;
box-shadow: 0 1px 7px 0 rgb(0 0 0 / 20%);
margin-bottom: 10px;
cursor: pointer;
}
.flight-item-box .options-list li.active {
background: var(--highlight-color);
color: #fff;
}
.flight-item-box .options-list li img {
width: 20px;
height: 20px;
border-radius: 50%;
}
.flight-item-box .options-list li span {
margin-left: 5px;
font-size: 12px;
line-height: 0;
}
.flight-item-box .flight-logo {
width: 40px;
height: 40px;
}
.flight-item-box .flight-logo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.flight-item-box .airline-path {
width: 140px;
height: 2px;
background: #8e9d9c;
position: relative;
margin: 10px;
}
.flight-item-box .airline-path::before, .flight-item-box .airline-path::after {
content: '';
height: 8px;
width: 8px;
border-radius: 50%;
background: #8e9d9c;
position: absolute;
top: -3px;
display: inline-block;
}
.flight-item-box .airline-path::before {
left: 0;
}
.flight-item-box .airline-path::after {
right: 0;
}
.flight-item-box .airline-path i {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 50%;
transform: translateY(-50%);
color: var(--highlight-color);;
font-size: 18px;
}
.flight-item-box .custom-radio-btn input[type=radio] {
position: absolute;
opacity: 0;
}
.flight-item-box .custom-radio-btn .radio-label {
margin-bottom: 0;
}
.flight-item-box .custom-radio-btn input[type=radio] + .radio-label:before {
content: "";
background: #f4f4f4;
border-radius: 100%;
border: 1px solid #b4b4b4;
display: inline-block;
width: 1.4em;
height: 1.4em;
position: relative;
margin-right: 1em;
vertical-align: top;
cursor: pointer;
text-align: center;
transition: all 250ms ease;
}
.flight-item-box .custom-radio-btn input[type=radio]:checked + .radio-label:before {
background-color: var(--highlight-color);
box-shadow: inset 0 0 0 4px #f4f4f4;
}
.flight-item-box .custom-radio-btn input[type=radio]:focus + .radio-label:before {
outline: none;
border-color: var(--highlight-color);
}
.flight-item-box .custom-radio-btn input[type=radio]:disabled + .radio-label:before {
box-shadow: inset 0 0 0 4px #f4f4f4;
border-color: #b4b4b4;
background: #b4b4b4;
}
.flight-item-box .custom-radio-btn input[type=radio] + .radio-label:empty:before {
margin-right: 0;
}
.activity-window-strip .flight-logo {
width: 30px;
height: 30px;
}
.activity-window-strip .flight-logo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.flight-filter-price-select {
height: 34px;
border-radius: 4px;
outline: 0;
border: 0;
padding: 6px 10px;
}
.flight-preferences-toggle {
height: 34px;
border-radius: 4px;
background: #fff;
}
.flight-preferences-toggle i {
margin-left: 4px;
font-size: 12px;
}
.flight-preferences-container {
padding: 10px;
background-color: #fff;
position: absolute;
z-index: 99;
width: 100%;
left: 0;
right: 0;
display: none;
}
.flight-preferences-container .checkbox-group {
display: block;
margin-bottom: 5px;
position: relative;
}
.flight-preferences-container .checkbox-group input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
cursor: pointer;
opacity: 0;
width: 100%;
padding-top: 0;
margin-top: 0;
height: 24px;
}
.flight-preferences-container .checkbox-group label {
position: relative;
cursor: pointer;
position: absolute;
left: 0;
top: 0px;
pointer-events: none;
font-weight: 500;
margin-bottom: 0;
}
.flight-preferences-container .checkbox-group label:before {
content: "";
-webkit-appearance: none;
background-color: transparent;
border: 2px solid var(--highlight-color);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 8px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 10px;
}
.flight-preferences-container .checkbox-group input:checked + label:after {
content: "";
display: block;
position: absolute;
top: 4px;
left: 7px;
width: 6px;
height: 11px;
border: solid var(--highlight-color);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.multitrips-btns-group {
background: #f0f3f8;
}
.multitrips-btns-group button {
border: none;
background: transparent;
margin-right: 10px;
padding: 10px;
font-weight: 600;
}
.multitrips-btns-group button.active {
color: var(--highlight-color);
border-bottom: 2px solid var(--highlight-color);
}
.multitrips_row {
display: none;
}
.multitrips_row.active {
display: block;
}
/* start listing page css */
.price-filter {
display: flex;
align-items: center;
font-size: .875rem;
}
.price-filter #min-range, .price-filter #max-range {
font-size: 12px;
min-width: 54px;
border: 1px solid #f0f3f8;
background: var(--text-white);
display: inline-block;
padding: 4px 8px;
border-radius: 0.25rem;
}
#price-range-slider {
background: #f0f3f8;
border: 0;
border-radius: 0;
height: 2px;
min-width: 128px;
margin: 0 0.5rem;
}
#price-range-slider .ui-corner-all {
height: 2px;
}
#price-range-slider .ui-slider-range {
background: var(--highlight-color);
border-radius: 0;
height: 2px;
}
#price-range-slider .ui-slider-handle {
border-radius: 50%;
width: 16px;
height: 16px;
top: -8px;
outline: 0;
}
#price-range-slider .ui-state-default, #price-range-slider .ui-widget-content .ui-state-default, #price-range-slider .ui-widget-header .ui-state-default, #price-range-slider .ui-button {
border: 1px solid gray;
background: var(--text-white);
}
#price-range-slider .ui-slider-handle:after {
content: '';
width: 10px;
height: 10px;
position: absolute;
background: var(--highlight-color);
border-radius: 50%;
left: 2px;
top: 2px;
}
.ui-datepicker.ui-datepicker-multi {
background: #eeeeee;
}
.hotel-price-filter-caption {
font-weight: 600;
margin-bottom: 10px;
}
.hotel-price-filter {
display: flex;
align-items: center;
font-size: .875rem;
margin-bottom: 20px;
}
.hotel-price-filter #hotel-min-range, .hotel-price-filter #hotel-max-range {
font-size: 12px;
min-width: 54px;
border: 1px solid #f0f3f8;
background: var(--text-white);
display: inline-block;
padding: 4px 8px;
border-radius: 0.25rem;
}
#hotel-price-range-slider {
background: #f0f3f8;
border: 0;
border-radius: 0;
height: 3px;
min-width: 128px;
margin: 0 0.5rem;
overflow: initial;
}
#hotel-price-range-slider .ui-corner-all {
height: 2px;
}
#hotel-price-range-slider .ui-slider-range {
background: var(--highlight-color);
border-radius: 0;
height: 2px;
top: 1px;
}
#hotel-price-range-slider .ui-slider-handle {
border-radius: 50%;
width: 16px;
height: 16px;
top: -6px;
outline: 0;
}
#hotel-price-range-slider .ui-state-default, #hotel-price-range-slider .ui-widget-content .ui-state-default, #hotel-price-range-slider .ui-widget-header .ui-state-default, #hotel-price-range-slider .ui-button {
border: 1px solid gray;
background: var(--text-white);
}
#hotel-price-range-slider .ui-state-default:hover {
border-radius: 50% !important;
}
#hotel-price-range-slider .ui-slider-handle:after {
content: '';
width: 10px;
height: 10px;
position: absolute;
background: var(--maincolor);
border-radius: 50%;
left: 2px;
top: 2px;
}
@media (max-width: 1280px) {
.hotel-window-filter .hotel-rating-sorting {
flex-direction: column;
align-items: flex-start;
}
.hotel-window-filter .hotel-sort-by {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 1199px) {
.flight-row .airline-path {
width: 100px;
}
.activity-window-wrap.window-show {
width: 75%;
}
.package-details-block-strip {
justify-content: flex-start;
flex-wrap: wrap;
padding: 5px 0;
}
.package-details-block-strip a {
padding: 0;
margin: 2px 15px;
}
}
@media (max-width: 991px) {
.dayplan-sidebar-col {
position: initial;
}
.viewDetailsWrapper-scroll {
overflow-x: auto;
}
.roomDetailsWrapper2 {
min-width: 480px;
}
.side-widow-head {
padding-right: 35px;
}
.activity-window-wrap .close-window {
position: absolute;
right: 0;
top: 7px;
}
.hotel-window-filter .hotel-preferences-btn {
margin-left: auto;
}
}
@media (max-width: 767px) {
.activity-window-wrap.window-show {
width: 100%;
}
.package-details-tab .table thead tr th:first-child {
width: 25%;
}
.package-details-tab .table tbody tr td:first-child {
width: 25%;
}
.modifysearch-inputbox {
flex: 1;
min-width: 150px;
}
.listing-modifysearch .modifysearch-btn {
margin-left: auto;
margin-right: 5px;
}
.traveller .roomBoxMain {
bottom: initial;
position: fixed !important;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.traveller_box_pax .room_booking_traveller .title {
font-weight: 500;
}
.hotel-window-filter .hotel-rating-sorting .hotel-rating-caption {
margin-bottom: 0px;
}
.hotel-window-filter .hotel-sort-by label {
margin-bottom: 0px;
}
.hotel-window-filter .hotel-rating-sorting ul li {
padding: 5px 8px;
}
.hotel-window-filter .hotel-sort-by select {
height: 29px;
}
}
@media (max-width: 575px) {
#hotel-window h2 {
margin-bottom: 0;
font-size: 18px;
}
.activity-window-wrap .search-bar-wrap .search-bar {
margin-right: 35px;
}
.activity-window-wrap .search-bar-wrap {
margin: 8px 0;
}
.window-item-box .selected-badge {
color: #fff;
padding: 2px 5px;
font-size: 12px;
display: flex;
align-items: center;
position: absolute;
top: 4px;
}
.window-item-box .selected-badge i {
font-size: 15px;
}
.window-item-box .selected-badge span {
font-size: 10px;
}
.hidee {
display: none !important;
}
.showw {
display: block !important;
}
}
@media (max-width: 480px) {
.modifysearch-inputbox #strTravdate {
height: 38px;
}
.hotel-travller-wrap .flightPaxInfo {
font-size: 12px;
line-height: 36px;
text-overflow: ellipsis;
overflow: hidden;
}
.hotel-filter-pop-strip {
flex-direction: column;
align-items: flex-start;
}
.hotel-window-filter .hotel-rating-sorting {
margin-left: initial;
margin-bottom: 5px;
}
.hotel-window-filter .hotel-preferences-btn {
margin-left: initial;
}
}
/* @media (max-width: 400px) {
} */
.makeFlex.spaceBetween {
justify-content: space-between;
}
.makeFlex.hrtlCenter {
align-items: center;
}
.hotel-back-heading #hotelBackArrow {
filter: brightness(0.5);
margin-top: 1px;
}
.hotel-back-heading #hotelBackArrow, .hotel-back-heading .viewDetailText {
color: #252525;
font-size: 20px;
font-weight: 500;
}
.overlaySprite.backArrowBlue {
background-position: -63px -9px;
width: 24px;
height: 15px;
}
.overlaySprite {
background: url(https://jsak.mmtcdn.com/holidays/node/images/common/overlaySprite.png) no-repeat;
background-size: 250px 250px;
display: inline-block;
}
.backIcon {
position: absolute;
cursor: pointer;
}
.appendTop3 {
margin-top: 3px;
}
.viewDetailText {
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #008cff;
margin-left: 23px;
margin-top: 1px;
}
._Modal.sidePannelWrapper .close, .modalContainer.sidePannelContainer .close {
position: fixed;
right: 14px;
top: 14px;
width: 28px;
height: 28px;
cursor: pointer;
background: #ecf7ff;
z-index: 9999;
border-radius: 50%;
-webkit-animation: fadeIn .8s;
animation: fadeIn .8s;
}
.sidePanelTopSection{
padding-top: 12px;
margin-bottom: 10px;
}
.roomHeader{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background: #f0f0f0;
width: 100%;
border: solid 1px #bababa;
display: flex;
z-index: 1;
justify-content: space-between;
}
.roomDetailsWrapper .roomDetailsLeft .sticky .roomName {
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #4a4a4a;
}
.font14 {
font-size: calc(var(--font-scale, 1) * 14px);
line-height: 14px;
}
.appendBottom7 {
margin-bottom: 7px;
}
.imageLoaderContainer {
background-size: cover;
}
.roomDetailsWrapper .roomDetailsLeft .sticky .hotelAmenitiesList {
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 3;
letter-spacing: normal;
color: #4a4a4a;
}
/* .roomDetailsWrapper .roomDetailsLeft .sticky {
position: sticky;
top: 170px;
} */
.appendBottom6 {
margin-bottom: 6px;
}
.roomDetailsWrapper .roomDetailsLeft .sticky .hotelAmenitiesList .disc {
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #d8d8d8;
position: absolute;
top: 9px;
}
.titleWidth172 {
width: 172px;
}
.titleWidth158 {
width: 158px;
}
.roomDetailsWrapper .roomDetailsLeft .sticky .hotelAmenitiesList .flex {
display: flex;
position: relative;
margin-top: 20px;
}
.roomDetailsWrapper .roomDetailsLeft .sticky .hotelAmenitiesList .hotelAmenities {
left: 10px;
position: relative;
line-height: 24px;
}
.rightDetailsPriceWrapper .priceWrapper {
text-align: end;
margin-top: 5px;
}
.rightDetailsPriceWrapper .priceWrapper .hotelPrice {
margin-right: 15px;
}
.appendBottom10 {
margin-bottom: 10px;
}
.rightDetailsPriceWrapper .priceWrapper .hotelPrice .amount {
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #000;
width: 111px;
text-align: center;
}
.rightDetailsPriceWrapper .priceWrapper .hotelPrice .perPerson {
opacity: .8;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #4a4a4a;
}
.primaryBtn.fill{
background: var(--color-btn-primary-bg, linear-gradient(93deg, #53b2fe, #065af3));
box-shadow: 0 1px 7px 0 rgba(0,0,0,.2);
color: #fff;
border-radius: var(--radius-btn-primary, 34px);
}
.rightDetailsPriceWrapper .priceWrapper .primaryBtn.fill{
width: 94px;
}
.font12{
font-size: calc(var(--font-scale, 1) * 12px);
line-height: 12px;
}
.font20{
font-size: calc(var(--font-scale, 1) * 20px);
line-height: 20px;
}
.appendBottom7{
margin-bottom: 7px;
}
.priceSelected .selectedBadgeContainer{
border-radius: 4px;
width: 110px;
font-size: 10px;
padding: 4px 4px 4px 3px;
top: 0px;
margin: 0px;
position: relative;
right: 10px;
}
.priceSelected .tickContainer {
border: solid 7px #fff;
}
.selectedBadgeWrapper .tickContainer {
content: " ";
border: solid 8px #fff;
border-radius: 9px;
height: 0;
width: 0;
display: block;
top: -2px;
position: relative;
}
.selectedBadgeWrapper .tick{
height: 9px;
width: 5px;
border: solid var(--maincolor);
border-width: 0px 2px 2px 0px;
transform: rotate(47deg);
display: block;
margin-top: -6px;
margin-left: -3px;
}
.priceSelected .selectedBadgeText {
margin: 0px 0px 0px 3px;
}
.selectedBadgeWrapper .selectedBadgeText {
text-align: center;
color: #fff;
text-transform: capitalize;
margin-top: 1px;
font-size: .9rem;
padding: 0.375rem 0.75rem;
}
.font10 {
font-size: 10px;
line-height: 10px;
}
.select-amount-wrap {
text-align: center;
}
.select-amount-wrap .select-amount {
margin-bottom: 0;
font-size: 18px;
font-weight: 600;
}
.select-amount-wrap span {
color: #666;
}
.priceSelected .badgeBar {
display: none;
}
.priceSelected .selectedBadgeContainer {
border-radius: 4px;
justify-content: center;
}
.selectedBadgeContainer {
position: absolute;
top: 5px;
display: flex;
margin: 0 0 3px;
padding: 4px 5px;
background-color: var(--maincolor);
border-radius: 4px;
border-bottom-left-radius: 0px;
}
.selectedBadgeWrapper.priceSelected {
display: flex;
justify-content: center;
position: relative;
margin-left: 10px;
margin-top: 5px;
}
.selectedBadgeWrapper {
left: -4px;
position: absolute;
top: 0px;
width: 100%;
}
.selectedBadgeWrapper .badgeBar {
border: 2px solid #d25252;
position: absolute;
left: 0px;
height: 22px;
top: 8px;
border-radius: 50%;
border-bottom-left-radius: 156px;
border-bottom-right-radius: 30px;
}
.roomDetailsWrapper .roomDetailsLeft {
width: 172px;
padding: 11px 20px 13px 20px;
display: flex;
flex-direction: column;
border-right: solid 1px #bababa;
}
.roomDetailsRightContainer {
display: flex;
flex-direction: column;
flex: 1;
}
.roomDetailsRightContainer .roomDetailsRight {
display: flex;
flex-grow: 1;
}
.roomDetailsRight .optionContainer {
padding: 11px 20px 5px 20px;
border-right: 0.7px solid #bababa;
flex-direction: column;
position: relative;
flex: 1;
}
.options-title {
display: flex;
flex-direction: row;
justify-content: flex-start;
text-align: left;
}
.appendBottom12 {
margin-bottom: 12px;
}
.makeFlex.column {
flex-direction: column;
}
.options-title {
flex: 1;
}
.rightDetailsPriceWrapper {
padding: 11px 20px 5px 20px;
width: 158px;
}
.roomTitle {
border-right: solid 1px #bababa;
flex-direction: column;
flex-shrink: 0;
position: relative;
display: flex;
padding: 16px 20px;
}
.latoBold {
font-weight: 700;
}
.font12 {
font-size: calc(var(--font-scale, 1) * 12px);
line-height: 12px;
}
.capText {
text-transform: uppercase;
}
.roomDetailsWrapper {
display: flex;
border-left: solid 1px #bababa;
border-right: solid 1px #bababa;
border-bottom: solid 1px #bababa;
position: relative;
}
.roomview{
display: none;
}
.roomBoxMain {
width: 400px;
/* width: 100%; */
display: inline-block;
position: absolute !important;
border: 1px solid #ccc;
background: #ffffff;
left: -1px;
top: 42px;
z-index: 999999 !important;
display: none;
border-radius: 0;
}
.roomBoxMain .roomBoxMainIn {
padding: initial;
}
.roomBoxMain .roomBoxMainIn .traveller_box_pax {
margin-bottom: 3px;
}
.roomBoxMain .roomBoxMainIn .traveller_box_pax a.add_more {
display: inline-block;
width: auto;
padding: 6px 10px;
margin-top: 0;
}
.roomBoxMain .roomBoxMainIn .traveller_box_pax a.add_more:hover {
border: 1px solid var(--maincolor);
}
.roomBoxMain .roomBoxMainIn .donemargin {
width: auto !important;
color: rgb(255, 255, 255) !important;
background: var(--maincolor) !important;
text-decoration: none;
padding: 6px 10px;
min-width: 118px;
text-align: center;
margin-top: 5px !important;
}
.margin-top-5 {
margin-top: 5px;
}
.roomBoxMain .roomBoxMainIn .btncancel {
color: #000 !important;
padding: 0.5rem 1.8rem !important;
background: #fff !important;
border: 1px solid var(--highlight-color) !important;
font-size: 13px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
font-weight: bold;
}
.roomBoxMain .roomBoxMainIn .btn {
color: #fff !important;
padding: 0.5rem 1.8rem !important;
background: var(--highlight-color) !important;
border: 1px solid var(--highlight-color) !important;
font-size: 13px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
font-weight: bold;
}
.roomBoxMain .traveller_box_pax .scroller {
max-height: 350px;
border-bottom: 1px solid #ccc;
overflow-y: auto;
overflow-x: hidden;
}
.room_booking_traveller {
width: 100%;
height: auto;
margin: 0 0 10px 0;
padding: 0 0 0 0;
}
.traveller_box_pax .room_booking_traveller .title {
background: #ebebeb;
border: 1px solid #cfcfcf;
color: #000;
margin-bottom: 4px;
padding: 6px 6px 3px;
}
.traveller_box_pax .form-group {
margin-bottom: 8px;
border: 0px solid #ccc;
}
.roomBoxMain .roomBoxMainIn label {
color: #000 !important;
display: inline-block !important;
font-size: 12px;
/* font-weight: 300 !important; */
margin-bottom: 4px;
margin-top: 7px;
}
.traveller_box_pax .form-control {
display: block;
width: 100%;
height: 30px;
padding: 6px 6px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.activity_window_btn_room{
cursor: pointer;
}
.img-dimention{
height: 110px;
width: 100%;
object-fit: cover;
}