img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Description: Default GeneratePress child theme
Author: Tom Usborne
Author URI: https://tomusborne.com
Template: generatepress
Version: 0.1
*/
:root {
--pvta-blue: #1e5aa8;
--pvta-blue-dark: #133b73;
--pvta-gold: #d99a1f;
--pvta-red: #b91c1c;
--pvta-soft: #fff8ec;
--pvta-border: #eadcc8;
--pvta-text: #1f2933;
}
/* Let Datacom keep native control/label positioning; only constrain the host card. */
.trangchu {
background: #fffaf2;
}
.trangchu .site-content {
display: flex;
flex-direction: column;
}
.pvta-home-hero {
background:
radial-gradient(circle at 8% 8%, rgba(255, 230, 176, 0.72), transparent 30%),
radial-gradient(circle at 92% 16%, rgba(185, 28, 28, 0.09), transparent 34%),
linear-gradient(135deg, #fffaf2 0%, #ffffff 48%, #fff2dc 100%);
color: var(--pvta-text);
overflow: hidden;
padding: 46px 20px 58px;
position: relative;
}
.pvta-home-hero::before {
background: rgba(255, 255, 255, 0.2);
content: "";
inset: 0;
position: absolute;
z-index: 1;
}
.pvta-hero-bg {
inset: 0;
position: absolute;
z-index: 0;
}
.pvta-hero-bg img {
height: 100%;
object-fit: cover;
object-position: center center;
opacity: 1;
width: 100%;
}
.pvta-hero-inner {
align-items: center;
display: grid;
gap: 24px;
grid-template-columns: minmax(260px, 30%) minmax(760px, 70%);
margin: 0 auto;
max-width: 1900px;
position: relative;
z-index: 2;
}
.pvta-hero-kicker {
color: var(--pvta-red);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
margin-bottom: 8px;
text-transform: uppercase;
}
.pvta-hero-copy {
background: rgba(255, 250, 242, 0.24);
border: 1px solid rgba(255, 255, 255, 0.28);
border-radius: 20px;
padding: 18px;
}
.pvta-hero-copy h1 {
color: #7f1d1d;
font-size: clamp(21px, 2.7vw, 35px);
font-weight: 800;
line-height: 1.1;
margin: 0 0 12px;
}
.pvta-hero-copy p {
color: #5f4b3b;
font-size: 12px;
margin-bottom: 16px;
max-width: 520px;
}
.pvta-hero-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.pvta-button {
align-items: center;
border-radius: 999px;
display: inline-flex;
font-weight: 700;
justify-content: center;
font-size: 13px;
padding: 9px 14px;
}
.pvta-button-primary {
background: linear-gradient(135deg, #b91c1c, #dc2626);
box-shadow: 0 10px 22px rgba(185, 28, 28, 0.18);
color: #fff;
}
.pvta-button-secondary {
background: #fffdf8;
border: 1px solid #eadcc8;
color: #9a3412;
}
.pvta-search-card {
background: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(234, 220, 200, 0.9);
border-radius: 24px;
box-shadow: 0 18px 45px rgba(120, 53, 15, 0.12);
color: var(--pvta-text);
min-width: 0;
overflow: visible;
padding: 30px;
}
.pvta-search-card h2 {
color: var(--pvta-blue-dark);
font-size: 24px;
margin-bottom: 8px;
}
.pvta-search-card p {
color: #52606d;
margin-bottom: 16px;
}
.pvta-search-card #dtc-plugin,
.pvta-search-card #dtcLoadForm,
.pvta-search-card #dtcDisplaySearch,
.pvta-search-card #dtc-search-form {
height: auto !important;
max-height: none !important;
min-width: 0;
overflow: visible !important;
width: 100%;
}
.pvta-search-card .dtc-btn-search span {
white-space: nowrap;
}
@media (min-width: 1024px) {
.pvta-search-card #formSearchOneway {
align-items: stretch !important;
display: flex !important;
flex-wrap: nowrap !important;
gap: 10px !important;
width: 100% !important;
}
.pvta-search-card #formSearchOneway > .dtc-search-input-route {
display: grid !important;
flex: 1 1 44% !important;
gap: 10px !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
min-width: 0 !important;
width: auto !important;
}
.pvta-search-card #formSearchOneway > .dtc-search-input-date.dtc-search-input-container:not(.dtc-search-month) {
display: grid !important;
flex: 1 1 34% !important;
gap: 10px !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
min-width: 0 !important;
width: auto !important;
}
.pvta-search-card #formSearchOneway > .dtc-search-month[style*="display: none"] {
display: none !important;
}
.pvta-search-card #formSearchOneway > .dtc-searchbtn-wrap {
align-items: stretch !important;
display: flex !important;
flex: 0 0 150px !important;
min-width: 130px !important;
width: 150px !important;
}
.pvta-search-card #formSearchOneway .dtc-btn-search {
align-items: center !important;
display: inline-flex !important;
gap: 6px !important;
height: 58px !important;
justify-content: center !important;
padding: 0 18px !important;
width: 150px !important;
}
.pvta-search-card #formSearchOneway .dtc-btn-search svg {
flex: 0 0 20px !important;
height: 20px !important;
width: 20px !important;
}
.pvta-search-card #formSearchOneway .dtc-btn-option,
.pvta-search-card #formSearchOneway .dtc-search-pax-mb,
.pvta-search-card #formSearchOneway .dtc-search-system-mb,
.pvta-search-card #formSearchOneway .search-month-mobile-option,
.pvta-search-card #formSearchOneway .dtc-search-input-date > .dtc-separate-vertical {
display: none !important;
}
.pvta-search-card #formSearchOneway .dtc-form-floating {
height: 58px !important;
min-height: 58px !important;
min-width: 0 !important;
overflow: visible !important;
position: relative !important;
width: 100% !important;
}
.pvta-search-card #formSearchOneway .dtc-form-control {
font-size: 14px !important;
height: 58px !important;
line-height: 1.25 !important;
overflow: hidden !important;
padding-bottom: 8px !important;
padding-right: 36px !important;
padding-top: 25px !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.pvta-search-card #formSearchOneway .dtc-search-input-date .dtc-form-control {
font-size: 13px !important;
padding-left: 11px !important;
}
.pvta-search-card #formSearchOneway .dtc-form-floating > label {
align-items: center !important;
background: transparent !important;
display: flex !important;
font-size: 12px !important;
gap: 4px !important;
height: auto !important;
left: 12px !important;
line-height: 1 !important;
margin: 0 !important;
max-width: calc(100% - 28px) !important;
overflow: visible !important;
padding: 0 !important;
position: absolute !important;
top: 8px !important;
transform: none !important;
white-space: nowrap !important;
}
.pvta-search-card #formSearchOneway .dtc-form-floating > label img {
flex: 0 0 14px !important;
height: 14px !important;
width: 14px !important;
}
.pvta-search-card #formSearchOneway .dtc-date-icon {
height: 20px !important;
right: 10px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 20px !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.pvta-search-card #formSearchOneway {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
}
.pvta-search-card #formSearchOneway > .dtc-search-input-route {
display: grid !important;
flex: 1 1 100% !important;
gap: 10px !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
width: 100% !important;
}
.pvta-search-card #formSearchOneway > .dtc-search-input-date.dtc-search-input-container:not(.dtc-search-month) {
display: grid !important;
flex: 1 1 calc(100% - 160px) !important;
gap: 10px !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
min-width: 0 !important;
width: auto !important;
}
.pvta-search-card #formSearchOneway .dtc-search-input-date > .dtc-separate-vertical,
.pvta-search-card #formSearchOneway .dtc-btn-option {
display: none !important;
}
.pvta-search-card #formSearchOneway > .dtc-searchbtn-wrap {
flex: 0 0 150px !important;
width: 150px !important;
}
.pvta-search-card #formSearchOneway .dtc-btn-search {
width: 150px !important;
}
}
@media (max-width: 767px) {
.pvta-search-card #formSearchOneway,
.pvta-search-card #formSearchOneway > .dtc-search-input-route,
.pvta-search-card #formSearchOneway > .dtc-search-input-date.dtc-search-input-container:not(.dtc-search-month) {
display: block !important;
width: 100% !important;
}
.pvta-search-card #formSearchOneway .dtc-form-floating,
.pvta-search-card #formSearchOneway > .dtc-searchbtn-wrap {
margin-bottom: 10px !important;
width: 100% !important;
}
.pvta-search-card #formSearchOneway .dtc-btn-search {
justify-content: center !important;
width: 100% !important;
}
.pvta-search-card #formSearchOneway .dtc-search-input-date > .dtc-separate-vertical,
.pvta-search-card #formSearchOneway .dtc-btn-option {
display: none !important;
}
}
.pvta-home-section {
padding: 38px 20px;
}
.pvta-section-inner {
margin: 0 auto;
max-width: 1180px;
}
.pvta-benefits {
margin-top: -34px;
position: relative;
z-index: 2;
}
.pvta-benefit-grid {
display: grid;
gap: 18px;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.pvta-benefit-card,
.pvta-post-card,
.pvta-info-panel {
background: #fff;
border: 1px solid var(--pvta-border);
border-radius: 20px;
box-shadow: 0 12px 34px rgba(15, 51, 86, 0.08);
}
.pvta-benefit-card {
padding: 24px;
}
.pvta-benefit-icon {
align-items: center;
background: var(--pvta-soft);
border-radius: 16px;
color: var(--pvta-blue);
display: flex;
font-size: 26px;
height: 52px;
justify-content: center;
margin-bottom: 14px;
width: 52px;
}
.pvta-benefit-card h2 {
color: var(--pvta-blue-dark);
font-size: 20px;
margin-bottom: 8px;
}
.pvta-benefit-card p,
.pvta-post-excerpt,
.pvta-info-panel p,
.pvta-info-panel li {
color: #52606d;
}
.pvta-section-heading {
align-items: end;
border-bottom: 1px solid var(--pvta-border);
display: flex;
justify-content: space-between;
margin-bottom: 22px;
padding-bottom: 12px;
}
.pvta-section-heading h2 {
color: var(--pvta-blue-dark);
font-size: 25px;
margin: 0;
}
.pvta-post-grid {
display: grid;
gap: 22px;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.pvta-post-card {
display: flex;
flex-direction: column;
overflow: hidden;
}
.pvta-post-thumb {
background: var(--pvta-soft);
display: block;
overflow: hidden;
}
.pvta-post-thumb img {
aspect-ratio: 16 / 10;
display: block;
height: auto;
object-fit: cover;
width: 100%;
}
.pvta-post-body {
display: flex;
flex: 1;
flex-direction: column;
padding: 17px;
}
.pvta-post-title {
color: var(--pvta-blue-dark);
font-size: 18px;
font-weight: 800;
line-height: 1.35;
margin-bottom: 10px;
}
.pvta-post-excerpt {
font-size: 15px;
line-height: 1.55;
margin-bottom: 16px;
}
.pvta-post-more {
color: var(--pvta-blue);
font-weight: 700;
margin-top: auto;
}
.pvta-info-grid {
display: grid;
gap: 24px;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}
.pvta-info-panel {
padding: 26px;
}
.pvta-info-panel h2 {
color: var(--pvta-blue-dark);
font-size: 24px;
margin-bottom: 14px;
}
.pvta-info-panel ul {
margin-left: 20px;
}
.pvta-tabs-nav {
display: flex;
gap: 10px;
list-style: none;
margin: 0 0 16px;
padding: 0;
}
.pvta-tabs-nav a,
.pvta-tab-title {
background: var(--pvta-soft);
border-radius: 12px;
color: var(--pvta-blue-dark);
display: block;
font-weight: 700;
padding: 12px 14px;
}
.pvta-tabs-nav .tab-active a {
background: var(--pvta-blue);
color: #fff;
}
.pvta-mobile-payment {
display: none;
}
.entry-content figure {
margin: 1.5em auto;
text-align: center;
}
.entry-content figure img {
display: block;
margin: 0 auto;
}
.entry-content figcaption {
color: var(--contrast-2);
font-size: 0.95em;
margin-top: 0.5em;
text-align: center;
}
@media (max-width: 1024px) {
.pvta-hero-inner,
.pvta-info-grid {
grid-template-columns: 1fr;
}
.pvta-benefit-grid,
.pvta-post-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 1450px) {
.pvta-hero-inner {
gap: 28px;
grid-template-columns: minmax(340px, 38%) minmax(650px, 62%);
}
.pvta-search-card {
padding: 26px;
}
.pvta-search-card .dtc-search-input-oneway {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.pvta-search-card .dtc-searchbtn-wrap {
grid-column: 1 / -1;
}
}
@media (max-width: 1199px) {
.pvta-hero-inner {
grid-template-columns: 1fr;
}
.pvta-search-card .dtc-search-input-oneway {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 900px) {
.pvta-search-card .dtc-search-input-oneway {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.pvta-home-hero {
padding: 34px 16px 52px;
}
.pvta-search-card {
border-radius: 18px;
padding: 16px;
}
.pvta-search-card .dtc-search-option,
.pvta-search-card .dtc-option-left,
.pvta-search-card .dtc-option-right {
align-items: stretch;
flex-direction: column;
}
.pvta-search-card .dtc-search-input-oneway,
.pvta-search-card .dtc-search-input-route,
.pvta-search-card .dtc-search-input-date {
grid-template-columns: 1fr;
}
.pvta-search-card .dtc-form-floating .dtc-form-control,
.pvta-search-card .dtc-btn-search {
height: 62px !important;
}
.pvta-benefit-grid,
.pvta-post-grid {
grid-template-columns: 1fr;
}
.pvta-section-heading {
align-items: flex-start;
flex-direction: column;
gap: 8px;
}
.pvta-desktop-payment {
display: none;
}
.pvta-mobile-payment {
display: block;
}
}
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
/*# sourceURL=wp-emoji-styles-inline-css */
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--contrast: var(--contrast);--wp--preset--color--contrast-2: var(--contrast-2);--wp--preset--color--contrast-3: var(--contrast-3);--wp--preset--color--base: var(--base);--wp--preset--color--base-2: var(--base-2);--wp--preset--color--base-3: var(--base-3);--wp--preset--color--accent: var(--accent);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-color{color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-color{color: var(--wp--preset--color--contrast-3) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-base-2-color{color: var(--wp--preset--color--base-2) !important;}.has-base-3-color{color: var(--wp--preset--color--base-3) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-background-color{background-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-background-color{background-color: var(--wp--preset--color--contrast-3) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-base-2-background-color{background-color: var(--wp--preset--color--base-2) !important;}.has-base-3-background-color{background-color: var(--wp--preset--color--base-3) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-border-color{border-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-border-color{border-color: var(--wp--preset--color--contrast-3) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-base-2-border-color{border-color: var(--wp--preset--color--base-2) !important;}.has-base-3-border-color{border-color: var(--wp--preset--color--base-3) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0;border:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}progress{vertical-align:baseline}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}body,button,input,select,textarea{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;text-transform:none;font-size:17px;line-height:1.5}p{margin-bottom:1.5em}h1,h2,h3,h4,h5,h6{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit}pre{background:rgba(0,0,0,.05);font-family:inherit;font-size:inherit;line-height:normal;margin-bottom:1.5em;padding:20px;overflow:auto;max-width:100%}blockquote{border-left:5px solid rgba(0,0,0,.05);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}blockquote p:last-child{margin:0}table,td,th{border:1px solid rgba(0,0,0,.1)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}td,th{padding:8px}th{border-width:0 1px 1px 0}td{border-width:0 1px 1px 0}hr{background-color:rgba(0,0,0,.1);border:0;height:1px;margin-bottom:40px;margin-top:40px}fieldset{padding:0;border:0;min-width:inherit}fieldset legend{padding:0;margin-bottom:1.5em}h1{font-size:42px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h2{font-size:35px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h3{font-size:29px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h4{font-size:24px}h5{font-size:20px}h4,h5,h6{margin-bottom:20px}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}address{margin:0 0 1.5em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{text-decoration:none}sub,sup{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}table{margin:0 0 1.5em;width:100%}th{font-weight:700}img{height:auto;max-width:100%}button,input[type=button],input[type=reset],input[type=submit]{background:#55555e;color:#fff;border:1px solid transparent;cursor:pointer;-webkit-appearance:button;padding:10px 20px}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{border:1px solid;border-radius:0;padding:10px 15px;max-width:100%}textarea{width:100%}a,button,input{transition:color .1s ease-in-out,background-color .1s ease-in-out}a{text-decoration:none}.button,.wp-block-button .wp-block-button__link{padding:10px 20px;display:inline-block}.wp-block-button .wp-block-button__link{font-size:inherit;line-height:inherit}.using-mouse :focus{outline:0}.using-mouse ::-moz-focus-inner{border:0}.alignleft{float:left;margin-right:1.5em}.alignright{float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin:0 auto}.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{max-width:100%;height:auto}.no-sidebar .entry-content .alignfull{margin-left:calc(-100vw / 2 + 100% / 2);margin-right:calc(-100vw / 2 + 100% / 2);max-width:100vw;width:auto}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.main-navigation{z-index:100;padding:0;clear:both;display:block}.main-navigation a{display:block;text-decoration:none;font-weight:400;text-transform:none;font-size:15px}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation .main-nav ul li a{padding-left:20px;padding-right:20px;line-height:60px}.inside-navigation{position:relative}.main-navigation .inside-navigation{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}.main-navigation .main-nav>ul{display:flex;flex-wrap:wrap;align-items:center}.main-navigation li{position:relative}.main-navigation .menu-bar-items{display:flex;align-items:center;font-size:15px}.main-navigation .menu-bar-items a{color:inherit}.main-navigation .menu-bar-item{position:relative}.main-navigation .menu-bar-item.search-item{z-index:20}.main-navigation .menu-bar-item>a{padding-left:20px;padding-right:20px;line-height:60px}.sidebar .main-navigation .main-nav{flex-basis:100%}.sidebar .main-navigation .main-nav>ul{flex-direction:column}.sidebar .main-navigation .menu-bar-items{margin:0 auto}.sidebar .main-navigation .menu-bar-items .search-item{order:10}.nav-align-center .inside-navigation{justify-content:center}.nav-align-center .main-nav>ul{justify-content:center}.nav-align-right .inside-navigation{justify-content:flex-end}.main-navigation ul ul{display:block;box-shadow:1px 1px 0 rgba(0,0,0,.1);float:left;position:absolute;left:-99999px;opacity:0;z-index:99999;width:200px;text-align:left;top:auto;transition:opacity 80ms linear;transition-delay:0s;pointer-events:none;height:0;overflow:hidden}.main-navigation ul ul a{display:block}.main-navigation ul ul li{width:100%}.main-navigation .main-nav ul ul li a{line-height:normal;padding:10px 20px;font-size:14px}.main-navigation .main-nav ul li.menu-item-has-children>a{padding-right:0;position:relative}.main-navigation.sub-menu-left ul ul{box-shadow:-1px 1px 0 rgba(0,0,0,.1)}.main-navigation.sub-menu-left .sub-menu{right:0}.main-navigation:not(.toggled) ul li.sfHover>ul,.main-navigation:not(.toggled) ul li:hover>ul{left:auto;opacity:1;transition-delay:150ms;pointer-events:auto;height:auto;overflow:visible}.main-navigation:not(.toggled) ul ul li.sfHover>ul,.main-navigation:not(.toggled) ul ul li:hover>ul{left:100%;top:0}.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover>ul,.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover>ul{right:100%;left:auto}.nav-float-right .main-navigation ul ul ul{top:0}.menu-item-has-children .dropdown-menu-toggle{display:inline-block;height:100%;clear:both;padding-right:20px;padding-left:10px}.menu-item-has-children ul .dropdown-menu-toggle{padding-top:10px;padding-bottom:10px;margin-top:-10px}.sidebar .menu-item-has-children .dropdown-menu-toggle,nav ul ul .menu-item-has-children .dropdown-menu-toggle{float:right}.widget-area .main-navigation li{float:none;display:block;width:100%;padding:0;margin:0}.sidebar .main-navigation.sub-menu-right ul li.sfHover ul,.sidebar .main-navigation.sub-menu-right ul li:hover ul{top:0;left:100%}.sidebar .main-navigation.sub-menu-left ul li.sfHover ul,.sidebar .main-navigation.sub-menu-left ul li:hover ul{top:0;right:100%}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 2em;overflow:hidden}.site-main .post-navigation{margin-bottom:0}.paging-navigation .nav-next,.paging-navigation .nav-previous{display:none}.paging-navigation .nav-links>*{padding:0 5px}.paging-navigation .nav-links .current{font-weight:700}.nav-links>:first-child{padding-left:0}.site-header{position:relative}.inside-header{padding:20px 40px}.main-title{margin:0;font-size:25px;line-height:1.2em;word-wrap:break-word;font-weight:700;text-transform:none}.site-description{margin:0;line-height:1.5;font-weight:400;text-transform:none;font-size:15px}.site-logo{display:inline-block;max-width:100%}.site-header .header-image{vertical-align:middle}.inside-header{display:flex;align-items:center}.header-widget{margin-left:auto}.header-widget p:last-child{margin-bottom:0}.nav-float-right .header-widget{margin-left:20px}.nav-float-right #site-navigation{margin-left:auto}.nav-float-left #site-navigation{margin-right:auto;order:-10}.nav-float-left .header-widget{margin-left:0;margin-right:20px;order:-15}.header-aligned-center:not([class*=nav-float-]) .inside-header{justify-content:center;flex-direction:column;text-align:center}.header-aligned-center:not([class*=nav-float-]) .header-widget{margin-left:auto;margin-right:auto}.header-aligned-center:not([class*=nav-float-]) .inside-header>:not(:first-child){margin-top:1em}.header-aligned-right:not([class*=nav-float-]) .inside-header{justify-content:flex-end}.header-aligned-right:not([class*=nav-float-]) .header-widget{margin-right:auto;margin-left:0;order:-10}.site-branding-container{display:inline-flex;align-items:center;text-align:left;flex-shrink:0}.site-branding-container .site-logo{margin-right:1em}.sticky{display:block}.entry-header .gp-icon,.posted-on .updated{display:none}.byline,.entry-header .cat-links,.entry-header .comments-link,.entry-header .tags-links,.group-blog .byline,.single .byline{display:inline}footer.entry-meta .byline,footer.entry-meta .posted-on{display:block}.entry-content:not(:first-child),.entry-summary:not(:first-child),.page-content:not(:first-child){margin-top:2em}.page-links{clear:both;margin:0 0 1.5em}.archive .format-aside .entry-header,.archive .format-status .entry-header,.archive .format-status .entry-meta,.archive .format-status .entry-title,.blog .format-aside .entry-header,.blog .format-status .entry-header,.blog .format-status .entry-meta,.blog .format-status .entry-title{display:none}.archive .format-aside .entry-content,.archive .format-status .entry-content,.blog .format-aside .entry-content,.blog .format-status .entry-content{margin-top:0}.archive .format-status .entry-content p:last-child,.blog .format-status .entry-content p:last-child{margin-bottom:0}.entry-header,.site-content{word-wrap:break-word}.entry-title{margin-bottom:0}.author .page-header .page-title{display:flex;align-items:center}.author .page-header .avatar{margin-right:20px}.page-header .author-info>:last-child,.page-header>:last-child{margin-bottom:0}.entry-meta{font-size:85%;margin-top:.5em;line-height:1.5}footer.entry-meta{margin-top:2em}.cat-links,.comments-link,.tags-links{display:block}.entry-content>p:last-child,.entry-summary>p:last-child,.page-content>p:last-child,.read-more-container,.taxonomy-description p:last-child{margin-bottom:0}.wp-caption{margin-bottom:1.5em;max-width:100%;position:relative}.wp-caption img[class*=wp-image-]{display:block;margin:0 auto 0;max-width:100%}.wp-caption .wp-caption-text{font-size:75%;padding-top:5px;opacity:.8}.wp-caption img{position:relative;vertical-align:bottom}.wp-block-image figcaption{font-size:13px;text-align:center}.wp-block-gallery,ul.blocks-gallery-grid{margin-left:0}.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{background:rgba(255,255,255,.7);color:#000;padding:10px;box-sizing:border-box}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}.site-main .gallery{margin-bottom:1.5em}.gallery-item img{vertical-align:bottom}.gallery-icon{padding:5px}embed,iframe,object{max-width:100%}.wp-block-post-template{margin-left:0}.widget-area .widget{padding:40px}.widget select{max-width:100%}.footer-widgets .widget :last-child,.sidebar .widget :last-child{margin-bottom:0}.widget-title{margin-bottom:30px;font-size:20px;line-height:1.5;font-weight:400;text-transform:none}.widget ol,.widget ul{margin:0}.widget .search-field{width:100%}.widget .search-form{display:flex}.widget .search-form button.search-submit{font-size:15px}.footer-widgets .widget{margin-bottom:30px}.footer-widgets .widget:last-child,.sidebar .widget:last-child{margin-bottom:0}.widget ul li{list-style-type:none;position:relative;margin-bottom:.5em}.widget ul li ul{margin-left:1em;margin-top:.5em}.wp-calendar-table{table-layout:fixed}.site-content{display:flex}.grid-container{margin-left:auto;margin-right:auto;max-width:1200px}.page-header,.sidebar .widget,.site-main>*{margin-bottom:20px}.both-left .inside-left-sidebar,.both-right .inside-left-sidebar{margin-right:10px}.both-left .inside-right-sidebar,.both-right .inside-right-sidebar{margin-left:10px}.one-container.both-right .site-main,.one-container.right-sidebar .site-main{margin-right:40px}.one-container.both-left .site-main,.one-container.left-sidebar .site-main{margin-left:40px}.one-container.both-sidebars .site-main{margin:0 40px 0 40px}.one-container.archive .post:not(:last-child):not(.is-loop-template-item),.one-container.blog .post:not(:last-child):not(.is-loop-template-item){padding-bottom:40px}.one-container .site-content{padding:40px}.separate-containers .comments-area,.separate-containers .inside-article,.separate-containers .page-header,.separate-containers .paging-navigation{padding:40px}.separate-containers .site-main{margin:20px}.separate-containers.no-sidebar .site-main{margin-left:0;margin-right:0}.separate-containers.both-right .site-main,.separate-containers.right-sidebar .site-main{margin-left:0}.separate-containers.both-left .site-main,.separate-containers.left-sidebar .site-main{margin-right:0}.separate-containers .inside-left-sidebar,.separate-containers .inside-right-sidebar{margin-top:20px;margin-bottom:20px}.inside-page-header{padding:40px}.widget-area .main-navigation{margin-bottom:20px}.one-container .site-main>:last-child,.separate-containers .site-main>:last-child{margin-bottom:0}.full-width-content .container.grid-container{max-width:100%}.full-width-content.no-sidebar.separate-containers .site-main{margin:0}.full-width-content.one-container .site-content,.full-width-content.separate-containers .inside-article{padding:0}.full-width-content .entry-content .alignwide{margin-left:0;width:auto;max-width:unset}.contained-content.one-container .site-content,.contained-content.separate-containers .inside-article{padding:0}.sidebar .grid-container{max-width:100%;width:100%}.both-left .is-left-sidebar,.both-sidebars .is-left-sidebar,.left-sidebar .sidebar{order:-10}.both-left .is-right-sidebar{order:-5}.both-right .is-left-sidebar{order:5}.both-right .is-right-sidebar,.both-sidebars .is-right-sidebar{order:10}.inside-site-info{display:flex;align-items:center;justify-content:center;padding:20px 40px}.site-info{text-align:center;font-size:15px}.post-image:not(:first-child){margin-top:2em}.featured-image{line-height:0}.separate-containers .featured-image{margin-top:20px}.separate-containers .inside-article>.featured-image{margin-top:0;margin-bottom:2em}.one-container .inside-article>.featured-image{margin-top:0;margin-bottom:2em}.gp-icon{display:inline-flex;align-self:center}.gp-icon svg{height:1em;width:1em;top:.125em;position:relative;fill:currentColor}.close-search .icon-search svg:first-child,.icon-menu-bars svg:nth-child(2),.icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:first-child{display:none}.close-search .icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(2){display:block}.entry-meta .gp-icon{margin-right:.6em;opacity:.7}nav.toggled .icon-arrow-left svg{transform:rotate(-90deg)}nav.toggled .icon-arrow-right svg{transform:rotate(90deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon svg{transform:rotate(180deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-left svg{transform:rotate(-270deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-right svg{transform:rotate(270deg)}.container.grid-container{width:auto}.menu-toggle,.mobile-bar-items,.sidebar-nav-mobile{display:none}.menu-toggle{padding:0 20px;line-height:60px;margin:0;font-weight:400;text-transform:none;font-size:15px;cursor:pointer}.menu-toggle .mobile-menu{padding-left:3px}.menu-toggle .gp-icon+.mobile-menu{padding-left:9px}.menu-toggle .mobile-menu:empty{display:none}button.menu-toggle{background-color:transparent;flex-grow:1;border:0;text-align:center}button.menu-toggle:active,button.menu-toggle:focus,button.menu-toggle:hover{background-color:transparent}.has-menu-bar-items button.menu-toggle{flex-grow:0}nav.toggled ul ul.sub-menu{width:100%}.toggled .menu-item-has-children .dropdown-menu-toggle{padding-left:20px}.main-navigation.toggled .main-nav{flex-basis:100%;order:3}.main-navigation.toggled .main-nav>ul{display:block}.main-navigation.toggled .main-nav li{width:100%;text-align:left}.main-navigation.toggled .main-nav ul ul{transition:0s;visibility:hidden;box-shadow:none;border-bottom:1px solid rgba(0,0,0,.05)}.main-navigation.toggled .main-nav ul ul li:last-child>ul{border-bottom:0}.main-navigation.toggled .main-nav ul ul.toggled-on{position:relative;top:0;left:auto!important;right:auto!important;width:100%;pointer-events:auto;height:auto;opacity:1;display:block;visibility:visible;float:none}.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle{float:right}.mobile-menu-control-wrapper{display:none;margin-left:auto;align-items:center}.has-inline-mobile-toggle #site-navigation.toggled{margin-top:1.5em}.has-inline-mobile-toggle #site-navigation.has-active-search{margin-top:1.5em}.has-inline-mobile-toggle #site-navigation.has-active-search .nav-search-active{position:relative}.has-inline-mobile-toggle #site-navigation.has-active-search .navigation-search input{outline:auto}.nav-float-left .mobile-menu-control-wrapper{order:-10;margin-left:0;margin-right:auto;flex-direction:row-reverse}@media (max-width:768px){.hide-on-mobile{display:none!important}a,body,button,input,select,textarea{transition:all 0s ease-in-out}.inside-header{flex-direction:column;text-align:center}.site-header .header-widget{margin-top:1.5em;margin-left:auto;margin-right:auto;text-align:center}.site-content{flex-direction:column}.container .site-content .content-area{width:auto}.is-left-sidebar.sidebar,.is-right-sidebar.sidebar{width:auto;order:initial}.is-left-sidebar+.is-right-sidebar .inside-right-sidebar{margin-top:0}.both-left .inside-left-sidebar,.both-left .inside-right-sidebar,.both-right .inside-left-sidebar,.both-right .inside-right-sidebar{margin-right:0;margin-left:0}#main{margin-left:0;margin-right:0}body:not(.no-sidebar) #main{margin-bottom:0}.alignleft,.alignright{float:none;display:block;margin-left:auto;margin-right:auto}.comment .children{padding-left:10px;margin-left:0}.entry-meta{font-size:inherit}.entry-meta a{line-height:1.8em}}@media (min-width:769px) and (max-width:1024px){.hide-on-tablet{display:none!important}}@media (min-width:1025px){.hide-on-desktop{display:none!important}}
body{background-color:var(--base-2);color:var(--contrast);}a{color:var(--accent);}a:hover, a:focus{text-decoration:underline;}.entry-title a, .site-branding a, a.button, .wp-block-button__link, .main-navigation a{text-decoration:none;}a:hover, a:focus, a:active{color:var(--contrast);}.wp-block-group__inner-container{max-width:1200px;margin-left:auto;margin-right:auto;}.site-header .header-image{width:240px;}:root{--contrast:#222222;--contrast-2:#575760;--contrast-3:#b2b2be;--base:#f0f0f0;--base-2:#f7f8f9;--base-3:#ffffff;--accent:#1e73be;}:root .has-contrast-color{color:var(--contrast);}:root .has-contrast-background-color{background-color:var(--contrast);}:root .has-contrast-2-color{color:var(--contrast-2);}:root .has-contrast-2-background-color{background-color:var(--contrast-2);}:root .has-contrast-3-color{color:var(--contrast-3);}:root .has-contrast-3-background-color{background-color:var(--contrast-3);}:root .has-base-color{color:var(--base);}:root .has-base-background-color{background-color:var(--base);}:root .has-base-2-color{color:var(--base-2);}:root .has-base-2-background-color{background-color:var(--base-2);}:root .has-base-3-color{color:var(--base-3);}:root .has-base-3-background-color{background-color:var(--base-3);}:root .has-accent-color{color:var(--accent);}:root .has-accent-background-color{background-color:var(--accent);}body, button, input, select, textarea{font-family:Roboto, sans-serif;font-size:17px;}h2{font-weight:bold;font-size:22px;}h3{font-family:Roboto, sans-serif;font-weight:bold;font-size:20px;}h4{font-family:Roboto, sans-serif;font-weight:bold;font-size:18px;}h1{font-family:Roboto, sans-serif;font-weight:bold;font-size:26px;}.top-bar{background-color:#636363;color:#ffffff;}.top-bar a{color:#ffffff;}.top-bar a:hover{color:#303030;}.site-header{background-color:var(--base-3);}.main-title a,.main-title a:hover{color:var(--contrast);}.site-description{color:var(--contrast-2);}.mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:hover,.mobile-menu-control-wrapper .menu-toggle:focus,.has-inline-mobile-toggle #site-navigation.toggled{background-color:rgba(0, 0, 0, 0.02);}.main-navigation,.main-navigation ul ul{background-color:var(--base-3);}.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{color:var(--contrast);}.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{color:var(--accent);}button.menu-toggle:hover,button.menu-toggle:focus{color:var(--contrast);}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:var(--accent);}.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a{color:var(--accent);}.main-navigation ul ul{background-color:var(--base);}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{background-color:var(--base-3);}.entry-title a{color:var(--contrast);}.entry-title a:hover{color:var(--contrast-2);}.entry-meta{color:var(--contrast-2);}.sidebar .widget{background-color:var(--base-3);}.footer-widgets{background-color:var(--base-3);}.site-info{background-color:var(--base-3);}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:var(--contrast);background-color:var(--base-2);border-color:var(--base);}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:var(--contrast);background-color:var(--base-2);border-color:var(--contrast-3);}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:#ffffff;background-color:#55555e;}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:#ffffff;background-color:#3f4047;}a.generate-back-to-top{background-color:rgba( 0,0,0,0.4 );color:#ffffff;}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:rgba( 0,0,0,0.6 );color:#ffffff;}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2);}@media (max-width:768px){.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{background:none;color:var(--contrast);}}.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container{padding:0px 20px 0px 20px;}.site-main .wp-block-group__inner-container{padding:40px;}.separate-containers .paging-navigation{padding-top:20px;padding-bottom:20px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-40px;width:calc(100% + 80px);max-width:calc(100% + 80px);}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:20px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:20px;}@media (max-width:768px){.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:30px;}.site-main .wp-block-group__inner-container{padding:30px;}.inside-top-bar{padding-right:30px;padding-left:30px;}.inside-header{padding-right:30px;padding-left:30px;}.widget-area .widget{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.footer-widgets-container{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.inside-site-info{padding-right:30px;padding-left:30px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-30px;width:calc(100% + 60px);max-width:calc(100% + 60px);}.one-container .site-main .paging-navigation{margin-bottom:20px;}}/* End cached CSS */.is-right-sidebar{width:30%;}.is-left-sidebar{width:30%;}.site-content .content-area{width:100%;}@media (max-width:768px){.main-navigation .menu-toggle,.sidebar-nav-mobile:not(#sticky-placeholder){display:block;}.main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){display:none;}.nav-align-right .inside-navigation,.nav-align-center .inside-navigation{justify-content:space-between;}.has-inline-mobile-toggle .mobile-menu-control-wrapper{display:flex;flex-wrap:wrap;}.has-inline-mobile-toggle .inside-header{flex-direction:row;text-align:left;flex-wrap:wrap;}.has-inline-mobile-toggle .header-widget,.has-inline-mobile-toggle #site-navigation{flex-basis:100%;}.nav-float-left .has-inline-mobile-toggle #site-navigation{order:10;}}
/*# sourceURL=generate-style-inline-css */
/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Description: Default GeneratePress child theme
Author: Tom Usborne
Author URI: https://tomusborne.com
Template: generatepress
Version: 0.1
*/
:root {
--pvta-blue: #1e5aa8;
--pvta-blue-dark: #133b73;
--pvta-gold: #d99a1f;
--pvta-red: #b91c1c;
--pvta-soft: #fff8ec;
--pvta-border: #eadcc8;
--pvta-text: #1f2933;
}
/* Let Datacom keep native control/label positioning; only constrain the host card. */
.trangchu {
background: #fffaf2;
}
.trangchu .site-content {
display: flex;
flex-direction: column;
}
.pvta-home-hero {
background:
radial-gradient(circle at 8% 8%, rgba(255, 230, 176, 0.72), transparent 30%),
radial-gradient(circle at 92% 16%, rgba(185, 28, 28, 0.09), transparent 34%),
linear-gradient(135deg, #fffaf2 0%, #ffffff 48%, #fff2dc 100%);
color: var(--pvta-text);
overflow: hidden;
padding: 46px 20px 58px;
position: relative;
}
.pvta-home-hero::before {
background: rgba(255, 255, 255, 0.2);
content: "";
inset: 0;
position: absolute;
z-index: 1;
}
.pvta-hero-bg {
inset: 0;
position: absolute;
z-index: 0;
}
.pvta-hero-bg img {
height: 100%;
object-fit: cover;
object-position: center center;
opacity: 1;
width: 100%;
}
.pvta-hero-inner {
align-items: center;
display: grid;
gap: 24px;
grid-template-columns: minmax(260px, 30%) minmax(760px, 70%);
margin: 0 auto;
max-width: 1900px;
position: relative;
z-index: 2;
}
.pvta-hero-kicker {
color: var(--pvta-red);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
margin-bottom: 8px;
text-transform: uppercase;
}
.pvta-hero-copy {
background: rgba(255, 250, 242, 0.24);
border: 1px solid rgba(255, 255, 255, 0.28);
border-radius: 20px;
padding: 18px;
}
.pvta-hero-copy h1 {
color: #7f1d1d;
font-size: clamp(21px, 2.7vw, 35px);
font-weight: 800;
line-height: 1.1;
margin: 0 0 12px;
}
.pvta-hero-copy p {
color: #5f4b3b;
font-size: 12px;
margin-bottom: 16px;
max-width: 520px;
}
.pvta-hero-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.pvta-button {
align-items: center;
border-radius: 999px;
display: inline-flex;
font-weight: 700;
justify-content: center;
font-size: 13px;
padding: 9px 14px;
}
.pvta-button-primary {
background: linear-gradient(135deg, #b91c1c, #dc2626);
box-shadow: 0 10px 22px rgba(185, 28, 28, 0.18);
color: #fff;
}
.pvta-button-secondary {
background: #fffdf8;
border: 1px solid #eadcc8;
color: #9a3412;
}
.pvta-search-card {
background: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(234, 220, 200, 0.9);
border-radius: 24px;
box-shadow: 0 18px 45px rgba(120, 53, 15, 0.12);
color: var(--pvta-text);
min-width: 0;
overflow: visible;
padding: 30px;
}
.pvta-search-card h2 {
color: var(--pvta-blue-dark);
font-size: 24px;
margin-bottom: 8px;
}
.pvta-search-card p {
color: #52606d;
margin-bottom: 16px;
}
.pvta-search-card #dtc-plugin,
.pvta-search-card #dtcLoadForm,
.pvta-search-card #dtcDisplaySearch,
.pvta-search-card #dtc-search-form {
height: auto !important;
max-height: none !important;
min-width: 0;
overflow: visible !important;
width: 100%;
}
.pvta-search-card .dtc-btn-search span {
white-space: nowrap;
}
@media (min-width: 1024px) {
.pvta-search-card #formSearchOneway {
align-items: stretch !important;
display: flex !important;
flex-wrap: nowrap !important;
gap: 10px !important;
width: 100% !important;
}
.pvta-search-card #formSearchOneway > .dtc-search-input-route {
display: grid !important;
flex: 1 1 44% !important;
gap: 10px !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
min-width: 0 !important;
width: auto !important;
}
.pvta-search-card #formSearchOneway > .dtc-search-input-date.dtc-search-input-container:not(.dtc-search-month) {
display: grid !important;
flex: 1 1 34% !important;
gap: 10px !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
min-width: 0 !important;
width: auto !important;
}
.pvta-search-card #formSearchOneway > .dtc-search-month[style*="display: none"] {
display: none !important;
}
.pvta-search-card #formSearchOneway > .dtc-searchbtn-wrap {
align-items: stretch !important;
display: flex !important;
flex: 0 0 150px !important;
min-width: 130px !important;
width: 150px !important;
}
.pvta-search-card #formSearchOneway .dtc-btn-search {
align-items: center !important;
display: inline-flex !important;
gap: 6px !important;
height: 58px !important;
justify-content: center !important;
padding: 0 18px !important;
width: 150px !important;
}
.pvta-search-card #formSearchOneway .dtc-btn-search svg {
flex: 0 0 20px !important;
height: 20px !important;
width: 20px !important;
}
.pvta-search-card #formSearchOneway .dtc-btn-option,
.pvta-search-card #formSearchOneway .dtc-search-pax-mb,
.pvta-search-card #formSearchOneway .dtc-search-system-mb,
.pvta-search-card #formSearchOneway .search-month-mobile-option,
.pvta-search-card #formSearchOneway .dtc-search-input-date > .dtc-separate-vertical {
display: none !important;
}
.pvta-search-card #formSearchOneway .dtc-form-floating {
height: 58px !important;
min-height: 58px !important;
min-width: 0 !important;
overflow: visible !important;
position: relative !important;
width: 100% !important;
}
.pvta-search-card #formSearchOneway .dtc-form-control {
font-size: 14px !important;
height: 58px !important;
line-height: 1.25 !important;
overflow: hidden !important;
padding-bottom: 8px !important;
padding-right: 36px !important;
padding-top: 25px !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.pvta-search-card #formSearchOneway .dtc-search-input-date .dtc-form-control {
font-size: 13px !important;
padding-left: 11px !important;
}
.pvta-search-card #formSearchOneway .dtc-form-floating > label {
align-items: center !important;
background: transparent !important;
display: flex !important;
font-size: 12px !important;
gap: 4px !important;
height: auto !important;
left: 12px !important;
line-height: 1 !important;
margin: 0 !important;
max-width: calc(100% - 28px) !important;
overflow: visible !important;
padding: 0 !important;
position: absolute !important;
top: 8px !important;
transform: none !important;
white-space: nowrap !important;
}
.pvta-search-card #formSearchOneway .dtc-form-floating > label img {
flex: 0 0 14px !important;
height: 14px !important;
width: 14px !important;
}
.pvta-search-card #formSearchOneway .dtc-date-icon {
height: 20px !important;
right: 10px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 20px !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.pvta-search-card #formSearchOneway {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
}
.pvta-search-card #formSearchOneway > .dtc-search-input-route {
display: grid !important;
flex: 1 1 100% !important;
gap: 10px !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
width: 100% !important;
}
.pvta-search-card #formSearchOneway > .dtc-search-input-date.dtc-search-input-container:not(.dtc-search-month) {
display: grid !important;
flex: 1 1 calc(100% - 160px) !important;
gap: 10px !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
min-width: 0 !important;
width: auto !important;
}
.pvta-search-card #formSearchOneway .dtc-search-input-date > .dtc-separate-vertical,
.pvta-search-card #formSearchOneway .dtc-btn-option {
display: none !important;
}
.pvta-search-card #formSearchOneway > .dtc-searchbtn-wrap {
flex: 0 0 150px !important;
width: 150px !important;
}
.pvta-search-card #formSearchOneway .dtc-btn-search {
width: 150px !important;
}
}
@media (max-width: 767px) {
.pvta-search-card #formSearchOneway,
.pvta-search-card #formSearchOneway > .dtc-search-input-route,
.pvta-search-card #formSearchOneway > .dtc-search-input-date.dtc-search-input-container:not(.dtc-search-month) {
display: block !important;
width: 100% !important;
}
.pvta-search-card #formSearchOneway .dtc-form-floating,
.pvta-search-card #formSearchOneway > .dtc-searchbtn-wrap {
margin-bottom: 10px !important;
width: 100% !important;
}
.pvta-search-card #formSearchOneway .dtc-btn-search {
justify-content: center !important;
width: 100% !important;
}
.pvta-search-card #formSearchOneway .dtc-search-input-date > .dtc-separate-vertical,
.pvta-search-card #formSearchOneway .dtc-btn-option {
display: none !important;
}
}
.pvta-home-section {
padding: 38px 20px;
}
.pvta-section-inner {
margin: 0 auto;
max-width: 1180px;
}
.pvta-benefits {
margin-top: -34px;
position: relative;
z-index: 2;
}
.pvta-benefit-grid {
display: grid;
gap: 18px;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.pvta-benefit-card,
.pvta-post-card,
.pvta-info-panel {
background: #fff;
border: 1px solid var(--pvta-border);
border-radius: 20px;
box-shadow: 0 12px 34px rgba(15, 51, 86, 0.08);
}
.pvta-benefit-card {
padding: 24px;
}
.pvta-benefit-icon {
align-items: center;
background: var(--pvta-soft);
border-radius: 16px;
color: var(--pvta-blue);
display: flex;
font-size: 26px;
height: 52px;
justify-content: center;
margin-bottom: 14px;
width: 52px;
}
.pvta-benefit-card h2 {
color: var(--pvta-blue-dark);
font-size: 20px;
margin-bottom: 8px;
}
.pvta-benefit-card p,
.pvta-post-excerpt,
.pvta-info-panel p,
.pvta-info-panel li {
color: #52606d;
}
.pvta-section-heading {
align-items: end;
border-bottom: 1px solid var(--pvta-border);
display: flex;
justify-content: space-between;
margin-bottom: 22px;
padding-bottom: 12px;
}
.pvta-section-heading h2 {
color: var(--pvta-blue-dark);
font-size: 25px;
margin: 0;
}
.pvta-post-grid {
display: grid;
gap: 22px;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.pvta-post-card {
display: flex;
flex-direction: column;
overflow: hidden;
}
.pvta-post-thumb {
background: var(--pvta-soft);
display: block;
overflow: hidden;
}
.pvta-post-thumb img {
aspect-ratio: 16 / 10;
display: block;
height: auto;
object-fit: cover;
width: 100%;
}
.pvta-post-body {
display: flex;
flex: 1;
flex-direction: column;
padding: 17px;
}
.pvta-post-title {
color: var(--pvta-blue-dark);
font-size: 18px;
font-weight: 800;
line-height: 1.35;
margin-bottom: 10px;
}
.pvta-post-excerpt {
font-size: 15px;
line-height: 1.55;
margin-bottom: 16px;
}
.pvta-post-more {
color: var(--pvta-blue);
font-weight: 700;
margin-top: auto;
}
.pvta-info-grid {
display: grid;
gap: 24px;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}
.pvta-info-panel {
padding: 26px;
}
.pvta-info-panel h2 {
color: var(--pvta-blue-dark);
font-size: 24px;
margin-bottom: 14px;
}
.pvta-info-panel ul {
margin-left: 20px;
}
.pvta-tabs-nav {
display: flex;
gap: 10px;
list-style: none;
margin: 0 0 16px;
padding: 0;
}
.pvta-tabs-nav a,
.pvta-tab-title {
background: var(--pvta-soft);
border-radius: 12px;
color: var(--pvta-blue-dark);
display: block;
font-weight: 700;
padding: 12px 14px;
}
.pvta-tabs-nav .tab-active a {
background: var(--pvta-blue);
color: #fff;
}
.pvta-mobile-payment {
display: none;
}
.entry-content figure {
margin: 1.5em auto;
text-align: center;
}
.entry-content figure img {
display: block;
margin: 0 auto;
}
.entry-content figcaption {
color: var(--contrast-2);
font-size: 0.95em;
margin-top: 0.5em;
text-align: center;
}
@media (max-width: 1024px) {
.pvta-hero-inner,
.pvta-info-grid {
grid-template-columns: 1fr;
}
.pvta-benefit-grid,
.pvta-post-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 1450px) {
.pvta-hero-inner {
gap: 28px;
grid-template-columns: minmax(340px, 38%) minmax(650px, 62%);
}
.pvta-search-card {
padding: 26px;
}
.pvta-search-card .dtc-search-input-oneway {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.pvta-search-card .dtc-searchbtn-wrap {
grid-column: 1 / -1;
}
}
@media (max-width: 1199px) {
.pvta-hero-inner {
grid-template-columns: 1fr;
}
.pvta-search-card .dtc-search-input-oneway {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 900px) {
.pvta-search-card .dtc-search-input-oneway {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.pvta-home-hero {
padding: 34px 16px 52px;
}
.pvta-search-card {
border-radius: 18px;
padding: 16px;
}
.pvta-search-card .dtc-search-option,
.pvta-search-card .dtc-option-left,
.pvta-search-card .dtc-option-right {
align-items: stretch;
flex-direction: column;
}
.pvta-search-card .dtc-search-input-oneway,
.pvta-search-card .dtc-search-input-route,
.pvta-search-card .dtc-search-input-date {
grid-template-columns: 1fr;
}
.pvta-search-card .dtc-form-floating .dtc-form-control,
.pvta-search-card .dtc-btn-search {
height: 62px !important;
}
.pvta-benefit-grid,
.pvta-post-grid {
grid-template-columns: 1fr;
}
.pvta-section-heading {
align-items: flex-start;
flex-direction: column;
gap: 8px;
}
.pvta-desktop-payment {
display: none;
}
.pvta-mobile-payment {
display: block;
}
}
.is-right-sidebar .widget:not(.zoom-social-icons-widget) ul li a {
display: block;
position: relative;
padding: 5px 0 10px;
border-bottom: 1px solid #ddd;
color: #252424;
}
#truot{
width:100%;
overflow:auto;
}
.none {
text-justify: none;
}
.auto {
text-justify: auto;
}
.dist {
text-justify: distribute;
}
.word {
text-justify: inter-word;
}
.char {
text-justify: inter-character;
}
.archive.category .page-header {
display: none;
}
:root {
--pri-cl: #0A58CA;
--sec-cl: #E7F1FF;
--white-cl: #FFFFFF;
--dark-cl: #525252;
--text-cl: #212529;
--neu1-cl: #F3F3F3;
--neu2-cl: #E0E0E0;
--neu3-cl: #A8A8A8;
--neu4-cl: #474747;
--neu5-cl: #050505;
--neu6-cl: #B6B6B6;
--price-cl: #E84E0F;
--sub-cl: #B7D5FF;
--sys-red-cl: #FF3B30;
--sys-orange-cl: #FF9500;
--sys-yellow-cl: #FFCC00;
--sys-green-cl: #0E8C35;
--sys-teal-cl: #5AC8FA;
--sys-blue-cl: #007AFF;
--sys-indigo-cl: #5856D6;
--sys-purple-cl: #AF52DE;
--light-primary-cl: rgba(53, 119, 241, 0.10);
--light-blue-cl: #3577F1;
--medium-bl-cl: #1E1E1E;
--green-hover-col: #0f6d2c;
--skin-cl: #FFFCF2;
--back-red-cl: #900909;
--bue-black-cl: #36495A;
--bue2-cl: #08599B;
--box-radius: 8px;
--inp-radius: 5px;
--price-color: orangered;
--padding: 14px;
--pri-dark-cl: #F79321;
}
body:has(.dtc-modal.dtc-show) {
overflow-y: hidden;
}
#dtc-plugin {
color: var(--text-cl);
}
#dtc-plugin * {
box-sizing: border-box;
}
#dtc-plugin svg {
margin: 0;
}
#dtc-plugin label {
font-weight: normal;
}
[data-key] * {
margin: 0;
}
.dtc-bg-marketplace {
background: url(/img/map-bg.png) no-repeat;
background-size: cover;
}
.dtc-bg-white {
background-color: var(--white-cl);
}
.dtc-flex-wrap {
flex-wrap: wrap !important;
}
.dtc-vstack {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-self: stretch;
}
.dtc-visually-hidden {
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.dtc-position-relative {
position: relative !important;
}
.dtc-img-fluid {
max-width: 100%;
height: auto;
}
.dtc-text-nowrap {
white-space: nowrap !important;
}
.dtc-text-underline{
text-decoration: underline;
}
.dtc-text-primary {
color: var(--pri-cl) !important;
}
.dtc-spinner-border {
--bs-spinner-border-width: .175em;
vertical-align: middle;
}
.dtc-text-danger {
color: rgba(220, 53, 69, 1) !important;
}
.dtc-flex-shrink-0 {
flex-shrink: 0 !important;
}
.dtc-font-bold {
font-weight: 700;
}
.dtc-text-end {
text-align: end;
}
.dtc-text-center {
text-align: center;
}
.dtc-text-start {
text-align: start;
}
.dtc-pri-cl {
color: var(--pri-cl);
}
.dtc-pri-bg-cl {
background-color: var(--pri-cl);
}
.dtc-sec-cl {
color: var(--sec-cl);
}
.dtc-sec-bg-cl {
background-color: var(--sec-cl);
}
.dtc-white-cl {
color: var(--white-cl);
}
.dtc-white-bg-cl {
background-color: var(--white-cl);
}
.dtc-dark-cl {
color: var(--dark-cl);
}
.dtc-dark-bg-cl {
background-color: var(--dark-cl);
}
.dtc-text-cl {
color: var(--text-cl);
}
.dtc-text-muted {
color: #878a99 !important;
}
.dtc-text-bg-cl {
background-color: var(--text-cl);
}
.dtc-neu1-cl {
color: var(--neu1-cl);
}
.dtc-neu1-bg-cl {
background-color: var(--neu1-cl);
}
.dtc-neu2-cl {
color: var(--neu2-cl);
}
.dtc-neu2-bg-cl {
background-color: var(--neu2-cl);
}
.dtc-neu3-cl {
color: var(--neu3-cl);
}
.dtc-neu3-bg-cl {
background-color: var(--neu3-cl);
}
.dtc-neu4-cl {
color: var(--neu4-cl);
}
.dtc-neu4-bg-cl {
background-color: var(--neu4-cl);
}
.dtc-neu5-cl {
color: var(--neu5-cl);
}
.dtc-neu5-bg-cl {
background-color: var(--neu5-cl);
}
.dtc-price-cl {
color: var(--price-cl);
}
.dtc-price-bg-cl {
background-color: var(--price-cl);
}
.dtc-sub-cl {
color: var(--sub-cl);
}
.dtc-sub-bg-cl {
background-color: var(--sub-cl);
}
.dtc-sys-red-cl {
color: var(--sys-red-cl);
}
.dtc-sys-red-bg-cl {
background-color: var(--sys-red-cl);
}
.dtc-sys-orange-cl {
color: var(--sys-orange-cl);
}
.dtc-sys-orange-bg-cl {
background-color: var(--sys-orange-cl);
}
.dtc-sys-yellow-cl {
color: var(--sys-yellow-cl);
}
.dtc-sys-yellow-bg-cl {
background-color: var(--sys-yellow-cl);
}
.dtc-sys-green-cl {
color: var(--sys-green-cl);
}
.dtc-sys-green-bg-cl {
background-color: var(--sys-green-cl);
}
.dtc-sys-teal-cl {
color: var(--sys-teal-cl);
}
.dtc-sys-teal-bg-cl {
background-color: var(--sys-teal-cl);
}
.dtc-sys-blue-cl {
color: var(--sys-blue-cl);
}
.dtc-sys-blue-bg-cl {
background-color: var(--sys-blue-cl);
}
.dtc-sys-indigo-cl {
color: var(--sys-indigo-cl);
}
.dtc-sys-indigo-bg-cl {
background-color: var(--sys-indigo-cl);
}
.dtc-sys-purple-cl {
color: var(--sys-purple-cl);
}
.dtc-sys-purple-bg-cl {
background-color: var(--sys-purple-cl);
}
.dtc-bold-medium {
font-weight: 600;
}
.dtc-my-0 {
margin-top: 0;
margin-bottom: 0;
}
.dtc-mt-0 {
margin-top: 0;
}
.dtc-ps-2 {
padding-left: 7px;
}
.dtc-pe-2 {
padding-right: 7px;
}
/*CSS Inline*/
.dtc-text-ellipsis {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.dtc-mini-scroll {
max-height: 100vh;
overflow-y: auto;
}
.dtc-fw-medium {
font-weight: 600;
}
.dtc-fw-bold {
font-weight: 700;
}
.dtc-flex {
display: flex;
}
.dtc-block {
display: block;
}
.dtc-d-none {
display: none !important;
}
.dtc-md-block {
display: none;
}
.dtc-border {
border: 1px solid var(--neu2-cl) !important;
}
.dtc-border-top {
border-top: 1px solid var(--neu2-cl) !important;
}
.dtc-border-bottom {
border-bottom: 1px solid var(--neu2-cl) !important;
}
.dtc-justify-content-between {
justify-content: space-between;
}
.dtc-align-item-center {
align-items: center;
}
.dtc-cursor-pointer {
cursor: pointer;
}
.dtc-btn {
padding: 7px 14px;
border: none;
border-radius: var(--inp-radius);
cursor: pointer;
background-color: #f0f0f0;
color: var(--neu5-cl);
}
.dtc-btn:not(:disabled):not(.dtc-disable):hover, button:not(:disabled):not(.dtc-disable):hover {
box-shadow: inset 20px 20px 20px 20px rgba(0, 0, 0, 0.1) !important;
}
.dtc-btn:disabled, .dtc-btn[disabled] {
opacity: 0.7;
cursor: not-allowed;
}
.dtc-btn:disabled *, .dtc-btn[disabled] * {
cursor: not-allowed;
}
.dtc-btn.dtc-btn-sm {
padding: 3.5px 7px;
font-size: 86%;
}
.dtc-btn.dtc-btn-lg {
padding: 10.5px 24.5px;
font-size: 16px;
}
.dtc-btn-soft-primary {
background: var(--sec-cl) !important;
color: var(--pri-cl) !important;
}
.dtc-btn-primary {
background: var(--pri-cl) !important;
color: #fff !important;
}
.dtc-btn-success {
background: var(--sys-green-cl);
color: var(--white-cl);
}
.dtc-btn-soft-danger {
background: rgba(240, 101, 72, 0.1);
color: var(--sys-red-cl);
}
.dtc-btn-soft-danger:hover {
background: var(--sys-red-cl);
color: var(--white-cl);
}
.dtc-close-btn {
width: 1em;
height: 1em;
padding: .25em .25em;
color: #000;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat;
border: 0;
border-radius: 3.5px;
opacity: .5;
cursor: pointer;
margin-left: auto;
padding: 12px;
}
.dtc-close-btn:hover {
color: #000;
text-decoration: none;
opacity: .75;
}
.dtc-justify-center {
justify-content: center;
}
.dtc-justify-between {
justify-content: space-between;
}
/*Gap*/
.dtc-g-0 {
gap: 0 !important;
}
.dtc-g-1 {
gap: 3.5px !important;
}
.dtc-g-2 {
gap: 7px !important;
}
.dtc-g-3 {
gap: 14px !important;
}
.dtc-g-4 {
gap: 21px !important;
}
.dtc-g-5 {
gap: 42px !important;
}
/*Padding*/
.dtc-p-0 {
padding: 0 !important;
}
.dtc-p-1 {
padding: 3.5px !important;
}
.dtc-p-2 {
padding: 7px !important;
}
.dtc-p-3 {
padding: 14px !important;
}
.dtc-px-3 {
padding-left: 14px;
padding-right: 14px;
}
.dtc-px-5 {
padding-left: 42px;
padding-right: 42px;
}
.dtc-pb-3 {
padding-bottom: 14px !important;
}
.dtc-p-4 {
padding: 21px !important;
}
.dtc-p-5 {
padding: 42px !important;
}
.dtc-pt-0 {
padding-top: 0 !important;
}
.dtc-pt-3 {
padding-top: 14px !important;
}
.dtc-pb-0 {
padding-bottom: 0 !important;
}
.dtc-pe-0 {
padding-right: 0 !important;
}
.dtc-ps-0 {
padding-left: 0 !important;
}
.dtc-px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.dtc-py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/*Margin*/
.dtc-m-0 {
margin: 0 !important;
}
.dtc-m-1 {
margin: 3.5px !important;
}
.dtc-m-2 {
margin: 7px !important;
}
.dtc-m-3 {
margin: 14px !important;
}
.dtc-m-4 {
margin: 21px !important;
}
.dtc-m-5 {
margin: 42px !important;
}
.dtc-ms-1 {
margin-left: 3.5px !important;
}
.dtc-ms-2 {
margin-left: 7px !important;
}
.dtc-ms-3 {
margin-left: 14px !important;
}
.dtc-ms-4 {
margin-left: 21px !important;
}
.dtc-ms-5 {
margin-left: 42px !important;
}
.dtc-me-1 {
margin-right: 3.5px !important;
}
.dtc-me-2 {
margin-right: 7px !important;
}
.dtc-me-3 {
margin-right: 14px !important;
}
.dtc-me-4 {
margin-right: 21px !important;
}
.dtc-me-5 {
margin-right: 42px !important;
}
.dtc-mt-1 {
margin-top: 3.5px !important;
}
.dtc-mt-2 {
margin-top: 7px !important;
}
.dtc-mt-3 {
margin-top: 14px !important;
}
.dtc-mt-4 {
margin-top: 21px !important;
}
.dtc-mt-5 {
margin-top: 42px !important;
}
.dtc-mb-0 {
margin-bottom: 0 !important;
}
.dtc-mb-1 {
margin-bottom: 3.5px !important;
}
.dtc-mb-2 {
margin-bottom: 7px !important;
}
.dtc-mb-3 {
margin-bottom: 14px !important;
}
.dtc-mb-4 {
margin-bottom: 21px !important;
}
.dtc-mb-5 {
margin-bottom: 42px !important;
}
.dtc-m-auto {
margin: auto !important;
}
.dtc-mx-1 {
margin: 3.5px !important;
}
/*Width*/
.dtc-w-25 {
width: 25% !important;
}
.dtc-w-50 {
width: 50% !important;
}
.dtc-w-75 {
width: 75% !important;
}
.dtc-w-100 {
width: 100% !important;
}
.dtc-w-auto {
width: auto !important;
}
/*Height*/
.dtc-h-25 {
height: 25% !important;
}
.dtc-h-50 {
height: 50% !important;
}
.dtc-h-75 {
height: 75% !important;
}
.dtc-h-100 {
height: 100% !important;
}
.dtc-h-auto {
height: auto !important;
}
.dtc-d-none {
display: none;
}
.dtc-items-center {
align-items: center;
}
.dtc-items-start {
align-items: start;
}
.dtc-overflow-hidden {
overflow: hidden;
}
/*Text*/
.dtc-note {
font-size: 12px;
color: var(--neu3-cl);
}
.dtc-muted {
color: var(--neu3-cl);
}
/*Dropdown*/
.dtc-dropdown {
position: relative;
display: inline-block;
}
.dtc-dropdown .dtc-dropdown-btn {
border: none;
color: var(--text-cl);
cursor: pointer;
background: transparent;
/*font-size: 1rem;*/
padding: 0;
}
.dtc-dropdown .dtc-dropdown-btn:after {
content: url(/icon/down.svg);
border: none;
vertical-align: middle;
color: var(--text-cl);
margin-left: 3.5px;
line-height: 1;
}
.dtc-dropdown .dtc-dropdown-menu {
display: none;
position: absolute;
background-color: var(--white-cl);
min-width: 120px;
box-shadow: 0 0px 10px 4px rgb(30, 32, 37, .16);
z-index: 100;
border-radius: 5px;
overflow: hidden;
}
.dtc-dropdown .dtc-dropdown-menu.dtc-dropdown-right {
right: 0;
}
.dtc-dropdown .dtc-dropdown-menu .dtc-dropdown-item {
color: black;
padding: 8px 12px;
text-decoration: none;
display: block;
}
.dtc-dropdown .dtc-dropdown-menu .dtc-dropdown-item.dtc-active {
background-color: var(--sec-cl) !important;
}
.dtc-dropdown .dtc-dropdown-menu .dtc-dropdown-item:hover {
background-color: #f1f1f1;
}
/*Form Check*/
.dtc-form-check {
cursor: pointer;
display: flex;
align-items: center;
gap: 7px;
}
.dtc-form-check .dtc-form-check-label {
flex-grow: 1;
cursor: pointer;
}
.dtc-form-check .dtc-form-check-input {
border-radius: 3px;
cursor: pointer;
flex-shrink: 0;
width: 18px;
height: 18px;
margin-top: .25em;
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--white-cl);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid #dee2e6;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
.dtc-form-check .dtc-form-check-input[type=checkbox]:indeterminate {
background-color: var(--pri-cl);
border-color: var(--pri-cl);
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.dtc-form-check .dtc-form-check-input:checked {
background-color: var(--pri-cl);
border-color: var(--pri-cl);
}
.dtc-form-check .dtc-form-check-input:checked[type=checkbox] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
/*Form Floating*/
.dtc-form-floating {
position: relative;
height: 100%;
width: 100%;
}
.dtc-form-floating .dtc-form-control {
height: 100%;
vertical-align: middle;
width: 100% !important;
padding: 30px 10px 10px 10px !important;
line-height: 19px !important;
color: var(--text-cl);
border: 1px solid var(--neu3-cl);
background-color: #fff;
transition: border-color 0.15s ease-in-out;
font-weight: 500;
font-family: inherit;
margin: 0;
}
.dtc-form-floating .dtc-form-control:focus {
outline: 0;
}
.dtc-form-floating > label {
display: flex;
align-items: center;
gap: 3px;
position: absolute;
top: 50%;
left: 10px;
background-color: #fff;
transform: translateY(-50%);
transition: all 0.1s ease-in-out;
pointer-events: none;
font-size: 14px;
line-height: 21px;
color: var(--dark-cl);
}
.dtc-form-floating .dtc-form-control:focus ~ label,
.dtc-form-floating .dtc-form-control:not(:placeholder-shown) ~ label {
display: flex;
align-items: center;
gap: 3px;
top: 30px;
left: 5px;
transform: translateY(-100%) scale(0.85);
color: var(--dark-cl);
background-color: transparent;
font-weight: normal;
}
.dtc-form-floating.dtc-disable > label {
color: var(--neu3-cl);
}
/*Form Radio*/
.dtc-form-radio {
display: flex;
align-items: center;
gap: 5px;
}
.dtc-form-radio .dtc-form-radio-label {
cursor: pointer;
}
.dtc-form-radio .dtc-form-radio-input {
border-radius: 50%;
cursor: pointer;
flex-shrink: 0;
width: 20px;
height: 20px;
margin-top: 0;
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--white-cl);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid var(--neu3-cl);
-webkit-print-color-adjust: exact;
color-adjust: exact;
position: unset;
}
.dtc-form-radio .dtc-form-radio-input:checked {
background-color: var(--pri-cl);
border-color: var(--pri-cl);
}
.dtc-form-radio .dtc-form-radio-input:checked[type=radio] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
/*Accordion*/
.dtc-accordion {
color: var(--text-cl);
overflow: unset;
}
.dtc-accordion .dtc-accordion-item {
}
.dtc-accordion .dtc-accordion-item .dtc-accordion-input {
position: absolute;
opacity: 0;
z-index: -1;
}
.dtc-accordion .dtc-accordion-item .dtc-accordion-content {
max-height: 0;
overflow: hidden;
background-color: var(--white-cl);
transition: all 0.35s;
}
.dtc-accordion .dtc-accordion-item .dtc-accordion-input:checked ~ .dtc-accordion-content {
max-height: 4400px;
overflow: unset;
}
.dtc-accordion .dtc-accordion-item .dtc-accordion-content .dtc-accordion-body {
padding: 14px;
padding-top: 0;
}
.dtc-accordion .dtc-accordion-item .dtc-accordion-label {
display: flex;
color: var(--text-cl);
font-weight: 500 !important;
font-size: 110%;
cursor: pointer;
justify-content: space-between;
align-items: center;
padding: 14px;
border: none;
transition: all 0.35s;
}
.dtc-accordion .dtc-accordion-item .dtc-accordion-label::after {
content: url(/icon/down.svg);
height: 18px;
width: 18px;
text-align: center;
transition: all 0.35s;
}
.dtc-accordion .dtc-accordion-item .dtc-accordion-input:checked + .dtc-accordion-label::after {
transform: rotate(-180deg);
}
.dtc-accordion .dtc-accordion-item .dtc-accordion-input:checked + .dtc-accordion-label {
transition: all 0.35s;
}
/*Step bar*/
.dtc-progress-container {
display: flex;
justify-content: center;
align-items: center;
padding: 16px 0px;
}
.dtc-progress-container .dtc-progress-bar {
display: flex;
justify-content: space-between;
position: relative;
width: 100%;
}
.dtc-progress-container .dtc-progress-bar .dtc-step {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
position: relative;
}
.dtc-progress-container .dtc-progress-bar .dtc-step::before {
content: '';
position: absolute;
top: 25%;
left: -50%;
width: 100%;
height: 4px;
background-color: var(--neu2-cl);
z-index: -1;
}
.dtc-progress-container .dtc-progress-bar .dtc-step:first-child::before {
display: none;
}
.dtc-progress-container .dtc-progress-bar .dtc-step .dtc-bullet {
width: 30px;
height: 30px;
background-color: var(--neu2-cl);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: var(--white-cl);
margin-bottom: 10px;
}
.dtc-progress-container .dtc-progress-bar .dtc-step .dtc-step-title {
font-weight: 700;
color: #777;
}
.dtc-progress-container .dtc-progress-bar .dtc-step.active .dtc-bullet {
background-color: var(--pri-cl);
}
.dtc-progress-container .dtc-progress-bar .dtc-step.active .dtc-step-title {
color: var(--pri-cl);
}
.dtc-progress-container .dtc-progress-bar .dtc-step.active::before {
background-color: var(--pri-cl);
}
/*Form switch*/
.dtc-switch {
display: flex;
align-items: center;
column-gap: 10px;
}
.dtc-switch label {
cursor: pointer;
user-select: none;
}
.dtc-form-switch {
position: relative;
display: inline-block;
width: 40px;
height: 20px;
}
.dtc-form-switch input {
opacity: 0;
width: 0;
height: 0;
}
.dtc-form-switch .dtc-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: 0.2s;
border-radius: 34px;
}
.dtc-form-switch .dtc-slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 2px;
bottom: 2px;
background-color: white;
transition: 0.2s;
border-radius: 50%;
}
.dtc-form-switch input:checked + .dtc-slider {
background-color: var(--pri-cl);
}
.dtc-form-switch input:checked + .dtc-slider:before {
transform: translateX(20px);
}
.dtc-items-center {
align-items: center;
}
.dtc-group-input {
position: relative;
display: flex;
width: 100%;
}
.dtc-group-input .dtc-group-label {
display: flex;
align-items: center;
padding: 0 10.5px;
color: #212529;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 3.5px;
}
.dtc-form-control {
display: block;
width: 100%;
padding: 5.25px 10.5px !important;
font-weight: 400;
line-height: 27px !important;
color: #212529;
background-color: var(--white-cl) !important;
background-clip: padding-box;
border: 1px solid var(--neu2-cl);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
font-family: inherit;
border-radius: 3.5px;
}
.dtc-group-input > :not(:first-child) {
margin-left: -1px;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.dtc-form-select {
display: block;
max-width: 40%;
padding: 5.25px 31.5px 5.25px 10.5px;
-moz-padding-start: calc(10.5px - 3px);
font-weight: 400;
line-height: 27px;
color: #212529;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 10.5px center;
background-size: 16px 12px;
border: 1px solid var(--neu2-cl);
border-radius: 3.5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
font-family: inherit;
}
.dtc-group-input > :not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 0;
}
.dtc-border-radius-1 {
border-radius: 3.5px;
}
.dtc-border-radius-2 {
border-radius: 8px;
}
.dtc-collapse-icon {
user-select: none;
display: flex;
justify-content: space-between;
}
.dtc-collapse-icon::after {
content: url(/icon/down.svg);
text-align: center;
transition: all 0.35s;
height: 18px;
width: 18px;
}
.dtc-collapse-icon.active::after, .dtc-ancill-head.active .dtc-collapse-icon::after {
content: url(/icon/chevron-up.svg);
}
.dtc-collapse-content {
transition: height 0.3s ease-out;
height: 0;
overflow: hidden;
}
.dtc-collapse-content.dtc-open {
height: auto;
}
.dtc-card {
border: 1px solid var(--neu2-cl);
border-radius: var(--box-radius);
background: var(--white-cl);
}
.dtc-card .dtc-card-header {
font-weight: 500;
font-size: 16px;
padding: 10.5px !important;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--neu2-cl);
border-radius: var(--box-radius) var(--box-radius) 0 0;
/*background: -webkit-linear-gradient(bottom, #f6f6f6, #fff);*/
background: #fff;
min-height: 43.75px;
}
.dtc-card .dtc-card-header img {
filter: invert(1) brightness(0);
}
.dtc-card .dtc-card-header:has(.dtc-collapse-icon) {
border-radius: var(--box-radius);
}
.dtc-card .dtc-card-header:has(.dtc-collapse-icon).active {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.dtc-card .dtc-card-detail {
/*color: var(--pri-cl);*/
font-size: 14px;
font-weight: 400;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
}
.dtc-card .dtc-card-body {
padding: 14px;
}
.dtc-fs-12 {
font-size: 12px;
}
.dtc-fs-14 {
font-size: 14px;
}
.dtc-fs-16 {
font-size: 16px;
}
.dtc-fs-36 {
font-size: 36px;
}
.dtc-flex-grow {
flex-grow: 1;
}
.dtc-hide {
display: none !important;
}
.dtc-btn-loader {
--c: no-repeat linear-gradient(#A8A8A8 0 0);
background: var(--c),var(--c),var(--c), var(--c),var(--c),var(--c), var(--c),var(--c),var(--c);
background-size: 6px 6px;
animation: l32-1 1s infinite, l32-2 1s infinite;
margin: auto;
}
#dtc-plugin button {
margin: 0;
}
@media (max-width: 767px) {
.dtc-md-block {
display: block !important;
}
.dtc-progress-container .dtc-progress-bar .dtc-step .dtc-step-title {
font-size: 12px;
text-align: center;
}
}
@media (max-width: 576px) {
.dtc-m-overflow-hidden {
overflow: hidden;
}
}
.dtc-dropdown-btn {
display: block;
}
.dtc-dropdown-btn.dtc-show + .dtc-dropdown-menu {
display: block;
}
.dtc-invalid input:invalid, .dtc-invalid select:invalid, .dtc-invalid input[required]:placeholder-shown {
border: 1px solid var(--price-cl) !important;
z-index: 1;
}
*:has(> .dtc-loader) {
min-height: 65px;
display: flex;
}
.dtc-loader {
--c: no-repeat linear-gradient(#A8A8A8 0 0);
background: var(--c),var(--c),var(--c), var(--c),var(--c),var(--c), var(--c),var(--c),var(--c);
background-size: 6px 6px;
animation: l32-1 1s infinite, l32-2 1s infinite;
margin: auto;
}
@media (max-width: 767px) {
.dtc-progress-container .dtc-progress-bar .dtc-step .dtc-step-title {
font-size: 12px;
text-align: center;
}
}
@media (max-width: 576px) {
.dtc-m-overflow-hidden {
overflow: hidden;
}
}
@keyframes l32-1 {
0%,100% {
width: 15px;
height: 15px
}
35%,65% {
width: 25px;
height: 25px
}
}
@keyframes l32-2 {
0%,40% {
background-position: 0 0,0 50%, 0 100%,50% 100%,100% 100%,100% 50%,100% 0,50% 0, 50% 50%
}
60%,100% {
background-position: 0 50%, 0 100%,50% 100%,100% 100%,100% 50%,100% 0,50% 0,0 0, 50% 50%
}
}
/*search-loader*/
.search-loader {
width: 268px;
height: 17px;
border-radius: 20px;
color: var(--pri-cl);
border: 1px solid;
position: relative;
}
.search-loader::before {
content: "";
position: absolute;
margin: 2px;
inset: 0 100% 0 0;
border-radius: inherit;
background: currentColor;
animation: l6 15s infinite;
}
@keyframes l6 {
100% {
inset: 0
}
}
.dtc-loader-body {
position: relative;
border-radius: 8px;
}
.dtc-loader-body::before {
content: '';
z-index: 1;
position: absolute;
/*background: #ffffff8f;*/
background: #ffffffe6;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 8px;
}
.dtc-loader-body::after {
content: '';
position: absolute;
top: calc(50% - 20px);
left: calc(50% - 20px);
z-index: 1;
width: 30px;
aspect-ratio: 1;
border-radius: 50%;
background: radial-gradient(farthest-side, var(--pri-cl) 20%, #0000) top / 0px 50px no-repeat, conic-gradient(#0000 30%, var(--pri-cl));
-webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 4px), #000 0);
animation: l13 1s infinite linear;
}
.dtc-button-loader {
width: 15px;
height: 15px;
border: 2px solid var(--white-cl);
border-bottom-color: transparent;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: rotation 1s linear infinite;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes l13 {
100% {
transform: rotate(1turn)
}
}
@keyframes l7 {
100% {
background-position: right -25% top 0
}
}
@keyframes dtcSlideIn {
from {
transform: translateY(-50px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes dtcSlideOut {
from {
transform: translateY(0);
opacity: 1;
}
to {
transform: translateY(-50px);
opacity: 0;
}
}
@keyframes dtcSlideRight {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0%);
}
}
@keyframes dtcSlideLeft {
from {
transform: translateX(0%);
}
to {
transform: translateX(-100%);
}
}
.calendar {
position: absolute;
z-index: 999999;
}
.calendar-body {
padding: 14px;
border-radius: 5px;
background: #fff;
box-shadow: 0 0px 10px 4px rgb(30, 32, 37, .16);
height: 100%;
display: flex;
flex-direction: column;
}
.calendar-content {
width: 100%;
color: var(--text-cl);
flex-grow: 1;
}
.calendar-footer {
text-align: end;
padding: 16px 0 8px;
}
.calendar-footer span {
padding: 8px 12px;
background: #eee;
border-radius: var(--inp-radius);
}
.calendar-content .calendar-head {
display: flex;
align-items: center;
justify-content: space-between
}
.calendar-content .day,
.calendar-content a,
.calendar-content span {
}
.calendar-content .day,
.calendar-content a,
.calendar-content span {
cursor: pointer;
max-width: 100%;
height: 43px;
display: flex;
border-radius: 100%;
justify-content: center;
align-items: center;
flex-direction: column;
position: relative;
user-select: none;
margin: auto;
line-height: 1;
transition: background .1s ease, color .1s ease;
}
.calendar-content .row-cols-7 .day:not(.disabled):hover,
.calendar-content .navi-l a:hover,
.calendar-content .navi-r a:hover {
background: #f1f1f1;
color: #333;
}
.calendar-content .row-cols-7 .day:not(.disabled):hover .lunar {
color: #333;
}
.calendar-content .disabled {
opacity: .4
}
.calendar-content .disabled:hover {
cursor: no-drop
}
.calendar-content .row-cols-7 {
position: relative;
display: flex;
flex-wrap: wrap
}
.calendar-content .navi-l, .calendar-content .navi-r, .calendar-content .row-cols-7 > div {
flex: 0 0 auto;
width: calc(100% / 7);
max-width: 100%;
text-align: center;
/*padding: 2px;*/
}
.calendar-content .row-cols-7 .day.today {
background: var(--sec-cl);
}
.calendar-content .row-cols-7 .day.active {
color: #fff;
background: var(--pri-cl) !important
}
.calendar-content .row-cols-7 .day.active div:first-child, .calendar-content .row-cols-7 .day.active .lunar {
color: #fff !important;
}
.calendar-content .row-cols-7 .lunar {
font-size: 60%;
margin-top: 3px;
color: var(--dark-cl);
}
.calendar-content .row-cols-7 .tet {
background-color: #f83c3c;
color: #fff;
}
.calendar-content .row-cols-7 .tet .lunar {
color: #fff;
}
.calendar-content .row-cols-7 .cn, .calendar-content .row-cols-7 .lunar-2 {
color: #e95432 !important
}
.calendar-content .row-cols-7 .t7 {
/*color: #36b37e*/
}
.calendar-content .row-cols-7 > .day-of-week {
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
font-weight: bold
}
.calendar-content .calendar-title {
font-weight: 500;
font-size: 136%;
text-align: center
}
.calendar-content .calendar-title a {
padding: 0 10px
}
.calendar-content .navi-l, .calendar-content .navi-r {
padding: 0;
display: flex;
width: auto;
}
.calendar-content .navi-l a, .calendar-content .navi-l span, .calendar-content .navi-r a, .calendar-content .navi-r span, .calendar-content .row-cols-7 .day {
width: 43px;
}
.calendar-content .navi-l a:before, .calendar-content .navi-l span:before, .calendar-content .navi-r a:before, .calendar-content .navi-r span:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: center
}
.calendar-content .navi-l a:before, .calendar-content .navi-l span:before {
background-image: url('data:image/svg+xml,')
}
.calendar-content .navi-r a:before, .calendar-content .navi-r span:before {
background-image: url('data:image/svg+xml,')
}
.calendar-content.range .row-cols-5 > div a, .calendar-content.range .row-cols-5 > div span, .calendar-content.year .row-cols-4 > div a, .calendar-content.year .row-cols-4 > div span {
display: flex;
font-weight: 500;
}
.calendar-content.range .row-cols-5 > div {
padding: 0 5px
}
.calendar-center .calendar {
left: 50%;
transform: translateX(-50%)
}
.calendar-end .calendar {
right: 0;
transform: translateX(-50%)
}
.calendar-start .calendar {
left: 30%;
transform: translateX(-50%)
}
div > .dtc-datepicker {
position: relative
}
.calendar .row-cols-4, .calendar .row-cols-5 {
display: flex;
flex-wrap: wrap
}
.calendar .row-cols-4 > div {
flex: 0 0 auto;
width: 25%
}
.calendar .row-cols-5 > div {
flex: 0 0 auto;
width: 20%
}
/*Dark mode*/
.calendar.dtc-dark-mode .calendar-body {
border: 1px solid #3C52D9;
background: linear-gradient(97.53deg, #243474 8.51%, #162561 44.16%);
}
.calendar.dtc-dark-mode .calendar-content {
color: var(--neu1-cl);
}
.calendar.dtc-dark-mode .calendar-content .row-cols-7 .lunar {
color: var(--neu1-cl);
}
.calendar.dtc-dark-mode .calendar-content .row-cols-7 .day.today {
background: #FFFCF933;
}
.calendar.dtc-dark-mode .calendar-content .navi-l a:before,
.calendar.dtc-dark-mode .calendar-content .navi-l span:before,
.calendar.dtc-dark-mode .calendar-content .navi-r a:before,
.calendar.dtc-dark-mode .calendar-content .navi-r span:before {
filter: invert(1);
}
/*End dark mode*/#dtcDisplaySearch {
background-color: transparent;
box-shadow: none;
}
#dtc-search-form {
background-color: var(--white-cl);
border-radius: var(--box-radius);
border: 1px solid var(--neu2-cl);
margin-bottom: 14px;
padding: 14px;
box-shadow: 0px 4px 12px 0px #0000001F, 0px 0px 4px 0px #FFFFFF40 inset;
}
#dtc-search-form.dtc-show {
display: block;
}
#dtc-search-form .dtc-search-option {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 14px;
}
#dtc-search-form #dtc-itin-mobile, .dtc-search-header {
display: none;
}
#dtc-search-form .dtc-dropdown-pax {
display: none;
z-index: 99;
min-width: 300px;
position: absolute;
background: #fff;
border-radius: var(--inp-radius);
box-shadow: 0 0px 10px 4px rgb(30, 32, 37, .16);
}
#dtc-search-form .dtc-dropdown-pax.dtc-show {
display: block;
}
#dtc-search-form .dtc-dropdown-pax .dtc-pax input {
width: 28px;
text-align: center;
border: none;
font-size: 18px;
font-weight: 500;
}
#dtc-search-form .dtc-minus {
text-align: center;
font-size: 18px;
font-weight: 700;
line-height: 22px;
width: 24px;
height: 24px;
border-radius: 50%;
cursor: pointer;
color: var(--white-cl);
background-color: var(--pri-cl);
user-select: none;
}
#dtc-search-form .dtc-minus.dtc-disable {
background-color: var(--neu3-cl);
}
#dtc-search-form .dtc-plus {
text-align: center;
font-size: 18px;
font-weight: 700;
line-height: 24px;
width: 24px;
height: 24px;
border-radius: 50%;
cursor: pointer;
color: var(--white-cl);
background-color: var(--pri-cl);
user-select: none;
}
#dtc-search-form .dtc-plus.dtc-disable {
background-color: var(--neu3-cl);
}
#dtc-search-form .dtc-search-option .dtc-option-right {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
#dtc-search-form .dtc-search-option .dtc-option-right #dtc-option-select {
display: flex;
justify-content: space-between;
align-items: center;
gap: 5px;
cursor: pointer;
border: none;
background: transparent;
padding: 0;
}
#dtc-search-form .dtc-search-option .dtc-option-right #dtc-option-select::after {
content: '';
}
/* #dtc-search-form #dtc-option-select:focus + .dtc-dropdown-menu, #dtc-search-form #dtc-option-select + .dtc-dropdown-menu:hover {
display: block;
right: 0;
}*/
#dtc-search-form .dtc-search-option .dtc-option-right #dtc-btn-option-close {
display: flex;
align-items: center;
justify-content: center;
width: 20%;
border-radius: var(--inp-radius);
cursor: pointer;
border: none;
background-color: var(--neu2-cl);
color: var(--text-cl);
padding: 8px 0;
margin-right: 10px;
}
#dtc-search-form .dtc-search-option .dtc-option-right #dtc-btn-option-search {
display: flex;
align-items: center;
justify-content: center;
}
#dtc-search-form .dtc-search-option .dtc-option-right #dtc-dropdown-option {
z-index: 99;
width: 350px;
}
#dtc-search-form .dtc-search-input {
position: relative;
}
#dtc-search-form .dtc-search-input .dtc-search-input-oneway {
display: flex;
justify-content: space-between;
/*align-items: center;*/
gap: 12px;
}
#dtc-search-form .dtc-search-input .dtc-search-input-route {
display: flex;
position: relative;
flex-grow: 1;
}
#dtc-search-form .dtc-search-input .dtc-search-input-route .dtc-start-point {
border-top-left-radius: var(--inp-radius);
border-bottom-left-radius: var(--inp-radius);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
#dtc-search-form .dtc-search-input .dtc-search-input-route .dtc-end-point {
border-top-right-radius: var(--inp-radius);
border-bottom-right-radius: var(--inp-radius);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: none;
padding-left: 25px !important;
}
.dtc-form-multi {
display: grid;
gap: 12px;
}
.dtc-list-route {
display: grid;
gap: 12px;
}
.dtc-label-endpoint {
padding-left: 12px;
}
.dtc-search-input.dtc-one-way .dtc-form-multi, .dtc-search-input.dtc-multi-city .dtc-search-input-oneway {
display: none !important;
}
#dtc-itin-mobile .dtc-form-radio-label {
background-color: unset;
}
#dtc-search-form .dtc-btn-reserve {
position: absolute;
background-color: var(--sec-cl);
padding: 6px;
border-radius: var(--box-radius);
cursor: pointer;
/*height: 28px;
width: 28px;*/
right: -14px;
top: 25%;
z-index: 12;
display: flex;
}
#dtc-search-form .dtc-search-input .dtc-search-input-date {
display: flex;
width: 29%;
}
#dtc-search-form .dtc-search-input .dtc-search-input-date .dtc-depart-date {
border-top-left-radius: var(--inp-radius);
border-bottom-left-radius: var(--inp-radius);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
#dtc-search-form .dtc-search-input .dtc-search-input-date .dtc-arrive-date {
border-top-right-radius: var(--inp-radius);
border-bottom-right-radius: var(--inp-radius);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: none;
}
#dtc-search-form .dtc-search-input .dtc-search-input-pax-mobile,
#dtc-search-form .dtc-search-input .dtc-search-input-prefer-cabin {
position: relative;
display: none;
}
#dtc-search-form .dtc-btn-search {
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap;
}
#dtc-search-form .dtc-search-input-multi {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
#dtc-search-form .dtc-label-multi-mobile {
display: none;
font-weight: 700;
}
#dtc-search-form .dtc-search-input-multi .dtc-search-input-route {
display: flex;
position: relative;
flex-grow: 1;
}
#dtc-search-form .dtc-search-input-multi .dtc-search-input-date, #dtc-search-form .dtc-search-input-multi .dtc-search-input-month {
display: flex;
width: 30%;
}
#dtc-search-form .dtc-search-input-multi .dtc-btn-del-route {
display: flex;
justify-content: center;
align-items: center;
border: none;
border-radius: var(--box-radius);
padding: 16px;
background-color: #ffeceb;
cursor: pointer;
}
#dtc-search-form .dtc-search-input-multi .dtc-btn-del-route-mobile {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
padding: 7px;
}
.dtc-route-name {
font-size: 16px;
}
#dtc-search-form .dtc-group-btn-multi .dtc-btn-add-route {
display: flex;
justify-content: center;
align-items: center;
border: none;
background-color: var(--sec-cl);
color: var(--pri-cl);
cursor: pointer;
font-weight: 600;
}
#dtc-search-form .dtc-group-btn-multi {
display: flex;
justify-content: end;
align-items: center;
gap: 12px;
}
#dtcListAirport {
box-shadow: 0 0px 10px 4px rgb(30, 32, 37, .16);
position: absolute;
padding: 16px;
z-index: 2000;
border-radius: var(--inp-radius);
width: 450px;
background-color: var(--white-cl);
display: none;
overflow: hidden;
left: 0;
}
#dtcListAirport.dtc-open {
display: block;
}
#dtcListAirport #searchAirport {
width: 100%;
height: 34px;
border-radius: var(--inp-radius);
border: 1px solid var(--neu3-cl);
padding-left: 10px;
outline: 0;
}
#dtcListAirport #searchAirport:focus {
border: 1px solid var(--pri-cl);
}
#dtcListAirport .dtc-tab {
border-top: 1px solid var(--neu2-cl);
display: flex;
margin: 0 -16px -16px -16px;
width: unset;
height: 100%;
}
#dtcListAirport .dtc-tab .dtc-tab-menu {
flex-direction: column;
display: flex;
width: 40%;
}
#dtcListAirport .dtc-tab .dtc-tab-menu .dtc-tab-item {
background-color: transparent;
color: black;
padding: 10px 15px;
text-align: left;
border: none;
outline: none;
transition: 0.3s;
cursor: pointer;
font-size: 14px;
}
#dtcListAirport .dtc-tab .dtc-tab-menu .dtc-tab-item:hover {
background-color: var(--neu1-cl);
}
#dtcListAirport .dtc-tab .dtc-tab-menu .dtc-tab-item.active {
background-color: var(--sec-cl);
}
#dtcListAirport .dtc-tab .dtc-tab-content {
font-size: 14px;
flex-grow: 1;
border-left: 1px solid var(--neu2-cl);
height: 400px;
overflow: auto;
width: 60%;
}
#resultSearchAirport {
/*margin: 0 -16px;*/
max-height: 450px;
overflow-y: auto;
}
#dtcListAirport .dtc-tab .dtc-tab-content > div, #resultSearchAirport > div {
padding: 5px 10px;
}
#dtcListAirport .dtc-tab .dtc-tab-content > div:hover, #resultSearchAirport > div:hover {
background-color: var(--neu1-cl);
}
#dtcListAirport .dtc-tab-content:not(.active) {
display: none;
}
.dtc-option-select-ico {
fill: var(--pri-cl);
}
.dtc-btn-option {
width: 100%;
display: none;
}
.dtc-date-icon {
display: none;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-option .dtc-option-right .dtc-dropdown #dtc-option-select,
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-input-multi .dtc-btn-del-route,
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-header .dtc-search-btn-close,
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-option .dtc-option-left,
#dtc-plugin[data-form="vertical"] .dtc-horizontal-option,
#dtc-plugin[data-form="vertical"] .dtc-date-icon,
#dtc-search-form .dtc-vertical-option-wrap,
.dtc-vertical-option {
display: none;
}
#dtc-plugin[data-form="vertical"] .dtc-vertical-option {
display: flex;
}
#dtc-plugin[data-form="vertical"] .dtc-vertical-point-left{
width: 36px;
}
#dtc-plugin[data-form="vertical"] .dtc-form-check-label-vertical {
background-color: #e7f1ff;
border: 1.6px solid #0a58cabd;
border-radius: 4px;
padding: 4px;
}
#dtc-plugin[data-form="vertical"] .dtc-form-check-label > img {
max-width: 20px;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form {
padding: 0;
background: #FFFFFFB2;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-header {
display: flex;
align-items: center;
padding: 21px 14px;
color: var(--white-cl);
justify-content: center;
box-shadow: 2px 2px 2px 0px #00000029;
border-radius: var(--box-radius) var(--box-radius) 0 0;
background: linear-gradient(97.68deg, #227CFF 0%, #1868DD 89.45%);
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-header .dtc-search-header-title {
font-size: 24px !important;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-header .dtc-search-header-title > img {
display: block !important;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-form-floating {
display: flex;
background: #fff;
border-radius: var(--inp-radius);
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-input-route .dtc-form-floating {
border: 1px solid var(--neu2-cl);
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-label-startpoint,
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-label-endpoint {
left: 67px;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-vertical-point {
display: flex;
align-items: start;
flex-direction: column;
justify-content: center;
margin-left: 12px;
gap: 4px;
}
#dtc-plugin[data-form="vertical"] .dtc-search-input-container {
align-items: center;
border: 1px solid var(--neu2-cl);
border-radius: var(--inp-radius);
overflow: hidden;
margin-bottom: 14px;
background: #fff;
}
#dtc-plugin[data-form="vertical"] .dtc-separate-vertical {
height: 50px;
min-width: 1px;
background: #0000001F;
margin: 8px 0;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-dropdown-prefer-cabin {
display: none !important;
z-index: 99;
min-width: 200px;
position: absolute;
background: #fff;
border-radius: var(--inp-radius);
box-shadow: 0 0px 10px 4px rgb(30, 32, 37, .16);
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-dropdown-prefer-cabin.dtc-show {
display: block !important;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-dropdown-prefer-cabin .dtc-pax input {
width: 28px;
text-align: center;
border: none;
font-size: 18px;
font-weight: 500;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-option {
display: block;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-option {
padding: 14px 14px 0;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-option #dtc-itin-mobile .dtc-separate-vertical {
margin: 0;
height: auto;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-input {
padding: 0 14px 14px;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-option .dtc-form-radio-input:checked + label {
color: #0A58CA;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-option #dtc-itin-mobile {
display: flex;
justify-content: space-between;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-search-input-oneway {
display: block;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-search-input-route {
display: block;
margin-bottom: 14px;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-search-input-route .dtc-form-floating:not(:last-child) {
margin-bottom: 14px;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-btn-search {
background: linear-gradient(180deg, #227CFF 0%, #1868DD 100%);
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-search-input-date {
width: unset;
display: flex;
margin-bottom: 14px;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-search-input-route .dtc-start-point,
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-search-input-route .dtc-end-point {
border-radius: var(--inp-radius);
border: 0;
height: auto;
margin-bottom: 0;
padding-left: 10px !important;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-btn-reserve {
top: unset;
right: 5%;
max-width: 32px;
max-height: 32px;
bottom: calc(-16px - 7px);
padding: 8px;
background: linear-gradient(0deg, rgba(15, 41, 77, 0.12), rgba(15, 41, 77, 0.12)), linear-gradient(180deg, #227CFF 0%, #1868DD 100%);
z-index: 11;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-btn-reserve img {
transform: rotate(90deg);
filter: brightness(40);
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-search-input-pax-mobile,
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-search-input-prefer-cabin {
display: block;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-search-input-pax-mobile {
margin-bottom: 0;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-search-input-container .dtc-dropdown-btn-pax,
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-search-input-container .dtc-dropdown-btn-prefer-cabin,
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-search-input-container .dtc-depart-date,
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-search-input-container .dtc-arrive-date {
border: 0;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-btn-search {
width: 100%;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-vertical-option {
display: flex;
align-items: center;
gap: 7px;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-vertical-option .dtc-form-check .dtc-form-check-input {
margin: 2.1px;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-vertical-option-wrap {
display: block;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-dropdown .dtc-dropdown-menu.dtc-dropdown-right {
right: unset;
left: 0;
top: 10px;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-input-multi {
display: block;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-label-multi-mobile {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-group-btn-multi {
display: block;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-group-btn-multi .dtc-btn-add-route {
width: 100%;
margin-bottom: 14px;
padding-left: 0;
padding-right: 0;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-label-endpoint {
padding-left: 0;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form #formSearchMulti .dtc-search-input-date input.dtc-form-control.dtc-datepicker {
border: 1px solid var(--neu2-cl);
border-radius: var(--inp-radius);
height: 66px;
}
/*Dark mode*/
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-dropdown-pax,
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-vertical-option.dtc-dropdown-prefer-cabin,
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-dropdown .dtc-dropdown-menu.dtc-dropdown-right {
/*color: var(--dark-cl);*/
background: linear-gradient(97.53deg, #243474 8.51%, #162561 44.16%);
box-shadow: 0px 40px 32px -24px #0F0F0F1F;
border: 1px solid #3C52D9;
color: var(--white-cl);
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-dropdown-pax .dtc-pax input {
background: none;
color: var(--white-cl);
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form {
background: #11193FCC;
box-shadow: 0px 4px 12px 0px #0000001F, 0px 0px 4px 0px #FFFFFF40 inset;
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-search-header {
border: 0;
background: linear-gradient(97.53deg, #243474 8.51%, #162561 44.16%);
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-search-option,
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-vertical-option,
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-form-multi .dtc-route-name,
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-form-floating .dtc-vertical-option .dtc-vertical-point{
color: var(--white-cl);
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-btn-reserve {
background: #FFFFFF2B;
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-btn-search {
background: linear-gradient(180deg, var(--pri-dark-cl) 0%, #C47821 100%);
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-form-floating {
border: 1px solid #82828226;
background: linear-gradient(115.66deg, #243474 0%, #162561 74.68%);
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-form-floating > input {
color: var(--white-cl);
background: linear-gradient(115.66deg, #213170 0%, #162561 74.68%);
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-form-floating > label {
background: none;
color: var(--white-cl);
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-form-floating > label img {
filter: brightness(10);
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-separate-vertical {
background: #FFFFFF1F;
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-form-floating .dtc-vertical-option .dtc-vertical-point > img {
filter: brightness(10);
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-search-input-container {
border: 1px solid #82828226;
background: linear-gradient(115.66deg, #243474 0%, #162561 74.68%);
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form #formSearchMulti .dtc-search-input-date input.dtc-form-control.dtc-datepicker,
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-search-input-container .dtc-form-floating {
border: 0;
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-search-input-date .dtc-form-floating .dtc-depart-date,
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-search-input-pax-mobile .dtc-form-floating .dtc-dropdown-btn-pax {
border-radius: 0;
background: linear-gradient(115.66deg, #243373 0%, #1c2b69 74.68%);
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-form-floating .dtc-arrive-date,
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-dropdown-btn-prefer-cabin {
border-radius: 0;
background: linear-gradient(115.66deg, #1c2b69 0%, #162561 74.68%) !important;
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-search-input .dtc-option-select-ico {
fill: var(--pri-dark-cl);
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] .dtc-form-check .dtc-form-check-input:checked,
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-form-radio .dtc-form-radio-input:checked {
border-color: var(--pri-dark-cl);
background-color: var(--pri-dark-cl);
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] .dtc-form-check-label-vertical {
background-color: #ffffff;
border: 1.6px solid var(--pri-dark-cl);
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-search-option .dtc-option-right #dtc-btn-option-search {
background-color: var(--pri-dark-cl);
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-search-option .dtc-form-radio-input:checked + label {
color: var(--pri-dark-cl);
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-group-btn-multi .dtc-btn-add-route {
color: var(--white-cl);
background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form #dtcListAirport {
background: linear-gradient(97.53deg, rgb(36, 52, 116) 8.51%, rgb(22, 37, 97) 44.16%);
border: 1px solid #243474;
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form #dtcListAirport .dtc-tab .dtc-tab-menu,
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtcListAirport .dtc-tab .dtc-tab-content {
border-top: 1px solid #3C52D9;
color: var(--white-cl);
scrollbar-width: thin;
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtcListAirport .dtc-tab{
border: 0;
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtcListAirport .dtc-tab .dtc-tab-menu .dtc-tab-item {
color: var(--white-cl);
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtcListAirport .dtc-tab .dtc-tab-menu .dtc-tab-item:hover,
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtcListAirport .dtc-tab .dtc-tab-menu .dtc-tab-item.active,
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtcListAirport .dtc-tab .dtc-tab-content > div:hover,
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtcListAirport #resultSearchAirport > div:hover {
background: #FFF2E433;
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form .dtc-close-btn {
filter: invert(1);
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form #dtcListAirport #searchAirport {
border: 1px solid #3C52D9;
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form #dtcListAirport > div {
color: var(--white-cl);
}
/*End dark mode*/
#dtc-plugin img {
margin: 0;
object-fit: contain;
}
#dtc-plugin .dtc-form-floating > label {
margin: 0;
z-index: 11;
}
#dtc-plugin label {
margin: 0;
padding-bottom: 0;
}
.search-month-desktop-option {
display: block;
}
.search-month-mobile-option {
display: none;
}
.dtc-dropdown button.dtc-dropdown-btn:not(:disabled):not(.dtc-disable):hover {
box-shadow: unset !important;
}
#dtc-search-form .dtc-search-pax-mb, #dtc-search-form .dtc-search-system-mb {
display: none;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-system-mb {
display: flex;
}
#dtc-plugin[data-form="vertical"] .search-month-mobile-option {
display: flex;
margin-bottom: 14px;
justify-content: space-between;
}
#dtc-plugin[data-form="vertical"] .search-month-desktop-option {
display: none;
}
#dtc-plugin[data-form="vertical"] .dtc-search-pax-mb.dtc-search-input-container {
display: flex;
}
#dtc-plugin .dtc-service label.dtc-service-item{
padding-bottom: 8px;
}
@media (max-width: 992px) {
#dtc-search-form .dtc-search-input .dtc-search-input-date {
width: 45%;
}
}
@media (max-width: 768px) {
#dtc-search-form {
padding: 0;
}
#dtc-search-form #dtc-itin-mobile {
display: flex;
justify-content: space-between;
padding: 0 14px;
}
#dtc-search-form .dtc-search-option {
display: block;
}
#dtc-search-form .dtc-search-option .dtc-option-left {
display: none;
}
#dtc-search-form .dtc-search-input .dtc-search-input-oneway {
display: block;
}
#dtc-search-form .dtc-search-input .dtc-search-input-route {
display: block;
}
#dtc-search-form .dtc-search-input .dtc-search-input-route .dtc-start-point {
border-top-right-radius: var(--inp-radius);
border-bottom-left-radius: unset;
}
#dtc-search-form .dtc-search-input .dtc-search-input-route .dtc-end-point {
border-top-right-radius: 0px;
border-bottom-right-radius: var(--inp-radius);
border-bottom-left-radius: var(--inp-radius);
border-left: 1px solid var(--neu3-cl);
margin-bottom: 16px;
padding-left: 10px !important;
border-top: none;
}
#dtc-search-form .dtc-btn-reserve {
top: unset;
bottom: -14px;
right: 5%;
}
#dtc-search-form .dtc-btn-reserve img {
transform: rotate(90deg);
}
.dtc-label-endpoint {
padding-left: 0;
}
#dtc-search-form .dtc-search-input .dtc-search-input-date {
display: block;
width: 100%;
margin-bottom: 16px;
}
#dtc-search-form .dtc-search-input .dtc-search-input-date .dtc-depart-date {
border-top-right-radius: var(--inp-radius);
border-top-left-radius: var(--inp-radius);
border-bottom-left-radius: 0px;
}
#dtc-search-form .dtc-search-input .dtc-search-input-date .dtc-arrive-date {
border-top-right-radius: 0px;
border-bottom-right-radius: var(--inp-radius);
border-bottom-left-radius: var(--inp-radius);
border-left: 1px solid var(--neu3-cl);
padding-left: 10px;
border-top: none;
}
#dtc-search-form .dtc-search-input .dtc-search-input-pax-mobile {
display: block;
margin-bottom: 16px;
}
#dtc-search-form .dtc-search-input .dtc-search-input-pax-mobile input {
border-radius: var(--inp-radius);
}
.dtc-date-icon {
display: block;
color: var(--pri-cl);
position: absolute;
right: 7px;
top: 50%;
transform: translateY(-50%);
}
.dtc-btn-option {
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
margin: 14px auto;
width: auto;
}
.dtc-btn-option > span {
font-size: 16px;
font-weight: 600;
color: var(--pri-cl);
}
.dtc-searchbtn-wrap {
flex-wrap: wrap;
}
#dtc-search-form .dtc-search-input .dtc-btn-search {
width: 100%;
}
#dtc-search-form .dtc-search-input .dtc-btn-search strong {
display: block;
color: var(--white-cl);
}
#dtc-search-form .dtc-search-input .dtc-search-input-multi {
display: block;
}
#dtc-search-form .dtc-group-btn-multi {
display: block;
}
#dtc-search-form .dtc-search-input .dtc-btn-add-route {
width: 100%;
margin-bottom: 16px;
}
#dtc-search-form .dtc-label-multi-mobile {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
#dtc-search-form .dtc-search-input-multi .dtc-btn-del-route {
display: none;
}
#dtc-search-form #formSearchMulti input.dtc-form-control.dtc-end-point {
margin-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
#dtc-search-form #formSearchMulti .dtc-search-input-date input.dtc-form-control.dtc-datepicker {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top: 0;
}
#dtc-select-pax-mobile {
box-shadow: 0 0px 14px 7px rgb(30, 32, 37, .16);
position: absolute;
padding: 16px;
z-index: 19;
top: calc(100% + 10px);
width: 100%;
border-radius: 3px;
background-color: var(--white-cl);
}
#dtc-search-form .dtc-search-option .dtc-option-right #dtc-dropdown-option {
left: 0;
width: 100%;
position: fixed;
top: 0;
border-radius: 0;
height: 100vh;
}
#dtc-search-form .dtc-search-option .dtc-option-right #dtc-option-select {
display: none;
}
#dtc-search-form .dtc-search-option {
padding-top: 14px;
}
.dtc-loading-city-name {
display: none;
}
#dtc-search-form .dtc-search-input {
padding: 0 14px 14px 14px;
}
.dtc-dropdown-btn.dtc-show + #dtc-dropdown-option {
animation: dtcSlideRight 0.3s forwards;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-dropdown .dtc-dropdown-menu.dtc-dropdown-right {
top: 0;
}
#dtc-plugin[data-form="vertical"] .dtc-btn-option {
display: none;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form {
background: #F1F1F1;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form #dtc-itin-mobile {
padding: 0;
}
#dtc-plugin[data-form="vertical"][data-dark-mode="dark"] .dtc-btn-option > span,
#dtc-plugin[data-form="vertical"][data-dark-mode="dark"] .dtc-date-icon {
color: var(--white-cl);
}
#dtc-plugin.dtc-dark-mode[data-form="vertical"] #dtc-search-form {
background: #272D4B;
}
#dtc-search-form .dtc-search-pax-mb, #dtc-search-form .dtc-search-system-mb {
display: flex;
}
#dtc-search-form .dtc-search-input-multi .dtc-search-input-month{
width: 100%;
}
#dtc-search-form .dtc-search-input-multi .dtc-search-input-month [name="DepartMonth"] {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top: 0;
}
}
.dtc-form-multi .dtc-list-route.dtc-search-month .dtc-search-input-date, .dtc-form-multi .dtc-list-route:not(.dtc-search-month) .dtc-search-input-month {
display: none !important;
}
@media (min-width: 567px) {
.dtc-search-input-oneway .dtc-depart-month {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.dtc-search-input-oneway .dtc-arrive-month {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
}
@media (max-width: 567px) {
.dtc-search-input-oneway .dtc-depart-month {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.dtc-search-input-oneway .dtc-arrive-month {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
#dtcListAirport {
border-radius: unset;
width: 100vw;
height: 100vh;
position: fixed;
}
#dtcListAirport .dtc-tab .dtc-tab-content {
height: 100%;
padding-bottom: 120px;
}
#dtcListAirport.dtc-open {
animation: dtcSlideRight 0.3s forwards;
}
#dtcListAirport.dtc-close {
animation: dtcSlideLeft 0.3s forwards;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-header.dtc-show {
justify-content: space-between;
}
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-search-header.dtc-show .dtc-search-btn-close {
filter: invert(1);
display: block;
}
.search-month-desktop-option {
display: none;
}
.search-month-mobile-option {
display: block;
}
.search-month-mobile-option .dtc-form-check {
display: block;
text-align: end;
margin-bottom: 14px;
}
#dtc-search-form.dtc-hide {
animation: dtcSlideLeft 0.3s forwards;
}
}
@media (max-width: 375px ) {
#dtc-plugin[data-form="vertical"] #dtc-search-form .dtc-vertical-option-wrap .dtc-dropdown .dtc-vertical-option > span {
display: none;
}
}
@media (max-width: 360px) {
#dtc-search-form .dtc-search-option .dtc-option-right #dtc-dropdown-option {
width: 100vw;
height: 100vh;
overflow: auto;
border-radius: 0;
}
}
#dtcDisplayFlights {
opacity: 0;
/*transform: translateY(20px);*/
transition: opacity 0.5s ease, transform 0.5s ease;
}
#dtcDisplayFlights.visible {
opacity: 1;
/*transform: translateY(0);*/
}
#dtcDisplayInput {
opacity: 0;
transform: translateX(40px);
transition: opacity 0.5s ease, transform 0.5s ease;
position: relative;
z-index: 10;
}
#dtcDisplayInput.visible {
opacity: 1;
transform: translateX(0);
}
#dtcDisplayPassenger {
opacity: 0;
transform: translateX(40px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
#dtcDisplayPassenger.visible {
opacity: 1;
transform: translateX(0);
}
#dtcDisplayPassenger.hidden {
opacity: 0;
transform: translateX(-40px);
}
#dtcDisplayAncillary {
opacity: 0;
transform: translateY(40px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
#dtcDisplayAncillary.visible {
opacity: 1;
transform: translateY(0);
}
.dtc-pax-left {
width: 70%;
}
.dtc-pax-cart {
display: block;
flex-grow: 1;
}
#dtcDisplayFilter {
width: 25%;
}
.dtc-search-loading {
min-height: 56px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.dtc-loading-top, .dtc-loading-bottom {
text-align: center;
}
.dtc-loading-bottom {
color: var(--dark-cl);
}
.dtc-fw-bold {
font-weight: bold;
}
.dtc-flight-result {
border-radius: 6px;
border: 1px solid #dedede;
padding: 10px;
}
#dFormFlight {
color: #212529;
}
.dtc-group-header-title {
padding: 14px;
background: var(--pri-cl);
color: #fff;
border-top-left-radius: var(--box-radius);
border-top-right-radius: var(--box-radius);
display: flex;
justify-content: space-between;
}
.dtc-group-header-title .dtc-group-header-flight {
}
.dtc-group-header-title .dtc-group-header-flight .dtc-group-header-route {
font-size: 18px;
}
.dtc-group-header-title .dtc-group-header-flight .dtc-group-header-depart {
}
.dtc-group-header-title .dtc-header-loader {
height: 36px;
min-height: unset;
}
.dtc-group-header-title .dtc-header-loader .dtc-loader {
--c: no-repeat linear-gradient(#fff 0 0);
}
.dtc-group-header-sort {
background: #fff;
border-bottom-left-radius: var(--box-radius);
border-bottom-right-radius: var(--box-radius);
padding: 7px 28px 7px 14px;
border: 1px solid var(--neu2-cl);
border-top: none;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 10.5px;
}
.dtc-sort {
cursor: pointer;
padding: 4px 6px 4px 6px;
border-radius: 4px;
}
.dtc-sort.dtc-checked, .dtc-sort:hover {
background: #e7f1ff;
color: #0A58CA;
position: relative;
}
.dtc-sort.dtc-checked {
font-weight: 600;
padding-right: 22px;
}
.dtc-sort.dtc-checked::before {
content: '';
background: url('data:image/svg+xml,');
position: absolute;
width: 12px;
height: 12px;
top: 50%;
transform: translateY(-50%);
right: 6px;
}
.dtc-sort.dtc-checked.dtc-sort-desc:before {
top: 8px;
transform: rotateX(180deg);
}
.dtc-group-header-week {
display: flex;
border-radius: var(--box-radius);
background: #fff;
text-align: center;
border: 1px solid var(--neu2-cl);
margin-bottom: 10.5px;
}
.dtc-group-header-week > div {
flex: 1 0 0%;
width: 100%;
max-width: 100%;
padding-top: 8px;
padding-bottom: 5px;
}
.dtc-group-header-week > div > div:first-child {
color: #525252;
font-size: 12px;
}
.dtc-group-header-week > div > div:last-child {
color: #E84E0F;
}
.dtc-group-header-week > .dtc-active {
border-bottom: 3px solid #E84E0F;
font-weight: 600;
}
.dtc-group-header-week > .dtc-disable {
opacity: .5;
}
.dtc-group-header-week > div:not(.dtc-disable):not(.dtc-active) {
cursor: pointer;
}
.dtc-group-header-week > div:not(:last-child) {
border-right: 1px solid var(--neu2-cl);
}
.dtc-please-continue {
padding: 8px 0;
background: #fff;
border: 1px solid var(--neu2-cl);
border-radius: var(--box-radius);
margin-bottom: 14px;
margin-top: 14px;
}
.dtc-please-continue > span {
background: #0A58CA;
height: 20px;
width: 38px;
border-radius: 0 12px 12px 0;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 8px;
}
.dtc-option-detail:last-child {
border-radius: 0 0 8px 8px;
}
.dtc-option-detail > div {
padding: 0 14px 14px 14px;
}
.dtc-text-end {
text-align: end;
}
.dtc-collapse {
overflow: hidden;
transition: height 0.3s ease;
height: 0;
}
.dtc-collapse.dtc-open {
height: auto;
}
.dtc-group-body {
background: white;
border-radius: var(--box-radius);
border: 1px solid var(--neu2-cl);
}
.dtc-air-row {
background: white;
border-radius: 0;
border-bottom: 1px solid var(--neu2-cl);
}
.dtc-air-row:first-child {
border-radius: var(--box-radius) var(--box-radius) 0 0;
}
.dtc-air-row:last-child {
border-bottom-left-radius: var(--box-radius);
border-bottom-right-radius: var(--box-radius);
border-bottom: none;
}
.dtc-air-option {
padding: 7px 10.5px;
display: flex;
justify-content: space-between;
align-items: center;
}
.dtc-air-option .dtc-flight-summ {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 10.5px;
margin-right: 14px;
}
.dtc-air-option .dtc-flight-info {
flex-grow: 1;
display: flex;
align-items: center;
}
.dtc-air-option .dtc-flight-info > div {
margin-left: auto;
}
.dtc-air-option .dtc-flight-info > div:first-child {
margin-left: 0;
}
.dtc-air-option .dtc-flight-info .dtc-airline {
max-width: 100%;
width: 120px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-left: 14px;
}
.dtc-air-option .dtc-flight-info .dtc-airline > * {
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.dtc-air-option .dtc-flight-info .dtc-flight-startdate {
margin-left: 14px;
}
.dtc-air-option .dtc-flight-time {
color: var(--text-cl);
font-weight: 700;
font-size: 16px;
line-height: 22px;
position: relative;
}
.dtc-air-option .dtc-flight-point {
background-color: var(--neu1-cl);
color: var(--dark-cl);
text-transform: uppercase;
font-size: 86%;
text-align: center;
padding: 2px 3px;
border-radius: 2px;
}
.dtc-air-option .dtc-flight-total-time {
color: var(--dark-cl);
font-size: 12px;
text-align: center;
}
.dtc-air-option .dtc-flight-connector-wrap {
display: flex;
justify-content: center;
align-items: center;
column-gap: 12px;
}
.dtc-air-option .dtc-flight-connector-point {
font-size: 12px;
color: var(--dark-cl);
}
.dtc-air-option .dtc-flighnum {
text-align: center;
/*margin-left: 2.5rem;*/
}
.dtc-air-option .dtc-flighnum .dtc-flight-number {
overflow: hidden;
text-overflow: ellipsis;
width: 60px;
margin: auto;
font-weight: 500;
}
.dtc-option-group {
width: 100%;
margin-bottom: 42px;
}
.dtc-option-group:last-child {
margin-bottom: 0;
}
.dtc-option-group .dtc-selected-header {
font-weight: 700;
font-size: 16px;
}
.dtc-option-group .dtc-flight-header {
padding: 16px;
}
.dtc-option-group .dtc-selected-item {
padding: 12px;
display: flex;
justify-content: space-between;
align-items: center;
border-top: 0.7px solid var(--neu2-cl);
}
.dtc-option-group .dtc-selected-item .dtc-flight-info {
display: flex;
align-items: center;
column-gap: 16px;
}
.dtc-option-group .dtc-selected-item .dtc-airline {
line-height: 18px;
}
.dtc-option-group .dtc-selected-flight-box {
border: 1px solid var(--neu2-cl);
border-radius: var(--box-radius);
background-color: var(--white-cl);
}
.dtc-option-group .dtc-airline .dtc-airline-name {
font-weight: 500;
color: var(--text-cl);
font-size: 13px;
}
.dtc-option-group .dtc-airline .dtc-aircraft, .dtc-loyalty-desc {
color: var(--dark-cl);
font-size: 12px;
}
.dtc-time {
color: var(--text-cl);
font-weight: 700;
font-size: 20px;
line-height: 22px;
text-align: center;
position: relative;
}
.dtc-day-difference {
color: #FF3B30;
position: absolute;
font-size: 10px;
top: -3px;
}
.dtc-option-group .dtc-point {
background-color: var(--neu1-cl);
color: var(--dark-cl);
text-transform: uppercase;
font-size: 14px;
text-align: center;
padding: 2px 3px;
border-radius: 2px;
}
.dtc-option-group .dtc-total-time {
color: var(--dark-cl);
font-size: 11px;
text-align: center;
}
.dtc-option-group .dtc-connector-wrap {
display: flex;
justify-content: center;
align-items: center;
column-gap: 4px;
}
.dtc-option-group .dtc-connector-point {
font-size: 11px;
color: var(--dark-cl);
}
.dtc-option-group .dtc-detail {
color: var(--sys-blue-cl);
font-size: 85%;
margin-top: 2px;
}
.dtc-option-group .dtc-detail .dtc-detail-icon {
display: none;
}
.dtc-option-group .dtc-fare-info {
display: flex;
column-gap: 5px;
align-items: center;
border: none;
background: transparent;
cursor: pointer;
white-space: nowrap;
}
.dtc-option-group .fare-text {
color: var(--sys-green-cl);
font-size: 14px;
}
[onclick]:not(.dtc-disable) {
cursor: pointer;
}
.dtc-total-fare {
display: flex;
align-items: center;
margin-left: auto;
margin-right: 2.8px !important;
position: relative;
background: transparent !important;
padding: 4.9px 2.1px 4.9px 7px;
color: var(--text-cl);
}
.dtc-total-fare b {
color: #E84E0F;
font-size: 18px;
margin-right: 5px;
}
.dtc-connector {
display: flex;
flex-direction: column;
gap: 4px;
}
.dtc-list-fare-option {
position: absolute;
top: 101%;
display: none;
background: white;
z-index: 10;
right: 0;
min-width: 260px;
text-align: left;
max-height: 368px;
overflow-y: auto;
box-shadow: rgb(0 0 0 / 16%) 0px 0px 15px 6px;
border-radius: var(--inp-radius);
line-height: unset;
}
.dtc-group-body .dtc-total-fare.dtc-show .dtc-list-fare-option {
display: block;
}
.dtc-list-fare-option > div {
padding: 6px 12px;
border-bottom: 1px solid var(--neu2-cl);
}
.dtc-list-fare-option > div:last-child {
border-bottom: none;
}
.dtc-list-fare-option .dtc-line-1 {
display: flex;
align-items: center;
justify-content: space-between;
}
.dtc-list-fare-option .dtc-line-1 .dtc-farename {
margin-right: 14px;
white-space: nowrap;
}
.dtc-list-fare-option .dtc-line-1 .dtc-price {
color: var(--price-color);
font-weight: 500;
}
.dtc-list-fare-option .dtc-line-1 .dtc-discount {
color: var(--neu6-cl) !important;
text-decoration: line-through !important;
margin-right: 3px;
}
.dtc-list-fare-option .dtc-line-1 .dtc-currency {
margin-left: 3px;
}
.dtc-list-fare-option .dtc-line-2 {
display: flex;
align-items: center;
justify-content: space-between;
}
.dtc-list-fare-option .dtc-line-2 .dtc-farebasis {
color: var(--neu4-cl);
margin-right: 14px;
}
.dtc-list-fare-option .dtc-line-2 .remain {
color: forestgreen;
}
.dtc-list-fare-option > div.dtc-disable {
opacity: .4;
cursor: default;
}
.dtc-list-fare-option > div:not(.dtc-disable):hover, .dtc-list-fare-option > div.dtc-active {
background: #E7F1FF;
}
.dtc-option-detail-info {
display: grid;
/*gap: .5rem;*/
}
.dtc-option-detail-info > div {
margin-bottom: 14px;
}
.dtc-option-detail-info .dtc-flight-title {
font-size: 110%;
background: var(--sec-cl);
padding: 7px 7px;
margin-bottom: 10.5px;
border-radius: 4px;
border-left: 6px solid var(--pri-cl);
}
.dtc-option-detail-info .dtc-flight-title strong {
color: #3577f1;
}
.dtc-option-detail-info .dtc-segment {
width: 100%;
display: flex;
/*padding: .75rem;
border: 1px solid var(--neu2-cl);
border-radius: var(--box-radius);*/
}
.dtc-option-detail-info .dtc-info {
width: 50%;
padding: 10.5px;
border-radius: var(--box-radius);
background: #f7f7f7;
}
.dtc-option-detail-info .dtc-left {
width: 50%;
display: flex;
}
.dtc-option-detail-info strong {
color: #212529;
}
.dtc-option-detail-info table {
table-layout: fixed;
width: 100%;
height: 100%;
}
.dtc-option-detail-info img {
width: 30px;
height: 30px;
}
.dtc-option-detail-info .dtc-detail-date {
font-size: 12px;
color: #525252;
line-height: 1;
}
.dtc-option-detail-info .dtc-detail-city {
font-weight: bold;
}
.dtc-option-detail-info .dtc-detail-time {
text-align: center;
}
.dtc-option-detail-info .dtc-detail-time .dtc-detail-hour {
font-weight: 700;
font-size: 110%;
}
.dtc-option-detail-info .dtc-airline {
text-align: center;
}
.dtc-option-detail-info .dtc-head, .dtc-option-detail-info .dtc-detail-route {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 10px;
}
.dtc-option-detail-info .dtc-line {
display: flex;
flex-direction: column;
padding: 7px 14px;
}
.dtc-option-detail-info .dtc-dot {
width: 8px;
height: 8px;
border: 2.4px solid #0A58CA;
border-radius: 4px;
}
.dtc-option-detail-info .dtc-inner {
flex-grow: 1;
width: 5px;
border-right: 2px solid #0A58CA;
}
.dtc-option-detail-info .dtc-dot:first-child {
opacity: .6;
}
.dtc-option-detail-info .dtc-dot:last-child {
background: #0A58CA;
border-color: #599dff;
}
.dtc-option-detail-info .dtc-stop-info {
color: red;
margin-top: 12px !important;
margin-bottom: 12px !important;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.dtc-option-detail-info .dtc-stop-info .dtc-country {
margin-left: 5px;
padding-left: 5px;
border-left: 1px solid #cacaca;
line-height: 1;
}
.dtc-option-detail-info .dtc-detail-airport {
color: #474747;
font-size: 90%;
}
.dtc-detail-list-fare {
white-space: nowrap;
overflow-x: auto;
padding: 14px 14px 14px 0;
margin: 0 -14px 14px -14px;
background: #3577f1;
background: linear-gradient(15deg, #3577f1, #76cdff, #075eff);
cursor: grab;
user-select: none;
}
.dtc-detail-list-fare.dtc-dragging {
cursor: grabbing;
}
.dtc-detail-list-fare > div {
box-shadow: 0 1px 5px #00000017;
border-radius: var(--box-radius);
display: inline-block;
width: 33.33%;
padding: 15px;
margin-left: 14px;
vertical-align: top;
background: white;
min-width: 260px;
}
.dtc-fare-option .dtc-title {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #E5E5E5;
}
.dtc-fare-option .dtc-title > div:first-child {
display: flex;
justify-content: space-between;
}
.dtc-fare-option .fare-select {
display: grid;
gap: 7px;
}
.dtc-fare-option table {
width: 100%;
margin-left: -2px;
margin-bottom: 10px;
}
.dtc-fare-option .fare-select {
display: grid;
gap: 7px;
}
.dtc-fare-option .dtc-fare-select {
display: grid;
gap: 8px;
}
.dtc-fare-option td {
/*padding: 6px 0;*/
}
.dtc-fare-option td .dtc-text-success {
color: #0E8C35;
}
.dtc-fare-option td:first-child {
color: #525252;
}
.dtc-fare-option td:last-child {
text-align: right;
}
.dtc-info-data table {
max-width: 100%;
table-layout: fixed;
}
.dtc-info-data td, .dtc-info td {
border: none !important;
padding: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dtc-fare-option a.dtc-btn-detail {
border-radius: 12px;
display: flex;
align-items: center;
gap: 4px;
}
.dtc-fare-option .dtc-fare-family {
color: #474747;
margin-top: 0px;
text-align: start;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dtc-fare-option span.dtc-price {
color: #E84E0F;
font-size: 16px;
font-weight: 600;
margin-right: 3px;
}
.dtc-modal {
display: none;
position: fixed;
top: 0;
left: 0;
background: #00000070;
width: 100%;
height: 100%;
overflow-y: auto;
justify-content: center;
align-items: center;
z-index: 10000;
}
.dtc-modal.dtc-show {
display: block;
}
.dtc-modal .dtc-modal-dialog {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 100%;
width: 680px;
max-width: 98vw;
animation: dtcSlideIn 0.3s;
margin: auto;
}
.dtc-modal.dtc-hide .dtc-modal-dialog {
animation: dtcSlideOut 0.3s forwards;
}
.dtc-modal .dtc-modal-dialog.dtc-sm {
width: 576px;
}
.dtc-modal .dtc-modal-dialog.dtc-lg {
width: 992px;
}
.dtc-modal .dtc-modal-dialog.dtc-xl {
width: 1200px;
}
#dtc-plugin .dtc-modal .dtc-close-btn {
margin-right: 14px;
}
.dtc-modal .dtc-modal-content {
width: 100%;
background: #fff;
border-radius: var(--box-radius);
margin: 0 1%;
}
.dtc-modal .dtc-modal-footer {
padding: 0 14px 14px 14px;
display: flex;
justify-content: flex-end;
}
.dtc-modal .dtc-modal-body {
padding: 14px;
}
.dtc-modal .dtc-modal-header div {
align-items: center;
display: flex;
padding: 14px 0 14px 14px;
border-bottom: 1px solid var(--neu2-cl);
justify-content: space-between;
}
.dtc-modal .dtc-modal-header label.modal-title {
font-size: 16px;
font-weight: 500;
}
.dtc-tabs-detail {
display: flex;
align-items: center;
border-bottom: 1px solid var(--neu2-cl);
margin: -14px -14px 0 -14px;
}
.dtc-tabs-detail > div {
display: flex;
}
.dtc-tabs-detail .dtc-tab {
padding: 14px 24px;
text-align: center;
cursor: pointer;
font-size: 110%;
white-space: nowrap;
}
.dtc-tabs-detail .dtc-tab.dtc-active {
font-weight: bold;
position: relative;
cursor: default;
}
.dtc-tabs-detail .dtc-tab.dtc-active:before {
content: '';
position: absolute;
height: 2px;
width: 100%;
background: var(--pri-cl);
left: 0;
bottom: -2px;
}
.dtc-list-group {
border: 1px solid var(--neu2-cl);
border-radius: var(--box-radius);
}
.dtc-list-group .dtc-list-item {
display: flex;
padding: 12px;
justify-content: space-between;
}
.dtc-list-group .dtc-list-item:not(:last-child) {
border-bottom: 1px solid var(--neu2-cl);
}
.dtc-tab-fare-info {
background: #f7f7f7;
border-radius: var(--box-radius);
padding: 14px;
display: grid;
gap: 8px;
}
.dtc-tab-fare-info > div {
display: flex;
justify-content: space-between;
}
.dtc-tab-fare-info .dtc-modal-fare-price {
color: var(--price-cl);
}
.dtc-tab-fare-info .dtc-modal-seat-avail {
font-size: 11px;
}
.dtc-tab-fare-info .dtc-modal-seat-avail > span {
color: var(--pri-cl);
font-weight: 600;
}
.dtc-tab-fare-info .dtc-modal-service {
font-size: 12px;
}
.dtc-tab-fare-info .dtc-modal-service-value {
color: var(--pri-cl);
font-weight: 600;
}
.dtc-tab-fare-info > div.dtc-border-detail {
padding: 12px 0;
border-top: 1px solid;
border-bottom: 1px solid;
border-color: #e0e0e0;
}
.dtc-tab-fare-info > div.dtc-fare-info > div {
width: 50%;
display: grid;
gap: 8px;
}
.dtc-tab-fare-info > div.dtc-fare-info > div:first-child {
border-right: 1px solid var(--neu2-cl);
padding-right: 12px;
}
.dtc-tab-fare-info > div.dtc-fare-info > div:last-child {
margin-left: 12px;
}
.dtc-tab-fare-info > div.dtc-fare-info > div > div {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
[data-dismiss="modal"] {
cursor: pointer;
}
.dtc-tab-content .dtc-tab-pane:not(.dtc-active) {
display: none;
}
.dtc-tab-content .dtc-modal-fare-title, .dtc-list-group .dtc-modal-fare-title {
color: var(--dark-cl);
}
.dtc-list-group .dtc-modal-family {
color: var(--pri-cl);
font-weight: 600;
}
.dtc-list-group .dtc-modal-refund {
color: var(--sys-green-cl);
font-weight: 600;
}
.dtc-modal-total-title {
font-size: 16px;
font-weight: 600;
}
.dtc-list-group .dtc-modal-fare-total {
color: var(--price-cl);
font-weight: 600;
font-size: 16px;
}
.dtc-option-group.dtc-selected {
display: none;
}
.dtc-list-flight {
flex: 1;
width: 75%;
}
.dtc-flight-connector-line {
border-bottom: 1px solid #c9c9c9;
min-width: 79px;
margin: 3.5px 0;
position: relative;
}
.dtc-flight-segment-content {
position: absolute;
width: 100%;
left: 0px;
top: 0px;
transform: translate(0, -50%);
display: flex;
align-items: center;
justify-content: space-around;
}
.dtc-flight-segment-point {
width: 6px;
height: 6px;
background-color: var(--price-cl);
border-radius: 50%;
}
.dtc-mobile-flight {
display: none;
}
.dtc-farerule {
text-align: left;
}
.dtc-farerule-group {
border-radius: var(--inp-radius);
border: 1px solid var(--neu2-cl);
overflow: hidden;
}
.dtc-farerule-header {
background-color: #f6f6f6;
padding: 15px 10px;
font-weight: 600;
cursor: pointer;
}
.dtc-farerule-body {
background-color: var(--white-cl);
overflow-x: auto;
}
.dtc-farerule-item {
border-top: 1px solid var(--neu2-cl);
}
.dtc-farerule-title {
padding: 10.5px 14px;
}
.dtc-farerule-content {
padding: 0 14px 14px 14px;
font-family: monospace;
color: #8b0000;
}
.dtc-farerule-error {
padding: 15px;
text-align: center;
color: var(--neu3-cl);
font-weight: 500;
width: 100%;
}
.dtc-confirm-footer {
display: flex;
align-items: center;
justify-content: end;
column-gap: 8px;
}
button.dtc-btn.dtc-btn-lg.dtc-btn-modal-close {
background: var(--white-cl);
}
.dtc-modal .dtc-modal-content .dtc-modal-footer .dtc-btn-book {
background-color: var(--price-cl);
color: var(--white-cl);
cursor: pointer;
}
.dtc-modal .dtc-modal-confirm {
background-color: #33416E;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1016%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(64%2c 81%2c 137%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c650.704C122.328%2c648.746%2c159.175%2c473.043%2c255.674%2c397.837C339.724%2c332.333%2c461.529%2c324.924%2c526.449%2c240.421C598.428%2c146.73%2c655.546%2c24.847%2c631.015%2c-90.726C606.666%2c-205.444%2c482.926%2c-263.497%2c401.565%2c-347.958C325.215%2c-427.217%2c275.543%2c-549.012%2c167.826%2c-571.563C60.344%2c-594.065%2c-27.703%2c-482.932%2c-135.163%2c-460.325C-256.336%2c-434.833%2c-401.929%2c-509.651%2c-497.972%2c-431.495C-592.807%2c-354.321%2c-579.865%2c-206.886%2c-595.603%2c-85.635C-611.133%2c34.016%2c-656.761%2c169.183%2c-588.884%2c268.934C-520.854%2c368.909%2c-362.458%2c340.324%2c-260.989%2c406.106C-158.875%2c472.306%2c-121.679%2c652.651%2c0%2c650.704' fill='%2333416e'%3e%3c/path%3e%3cpath d='M1440 995.672C1519.728 984.741 1563.12 899.779 1626.466 850.1469999999999 1682.6390000000001 806.135 1756.261 782.602 1791.2939999999999 720.431 1827.571 656.052 1835.537 577.6610000000001 1820.814 505.247 1806.518 434.933 1753.2640000000001 383.16999999999996 1710.941 325.228 1664.475 261.614 1634.992 175.16000000000003 1560.657 149.07999999999998 1485.96 122.87299999999999 1402.146 155.543 1332.03 192.289 1269.541 225.038 1232.754 287.251 1189.969 343.347 1149.925 395.849 1115.781 448.9 1089.96 509.672 1056 589.599 988.9680000000001 671.1659999999999 1015.557 753.837 1041.91 835.774 1142.714 863.61 1217.498 906.22 1288.388 946.611 1359.167 1006.755 1440 995.672' fill='%234d61a4'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1016'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: cover;
}
.dtc-modal .dtc-confirm-title {
color: var(--white-cl);
margin-top: 14px;
display: flex;
justify-content: space-between;
align-items: center;
}
.dtc-modal .dtc-confirm-title:first-child {
margin-top: 0;
}
.dtc-modal .dtc-confirm-table {
color: var(--white-cl);
}
.dtc-modal .dtc-confirm-table td {
padding-right: 7px;
border: none !important;
color: var(--white-cl);
}
#dtcConfirmBook .dtc-btn-confirm-close {
width: 1em;
height: 1em;
padding: .25em .25em;
color: #000;
background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 100 100'%3E%3Cline x1='10' y1='10' x2='90' y2='90' stroke='white' stroke-width='10'/%3E%3Cline x1='10' y1='90' x2='90' y2='10' stroke='white' stroke-width='10'/%3E%3C/svg%3E") center / 1em auto no-repeat;
border: 0;
border-radius: 3.5px;
opacity: .5;
cursor: pointer;
margin-left: auto;
padding: 12px;
margin-right: 10px;
position: absolute;
right: 0;
top: 0;
}
#dtcConfirmBook .dtc-modal-body {
padding: 28px;
}
#dtcConfirmBook .dtc-modal-header {
padding: 15px 15px 0 15px;
text-align: end;
}
/*.dtc-err-content {
margin: 10px;
}*/
.dtc-err-content:not(:last-child) {
border-bottom: 1px solid var(--neu2-cl);
}
.dtc-confirm-total {
display: flex;
align-items: center;
justify-content: space-between;
color: var(--white-cl);
column-gap: 12px;
margin-top: 14px;
}
.dtc-confirm-total .dtc-confirm-line {
border-top: 1px dashed var(--white-cl);
flex: 1;
}
.dtc-filter-mobile {
display: none;
}
.dtc-nodata {
display: none;
margin-top: 14px;
color: var(--dark-cl);
text-align: center;
font-size: 15px;
}
.dtc-nodata.dtc-show {
display: block;
}
.dtc-error-body {
padding: 14px;
text-align: center;
color: var(--dark-cl);
}
.dtc-selected-flight {
border-top: 1px solid var(--neu2-cl);
}
.dtc-selected-flight:first-child {
border-top: 0;
}
.dtc-selected-flight .dtc-air-option {
padding: 10.5px;
}
.dtc-selected-flight .dtc-air-option .dtc-flight-info .dtc-airline {
width: 150px;
}
.dtc-selected-flight .dtc-air-option .dtc-flight-summ {
margin-right: 42px;
}
.dtc-flight-fareclass, .dtc-merge-detail-txt {
display: none;
}
.dtc-currency-dropicon {
width: 19px;
height: 19px;
}
.dtc-flight-air-logo {
display: flex;
align-items: center;
flex-direction: column;
}
.dtc-cart-flight-logo.dtc-flight-air-logo {
flex-direction: unset;
}
.dtc-flight-air-logo img {
width: 32px;
height: 32px;
margin-bottom: 0 !important;
}
.dtc-flight-price-content {
flex: 1;
min-width: 168px;
justify-items: end;
}
#dtcQuote .dtc-flight-price-content {
flex: unset;
min-width: unset;
}
.dtc-farebasic-option {
max-width: 100px;
overflow: hidden;
text-align: end;
display: block;
text-overflow: ellipsis;
float: right;
}
.dtc-flight-mobile-info, .dtc-selected-flight .dtc-mobile-selected-info {
display: none;
}
#dtcSearchLoading {
padding: 42px 0;
}
#dtcSearchLoading .dtc-loading-route {
font-size: 16px;
}
.dtc-info.dtc-connect-info {
display: none;
}
.dtc-confirm-wrap {
position: relative;
}
.dtc-d-flightdate, .dtc-t-startdate {
display: none;
}
.dtc-remain {
white-space: nowrap;
}
.dtc-verify-title {
font-size: 18px;
font-weight: 500;
text-align: center;
color: var(--pri-cl);
}
.dtc-verify-desc {
text-align: center;
color: var(--neu4-cl);
}
#dtcQuote .dtc-air-row {
display: flex;
align-items: center;
justify-content: space-between;
}
#dtcQuote .dtc-air-row .dtc-flight-info {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 3.5px;
}
#dtcQuote .dtc-air-row .dtc-flight-info:last-child {
margin-bottom: 0;
}
#dtcQuote .dtc-air-row {
padding-left: 7px;
}
#dtcQuote .dtc-flight-air-logo img {
width: 20px;
height: 20px;
}
#dtcQuote .dtc-total-fare b {
font-size: 15px;
}
#dtcQuote .dtc-air-row .dtc-air-row:first-child {
border-radius: unset;
}
#dtcQuote .dtc-group-body {
border-radius: 0 0 var(--box-radius) var(--box-radius);
}
#dtcQuote .dtc-flight-summ .dtc-flight-startdate {
font-weight: 600;
}
#dtcQuote .dtc-flight-summ .dtc-flight-point {
color: var(--neu3-cl);
}
#dtcQuote {
overflow: auto;
display: grid;
max-height: 468px;
}
#dtcQuote .dtc-group-header {
background: var(--pri-cl);
color: #fff;
padding: 14px;
border-radius: var(--box-radius) var(--box-radius) 0 0;
}
#dtcQuote .dtc-export-table {
width: 100%;
}
#dtcQuote .dtc-export-table tr:not(.dtc-separate) td:last-child {
text-align: end;
}
#dtcQuote .dtc-export-table tr:not(.dtc-separate) td {
padding: 3.5px;
white-space: nowrap;
}
#dtcQuote .dtc-separate td {
border-top: 1.25px dashed var(--neu3-cl);
}
#dtcQuote .dtc-separate:last-child td {
border-top: unset;
}
.dtc-copy-toast {
background-color: var(--white-cl);
position: fixed;
top: 5%;
left: 50%;
transform: translate(-50%, 5%);
z-index: 99999;
padding: 7px;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.dtc-flight-equipment {
width: 77px;
}
#dtcDisplayFlights > .dtc-flex {
column-gap: 14px;
}
@media (max-width: 1200px) {
.dtc-flight-price-content {
min-width: 145px;
}
.dtc-air-option .dtc-flight-info .dtc-airline {
margin-left: 10.5px;
}
.dtc-air-option .dtc-flight-info .dtc-flight-startdate {
margin-left: 10.5px;
}
.dtc-selected-flight .dtc-air-option .dtc-flight-info .dtc-flight-startdate {
margin-left: 14px;
}
.dtc-flight-info .dtc-airline {
width: 90px;
}
.dtc-flight-mobile-info {
display: none;
}
#dListSelectFlight .dtc-flight-summ {
margin-right: unset;
}
#dListSelectFlight .dtc-flight-info .dtc-airline {
width: 120px;
}
}
.dtc-minify .dtc-total-fare {
padding: 2.8px 2.8px 2.8px 7px;
}
.dtc-minify .dtc-total-fare b {
margin-right: 0;
font-size: 15px;
font-weight: normal;
}
.dtc-minify .dtc-total-fare .dtc-currency {
display: none;
}
.dtc-minify .dtc-btn-select-flight {
padding: 6px 8px;
font-size: 11px;
}
.dtc-minify .dtc-air-option {
padding: 3.5px 10.5px;
}
.dtc-minify .dtc-mobile-flight-select {
display: none;
}
.dtc-minify .dtc-flight-summ {
gap: 0;
}
.dtc-minify .dtc-flight-price-content {
min-width: 120px;
}
.dtc-exe-download {
display: flex;
column-gap: 7px;
}
@media (max-width: 992px) {
.dtc-flight-info .dtc-airline, .dtc-option-group .dtc-flighnum, .dtc-air-option:not(.dtc-verified-option) .dtc-flight-stop {
display: none;
}
.dtc-air-option {
padding: 8px;
}
.dtc-total-fare {
font-size: 14px;
}
.dtc-total-fare b {
font-size: 16px;
}
.dtc-group-header-week > div:first-child, .dtc-group-header-week > div:last-child {
display: none;
}
#dFlights .dtc-flight-price-content {
min-width: unset;
}
.dtc-flight-air-logo .dtc-mobile-flight-number {
font-size: 11px;
line-height: 1;
color: var(--dark-cl);
overflow: hidden;
text-overflow: ellipsis;
margin-top: 3.5px;
}
.dtc-mobile-flight-number, .dtc-air-option:not(.dtc-verified-option) .dtc-t-startdate {
display: block;
}
}
@media (max-width: 576px) {
.dtc-air-option .dtc-flight-summ {
gap: 7px;
}
.dtc-air-option .dtc-flight-info {
column-gap: 0;
}
.dtc-air-option .dtc-flight-info > div {
margin-left: auto;
}
.dtc-flight-connector {
flex-grow: 1;
padding: 0 10px;
}
.dtc-flight-connector-line {
min-width: unset;
width: 100%;
}
.dtc-modal .dtc-modal-dialog {
width: 100%;
max-width: unset;
}
.dtc-tabs-detail > div:first-child {
max-width: 90%;
}
.dtc-tabs-detail .dtc-tab {
padding: 10.5px 14px;
}
.dtc-tab-pane > div.dtc-fare-info > div:first-child {
border-right: unset;
padding-right: unset;
}
.dtc-tab-pane > div {
flex-wrap: wrap;
}
.dtc-tab-pane > div.dtc-fare-info > div {
display: block;
width: 100%;
}
.dtc-tab-pane > div.dtc-fare-info > div:last-child {
margin-left: 0;
}
.dtc-tab-pane > div.dtc-fare-info {
line-height: 22px;
}
.dtc-air-option {
border: none;
border-radius: var(--box-radius);
}
.dtc-air-option .dtc-airline, .dtc-air-option .dtc-flighnum, .dtc-flight-country-code {
display: none;
}
.dtc-group-body {
background: unset;
border: 1px solid var(--neu2-cl);
}
.dtc-mobile-flight-info {
display: block;
}
.dtc-total-fare {
margin-right: 1px;
padding-left: 5px;
padding-right: 5px;
}
.dtc-fairline-name {
font-weight: 700;
display: block;
}
.dtc-option-detail-info .dtc-segment {
flex-wrap: wrap;
row-gap: 12px;
}
.dtc-option-detail-info .dtc-left, .dtc-option-detail-info .dtc-info {
width: 100%;
line-height: 22px;
}
.dtc-list-flight {
padding-left: 0;
}
.dtc-filter-mobile {
display: flex;
}
.dtc-search-mobile {
position: fixed;
width: 100%;
background: #fff;
z-index: 15;
top: 0;
animation: dtcSlideRight 0.3s forwards;
max-height: 100vh;
overflow-y: auto;
border-radius: 0 !important;
height: 100%;
border: none !important;
left: 0;
display: none;
}
.dtc-search-mobile.dtc-modal-show {
display: block;
}
.dtc-search-mobile-wrap {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1001;
}
#dtc-group-btn-book, .dtc-pax-action {
display: none !important;
}
.dtc-flight-connector img {
max-width: 60px;
width: auto;
}
.dtc-total-fare .dtc-currency {
display: none;
}
.dtc-total-fare b {
margin-right: 0;
font-size: 15px;
font-weight: normal;
}
.dtc-currency-dropicon {
width: 16px;
height: 16px;
}
.dtc-flight-air-logo {
width: 40px;
text-align: center;
}
.dtc-flight-air-logo img {
width: 25px;
height: 25px;
}
.dtc-btn-select-flight {
padding: 6px 8px;
font-size: 11px;
}
.dtc-mobile-flight-select {
display: none;
}
.dtc-search-header {
align-items: center;
justify-content: space-between;
padding: 14px;
border-bottom: 1px solid var(--neu2-cl);
}
.dtc-search-header.dtc-show {
display: flex;
}
.dtc-search-header-title {
font-size: 16px;
font-weight: 600;
}
.dtc-air-option .dtc-flight-time {
font-size: 14px;
}
.dtc-air-option .dtc-flight-total-time {
font-size: 11px;
white-space: nowrap;
}
.dtc-selected-flight .dtc-selected-fare {
display: none;
}
.dtc-selected-flight .dtc-air-row {
border: 0;
}
.dtc-selected-flight .dtc-air-option {
padding: 0;
border: 0;
}
.dtc-selected-flight .dtc-selected-detail-info {
width: 100%;
background-color: var(--sec-cl);
display: flex;
justify-content: space-between;
align-items: center;
}
.dtc-selected-flight .dtc-mobile-flight-date {
font-size: 12px;
color: var(--dark-cl);
}
.dtc-selected-flight .dtc-fare-info {
column-gap: 4px;
padding-right: 0;
white-space: nowrap;
}
.dtc-selected-flight .dtc-fare-info > img {
height: 16px !important;
width: auto !important;
}
.dtc-selected-flight .dtc-fare-info .fare-text {
font-size: 13px;
font-weight: normal;
}
.dtc-selected-flight .dtc-air-option .dtc-flight-summ {
max-width: 250px;
margin-right: 0;
padding: 9.8px;
gap: 7px;
}
.dtc-selected-flight .dtc-mobile-selected-info {
display: block;
}
.dtc-selected-flight .dtc-selected-fare-info > div {
width: 100%;
background-color: var(--sec-cl);
padding: 3.5px 9.8px;
display: flex;
align-items: center;
justify-content: space-between;
}
.dtc-selected-mobile-fare > .dtc-total-fare > b {
margin-right: 3.5px;
}
.dtc-selected-flight .dtc-selected-mobile-fare {
display: flex;
align-items: center;
justify-content: space-between;
}
.dtc-selected-flight .dtc-detail-list-fare > div {
width: calc(100% - 14px);
}
.dtc-selected-flight .mobile-btn-reselected {
display: none;
}
.dtc-selected-flight .dtc-mobile-selected-info-wrap {
padding-right: 9.8px;
width: 120px;
text-align: right;
white-space: nowrap;
text-overflow: ellipsis;
}
.dtc-selected-flight .dtc-mobile-selected-info-wrap .dtc-selected-airline {
font-size: 13px;
color: var(--sys-blue-cl);
/*text-overflow: ellipsis;*/
white-space: normal;
line-height: 1.2;
/*max-width: 100%;*/
/*overflow: hidden;*/
}
.dtc-selected-flight .dtc-mobile-selected-info-wrap .dtc-selected-depart {
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
}
.mobile-card-action .dtc-btn-lg {
padding-left: 14px !important;
padding-right: 14px !important;
}
.mobile-card-action .dtc-mobile-pax-prev {
padding-left: 7px !important;
padding-right: 7px !important;
}
#dtcConfirmBook .dtc-modal-body {
padding: 21px;
}
.dtc-flight-mobile-info {
display: block;
}
.dtc-mobile-aircraft {
font-size: 11px;
color: var(--dark-cl);
}
.dtc-loading-bottom {
padding: 0 42px;
}
.dtc-option-detail-info .dtc-stop-info .dtc-country {
margin-top: 3.5px;
margin-left: 0;
padding-left: 0;
border-left: 0;
}
.dtc-detail-list-fare {
display: flex;
}
.dtc-detail-list-fare > div {
flex: 1 0 0;
width: unset;
}
.dtc-option-detail-info .dtc-info.dtc-connect-info {
display: block;
}
.dtc-option-detail-info .dtc-info, .dtc-option-detail-info .dtc-connect-airline {
display: none;
}
.dtc-total-flight-number {
display: block;
}
.dtc-option-detail-info .dtc-info {
padding: 7px;
}
.dtc-modal .dtc-confirm-table td {
white-space: nowrap;
}
.dtc-confirm-content {
max-height: 430px;
overflow: auto;
}
#dtcDisplayFlights {
padding-bottom: 56px;
}
.calendar-body {
border-radius: 0;
}
.dtc-air-row span.dtc-farebasis {
max-width: 230px;
overflow-x: hidden;
text-overflow: ellipsis;
}
#dtcQuote .dtc-air-row {
padding-left: 0;
}
#dtcQuote .dtc-air-row .dtc-flight-info {
gap: 7px;
}
#dtcQuote .dtc-air-row .dtc-flight-startdate {
width: 104px;
}
#dtcQuote .dtc-air-row .dtc-flight-point {
width: 80px;
}
#dtcQuote .dtc-air-row .dtc-flight-date {
width: 40px;
}
#dtcQuote .dtc-air-row .dtc-flight-number {
width: 100px;
}
.dtc-copy-toast {
width: 90%;
}
.dtc-detail-cart .dtc-flight-air-logo.dtc-cart-flight-logo {
width: unset;
text-align: start;
flex-direction: unset;
}
}
@media (max-width: 400px) {
.dtc-air-option .dtc-flight-info .dtc-flight-startdate {
margin-left: 7px;
}
.dtc-air-option .dtc-flight-total-time {
max-width: 50px;
margin: auto;
}
.dtc-air-option .dtc-flight-summ {
margin-right: 7px;
}
.dtc-flight-price-content {
min-width: unset;
}
.dtc-flight-connector {
padding: 0 5px;
}
.dtc-confirm-content {
max-height: 300px;
overflow: auto;
}
.dtc-air-row span.dtc-farebasis {
max-width: 200px;
}
}
@media (max-width: 368px) {
.dtc-air-option .dtc-flight-summ {
margin-right: 10.5px;
}
.dtc-flight-connector {
display: none;
}
.dtc-air-option .dtc-flight-info .dtc-flight-startdate {
margin-left: auto;
}
.dtc-air-option .dtc-flight-info .dtc-flight-enddate {
margin-left: auto;
}
.dtc-flight-price-content {
min-width: 90px;
}
.dtc-total-fare b {
font-size: 14px;
font-weight: normal;
}
.mobile-cart-content {
gap: 14px;
}
.mobile-card-action > .dtc-mobile-pax-prev > span {
display: none;
}
.mobile-card-action > .dtc-mobile-pax-prev {
width: 30%;
}
.mobile-card-action > .dtc-mobile-book {
width: 70%;
}
.mobile-card-action {
width: unset;
flex: 1;
margin-top: 7px;
}
.dtc-confirm-content {
overflow-y: auto;
}
.dtc-air-row span.dtc-farebasis {
max-width: 150px;
}
.dtc-list-fare-option {
min-width: 230px;
max-height: 250px;
}
}
.dtc-tab {
width: 100%;
}
.dtc-tab .dtc-tab-header {
display: flex;
}
.dtc-tab .dtc-tab-header .dtc-tab-input[type="radio"] {
display: none;
}
.dtc-tab .dtc-tab-header .dtc-tab-label {
text-align: center;
display: inline-block;
width: 50%;
cursor: pointer;
border: none;
color: var(--neu3-cl);
}
.dtc-tab .dtc-tab-header .dtc-tab-input[type="radio"]:checked + .dtc-tab-label {
color: var(--pri-cl);
background-color: #fff;
border-top: none;
border-left: none;
border-right: none;
padding-bottom: 10px;
border-bottom: 1px solid var(--pri-cl);
}
.dtc-tab .dtc-tab-body {
padding: 16px 0px;
border-top: none;
}
.dtc-tab .dtc-tab-body .dtc-tab-content {
display: none;
}
.dtc-tab-header:has(#dtc-tab-kg:checked) ~ .dtc-tab-body #dtc-content-kg,
.dtc-tab-header:has(#dtc-tab-tt:checked) ~ .dtc-tab-body #dtc-content-tt {
display: block;
}
.dtc-checkbox-group {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.dtc-checkbox-group .dtc-checkbox-input[type="checkbox"] {
display: none;
}
.dtc-checkbox-group .dtc-checkbox-label {
display: flex;
justify-content: center;
align-items: center;
padding: 12px 0;
color: var(--pri-cl);
border: 1px solid var(--pri-cl);
border-radius: 5px;
cursor: pointer;
user-select: none;
text-align: center;
font-size: 14px;
}
.dtc-checkbox-group .dtc-checkbox-input[type="checkbox"]:checked + .dtc-checkbox-label {
color: var(--white-cl);
background-color: var(--pri-cl)
}
.dtc-filter-only {
padding: 4px 8px;
background-color: var(--sec-cl);
font-size: 12px;
color: var(--price-cl);
border-radius: 12px;
display: none;
position: absolute;
right: 28px;
}
.dtc-form-check {
position: relative;
}
.dtc-form-check:hover .dtc-filter-only {
display: block;
}
.dtc-filter-header-title {
font-size: 16px;
font-weight: 600;
}
/*Slider*/
.dtc-range-slider {
position: relative;
height: 24px;
padding-top: 10px;
}
.dtc-range-slider input[type="range"] {
position: absolute;
width: 100%;
pointer-events: none;
-webkit-appearance: none;
appearance: none;
margin: 0;
background: none;
}
.dtc-range-slider input[type="range"]::-webkit-slider-runnable-track {
width: 100%;
height: 4px;
background: #dddddd33;
border-radius: 5px;
pointer-events: all;
}
.dtc-range-slider input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 16px;
height: 16px;
background: var(--pri-cl);
border-radius: 50%;
cursor: pointer;
pointer-events: all;
position: relative;
top: -6px;
z-index: 1;
}
.dtc-range-slider span {
background: var(--pri-cl);
position: absolute;
height: 4px;
width: 96%;
left: 2%;
}
.dtc-slide-display {
display: flex;
justify-content: space-between;
}
.dtc-filter-mobile {
display: none;
}
.dtc-filter {
background-color: var(--white-cl);
border: 1px solid var(--neu2-cl);
border-radius: var(--box-radius);
position: sticky;
top: 14px;
max-height: calc(100vh - 28px);
overflow-y: auto;
}
.dtc-filter hr {
margin-top: 14px;
margin-bottom: 14px;
}
.dtc-filter-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px;
border-bottom: 1px solid var(--neu2-cl);
}
.dtc-filter-header {
display: none;
}
#dtcDisplayFilter .dtc-dropdown .dtc-dropdown-btn.btn-down-quotation {
background: var(--pri-cl);
color: var(--white-cl);
padding: 7px;
border-radius: var(--inp-radius);
}
#dtcDisplayFilter .dtc-dropdown .dtc-dropdown-btn.btn-down-quotation::after {
content: '';
}
@media (max-width: 768px) {
.dtc-filter-header {
display: flex;
}
#dtcDisplayFlights #dtcDisplayFilter {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1031;
display: none;
}
#dtcDisplayFlights #dtcDisplayFilter .dtc-filter {
position: fixed;
z-index: 999;
top: 0;
height: 100%;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
overflow: auto;
width: 100%;
border-radius: 0;
border: none;
}
#dtcDisplayFlights #dtcDisplayFilter.dtc-modal-show {
display: block;
}
#dtcDisplayFilter.dtc-modal-show .dtc-filter {
animation: dtcSlideRight 0.3s forwards;
}
#dtcDisplayFilter.dtc-hide {
animation: dtcSlideLeft 0.3s forwards;
}
.dtc-group-header-title + div {
overflow-x: auto;
white-space: nowrap;
}
.dtc-list-flight {
padding-left: 0;
width: 100%;
}
}
#dtcDisplayFlights {
align-items: start;
}
@media (max-width: 576px) {
.dtc-group-header-week > div:first-child, .dtc-group-header-week > div:nth-child(2), .dtc-group-header-week > div:last-child, .dtc-group-header-week > div:nth-last-child(2) {
display: none;
}
.dtc-group-header-week > div:not(:last-child):not(.dtc-active) {
border-right: none;
}
.dtc-group-header-week > .dtc-active {
border-left: 1px solid var(--neu2-cl);
}
.dtc-filter-mobile {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
background-color: var(--white-cl);
padding: 12px;
position: fixed;
width: 100%;
bottom: -1px;
left: 0;
z-index: 9999;
box-shadow: 0 -4px 8px 0 rgba(69, 88, 115, .12);
}
.dtc-filter-mobile #dtc-btn-change-flight-mobile, .dtc-filter-mobile #dtc-btn-open-filter-mobile {
width: 50%;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
column-gap: 3.5px;
}
.dtc-total-fare.dropup .dtc-list-fare-option {
bottom: 0;
right: 0;
top: unset;
}
.dtc-filter {
max-height: 100%;
}
}
@keyframes dtcFilterUp {
from {
bottom: -100%; /* Start off-screen at the bottom */
}
to {
top: 0; /* End position */
}
}