/* Theme Name: Eltabina Theme URI: http://www.srinivasb.com Author: Srinivas B Author URI: http://www.srinivasb.com Description: KKKL. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: bootstrap Text Domain: Eltabina */ .paymentLoginTab { background-color: #163751; } @font-face { font-family: 'Oswald'; src: url('fonts/Oswald-Medium.ttf'); font-weight:bold; } @font-face { font-family: 'flexslider-icon'; src: url('fonts/flexslider-icon.eot'); src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } *{border-radius:0 !important;} body{background:#e9e9e9 !important;} a{text-decoration:none;} .btn {border-radius: .25rem;} iframe{border:0;} #qty{z-index:1 !important;} #contactInfo{color:#fff;font-weight:bold;font-size:14px;padding:5px 5px; text-align: right;} #contactInfo p a{color:#fff !important;;} #nav{border-bottom:2px solid #163751;/*font-family: 'Oswald',sans-serif !important;*/} .navbar-nav>li>a, .dropdown-menu>li>a{text-transform:uppercase;color:#163751 !important;} .booking{padding:5px;background:#000;border-top:2px solid #fff;border-bottom:2px solid #fff;} /*.CompactTravel {width: 70px;height:34px;line-height:34px;text-align: center;float: left;} .CompactTravel label {cursor: pointer;} .CompactTravel input[type="radio"] + label {display: block;color: #fff !important;background: #666;width: 100%;} .CompactTravel input[type="radio"] {display: none;} .CompactTravel input[type="radio"][checked] + label {background: #163751;}*/ /* .search-slider{background:#c0c0c0;padding:15px 0px;border-bottom: 2px solid #163751;} */ .search-slider{ background: url("https://www.eltabina.com/wp-content/uploads/2022/04/home.jpg"); height: 630px; background-size: cover; background-position: bottom; background-repeat: no-repeat; } .search-slider .container .wrap { background: #eeeeee6b; padding: 15px 0; border-radius: 10px!important; } @media (min-width: 568px) { .search-slider .imgSlider #myGallery { width: unset!important; } .search-slider .container {margin-top: 10%;} } @media (max-width: 568px) { .custom-bg{display:none;} .search-slider .container {margin-top: 15%;} } .custom-bg { background-position: center; background-repeat: no-repeat; background-size: cover; height: 100vh; } .CompactTravel {margin: 0 10px 0px 0;width: 65px;text-align: center;float: left;padding-top: 6px;} .CompactTravel input[type="radio"] {display: none;} .CompactTravel input[type="radio"][checked] + label {background: #35CCFF;color: #163751!important;} .CompactTravel input[type="radio"] + label {display: block;border-radius: 3px;color: #fff;background: #666;width: 100%;height: 25px;line-height: 24px;border-radius: 4px!important;} .CompactTravel label {font-size: 12px;cursor: pointer;} .search-slider .tab-bus{background: #fff;padding:15px;} .search-slider .bus-hd{background:#163751;color:#fff;border:0px;padding:5px 0px;/*font-family: 'Oswald',sans-serif !important;*/font-size:20px !important;} .bus-search{margin-top:10px;} .bus-search label {font-size: 12px !important;text-transform: uppercase;color: #555555;font-weight: 300;} .fusion-separator.sep-shadow {height: 1px;overflow: visible;border: none;background: none;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(150, 150, 150, 0)), color-stop(15%, rgba(150, 150, 150, 0)), color-stop(50%, rgba(150, 150, 150, 0.65)), color-stop(85%, rgba(150, 150, 150, 0)), color-stop(100%, rgba(150, 150, 150, 0)));background: -webkit-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);background: -moz-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150,150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);background: -ms-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);background: -o-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);background: linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=1);} .fusion-separator.sep-shadow:after {display: block;height: 6px;width: 100%;content: '';background: -webkit-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);background: -moz-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);background: -o-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);} .fusion-full-width-sep1 {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg); -ms-transform: rotate(180deg);transform: rotate(180deg);} .title{padding:7px 0px;text-align:center;font-size:20px;text-transform:uppercase;/*font-family: 'Oswald',sans-serif !important;*/} .subtitle{margin:0px;font-size:13px;font-weight:italic;} /*========= Footer ========*/ #footer {font-size: 14px;margin-top:15px;-webkit-box-shadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.03);border-top: 1px solid #e0e0e0;} #footer h4 {margin: 0 0 15px 0;text-transform:uppercase;font-size: 18px;/*font-family: 'Oswald',sans-serif !important;*/} #footer h4 {overflow: hidden;padding-bottom:10px;position: relative; } #footer h4:before,#footer h4:after{ content: '';background: #163751;width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #footer h4:after{background-color: #163751;width: 120px;height: 3px;} #footer-bottom {padding: 15px 0;font-size: 12px;position:relative;color: #434141;background: #163751;} #footer-menu{float: right;font-size: 12px;margin-right:10px;} #footer-menu ul li:first-child {border: none;padding-left: 0;} #footer-menu ul li {display: inline-block;border-left: 1px solid #aaa;margin: 0;padding: 0 8px 0 8px;line-height: 12px;} #footer-menu ul li a{color:#fff;} #footer-menu ul li a:hover{color:#163751;text-decoration:none;} #footer .textwidget a {color: #163751;} .copyright{text-align:center;color:#3d6096;} .space{padding:15px 0px 5px 0px;} .content {padding:0px 20px 20px 20px;background:#fff;} //.content span:not(.input-group-addon) { display:block;} .content section.date {float:left;text-align: center;} .post-content{/*margin: 0 0 0 63px;*/} .content .day {background: #326CBE;padding:5px 10px;font-size: 16px;font-weight: 500;color: #fff;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;} .content .month {background: #FC7D0B;padding: 5px 10px;color: #fff;-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;} .page-title, .post-title {-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-bottom: 1px solid #e0e0e0;width:100%;padding:15px 0px;background:#fff;} .page-title h3,.post-title h3{padding-left:20px;margin:0px;/*font-family: 'Oswald',sans-serif !important;*/} .page-title h1,.post-title h1 {font-size: 24px!important;text-align:center;font-weight:bold;} .post .meta h3{/*font-family: 'Oswald',sans-serif !important;*/font-size:18px;} .post:first-child .meta h3{margin-top:0px;} .page-content{background:#fff;width:100%;padding: 0px 0px 10px 0px;} #not-found{margin: 50px 0 75px 0;text-align:center;} #not-found h2{font-size: 20em;line-height: 1em;margin: 0 0 12px;padding-bottom: 15px;} #not-found p {font-size: 28px;line-height: 36px;} .nav-pills>li>a{ background:#eee!important; color: #6a6a6a!important; /*font-family: 'Oswald',sans-serif !important;*/ font-size:16px; border-radius: 30px!important; margin: 2px!important; } .nav-pills>li.active>a{ background:#163751 !important; color:#fff !important; font-weight:bold!important; font-size:16px; border-radius: 30px!important; margin: 2px!important; } .nav-tabs>li>a { /*font-family: 'Oswald',sans-serif !important;*/ font-size:15px; border-radius: 5px 5px 0 0 !important; border-bottom-color: transparent !important; border: none !important; background: #eee!important; margin: 2px!important; color: #6a6a6a!important; } .nav-tabs>li.active>a { background:#163751 !important; color:#fff !important; font-weight:bold!important; } .tour-info h3{margin:0px;/*font-family: 'Oswald',sans-serif !important;*/} .tab-content{padding:10px;} table.itinerary>tbody>tr>td{border:1px solid #B9B9B9} .itinerary td:first-child {font-weight:bold;text-align:center;} .itinerary td p{text-align:justify; } .itinerary td.day{width:15%;color:#fff;font-size:18px;vertical-align:top;} .col1{background:#cccccc;} .col2{background:#FFF;} table.price>thead>tr>td{background:#262626;text-align:center;vertical-align:middle;border:2px solid #fff !important;color:#fff;} table.price>thead>tr>td>a{color:#fff;text-decoration:none;} table.price>tbody>tr>td{text-align:center;vertical-align:middle;border:2px solid #fff !important;background:#eee;} .tour-img img{min-height: 200px;} .tour-img{background:#fff;padding:0px !important; min-height:350px !important;} .tour-line{padding:5px !important;border:1px solid #ddd;overflow:hidden;} #packages a{color:#000;} #packages a:hover .tour-title{color:#163751;} .tour-place{color:#000;margin:5px 0px 0px 0px;font-weight:bold;font-size:11px;} .tour-oprice{color:#b3b3b3;font-size:12px;display:block;} .tour-pprice{color:#163751;font-weight:bold;font-size:18px;} .tour-title{color:#000;background:#fff;padding:7px 0px;/*font-family: 'Oswald',sans-serif !important;*/font-size:14px;height:55px;} .tour-img:hover .tour-title{/*background:#163751;color:#fff;*/} .pr-div{/*font-family: 'Oswald',sans-serif !important*/;position:absolute;right:15px;top:15px;/*background:rgba(0,0,0,0.4);*/background:url('images/price-bg2.png');height:100px;width:100px;padding:10px;text-align:center;color:#fff;margin-top:-10px;margin-right:-10px;} .tours-menu{list-style:none;padding:0px;margin:0px;} .tours-menu li a{display:block;background:#242424;padding:10px;border-bottom:1px solid #888888;font-size:13px;color:#888888} .tours-menu li a:hover{text-decoration:none;color:#fff;cursor:pointer} .tours-menu li:active a{color:#fff;} .tours-menu li:last-child a{border-bottom:none;} .tour-desc{padding:10px 0px;background-color: #eee;border: 3px solid #fff;text-align: center;} /*.pagination{width:100%;overflow: hidden;}*/ @media only screen and (min-width: 768px) {/*.txt-date {width: 170px !important}*/} @media only screen and (max-width: 768px) {.tour-img img{min-height: auto;}#btnLoginNow,#btnProceedPayment{margin-left:unset;}input#btnDiscountCodeApply{margin-left: 0px;}} /* Small Devices, Tablets */ @media only screen and (max-width : 768px) {.logo{margin:0 auto}#contactInfo{float:none !important;text-align:center;}} /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px) {.logo{margin:0 auto}#contactInfo{float:none !important;text-align:center;}} /* Custom, iPhone Retina */ @media only screen and (max-width : 320px) {.logo{margin:0 auto}#contactInfo{float:none !important;text-align:center;}} /* Icon List */ .social-icons{padding-right:24px;} .social-icons li {text-indent: -9999px;max-height: 25px;max-width: 25px;} .twitter {background: url(images/twitter.png) no-repeat 50%;margin-left:4px;background-size: cover;} .facebook {background: url(images/facebook.png) no-repeat 50%;margin-left:4px;background-size: cover;background-color: #fff;border-radius: 6px!important;} .gplus{background: url(images/google.png) no-repeat 50%;margin-left:4px;background-size: cover;} .wechat{background:url(images/wechat.jpg) no-repeat 50%;margin-left:4px;background-size: cover;} /* #divSignUpForm span, #divLoginRenewForm span { */ /* display: inline-flex !important; */ /* } */ .ui-widget-overlay { background: #aaaaaa url('http://www.kkkl.com.sg/images/ui-bg_flat_0_aaaaaa_40x100.png') repeat-x 50% 50%; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } input#btnVerifyExistingMember { margin-top: 10px; } ol.carousel-indicators { bottom: 0px; } .darkblue-bg { padding-left: 20px; } .col-md-12 h2:not(.mbustime) { font-size: 16px !important; margin: 0px; text-transform: uppercase; /* font-family: 'Oswald' !important; */ padding: 10px 15px !important; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .col-md-12 h3 { padding: 10px; font-size: 16px !important; margin: 0px; text-transform: uppercase; /* font-family: 'Oswald' !important; */ color: #000; /*background-color: #337ab7; border-color: #337ab7;*/ padding: 10px 15px !important; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .col-md-12.br-a-5 { padding: 0px; } .btn:hover, .btn:focus, a.seatproceed.btn.btn-success:hover,a.seatproceed.btn.btn-success:focus,#btnLoginNow:hover,#btnLoginNow:focus,input#btnBusSearch:hover,input#btnBusSearch:focus { background: #163751 !important; border-color: #163751 !important; color: #557cb7 !important; } .btn,input[type="button"]{ background: #163751; color: #fff; padding: 6px 12px; margin-left: 15px; font-size: 14px; font-weight: 400; line-height: 1.42857143; border-radius: 3px; min-width: 82px; border-color:#163751 !important; font-weight: bold!important; } .btn-trans { background: transparent!important; color: #000; border: none!important; padding: 0px!important; /* margin: 10px 0px; */ text-align: right; cursor: pointer; } .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border: none; } .paymentTitle { background: #f3f3f3 !important; padding:10px; } /* .input-group input { */ /* background-color: unset !important; */ /* color: black !important; */ /* border-color:#bdbdbd !important; */ /* margin:0px; */ /* } */ .bus_gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: left; margin-bottom: 20px; } .bus_gallery .thumbnails { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; line-height: 0; list-style: none; margin: 3px; padding: 0; height: 300px; overflow: auto; } .bus_gallery .thumbnails li { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .bus_gallery .thumbnails a { display: block; } .bus_gallery .thumbnails img { width: 100px; height: 100px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .bus_gallery .slides { overflow: hidden; list-style: none; margin: 3px !important; } .bus_gallery .slides, .bus_gallery .slides li { width: 100%; height: auto; margin: 0; padding: 0; } .bus_gallery .slides img { height: auto; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .bus_gallery .slides li { position: absolute; z-index: 1; } .bus_gallery .slides li:target { z-index: 3; -webkit-animation: ease-in 1s 1; } .bus_gallery .slides li:not(:target) { -webkit-animation: hidden 1s 1; } .bus_gallery .carousel-inner { margin: 0px !important; background: transparent !important; border-radius: 5px } .prev-slide { position: absolute; top: 40%; background: #fff; padding: 19px 10px; border-radius: 0px 25px 25px 0px; color: #000; left: 0; } .next-slide { position: absolute; top: 40%; background: #fff; padding: 19px 10px; border-radius: 25px 0px 0px 25px; color: #000; right: 0; } #divPayments .panel-primary { border-color: #3d6096!important; } #divPayments .panel-primary>.panel-heading { color: #fff; background-color: #3d6096; border-color: #3d6096; } #divPayments .panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top-color: #163751; } #divPayments .panel-primary>.panel-heading .badge { color: #3d6096; background-color: #fff; } #divPayments .panel-primary>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #163751; } @media (max-width: 768px) { .flex-xs-direction-column-reverse { flex-direction: column-reverse; } .text-xs-center {text-align: center;} .text-xs-left {text-align: left;} .text-xs-right {text-align: right;} .mbooking_odr_1 { order: 1; } .mbooking_odr_2 { order: 3; } .mbooking_odr_3 { order: 2; } .mbooking_odr_4 { order: 4; } .mbooking_odr_1 { -webkit-order: 1; } .mbooking_odr_2 { -webkit-order: 3; } .mbooking_odr_3 { -webkit-order: 2; } .mbooking_odr_4 { -webkit-order: 4; } .mPayment_odr_1 { order: 2; } .mPayment_odr_2 { order: 1; } .mPayment_odr_1 { -webkit-order: 2; } .mPayment_odr_2 { -webkit-order: 1; } } @media (min-width: 769px) { .flex-md-reverse-column { flex-direction: column-reverse!important; } .text-md-center {text-align: center;} .text-md-left {text-align: left;} .text-md-right {text-align: right;} } .connector-icon-1 { position: absolute; left: -15px; top: 1px; font-size: 12px; padding-bottom: 5px; z-index: 1; } .connector-icon-2 { position: absolute; left: -14px; font-size: 12px; z-index: 1; top: 16px; } .connector-line { border-left: 1.5px solid #5A5151; height: 100%; position: absolute; top: 16px; left: -10px; } /*.......Display.......*/ .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } /*.......Align or Position or Direction.......*/ .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } @media (max-width:576px) { .flex-xs-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xs-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xs-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xs-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xs-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xs-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xs-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xs-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xs-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xs-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xs-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xs-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xs-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xs-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xs-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xs-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xs-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xs-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xs-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xs-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xs-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xs-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xs-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xs-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xs-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xs-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xs-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xs-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xs-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-xs-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xs-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xs-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-xs-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xs-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width:576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width:768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width:992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width:1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { top: 0; } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } /*Tab/Ipad*/ @media (max-width: 1020px) { .flex-sm-column { flex-direction: column !important; } } /*Dekstop*/ @media (min-width: 1024px) { .flex-lg-row { flex-direction: row !important; } } /*.......Spacing.......*/ .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: .25rem !important; } .mt-1, .my-1 { margin-top: .25rem !important; } .mr-1, .mx-1 { margin-right: .25rem !important; } .mb-1, .my-1 { margin-bottom: .25rem !important; } .ml-1, .mx-1 { margin-left: .25rem !important; } .m-2 { margin: .5rem !important; } .mt-2, .my-2 { margin-top: .5rem !important; } .mr-2, .mx-2 { margin-right: .5rem !important; } .mb-2, .my-2 { margin-bottom: .5rem !important; } .ml-2, .mx-2 { margin-left: .5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: .25rem !important; } .pt-1, .py-1 { padding-top: .25rem !important; } .pr-1, .px-1 { padding-right: .25rem !important; } .pb-1, .py-1 { padding-bottom: .25rem !important; } .pl-1, .px-1 { padding-left: .25rem !important; } .p-2 { padding: .5rem !important; } .pt-2, .py-2 { padding-top: .5rem !important; } .pr-2, .px-2 { padding-right: .5rem !important; } .pb-2, .py-2 { padding-bottom: .5rem !important; } .pl-2, .px-2 { padding-left: .5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .plr-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .m-n1 { margin: -.25rem !important; } .mt-n1, .my-n1 { margin-top: -.25rem !important; } .mr-n1, .mx-n1 { margin-right: -.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -.25rem !important; } .ml-n1, .mx-n1 { margin-left: -.25rem !important; } .m-n2 { margin: -.5rem !important; } .mt-n2, .my-n2 { margin-top: -.5rem !important; } .mr-n2, .mx-n2 { margin-right: -.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -.5rem !important; } .ml-n2, .mx-n2 { margin-left: -.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .h-45px { height: 45px!important; } @media (max-width: 786px) { .w-xs-100 { width: 100% !important; } } @media (max-width: 1020px) { .w-sm-100 { width: 100% !important; } } @media (min-width: 1024px) { .w-lg-100 { width: 100% !important; } .w-lg-75 { width: 75% !important; } .w-lg-50 { width: 50% !important; } } .b-none, .border-0 { border: 0px !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-table-grey { border: 1px solid #ddd; } @media (min-width: 768px) { .bl-lg-1-semi { border-left: 1.5px solid #ccc; } .bb-lg-1-semi { border-bottom: 1.5px solid #ccc; } .bl-lg-1-semi { border-left: 1.5px solid #ccc; } .bt-lg-1-thin { border-top: 1px solid #ddd; } .br-lg-1-thin { border-right: 1px solid #ddd; } .bl-lg-1-thin { border-left: 1px solid #ddd; } } /*New Design*/ .br-1-thin { border-right: 1px solid #ddd; } .bb-1-thin { border-bottom: 1px solid #ddd; } .bt-1-thin { border-top: 1px solid #ddd; } .rounded-sm { border-radius: .2rem !important; } .rounded { border-radius: .25rem !important; } .rounded-top { border-top-left-radius: .25rem !important; } .rounded-right, .rounded-top { border-top-right-radius: .25rem !important; } .rounded-bottom, .rounded-right { border-bottom-right-radius: .25rem !important; } .rounded-bottom, .rounded-left { border-bottom-left-radius: .25rem !important; } .rounded-left { border-top-left-radius: .25rem !important; } .rounded-lg { border-radius: .3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .bg-dark-red { color: #fff; background-color: #ffef3f!important; } .bg-light-grey { background: #dededeb0!important; } .bg-light-blue { background: #35CCFF!important; } #divSelectCoach .ulmTopTab > li a { background: unset!important; color: unset!important; text-align: left; padding: 0px; } li#limtabDepart, li#limtabReturn, li#limtabDepart:hover, li#limtabReturn:hover { background: #d3d3d32e !important; color: #6f6f6f !important; text-align: left; padding: 10px; margin-bottom: 20px; } li.active#limtabDepart, li.active#limtabReturn { background: #fff !important; color: #000 !important; text-align: left; border-radius: 8px !important; border-top: 5px solid #163751 !important; box-shadow: 1px 1px 5px 1px #9E9E9E !important; } #divSelectCoach .mbustr1, #divSelectCoach .bustr1 { background-color: #fafafa; border:none!important; } #divSelectCoach .mbustr1 td, #divSelectCoach .bustr1 td { padding:0px;} #divSelectCoach .trip-wrap { background: transparent; padding: 10px; border-radius: 5px!important; border: 1px solid #ddd; } #divSelectCoach #divmdepart, #divSelectCoach #divmreturn { border: none !important; background:white; } .businnerdiv { margin-left: auto; margin-right: auto; margin-bottom: 10px; background: #E9EAEE; position: relative; } .arrow.liFirstDaysTabNew.cn, .arrow.liLastDaysTabNew.cn { padding: 27px 10px !important; background: #ece9e9 !important; margin-top: 5px; border: 1px solid #ddd !important; } .arrow.liFirstDaysTabNew, .arrow.liLastDaysTabNew { padding: 16px 10px !important; background: #ece9e9 !important; margin-top: 5px; border: 1px solid #ddd !important; } .arrow.liFirstDaysTabNew { border-top-left-radius: 10px!important; border-bottom-left-radius: 10px!important; } .arrow.liLastDaysTabNew { border-top-right-radius: 10px!important; border-bottom-right-radius: 10px!important; } #divSelectCoach .liDaysNew a { padding: 18px 0 !important; background: #ece9e9 !important; border-top: 5px solid #fff !important; border-radius: 0px !important; height: 59px; font-size: 14px !important; border: 1px solid #fff!important; } #divSelectCoach .liDaysNew.active a { color: #163751 !important; background: #fff !important; border-top: 5px solid #163751 !important; border: 2px solid #fff; border-radius: 5px !important; box-shadow: 1px 1px 5px 1px #9E9E9E !important; height: unset !important; } /* login signup popup */ .open-login .input-group-addon { padding: 4px 8px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; background-color: transparent!important; border: none!important; position: absolute; z-index: 1; top: 25%; left: 4px; } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered:before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-backdrop { opacity: 0.6; } .input-group-addon1 { padding: 4px 8px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; background-color: transparent!important; border: none!important; position: absolute; z-index: 1; top: 25%; left: 40%; } .input-group .form-control.custom { box-shadow: none!important; outline: none!important; transition: none!important; background: #fff!important; border-radius: .25rem!important; position: relative; padding-left: 35px; z-index:auto; border: 1px solid #ddd!important; } .custom-form-control-txtarea { border-radius: .25rem!important; height: auto; padding-left: 40px; outline: none; border: 1px solid #ddd!important; padding-top: 5px; resize: none; width: 100%; z-index: inherit; } .input-group-icon-txtarea { position: absolute; z-index: 5; left: 14px; top: 8px; color: #555; } input[type="password"] { padding-right: 5em; } .input-group-icon { transform: translateY(60%); position: absolute; z-index: 5; left: 14px; color: #555; } .payment-page .switch { position: relative; display: inline-table; width: 40px; height: 23px; } .payment-page .switch input { opacity: 0; width: 0; height: 0; } .payment-page .slide { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .payment-page .slide:before { position: absolute; content: ""; height: 15px; width: 15px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } .payment-page input:checked + .slide { background-color: #2196F3;} .payment-page input:focus + .slide {box-shadow: 0 0 1px #2196F3;} .payment-page input:checked + .slide:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px); } /* Rounded slide */ .payment-page .slide.round {border-radius: 34px!important;} .payment-page .slide.round:before {border-radius: 50%; } .payment-page .pay-form-control { height: 45px !important; border-radius: 30px; padding: 13px .8rem .3rem 35px !important; font-weight: bold; } .payment-page .slide.round {border-radius: 34px;} .payment-page .slide.round:before {border-radius: 50%; } .payment-page .content-wrapper { box-shadow: 1px 1px 3px 1px #f0f0f0; border-radius: 10px; background: #fff; margin-bottom: 15px; padding: 15px; } @import "https://fonts.googleapis.com/css?family=Droid+Serif"; /* Jaja 29_01 */ .selected-pay { height: auto; /* 21px; Vincent */ padding: 0px 5px; } .paymenttypetr { font-weight: normal; } #divLogin { border-top: dotted 1px gray; border-bottom: dotted 1px gray; z-index: 999 !important; } #modalDialog { font-family: Segoe UI,Arial,sans-serif; font-size: 1.1em; } #phoneno { margin-top: 5px; margin-bottom: 20px; width: 96%; border-radius: 5px; border: 0; padding: 5px 0; } .divSearchPasBuddies { left: 8px; width: 200px; top: 34px; bottom: auto; position: absolute; display: none; background-color: #ffffff; z-index: 4; border: 1px solid #cccccc; border-top: none; } /* Jaja Payment Method */ .d-flex { display: flex; } .p-0 { padding: 0px; } /* Jaja 04_02 */ input[type=radio] { -webkit-appearance: none; background: url(https://resource.busonlineticket.com/image/icon/grey-tick.png); background-size: contain; background-repeat: no-repeat; padding: 9px; margin-right: 5px; margin-top: 0px; vertical-align: middle; outline: none !important; } input[type=radio]:checked { -webkit-appearance: none; background: url(https://resource.busonlineticket.com/image/icon/green-tick.png); background-size: contain; background-repeat: no-repeat; padding: 9px; margin-top: 0px; vertical-align: middle; } .width-fit-content { width: fit-content; } #pay_method .paymenttypetr { padding: 10px; width: -webkit-fill-available; /*chrome*/ width: 100%; /*microsoft_edges*/ } /* Jaja modified(13_02) */ @media only screen and (max-width:767px) { #pay_method .enterdetailspayicon { margin-left: 5px; /*margin-top: -5px; */ height: auto; max-width: 120px; /*85px; */ } } @media only screen and (max-width:767px) { #pay_method .enterdetailspayicon { margin-left: 5px; /*margin-top: -5px; */ height: auto; max-width: 100px; /*85px; */ } } /* Ipad Pro */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) { .icon-checked { display: none !important; } input[type=radio] { vertical-align: middle; } } @media screen and (max-width: 992px) { .link-de, .content-de { padding: 10px; cursor: pointer; font-size: 14px; } .link-de { background: #ffffff; color: #000000; font-weight: 600; /* border-top: 0.5px solid #e2e2e2; */ } .link-de:hover { text-decoration: none; } /* .content-de { background: #f0f0f0; } */ .link-de[aria-expanded="true"] .fa-angle-down, .link-de .fa-angle-up { display: none; } /* Jaja 29_01 */ /* .link-de[aria-expanded="true"] .fa-angle-up, */ .link-de .fa-angle-down { display: block; } .link-de-initial, .link-de-end { display: none; } .arrow-toggle { position: absolute; float: right; color: #b1b1b1; font-size: larger; right: 10px; } .icon-checked { display: none; } .icon-pay, .icon-pay i { padding-right: 15px; color: #3d6096!important; } .d-flex { display: flex; } /* Jaja 29_01 */ .btn-pay-method { padding: 15px; margin: 15px 0; box-shadow: 1px 1px 3px 1px #f0f0f0; border: 1px solid #3d6096 !important; border-radius: 5px; font-weight: 600; background: #fff; color: #3d6096!important; display: flex; align-items: center; justify-content: space-between; } .btn-pay-method:hover { border: 1px solid #ddd; background: #eaeef7; color: #163751 !important; } .unselected-pay-text { text-decoration: underline; cursor: pointer; } .btn-pay-method .unselected-pay-text:hover { color: #3d6096; } #pay_method .paymenttypetr { font-size: 10px; } #pay_method .panel-heading { padding: 5px; background-color: transparent; } #pay_method .panel-body { border-top: 0px; padding: 0px; } #pay_method .panel-default { border: 0.7px solid #eee; box-shadow: 1px 1px 3px 1px #f0f0f0; margin-top: 10px; } /* Jaja modified(03_02) */ #pay_method .panel-default:hover, #pay_method .panel-default:active, #pay_method .panel-default:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1) !important; border: thin solid rgba(81, 203, 238, 1) !important; } #payment_method_mb { background: white; outline: none !important; } #payment_method_mb .modal-dialog { margin: 0; height: 100%; width: 100%; } #payment_method_mb .modal-content { border-radius: 0px; background: #f2f3f7; } #payment_method_mb .modal-body { /* position: fixed; */ max-height: calc(100vh - 160px); overflow-y: auto; margin-bottom: 10%; } #payment_method_mb .modal-footer { bottom: 0; position: absolute; width: 100%; background: #337ab7; display: block; } #payment_method_mb .modal-header .close { color: white; opacity: 1; text-shadow: none; display: none; } /* Jaja 13_02 */ label.paymenttypetr { margin-bottom: 11px; } /* Jaja 03_02 */ /* .paymenttypetr div { height: 30px; } */ /* Jaja 04_02 */ /* width */ #payment_method_mb .modal-body::-webkit-scrollbar { width: 10px; } /* Track */ #payment_method_mb .modal-body::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ #payment_method_mb .modal-body::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ #payment_method_mb .modal-body::-webkit-scrollbar-thumb:hover { background: #555; } } @media screen and (min-width: 992px) { #pay_method { position: relative; display: grid; align-content: flex-start; height: 500px; border: 1px solid #f0f0f0; background: #163751; border-radius: 10px!important; overflow: hidden; } .link-de-initial, .link-de-end { padding: 10px !important; background: #eaeef7 !important; border-right: 0.5px solid #ddd; } .link-de-initial { border-radius: 0px; } .link-de-end { border-radius: 0px; border-top: 0.5px solid #ddd; height: 100vh; } /* Jaja 03_02 */ .link-de { border-top: 0.5px solid #ddd; border-right: 0.5px solid #ddd; border-left: 4px solid #3d6096; padding: 20px!important; background: #3d6096 !important; color: #ffffff!important; cursor: pointer; display: inline-flex; align-items: center; border-radius: 0px !important; width: 100.5%; font-size: 14px; word-break: break-word; outline: none !important; } .link-de:hover, .link-de:focus { text-decoration: none !important; } .link-de[aria-expanded="true"] { color: #163751 !important; background: #fff !important; border-left: 4px solid; border-right: none; } /* Jaja 04_02 */ .content-de { position: absolute!important; top: 0px!important; right: 0px!important; /* height: 500px; overflow-x: auto; */ /* padding: 15px 20px; */ padding: 0px; background: white; border-radius: 0 5px 5px 0; border-bottom: 0px; } /* Jaja (14_02) */ #pay_method .paymenttypetr { font-size: 12px; height: auto; /* 54px; Vincent */ display: flex; align-items: center; /* flex-direction: column; */ } #pay_method .paymenttypetr span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; } /* Jaja 03_02 */ /* .paymenttypetr div { height: 30px; } */ /*tooltips*/ /*[data-title] { position: relative; } [data-title]:hover::before { content: attr(data-title); position: absolute; bottom: -15px; display: inline-block; padding: 3px 6px; border-radius: 2px; background: #000; color: #fff; font-size: 12px; white-space: nowrap; left: 0; width: 100%; }*/ #pay_method .panel-heading { padding: 0px; } /* Jaja 29_01 */ #pay_method .paymenttypetr:hover { background: #dededeb0; } /* Jaja 04_02 */ #pay_method .panel-body { /* padding: 0px; */ height: 500px; overflow-x: auto; padding: 15px; } #pay_method .panel, #pay_method .panel-body { border: none; } /* Jaja add 30_01 (display:flex;) */ #pay_method .panel.panel-default { margin-top: 0px !important; display: flex; } #pay_method .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: none; } #pay_method .panel { border-radius: 0px; } .icon-checked { padding-right: 10px; font-size: 20px; } .icon-pay, .icon-pay i { padding-right: 5px; color: #ffffff!important; } .link-de[aria-expanded="true"] .icon-pay, .link-de[aria-expanded="true"] .icon-pay i { color: #3d6096 !important; } .link-de[aria-expanded="true"] .fa-check-circle { color: #42c4a0 !important; } .link-de .fa-check-circle { color: #fff !important; } /* Jaja add(14_02) */ input[type=radio] { /*vertical-align: top!important;*/ } .arrow-toggle { display: none; } #payment_method_mb { padding-right: 0px !important; display: block !important; outline: none !important; } /* Jaja modified 30_01 (width: unset;)*/ #payment_method_mb .modal-dialog { width: 100%; margin: 0; } #payment_method_mb .modal-content { border: none !important; -webkit-box-shadow: none; box-shadow: none; } #payment_method_mb .modal-body { position: unset !important; padding: 0 !important; } /* Jaja 13_02 */ label.paymenttypetr { /* margin-bottom: 11px; */ } /* width */ #pay_method .panel-body::-webkit-scrollbar { width: 10px; } /* Track */ #pay_method .panel-body::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ #pay_method .panel-body::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ #pay_method .panel-body::-webkit-scrollbar-thumb:hover { background: #555; } } /* style for IE */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { input[type=radio] { -webkit-appearance: none; background: none; padding: 0px; margin-right: 5px; margin-top: 0px; vertical-align: middle; } input[type=radio]:checked { -webkit-appearance: none; background: none; padding: 0px; margin-top: 0px; vertical-align: middle; } #pay_method .enterdetailspayicon { /*margin-left: 25px; Vincent */ /*margin-top:-5px; */ /* Vincent */ height: auto; width: 120px; /* 80px; Vincent */ } /* Jaja 13_02 */ label.paymenttypetr { margin-bottom: 11px; } /* .paymenttypetr div { height: 30px; display: block; } */ } /* Vincent */ @media screen and (min-width: 992px) { .img-width-display{ width:134px !important; } } /* End Vincent */ /* End Jaja Payment Method */ @media only screen and (min-width: 992px) { .open-login .modal-dialog { max-width: 800px!important; min-width: 800px!important; } .modal-dialog-centered { -webkit-transform: translate(50%,0%)!important; -ms-transform: translate(50%,0%)!important; -o-transform: translate(50%,0%)!important; transform: translate(50%,0%)!important; } } @media only screen and (min-width: 768px) { .mobile-menu { display: none!important; } .open-login .nav.nav-tabs { margin: 0px; } .bl-md-1 { border-left: 1px solid #d3d4d5; } .br-md-1 { border-right: 1px solid #d3d4d5; } .open-login .tab-content { /* max-height: 50vh; */ padding:15px; } .open-login .modal-dialog { max-width: 700px!important; min-width: 700px!important; } .seperator { left: 30%; right: 30%; } .tab-menu-section-page{ margin:0px 30px; } .open-login .tab-content-page { margin:0px 30px; } /* J-04_01 */ .custom-modal-body-2 { min-height: 510px; display: flex; border-radius: 5px!important; background-color: #fff; } .signin-form { border-radius: 5px 0px 0px 5px; } } #new-nav #nav-body { height: calc(100vh - 71.4px - 50px); overflow:scroll !important; overflow-y: scroll!important; overflow-x: hidden; } #new-nav .navbar-nav>li { border: none; } #new-nav .navbar-nav>.nav-section-menu { border-top: 1px solid rgba(0,0,0,0.075); } #new-nav .nav-menu-item, #new-nav .nav-sub-menu-item a { padding: 15px 25px; } #new-nav .nav-sub-menu-item { padding: 15px 35px; } #new-nav .nav-menu-item a, #new-nav .nav-section-menu a { padding: 0; } #new-nav .nav-menu-item>a, #new-nav .nav-section-menu>a { color: #000; font-size: 16px; font-weight: normal; position: relative; display: block; } #new-nav .nav-sub-menu-item>a { color: #000; font-size: 16px; font-weight: normal; position: relative; display: block; } #new-nav .dropdown-toggle:after { /* float: right; */ display:none; } #new-nav a:hover { color: #0099cc; } .list-style-none { list-style: none; } .dekstop-menu { display: none; } .dropdown-toggle[aria-expanded=true] .arrow-menu { transform: rotate(180deg); } .open-login .modal-dialog { margin: 1.5rem; } .open-login .tab-content { background: #fff; padding: 15px; /*overflow-y: scroll;*/ } } @media only screen and (max-width: 480px) { .open-login .tab-content { background: #fff; padding: 15px; /* height: 100vw; */ height: unset; /* overflow-y: scroll; */ border-radius: 5px; } .seperator { left: 20%; right: 20%; } .ctpc-mres { transform:scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0; } .custom-modal-body-2, .signin-form { border-radius: 0px 0px 5px 5px!important; } } @media only screen and (max-width: 767px) { .overlay-popup { padding-right: 17px; position: fixed; margin: auto; width: 100%; height: 100%; right: 0; background-color: rgba(0,0,0,0.7); display: none; z-index: 8; } /* J-04_01 open back */ body.modal-open { /* position: fixed; */ padding: 0px!important; overflow: hidden!important; } body{ cursor: pointer; } #new-nav #nav-body { height: calc(100vh - 71.4px - 50px); overflow:scroll !important; overflow-y: scroll!important; overflow-x: hidden; } #new-nav .navbar-nav>li { border: none; } #new-nav .navbar-nav>.nav-section-menu { border-top: 1px solid rgba(0,0,0,0.075); } #new-nav .nav-menu-item, #new-nav .nav-sub-menu-item a { padding: 15px 25px; } #new-nav .nav-sub-menu-item { padding: 15px 35px; } #new-nav .nav-menu-item a, #new-nav .nav-section-menu a { padding: 0; } #new-nav .nav-menu-item>a, #new-nav .nav-section-menu>a { color: #000; font-size: 16px; font-weight: normal; position: relative; display: block; } #new-nav .nav-sub-menu-item>a { color: #000; font-size: 16px; font-weight: normal; position: relative; display: block; } #new-nav .dropdown-toggle:after { /* float: right; */ display:none; } #new-nav a:hover { color: #0099cc; } .list-style-none { list-style: none; } .dekstop-menu { display: none; } .dropdown-toggle[aria-expanded=true] .arrow-menu { transform: rotate(180deg); } .open-login .modal-dialog { margin: 1.5rem; } .open-login .tab-content { background: #fff; padding: 15px 0; /*overflow-y: scroll;*/ } .box-xs-shadow-none { box-shadow: none!important; } .customMobileslidepopup { background: #fff; height: 100%; position: fixed; z-index: 3; width: 100%; top: 0; left: 0; } #payment_method_mb { display:none; } .payment-summary {display:none;} } .bg-white {background:#fff!important;} .bg-darkred {background:#163751 !important;} .bg-transparent {background: transparent !important;} .bg-darkblue {background: #163751!important;} .bg-yellow {background: #ffef3f;} .text-grey { color: #9E9E9E!important;} .text-white {color: #fff!important;} .text-darkred {color: #ffef3f!important;} .text-darkblue {color: #163751!important;} .text-yellow {color: #ffef3f!important;} .payment-page .connector-icon-1 { position: absolute; left: -29px; top: 3px; font-size: 18px; background: #fff; padding-bottom: 5px; z-index: 2; } .payment-page .connector-icon-2 { position: absolute; left: -29px; top: 8px; font-size: 18px; background: #fff; padding: 5px 0; z-index: 2; } .payment-page .connector-line { border-left: 1.5px solid #5A5151; height: 100%; position: absolute; top: 30%; left: -9px; min-height: 24px; } .payment-page .connector-d-line { border-left: 1.5px dashed #5A5151; height: 100%; position: absolute; top: 30%; left: -22px; min-height: 24px; } .payment-page .btn-more-dpt,.payment-page .btn-more-rtn { text-align: center; font-size: 20px; cursor: pointer; } .payment-page .btn-more-dpt .open,.payment-page .btn-more-rtn .open { transform: rotate(180deg);} .payment-page .btn-more-dpt .closed,.payment-page .btn-more-rtn .closed { transform: unset;} .payment-page .switch { position: relative; display: inline-table; width: 40px; height: 23px; } .text-small {font-size: 12px!important;} .text-medium {font-size: 15px!important;} .text-mlarge {font-size: 18px!important;} .text-xlarge {font-size: 22px!important;} .text-bold {font-weight: bold;} .pay-sum-item { padding: 1px 20px 10px 10px;position: relative;} .pay-sum-item:first-child {padding: 1px 20px 10px 10px;} .btn-remove-addon { position: absolute; z-index: 1; right: 6px; cursor: pointer; } .btn-plus-addon { position: absolute; z-index: 1; right: 4px; cursor: pointer; } .payment-page .expandable { display: table; webkit-transition: max-height 0.5s ease-in-out; -moz-transition: max-height 0.5s ease-in-out; -o-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; word-break: break-word; } .payment-page .hide-expand { display: none; webkit-transition: max-height 0.5s ease-in-out; -moz-transition: max-height 0.5s ease-in-out; -o-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; overflow-y: hidden; word-break: break-word; } .payment-page #pay_method a { color: #163751; } .fixedBtnPayWrap { background: #163751 !important; position: fixed; bottom: 0; margin: 0px; padding: 5px!important; width: 98%; z-index: 4; left: 0px; } .fixedBtnPayWrap table { background: transparent !important; margin: 0 !important; } #payment_btnProceedPaymentMobile { background: #fff!important; color: #163751!important; width: 100%!important; border-radius: 5px!important; margin: 0px!important; min-width: unset!important; font-weight: bold; } #payment_btnProceedPaymentMobile:hover { background: #fff!important; color: #163751!important; } .clone-wrapper { background: #fff; height: 100%; position: fixed; z-index: 6; width: 100%; top: 0; left: 0; } #cloneDptDetails, #cloneRtnDetails { padding: 15px; text-align: center; width: 100%; } #cloneRtnDetails {border-left: 1px solid #ddd;} #cloneDptDetails i, #cloneRtnDetails i { font-size: 50px; } .br-1-thin {border-right: 1px solid #ddd!important;} #lblNotesClone { word-break: break-word; } .hidden-xs {font-size: unset!important;text-align:unset!important;} /* Member,Check Booking */ .member_page .d-inline-block-member, .custom-input-form .d-inline-block-member { display:inline-block; margin-right:0px !important; } .member_page .background-yellow-member, .custom-input-form .background-yellow-member { background: #ebaf3c !important; } .member_page .background-green-member, .custom-input-form .background-green-member { background: #42c4a0 !important; } .member_page hr, .custom-input-form hr { margin-top: 10px; margin-bottom: 10px; } .member_page .policytable { margin-top: 5px; margin-bottom: 5px; background: #fff; } /*New Design*/ .member_page .policytable th { background: #f8f9fd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center; } .member_page .policytable td { border-left: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center; } .member_page .policytable tr > td { border-bottom: 1px solid #ddd; } @media(min-width:769px) { /*New Design*/ /*.input-group .form-control { border-radius: 0px !important; }*/ /*New Design*/ .member_page .text-lg-right { text-align: right; } /*New Design*/ .pr-md-3 { padding-right: 1rem !important; } .pl-md-3 { padding-left: 1rem !important; } .member_page #btnUpdatePhone { position: absolute; bottom: 10px; right: 5px; } .member_page #divSearchCountryCodeLM.divSearchCountryCodeLM { left: 0; width: 120px; top: 55px; bottom: auto; position: absolute; background-color: #ffffff; z-index: 4; border: 1px solid #cccccc; border-top: none; } } @media(max-width:768px) { /*New Design*/ .text-xs-center { text-align: center; } .member_page .tab-navigation { display: flex; } .member_page .btn-manage-my-booking, .member_page .btn-back-my-booking { width: 100%; } .member_page #ActionType_Selection.modal { text-align: center; padding: 0 !important; } .member_page #ActionType_Selection.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } /*New Design*/ .member_page #ActionType_Selection .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; width: 80%; } .member_page #divSearchCountryCodeLM.divSearchCountryCodeLM { left: 0; width: 120px; top: 55px; bottom: auto; position: absolute; background-color: #ffffff; z-index: 4; border: 1px solid #cccccc; border-top: none; } } @media (max-width: 992px) { .c-pl-1 { padding: 0px; } .c-pr-1 { padding: 0px; } /*.tab-navigation #lnktabs1, .tab-navigation #lnktabs2, .tab-navigation #lnktabs3 { border-radius: 0 0 5px 5px; }*/ /*New Design*/ /*.tab-navigation #lnktabs1.bg-tab-active, .tab-navigation #lnktabs2.bg-tab-active, .tab-navigation #lnktabs3.bg-tab-active { border-top: 5px solid #337ab7; }*/ } @media (min-width: 992px) { /*New Design*/ .c-pl-1 { padding-left: 20px; padding-right: 0px; } .c-pr-1 { padding-right: 10px; padding-left: 0px; } /*New Design*/ /*.tab-navigation #lnktabs1, .tab-navigation #lnktabs2, .tab-navigation #lnktabs3 { border-radius: 0 5px 5px 0; }*/ /*New Design*/ /*.tab-navigation #lnktabs1.bg-tab-active, .tab-navigation #lnktabs2.bg-tab-active, .tab-navigation #lnktabs3.bg-tab-active { border-left: 8px solid #337ab7; }*/ } @media (max-width: 568px) { /*New Design*/ .member_page #lnktabs1, .member_page #lnktabs2, .member_page #lnktabs3, .member_page #lnktabs4 { text-align: center; width: 16% !important; /*border-radius: 5px !important;*/ padding: 10px !important; /*flex-grow: 1;*/ font-size: 12px; border-radius: 5px !important; margin: 2px !important; margin: 2px !important; display: flex; align-items: center; justify-content: center; height: 43px; } .member_page #lnktabs1 i, .member_page #lnktabs2 i, .member_page #lnktabs3 i, .member_page #lnktabs4 i { font-size: 18px; color: #163751; } .member_page .tab-navigation #lnktabs1.bg-tab-active, .member_page .tab-navigation #lnktabs2.bg-tab-active, .member_page .tab-navigation #lnktabs3.bg-tab-active, .member_page .tab-navigation #lnktabs4.bg-tab-active, .member_page .tab-navigation #lnktabs1:hover, .member_page .tab-navigation #lnktabs2:hover, .member_page .tab-navigation #lnktabs3:hover, .member_page .tab-navigation #lnktabs4:hover { width: 100% !important; flex-grow: 1; color: #ffffff; background: #fff0; } .member_page .tab-navigation #lnktabs1:hover i, .member_page .tab-navigation #lnktabs2:hover i, .member_page .tab-navigation #lnktabs3:hover i, .member_page .tab-navigation #lnktabs4:hover i { color: #ffffff; } .member_page .tab-navigation #lnktabs1.bg-tab-active i, .member_page .tab-navigation #lnktabs2.bg-tab-active i, .member_page .tab-navigation #lnktabs3.bg-tab-active i, .member_page .tab-navigation #lnktabs4.bg-tab-active i { color:#ffffff; } .member_page .tab-navigation #lnktabs1 .lb-menu, .member_page .tab-navigation #lnktabs2 .lb-menu, .member_page .tab-navigation #lnktabs3 .lb-menu, .member_page .tab-navigation #lnktabs4 .lb-menu { display: none !important; } .member_page .tab-navigation #lnktabs1.bg-tab-active .lb-menu, .member_page .tab-navigation #lnktabs2.bg-tab-active .lb-menu, .member_page .tab-navigation #lnktabs3.bg-tab-active .lb-menu, .member_page .tab-navigation #lnktabs4.bg-tab-active .lb-menu { display: block !important; } /*.tab-navigation #lnktabs2 { border-radius: 30px 0 0 30px !important; } .tab-navigation #lnktabs3 { border-radius: 0px!important; } .tab-navigation #lnktabs1 { border-radius: 0px 30px 30px 0px !important; }*/ /*.tab-navigation #lnktabs2, .tab-navigation #lnktabs4, .tab-navigation #lnktabs3 { margin-right: 2px !important; }*/ /*New Design*/ .bb-xs-1-semi { border-bottom: 1.5px solid #ccc; } /*New Design*/ .bt-xs-1-semi { border-top: 1.5px solid #ccc; } /*New Design*/ .member_page .allow-refund, .member_page .allow-change { margin-top: 5px; } /*New Design*/ .br-xs-1-thin { border-right: 1px solid #ddd; } /*New Design*/ .bt-xs-1-thin { border-top: 1px solid #ddd; } /*New Design*/ .bb-xs-1-thin { border-bottom: 1px solid #ddd; } /*New Design*/ .rounded-xs-0 { border-radius: 0px !important; } /*New Design*/ .mt-xs-2 { margin-top: .5rem !important; } /*New Design*/ .p-xs-0 { padding: 0 !important; } /*New Design*/ .p-xs-2 { padding: .5rem !important; } /*New Design*/ .member_page #ContentPlaceHolder1_divBookingDetails { padding: 0px; } .member_page #tabs2 #ContentPlaceHolder1_divBookingDetails .panel-body { padding: 15px 0; } .member_page .btn-delete-acc { flex-grow: 1; } .text-xs-center { text-align: center !important; } } .member_page .action-options a { color: black; padding: 14px 16px; text-decoration: none; display: block; cursor: pointer; } .member_page .action-options a:hover { background-color: #ddd; color: black; } /*New Design*/ .member_page .label-wrap, .custom-input-form .label-wrap { padding: 5px 10px; background: #f8f9fd; color: #555; border: 1px solid #ccc; border-right: 0; border-radius: 4px 0 0 4px; width: 23%; text-align: center; } .member_page .sub-title.border-pay-method, .custom-input-form .sub-title.border-pay-method { /* background: #0f2f68 !important; */ color: #000; /* border-radius: 6px 6px 0 0!important; */ border: none; padding: 10px 0px; } .member_page .sub-title.border-table-grey, .custom-input-form .sub-title.border-table-grey { border: 1px solid #ddd; background: #f0f0f0; } .member_page .border-table-grey, .custom-input-form .border-table-grey { border: 1px solid #ddd; } .member_page .greetings-wrap { background: #fff; border: 1px solid #f0f0f0; box-shadow: 1px 1px 3px 1px #f0f0f0; padding: 10px; border-radius: 5px; margin-bottom: 20px; font-size: 15px; } /*New Design*/ .member_page .tab-navigation #lnktabs1, .member_page .tab-navigation #lnktabs2, .member_page .tab-navigation #lnktabs3, .member_page .tab-navigation #lnktabs4 { background: transparent; color: #163751 !important; text-decoration: none; padding: 6px 16px; text-decoration: none; /*box-shadow: 1px 1px 3px 1px #f0f0f0;*/ font-weight: bold; cursor: pointer; position: relative; border: 2px solid #163751 !important; border-radius: 30px!important; margin: 0 1vw; } /*New Design*/ .member_page .tab-navigation #lnktabs1.bg-tab-active, .member_page .tab-navigation #lnktabs2.bg-tab-active, .member_page .tab-navigation #lnktabs3.bg-tab-active, .member_page .tab-navigation #lnktabs4.bg-tab-active, .member_page .tab-navigation #lnktabs1:hover, .member_page .tab-navigation #lnktabs2:hover, .member_page .tab-navigation #lnktabs3:hover, .member_page .tab-navigation #lnktabs4:hover { background: #163751 !important; color: #ffffff !important; box-shadow: 1px 1px 3px 1px #b1b1b1; /*font-weight: bold;*/ text-decoration: none; } /*New Design*/ .member_page .tab-navigation #lnktabsInner1, .member_page .tab-navigation #lnktabsInner2 { padding: 10px; background: #e9ebec !important; /*border-bottom: 3px solid #969696;*/ border-bottom: 1.5px solid #ccc; text-align: center; font-weight: bold; color: #969696; text-decoration: none; cursor: pointer; } .member_page .tab-navigation #lnktabsInner1.bg-tab-active, .member_page .tab-navigation #lnktabsInner2.bg-tab-active { padding: 10px; background: #df414100 !important; border-bottom: 1.5px solid #fff !important; text-align: center; font-weight: bold; color: #0f2f68 !important; text-decoration: none; cursor: pointer; } .member_page .custom-panel-heading { background: transparent !important; color: #0f2f68 !important !important; border: none !important; } <%-- css for IE only --% > @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .member_page .label-wrap {width: 40% !important;} .IE-input-width {width: 77%;} } /*New Design*/ @media (min-width: 768px) { /*New Design*/ .rounded-lg-0 { border-radius: 0px !important; } /*New Design*/ .ml-lg-2 { margin-left: .5rem !important; } /*New Design*/ #ContentPlaceHolder1_divBookingDetails { padding-left: 0px; } } .member_page .input-wrap { position: relative; display: table; border-collapse: separate; } .custom-member-input, .custom-member-input-2, .custom-member-input-disabled, .custom-member-input-verify, .custom-member-input-country { border: 0px!important; outline: none!important; box-shadow: none!important; padding: 0!important; } .member_page input.custom-member-input:focus, .member_page input.custom-member-input-2:focus, .member_page input.custom-member-input-verify:focus, .member_page .custom-member-input-country:focus { outline: none !important; border: none!important; box-shadow: none!important; } .member_page .custom-member-input-country { background: transparent !important; position: absolute; width: 120px; bottom: 0; margin: 2px 0; border-right: 1px solid #ddd !important; border-radius: 0px !important; padding-top: 1px; } .member_page .custom-member-input-country.edit { padding: 0px 0px 0px 13px; font-weight: bold; border-right: 1px solid #000 !important; height: 28px; margin-bottom: 4px; } .member_page .custom-member-input.edit, .member_page .custom-member-input-2.edit, .member_page .custom-member-input-verify.edit { height: 60px !important; padding: 30px 10px 5px 10px!important; font-weight: bold; border-radius: 4px !important; background: #e9ebec !important; } /*.custom-member-input-verify, */ .member_page .custom-member-input-verify.edit { padding-left: 132px !important; } .member_page .custom-member-input-pswd { height: 60px !important; font-weight: bold; border-radius: 4px !important; background: #e9ebec !important; padding: 30px 55px 5px 10px !important; } .member_page .lb-member-input, .member_page .lb-member-input-2, .member_page .lb-member-input-verify { display: none; } .member_page .lb-member-input.edit, .member_page .lb-member-input-2.edit, .member_page .lb-member-input-pswd, .member_page .lb-member-input-verify.edit { position: absolute; z-index: 1; padding-left: 10px; color: #555; font-size: 12px; top: 10px; display: block; } /*.custom-member-input[disabled], .custom-member-input-2[disabled], .custom-member-input-disabled[disabled] { background-color: #fff !important; cursor: not-allowed !important; }*/ /*.lb-member-input-disabled { cursor: not-allowed; } .custom-member-input-disabled { border-color: none !important; box-shadow: none !important; cursor: not-allowed; }*/ /*New Design*/ /*.tab-navigation .menu-pointer i { float: right; top: 40%; color: #e9ebec; position: absolute; right: 0; display: none; }*/ /*New Design*/ /*.tab-navigation .bg-tab-active .menu-pointer i { color: #00589f !important; }*/ /*New Design*/ .member_page .coming-trip-wrap { background: #fff; padding: 15px 20px !important; border: 1px solid #ccc !important; border-radius: 10px; } .member_page .general-wrap, .custom-input-form .general-wrap { background: #fff; border: 1px solid #ccc !important; border-radius: 10px; } /*New Design*/ .member_page .allow-refund, .allow-change { font-size: 12px; color: #9e9e9e; font-weight: bold; } .member_page .allow-refund, .custom-input-form .allow-refund { padding-right: 1.5rem !important; } /*New Design*/ .member_page .allow-refund i.fa-ticket-alt:before, .allow-change i.fa-clock:before { font-family: 'Font Awesome 5 Free' !important; font-size: 14px; vertical-align: middle; } .member_page .radio-toolbar input[type="radio"] { opacity: 0; position: fixed; width: 0; } .member_page .radio-toolbar label, .custom-input-form .radio-toolbar label { display: inline-block; background-color: #ddd; padding: 0px 10px; border: 2px solid #ddd; border-radius: 30px; display: block; text-align: center; margin-right: 10px; } .member_page .radio-toolbar input[type="radio"]:checked + label { background-color: #0f2f68 !important; color: #fff; border-color: #0f2f68 !important; } .btn-close-sec { background: #658eaf !important !important; color: #b4cfe4 !important; border-radius: 30px!important; padding: 2px 10px !important; font-weight: bold!important; } .member-input-group-addon { position: absolute; z-index: 5; left: 14px; top: 30%; color: #555; background: none; padding: 0px; border: 0px; } .member_page .custom-search-dt, .custom-input-form .custom-search-dt { border-radius: 4px !important; height: 45px !important; padding-left: 40px; padding-right: 122px; } .member_page .btnSearchTrip, .custom-input-form .btnSearchTrip { position: absolute; z-index: 5; right: 5px; top: 10%; } .member_page .unedit-mode, .custom-input-form .unedit-mode { background: transparent; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: not-allowed; } .member_page .alert-verify { position: absolute; top: -12px; padding: 2px; right: -4px; } /*.alert-verify-2 { position: absolute; top: 0; right: 0px; padding: 2px; }*/ .member_page .alr-icon, .custom-input-form .alr-icon { background: #e9ebec; color: red; border-radius: 30px; } .member_page .businfo, .custom-input-form .businfo { padding-top: 5px; margin-bottom: 3px; } /* Jaja 26_08 */ .member_page .connector-icon-1, .custom-input-form .connector-icon-1 { position: absolute; left: -15px; top: 1px; font-size: 12px; padding-bottom: 5px; padding-top: 4px; z-index: 1; } .member_page .connector-icon-2, .custom-input-form .connector-icon-2 { position: absolute; left: -14px; font-size: 12px; z-index: 1; top: 16px; } .member_page .connector-line, .custom-input-form .connector-line { border-left: 1.5px solid #5A5151; height: 100%; position: absolute; top: 16px; left: -10px; } .btn-nav-blue { background: #163751!important; color: #fff !important; border-radius: 30px!important; padding: 2px 10px !important; } .btn-nav-red { background: #ffef3f !important; color: #3d6096 !important; border-radius: 30px!important; padding: 2px 10px !important; } .btn-red { background: red !important; color: #fff !important; } .btn-yellow { background: #ffef3f !important; border-color: #ffef3f !important; color: #3d6096 !important; } .btn-darkblue { background: #163751!important; border-color: #163751!important; color: #35CCFF !important; } .btn-lightblue { background: #35CCFF!important; border-color: #35CCFF!important; color: #163751 !important; } .member_page .verified-num, .member_page .refund-success, .custom-input-form .refund-success { background: #42c4a0; color: #fff; font-size: 12px; padding: 2px 5px; border-radius: 5px; } .member_page .unverified-num, .member_page .refund-unsuccess, .custom-input-form .refund-unsuccess { background: red; color: #fff; font-size: 12px; padding: 2px 5px; border-radius: 5px; margin-right: 96px; } .member_page a.refund-file[href=''] { display: none; } .member_page .btn-delete-acc { background: #0f2f68 !important !important; color: #fff !important; border-radius: 30px; padding: 5px 10px !important; font-weight: bold; border: #0f2f68 !important; margin-bottom: 20px; } .member_page #ContentPlaceHolder1_divChangeBooking2 .btn-filter-new.selected { background: transparent !important; } .member_page .bs-popover-bottom > .arrow { top: calc((.5rem + 1px) * -2.8); } .member_page .popover-header { margin-top: 0px; } .member_page .popover.bottom > .arrow:after { border-bottom-color: #fff !important; } .member_page .popover { font-size: 12px !important; } @media (max-width: 1020px) { .member_page .popover, .custom-input-form .popover { min-width: 200px; /* Max Width of the popover (depending on the container!) */ } } @media (min-width: 1024px) { .member_page .popover, .custom-input-form .popover { min-width: 500px; /* Max Width of the popover (depending on the container!) */ } } .member_page .cashback-expiry tr:nth-child(even) { background-color: #f2f2f2; } .member_page .date-expired { font-weight: bold; } .member_page #ddcashbackStatus, #ddBotMilesStatus { border: 1px solid #000; padding: 3px 5px; margin-bottom: 10px; border-radius: 5px; float: right; } .member_page footer#main-footer { background: #C1E0F5 !important; padding: 40px 0px 0px 0px !important; margin-top: 0 !important; } .member_page #pay_method .panel-heading span, .custom-input-form #pay_method .panel-heading span{ margin-top: 0px !important; font-size: 15px; } .member_page .popover, .custom-input-form .popover { max-width: 600px; } @media only screen and (max-width: 1024px) { .page-content .col-xs-12 { padding: 0 15px; } } .check-booking .tag { font-size: 11px; background: #ffef3f; color: #3d6096!important; text-align: center; padding: 5px; border-radius: 4px!important; font-weight: bold; } @media(max-width:991px) { .toolbar .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .toolbar .nav-justified .nav-item { -ms-flex-preferred-size: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; display: flex; outline: none; } .toolbar .nav-item a.nav-link { border-radius: 0; font-weight: 600; padding: 10px 5px; color: #ffffff !important; flex: 1; background: none; outline: none; } .toolbar { background-color: #163751; z-index: 7; position: fixed; bottom: 0; left: 0; width: 100%; box-shadow: 1px 1px 10px -3px #9E9E9E !important; } #sortingDiv .modal-dialog { width: 100% !important; margin: 0; position: fixed; bottom: 0; left: 0; } #sortingDiv .divPopMoreInfo { background: #fff !important; overflow-y: auto !important; overflow-x: hidden !important; height: 65vh !important; } } /* End Member,Check Booking */ /* Login Page */ .login-page .nav-tabs > li > a { background: #eee; border: 1px solid #fff!important; } /* End Login Page */ .cursor-pointer {cursor: pointer;} .line-txt{overflow:hidden;text-align:center;color:#163751;font-size:14pt;font-weight:bold;} .line-txt:before,.line-txt:after{background-color:#ccc;content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:50%;} .line-txt:before{right:0.5em;margin-left:-50%;} .line-txt:after{left:0.5em;margin-right:-50%;} .div-info {border: 2px solid #163751;border-radius: 4px;padding: 20px;} .scroll-pointer { position: fixed; top: 60%; right: 15px; background: #163751; border: 1px solid #eee; border-radius: 10px!important; padding: 0 10px; } /* Image Gallery */ ::selection{ color: #fff; background: #007bff; } .img-gallery-wrapper{ margin: 20px auto; max-width: 1100px; } .img-gallery-wrapper nav{ display: flex; justify-content: center; } .img-gallery-wrapper .items{ display: flex; max-width: 720px; width: 100%; justify-content: space-between; } .img-gallery-wrapper .items span{ padding: 7px 25px; font-size: 15px; font-weight: 500; cursor: pointer; color: #3d6096; border-radius: 50px!important; border: 2px solid #3d6096; transition: all 0.3s ease; } .img-gallery-wrapper .items span.active, .img-gallery-wrapper .items span:hover{ color: #fff; background: #163751; font-weight: bold; border: 2px solid #163751; } .gallery{ display: flex; flex-wrap: wrap; margin-top: 30px; } .gallery .image{ width: calc(100% / 4); padding: 7px; height: 209px; overflow: hidden; } .gallery .image span{ display: flex; width: 100%; overflow: hidden; } .gallery .image img{ width: 100%; vertical-align: middle; transition: all 0.3s ease; } .gallery .image:hover img{ transform: scale(1.1); } .gallery .image.hide{ display: none; } .gallery .image.show{ animation: animate 0.4s ease; } @keyframes animate { 0%{ transform: scale(0.5); } 100%{ transform: scale(1); } } .preview-box{ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); background: #fff; max-width: 700px; width: 100%; z-index: 5; opacity: 0; pointer-events: none; border-radius: 3px; padding: 0 5px 5px 5px; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); } .preview-box.show{ opacity: 1; pointer-events: auto; transform: translate(-50%, -50%) scale(1); transition: all 0.3s ease; } .preview-box .details{ padding: 13px 15px 13px 10px; display: flex; align-items: center; justify-content: space-between; } .preview-box .details .title{ display: flex; font-size: 18px; font-weight: 400; align-items: center; justify-content: space-between; width: 100%; text-transform: capitalize!important; } .preview-box .details .title p{ font-weight: 500; margin-left: 5px; margin-bottom: 0px; } .preview-box .details .icon{ color: #253a5a; font-style: 22px; cursor: pointer; } .preview-box .image-box{ width: 100%; display: flex; max-height: 500px; } .image-box img{ width: 100%; border-radius: 0 0 3px 3px; } .shadow{ position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 2; display: none; background: rgba(0,0,0,0.4); } .shadow.show{ display: block; } @media (max-width: 1000px) { .gallery .image{ width: calc(100% / 3); height: 167px; overflow: hidden; } } @media (max-width: 800px) { .gallery .image{ width: calc(100% / 2); } } @media (max-width: 700px) { .img-gallery-wrapper nav .items{ max-width: 600px; } .img-gallery-wrapper nav .items span{ padding: 7px 15px; } } @media (max-width: 600px) { .img-gallery-wrapper{ margin: 30px auto; } .img-gallery-wrapper nav .items{ flex-wrap: wrap; justify-content: center; } .img-gallery-wrapper nav .items span{ margin: 5px; } .gallery .image{ width: 100%; } } /* End Image Gallery */ .circle-tmln-wrap { width: 133px; height: 133px; border: solid 2px #005fe3; -webkit-border-radius: 70px!important; font-weight: bold; color: #1c76f2; text-align: center; display: flex; align-items: center; padding: 15px; word-break: break-word; } .circle-tmln-size { width: 133px; text-align: center; align-self: self-start; } .postWrap { /* background: #fff !important; */ text-align: center; /* border-radius: 5px !important; */ /* border-top: 5px solid #0561B8 !important; */ /* box-shadow: 1px 1px 5px 1px #9E9E9E !important; */ } .postWrap header h4 { min-height: 40px; } .txt-ellipsis, .txt-desc-post p { height: 40px; max-width: 230px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #TermsModel .modal-content {margin: 30px;} .my-booking-wrap .panel-primary {border-color: #3d6096;} .my-booking-wrap .panel-primary>.panel-heading { color: #163751; background-color: #3d6096; border-color: #3d6096; } .copyright a{color: #9E9E9E!important;} .count-title { font-size: 60px; font-weight: normal; margin-top: 10px; margin-bottom: 0; text-align: left; } .count-text { font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 0; text-align: left; } .title-h1 { font-weight: 300!important; font-size: 3rem!important; } .wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],.wpcf7 select{border:thin solid #ced4da;padding: 6px 12px;height:40px;font-size:16px;font-weight: normal;border-radius: 5px!important;width: 100%;}.wpcf7 textarea{border:thin solid #ced4da;height:265px;font-size:16px;padding: 6px 12px;font-weight: normal;border-radius: 5px!important;resize: none;width: 100%;}.wpcf7 label{font-weight: normal;}.wpcf7 input[type=submit]{background: #35CCFF!important;border: 1px solid #35CCFF!important;color: #163751 !important;font-weight: bold;min-width: 82px;padding: 6px 12px;border-radius: 5px!important;} /* FAQ */ .myaccordion .card .card-header { cursor: pointer;border-top: 1px solid #ddd; } #accordion-faq [data-toggle="collapse"] .fa:before { content: "\f077"; } #accordion-faq [data-toggle="collapse"].collapsed .fa:before { content: "\f078"; } .myaccordion .card-header.collapsed { background:#fff; } .myaccordion .card-header:not(.collapsed) { background-color: #34CCFF; color: white; } .myaccordion { box-shadow: 0 0 1px rgba(0,0,0,0.1); } .myaccordion .btn, .myaccordion .btn:hover, .myaccordion .btn:focus, .myaccordion .btn:active { color: #000; text-align: left; background: transparent!important; border: none; white-space: normal; outline: none; } .myaccordion .card .card-header[aria-expanded="true"] span{ color: #fff !important; } .myaccordion .card .card-body { color: #7F7F7F; padding: 20px; } .table-wrapper-scroll-y { display: block; max-height: 300px; overflow-y: auto; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 10px; } #style1::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } #style1::-webkit-scrollbar { width: 12px; background-color: #F5F5F5; } #style1::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #35CCFC; } hr.divider { border: 1.5px solid; width: 50px; border-color: #35CCFF; } #header select { background: transparent; color: #fff; outline: none; border: none; font-weight: bold; } #header option { color: #163751; } .themecolorbg {background: #163751!important;} /*Added By Yong Qi*/ #lnkPrintReceipt1{ font-size: 30px; float: right; } #lnkPrintReceipt1:hover { color: #23527c; text-decoration: none !important; } /*------*/ #header .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; margin-bottom: 30px; border: 0; /* box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15); */ border-radius: .9rem!important; overflow: hidden; border: 1px solid #ddd; } .tab-navigation.tab-secondary a, .tab-navigation.tab-secondary a:hover { padding: 10px; background: #f4f4f4!important; border-bottom: 1.5px solid #f4f4f4; text-align: center; font-weight: 500; color: #969696; text-decoration: none; cursor: pointer; } .tab-navigation.tab-secondary a.active { padding: 10px; background: transparent !important; border-bottom: 1.5px solid #fff !important; text-align: center; font-weight: bold; color: #0161d1; text-decoration: none; cursor: pointer; } .table-fancy tr:not(:first-child) { border-top: 1px solid #ddd; } .table-fancy tr:nth-child(3n + 1) { border-left: 5px solid #5a8fbf; /* 1st, 4th, 7th, etc. */ } .table-fancy tr:nth-child(3n + 2) { border-left: 5px solid #be375a; /* 2nd, 5th, 8th, etc. */ } .table-fancy tr:nth-child(3n) { border-left: 5px solid #b48040;/* 3rd, 6th, 9th, etc. */ } @media (max-width: 767.98px) { .table-fancy tr { display: flex; flex-direction: column; } .table-fancy td { width: 100% !important; display: block; } }