html,body { height: 100%; }
body { background-color: #f1f1f1; font-display: swap; }
body { font-family: Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; }
.cl { clear: both; display: block; content: ""; }

.flex-break { flex-basis: 100%; height: 0; }
.hidden { display: none; }

h1,h2,h3,h4 { font-display: swap; font-family: "Inter",sans-serif; margin: 0px; font-weight: 700; padding: 0px; }
h1 { font-size: 48px; line-height: 1.5; }
h2 { font-size: 32px; line-height: 1.5; }
h3 { font-size: 28px; line-height: 1.5; }
h4 { font-size: 24px; line-height: 1.5; }

.navbar.bg-dark { background-color: #282F3F !important; color: #ffffff; padding: 0px; font-size: 14px; padding: 10px 0px; transition: all 0.25s linear 0.25s; border-bottom: 12px solid #2894F9; flex-wrap: wrap; padding-bottom: 0px; }
.navbar.bg-dark .after-nav { height: 4px; background-color: #ffffff; width: 100%; }
.navbar.bg-dark.scrolled { }
.navbar.bg-dark ul a { font-weight: bold; text-transform: uppercase; }
.after-nav { background-color: #2894F9; height: 12px; }
.navbar.bg-dark .navbar-brand { background-image: url(/images/logo.png); background-size: 80px; background-repeat: no-repeat; padding-left: 45px; background-position: center top; background-color: #9747FF; color: #ffffff; top: -10px; left: 0px; position: absolute; padding: 50px 10px 5px 10px; font-size: 10px; font-weight: bold; margin-right: 0px; }


/*.navbar.bg-dark .nav-item .nav-link { color: #ffffff; padding-top: 16px; padding-bottom: 16px; }
.navbar.bg-dark .nav-item.active { background-color: #D9C36C; }*/
.navbar.bg-dark .nav-item .nav-link { color: #ffffff; }
.navbar.bg-dark .nav-item.active .nav-link { color: #42e6fe; }
.navbar.bg-dark .navbar-toggler .navbar-toggler-icon { width: 50px; height: 50px; background-color: transparent; background-image: url(/images/hamburger.png); background-size: 100%; }
.navbar.bg-dark .navbar-toggler { padding: 0px; border: 0px; }
.navbar.bg-dark .navbar-toggler:focus { box-shadow: none; }
.navbar.bg-dark .navbar-toggler:focus .navbar-toggler-icon { box-shadow: none; }

.page-body { padding-top: 69px; height: calc(100%); }
.page-body-text { height: auto; }
.page-body-text .page-image { background-size: cover; background-position: center center; height: 350px; margin-bottom: 20px; }
.page-body-text-asbstact img { display: block; width: 100%; height: auto; }
.page-footer { }
.page-footer .block1 { background-color: #333333; color: #a9a9a9; padding: 30px 0px; font-size: 13px; }
.page-footer .block1 .title { font-size: 16px; padding-bottom: 10px; }
.page-footer .block1 .a { color: #ffffff; }
.page-footer .block1 .nav-footer { float: right; font-weight: 400; }
.page-footer .block1 .nav-footer div { float: left; padding: 0px 12px; }
.page-footer .block1 .nav-footer div a { color: #cdd1dd; text-decoration: none; }
.page-footer .block1 .nav-footer:after { content: ""; display: block; clear: both; }


body.chatpage .page-body { background-color: #282f3f; background-image: url(/images/backgrounds/generic-dots-bg.png); background-size: contain; background-repeat: no-repeat; background-position: center center; }
body.chatpage .page-body2 { height: 100%; background-image: url(/images/backgrounds/generic-airplane.png); background-size: 50%; background-repeat: no-repeat; background-position: left center; }
body .page-body2.no-bg { background-image: none !important; }

.example-block .filename { font-weight: bold; font-size: 14px; }
.example-block .example { }

/* .container { max-width: 900px; } */


.page-body-index { height: auto; }
.page-body-index .image-block { padding: 0px 10%; }
.page-body-index .index-image { width: 100%; }
.page-body-index .container.image1 { background-image: url(/images/index-bg1.webp); padding-top: 55%; background-size: cover; background-repeat: no-repeat; }
.page-body .prerun-image { background-image: url(/images/index-bg1.webp); height:250px; background-size: 100%; background-repeat: no-repeat; background-position: center 35%; }
.page-body .prerun-image .title { color: #ffffff; font-size: 40px; text-align: center; padding: 200px 40px 0px 40px; text-shadow: 1px 2px 3px rgba(0,0,0,0.5); }
.page-body-index .text-block { padding-top: 40px; }
.page-body-index h1 { font-size: 48px; }
.page-body-index p { font-size: 18px; }
.page-body-index h2 {}
.page-body-index h3 {}


.NavFull {}
.NavFull .item-l1 { float: left; width: 100%; max-width: 292px; padding-right: 10px; }
.NavFull .item-l1 .top {}
.NavFull .item-l1 .subitems { padding-top: 3px; font-size: 12px; }
.NavFull .item-l1 .subitems .item-l2 {}
.NavFull .item-l1 .subitems .item-l3 { padding-left: 15px; }

.NavSubnav {}
.NavSubnav .item {}
.NavSubnav .item.item-l1 { padding-top: 15px; padding-bottom: 2px; font-size: 18px; }
.NavSubnav .item.item-l2 { padding-bottom: 2px; }
.NavSubnav .item .abstract { font-size: 14px; }


.page-body-text img { border: 2px solid #c0c0c0; }
.page-body-text .example { border: 2px solid #c0c0c0; }

table.table {}
table.table thead {}
table.table thead tr {}
table.table thead tr td,table.table tbody tr th, table.table thead tr th { background-color: #4a5d6f; color: #ffffff; }

table.table.small { font-size: 12px; }

.button { background-color: #9747FF; max-width: 300px; margin: 10px auto; border-radius: 5px; text-align: center; padding: 10px; color: #ffffff; cursor: pointer; text-decoration: none; border: 0px; }
.button.green       { background-color: #5bd18b; }
.button.yellow      { background-color: #F1CB68; }
.button.red         { background-color: #FD7A79; }
.button.blue        { background-color: #548df5; }
.button.gray        { background-color: #d0d0d0; }
a.button { display: block; }



@media (max-width: 991px) {
	.navbar .navbar-collapse{ padding-left: 120px; }    
	.page-body .container.prerun-image {  padding-top: 40%;}
}

body.chatpage .page-body2 > .container { height: 100%; }

.chat-block { height: calc(100%); }
.chat-block .messages { height: calc(100% - 80px); overflow: scroll; padding-bottom: 10px; }
.chat-block .messages.has-guesses { height: calc(100% - 140px);}
.chat-block .messages .pre-messages { height: calc(100% - 90px); }

/*
.chat-block .messages .message { margin-bottom: 15px; display: flex; }
.chat-block .messages .message .avatar { width: 32px; height: 32px; background-size: cover; background-position: center center; background-repeat: no-repeat;align-self: flex-end; }
.chat-block .messages .message .body { font-size: 18px; padding: 8px; width: calc(100% - 40px); }
.chat-block .messages .message .body.loading { width: auto; padding: 8px 30px; }
.chat-block .messages .message::after { clear: both; content: ""; display: block; }
.chat-block .messages .message.message-i { margin-left: 20%; }
.chat-block .messages .message.message-i .body {background-color: #548df5; border-radius: 8px 8px 0px 8px; color: #ffffff; text-align: right; }
.chat-block .messages .message.message-i .avatar { margin-left: 8px; }
.chat-block .messages .message.message-i .avatar { background-image: url(/images/icons/user.png); }
.chat-block .messages .message.message-o { margin-right: 20%; }
.chat-block .messages .message.message-o .body { background-color: #d0d0d0; border-radius: 8px 8px 8px 0px; }
.chat-block .messages .message.message-o .avatar { margin-right: 8px; }
.chat-block .messages .message.message-o .avatar { background-image: url(/images/icons/ai.png); }
.chat-block .messages .loading {}
.chat-block .messages .error { background-color: #FD7A79; border-radius: 8px 8px 8px 0px; padding: 8px; margin-right: 20%; }
.chat-block .messages .error .title { font-size: 32px; padding: 10px 0px; }
.chat-block .messages .error .body { font-size: 18px; padding: 5px 0px;}
.chat-block .messages .error .details { font-size: 12px; white-space: pre-wrap; }
*/

.chat-block .messages .chat-link { padding: 10px 0px; color: #ffffff; font-size: 12px; font-weight: bold; }
.chat-block .messages .chat-link a { color: #ffffff; }
.chat-block .messages .message { padding-top: 24px; }
.chat-block .messages .message .avatar { display: none; }
.chat-block .messages .message .body { font-size: 36px; font-weight: bold; color: #ffffff; width: 60%; line-height: 1.1; opacity: 0.3; }
.chat-block .messages .message.pre-last .body { opacity: 0.6; }
.chat-block .messages .message.last .body { opacity: 1; }
.chat-block .messages .message .body span { color: #2894F9; }
.chat-block .messages .message.message-i { }
.chat-block .messages .message.message-i .body { text-align: right; margin-left: 40%; }
.chat-block .messages .message.message-i .body span {}
.chat-block .messages .message.message-o { }
.chat-block .messages .message.message-o .body { }
.chat-block .messages .message.message-o .body span { }
.chat-block .messages .message .info { color: #ffffff; font-size: 14px; font-style: italic; padding: 5px 0px; }

.chat-block .messages .message.message-airlines { max-width: 448px; }
.chat-block .messages .message.message-airlines .item { margin-bottom: 5px; border-radius: 2px; background-color: #ffffff; padding: 10px 10px 10px 65px; background-size: 50px; background-repeat: no-repeat; background-position: 5px center; }
.chat-block .messages .message.message-airlines .item .name { font-size: 24px;  }
.chat-block .messages .message.message-airlines .item .phone { text-align: right; font-size: 18px;  }
.chat-block .messages .message.message-airlines .item .phone u { border-bottom: 2px solid #2894F9; text-transform: none; }


.chat-block .messages .message.message-flights { max-width: 550px; }
.chat-block .messages .message.message-flights .item { margin-bottom: 5px; border-radius: 2px; background-color: #ffffff; padding: 10px 10px 10px 65px; background-size: 50px; background-repeat: no-repeat; background-position: 5px center; }
.chat-block .messages .message.message-flights .item .name { font-size: 24px;  }
.chat-block .messages .message.message-flights .item .phone { text-align: right; font-size: 18px;  }
.chat-block .messages .message.message-flights .item .phone u { border-bottom: 2px solid #2894F9; text-transform: none; }


.chat-block .messages .message.message-progress .body { opacity: 1; }
.progress-dots {}
.progress-dots .dot { float: left; width: 8px; height: 8px; border-radius: 8px; margin-right: 8px; background-color: #d0d0d0; }
.progress-dots .dot { animation: progress-dots-color-change 0.9s linear infinite alternate both; }
.progress-dots .dot.dot-1 { animation-delay: 0s; }
.progress-dots .dot.dot-2 { animation-delay: 0.3s; }
.progress-dots .dot.dot-3 { animation-delay: 0.6s; }
.progress-dots::after { clear: both; content: ""; display: block; }

@keyframes progress-dots-color-change {
  0% { background: #606060; }
  100% { background: #ffffff; }
}
.chat-block .messages .error { color: #ffffff; white-space: pre-wrap; border: 1px solid #ff0000; padding: 10px; margin: 10px; }
.chat-block .messages .error .title, .chat-block .messages .error h1 { font-size: 32px; padding: 10px 0px; color: #ff0000; line-height: 1.1; }
.chat-block .messages .error .body { font-size: 18px; padding: 5px 0px;}
.chat-block .messages .error .details { font-size: 12px; white-space: pre-wrap; }

.chat-block .write { }
.chat-block .write div.guesses { }
.chat-block .write div.guesses .item { float: right; border: 1px solid #ffffff; padding: 8px 16px; color: #ffffff; cursor: pointer; margin-left: 8px; margin-bottom: 8px; }
.chat-block .write div.guesses::after { clear: both; content: ""; display: block; }
.chat-block .write div.text-enter textarea { width: calc(100% - 72px - 8px); display: block; float: left; height: 72px; font-size: 20px; font-family: Helvetica; padding: 22px 32px; }
.chat-block .write div.text-enter .send-button { width: 72px; height: 72px; float: left; background-color: #2894F9; margin-left: 8px; background-image: url(/images/write-arrow.png); background-size: 50px; background-position: center center; background-repeat: no-repeat; cursor: pointer; }
.chat-block .write div.text-enter .send-button.in-progress { background-image: url(/images/progress-round.gif); }
.chat-block .write div.text-enter::after { clear: both; content: ""; display: block; }

.no-messages { margin-left: 50%; color: #ffffff; font-weight: bold; }
.no-messages .hello { font-size: 36px; text-align: center; }
.no-messages .hello .title1 { opacity: 0.7; font-size: 24px; padding-bottom: 20px; }
.no-messages .hello .title1 span { color: #2894F9; }
.no-messages .hello .title2 { line-height: 1.2; padding-bottom: 20px; }
.no-messages .hello .start { width: 180px; background-color: #2894F9; margin: 0px auto; padding: 10px 10px; font-size: 18px; cursor: pointer; }
.no-messages .popular { max-width: 424px; margin: 0px auto; padding-top: 100px; }
.no-messages .popular .title1 { font-size: 24px; font-weight: bold; text-align: center; padding-bottom: 20px; }
.no-messages .popular .items { }
.no-messages .popular .items .item { margin-bottom: 10px; border: 1px solid #ffffff; display: flex; cursor: pointer; }
.no-messages .popular .items .item div { }
.no-messages .popular .items .item div.city { padding: 12px; text-align: center; font-size: 18px; font-weight: bold; width: calc(50% - 50px); height:  }
.no-messages .popular .items .item div.city1 { padding-left: 15px; }
.no-messages .popular .items .item div.city2 { padding-right: 15px; }
.no-messages .popular .items .item div.airplane { background-image: url(/images/airplane-popular.png); background-size: 100px; width: 100px; background-position: center center; background-repeat: no-repeat; }

@media (max-width: 600px) {
	.chat-block .write div.guesses .item { font-size: 14px; padding: 6px 12px; }
	.chat-block .messages .message .body { font-size: 32px; width: 75%; }
	.chat-block .messages .message.message-i .body {margin-left: 25%; }

	.no-messages { margin-left: 10%; background-color: rgba(40, 47, 63, 0.3); }
	.no-messages .hello { font-size: 30px; padding-top: 20px; }
	.no-messages .hello .title1 { font-size: 20px;}
	.chat-block .messages .message.message-flights .item { padding: 8px 8px 8px 52px; background-size: 40px; background-repeat: no-repeat; background-position: 3px center; }
	.chat-block .messages .message.message-flights .item .name { font-size: 16px; }
	.chat-block .messages .message.message-flights .item .phone { font-size: 13px; }
}

.filters { padding: 10px 0px; }

table.table { font-size: 14px; }
table.table td.red { background-color: #FD7A79 !important; color: #ffffff !important; }
table.table td.gray { background-color: #d0d0d0 !important; }
table.table td a.hl { font-weight: bold; background-color: #d0d0d0; }
.extract { width: 450px; }
.extract .msg { max-width: 80%; border-radius: 4px; font-size: 13px; padding: 3px; margin-bottom: 3px; }
.extract .msg-user { text-align: right; margin-left: 20%; background-color: #2894F9; color: #ffffff; border-radius: 4px 4px 0px 4px; }
.extract .msg-ai { background-color: #d0d0d0; border-radius: 4px 4px 4px 0px; }

.filters {}
.filters select { width: 100%; }
.filters input { width: 100%; }

.airline-form { margin: 30px 0px 30px 0px; padding: 10px; background-color: #ffffff; border: 1px solid #e0e0e0; }
.airline-form .label { font-size: 14px; }
.airline-form input[type='date'] { height: 46px; border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha)); border-radius: 3px; }
.airline-form .submit { padding-top: 27px; }
.airline-form .submit input { margin: 0px; width: 100%; padding: 4px; height: 46px; }

.aitem {}
.aitem.aitem-city { background-image: url('/images/icons/location-pin.png'); background-size: 24px; background-repeat: no-repeat; background-position: 0px center; padding: 5px 0px 5px 40px; }
.aitem.aitem-airport { background-image: url('/images/icons/air-transport.png'); background-size: 24px; background-repeat: no-repeat; background-position: 0px center; padding: 5px 0px 5px 40px; }
.aitem.aitem-airport-in { background-position: 30px center; padding: 5px 0px 5px 70px; }
.aitem .aitemname {}
.aitem .aitemsubname { font-size: 14px; padding-top: 4px; color: #808080; }

form .err { font-size: 13px; font-weight: bold; color: #FD7A79; }

.results .airlines { padding: 0px 0px 20px 0px; }
.results .airlines .item { background-color: #ffffff; padding: 10px; border-radius: 4px; background-size: 60px; background-repeat: no-repeat; background-position: 0px center; font-size: 24px; margin-bottom: 10px; }
.results .airlines .item .name { padding-left: 64px; }
.results .airlines .item .phone {}


.results .flights {}
.results .flights .item {  background-color: #ffffff; margin-bottom: 10px; border-radius: 7px; padding: 5px 5px 5px 5px; }
/*.results .flights .item { background-size: 80px; background-position: 5px center; background-repeat: no-repeat; }*/
.results .flights .item .avatar { background-size: 80px; background-position: 5px center; background-repeat: no-repeat; width: 90px; float: left; height: 81px; }
.results .flights .item .with-avatar { float: left; width: calc(100% - 90px); }
.results .flights .item .flight-code {}
.results .flights .item .airline {}
.results .flights .item .phone {}
.results .flights .item .address { padding-top: 10px; }
.results .flights .item .address .time { font-size: 28px; }
.results .flights .item .address .code { }
.results .flights .item .address .name { font-weight: 100; font-size: 16px; }
.results .flights .item .price { font-size: 28px; padding-top: 30px; text-align: right; }
.results .flights .item .price .value {}
.results .flights .item .price .currency { font-weight: 100; }
.results .flights .item .split { border-top: 1px solid #d0d0d0; }
@media (max-width: 767px) {
	.results .flights .item .price .currency { font-weight: 100; font-size: 18px; }
}
@media (min-width: 800px) {
	.results .flights .item .row.secondline { padding-left: 90px; }
}