@font-face {
src: local("Uniform"), url("/css-tools/font-face/Uniform/Uniform.woff") format("woff");
font-family: Uniform;
font-weight: normal;
}
@font-face {
src: local("Uniform Medium"), local("Uniform-Medium"), url("/css-tools/font-face/Uniform/Uniform-Medium.woff") format("woff");
font-family: Uniform;
font-weight: 500;
}
@font-face {
src: local("Uniform Bold"), local("Uniform-Bold"), url("/css-tools/font-face/Uniform/Uniform-Bold.woff") format("woff");
font-family: Uniform;
font-weight: bold;
}
@font-face {
src: local("Uniform Black"), local("Uniform-Black"), url("/css-tools/font-face/Uniform/Uniform-Black.woff") format("woff");
font-family: Uniform;
font-weight: 800;
}
iframe, html, body {
background-color: transparent;
}
body, td, th, input, select, textarea, h1, h2, h3, h4, h5, h6 {
font-family: Uniform, Verdana, Sans-Serif;
font-size: 13px;
}
img, input[type=image] {
vertical-align: middle;
}
h2 {
background-color: #1a327b;
color: white;
text-transform: uppercase;
padding: 15px 15px 10px 15px;
font-size: 16px;
margin-bottom: 15px;
}
h2.hl {
background-color: #cb1d1d;
color: white;
font-weight: bold;
}
hr {
margin: 25px 0;
border: 0 none;
border-top: 1px solid #ccc;
}
.user_unselectable {
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.layer {
position: relative;
top: 0;
left: 0;
}
.preload {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
opacity: 0.001;
}
.underline {
text-decoration: underline;
}
.link:hover {
text-decoration: underline;
color: #23a638;
}
.fit {
max-width: 100%;
}
.note {
font-size: 12px;
}
a .rd_two,
a:active .rd_one,
a:focus .rd_one,
a:hover .rd_one {
display: none;
}
a:active .rd_two,
a:focus .rd_two,
a:hover .rd_two {
display: inline;
}
body.airtype_oneway .not_oneway,
body.airtype_oneway .if_roundtrip,
body.airtype_oneway .if_openjaw,
body.airtype_roundtrip .if_oneway,
body.airtype_roundtrip .not_roundtrip,
body.airtype_roundtrip .if_openjaw,
body.airtype_openjaw .if_oneway,
body.airtype_openjaw .if_roundtrip,
body.airtype_openjaw .not_openjaw {
display: none;
}
.horizontal_margin {
margin-left: 15px;
margin-right: 15px;
}
#traces {
padding: 25px;
}
#traces p {
padding-top: 5px;
}
#dialog_bg {
display: none;
z-index: 10;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(255,255,255,0.5)
}
#dialog {
display: none;
z-index: 11;
position: fixed;
top: 15px;
left: 15px;
right: 15px;
box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.09);
}
@media (min-width: 640px) {
#dialog {
left: calc(50% - 300px);
right: calc(50% - 300px);
width: 600px;
}
}
body.loading_lock #dialog_bg,
body.loading_lock #dialog {
display: block;
}
#dialog h3 {
padding: 8px 0;
background-color: #ef59ff;
color: #fff;
font-weight: bold;
text-align: center;
}
#dialog h3 .picto {
max-height: 37px;
}
#dialog .p3 {
border: 1px solid #ef59ff;
border-top: 0 none;
background-color: white;
}
#dialog_content {
padding: 20px;
font-weight: bold;
max-height: calc(100vh - 170px);
overflow-y: auto;
}
@media (min-height: 480px) {
#dialog {
top: 80px;
}
#dialog_content {
max-height: calc(100vh - 300px);
}
}
#dialog_content p,
#dialog_content ul {
margin-bottom: 10px;
}
#dialog_content p:last-child,
#dialog_content ul:last-child {
margin-bottom: 0;
}
#dialog_content ul {
list-style-type: disc;
margin-left: 25px;
}
#dialog_content li {
padding: 0 0 3px 5px;
}
#dialog_content li:last-child {
padding-bottom: 0;
}
#dialog .nav {
overflow: auto;
border-top: 1px solid #dadada;
min-height: 45px;
text-align: right;
}
#dialog .close {
float: right;
padding: 10px 15px;
color: #999;
font-weight: bold;
}
#dialog .close:hover {
color: #ef59ff;
}
.box_price {
padding: 10px 0;
min-height: 32px;
}
.box_price .price {
position: absolute;
top: 12px;
font-size: 32px;
color: #23a638;
font-weight: 800;
line-height: 30px;
}
.box_price .price sup {
font-size: 16px;
line-height: 20px;
font-weight: 500;
}
.fares .box_price .price,
.flight_detail .box_price .price,
.fare_boxes .box_price .price {
left: 80px;
}
.flight_detail .col3 .note.price_align {
padding-left: 80px;
padding-right: 5px;
}
.flight_detail .carrier_image {
min-width: 5px;
max-width: 140px;
min-height: 5px;
max-height: 32px;
}
@media (max-width: 350px) {
.flight_detail .carrier_image {
max-width: calc(100% - 10px);
}
}
.box_price .months {
background-color: #1a327b;
color: white;
padding-top: 2px;
width: 65px;
height: 17px;
line-height: 17px;
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
}
.box_price .months_arrow {
width: 0;
height: 0;
border-top: 6px solid #1a327b;
border-right: 6px solid transparent;
}
.fare_boxes {
overflow: auto;
margin-bottom: 15px;
padding-top: 10px;
border: 1px solid #ccc;
border-radius: 2px;
}
.fare_boxes:last-child {
margin-bottom: 0;
}
.fare_boxes.fare_opened {
border: 2px solid #1a327b;
}
.fare_boxes .number {
font-size: 20px;
text-transform: uppercase;
color: #1a327b;
font-weight: 500;
padding: 0 0 10px 15px;
}
.fare_boxes .legal {
color: #999;
text-align: right;
padding: 0 15px 10px 0;
font-size: 12px;
}
.fare_boxes .link {
color: #999;
}
.fare_boxes .link:hover {
color: #23a638;
}
.fare_boxes .box2 {
border-top: 1px solid #ccc;
}
.fare_boxes.fare_opened .box2 {
border-top: 1px solid #1a327b;
}
@media (min-width: 1125px) {
.fare_boxes {
padding-top: 0;
}
.fare_boxes .box1 {
float: left;
width: calc(100% - 240px);
overflow: auto;
padding-top: 10px;
}
.fare_boxes .box1 .number {
float: left;
padding-top: 6px;
padding-bottom: 0;
line-height: 26px;
}
.fare_boxes .box1 .legal {
float: right;
padding-bottom: 0;
line-height: 16px;
}
.fare_boxes .box2 {
overflow: auto;
}
.fare_boxes .box2 {
border-top: 0 none;
border-left: 1px solid #ccc;
}
.fare_boxes.fare_opened .box2 {
border-top: 0 none;
border-left: 1px solid #1a327b;
}
}
.summary {
padding: 20px;
background-color: #1a327b;
color: white;
font-weight: 500;
vertical-align: bottom;
line-height: 22px;
}
.summary img {
height: 20px;
vertical-align: bottom;
}
.summary_spacer {
display: block;
margin-top: 10px;
}
.summary_box {
margin: 0 15px;
background-color: #23a638;
border-radius: 2px;
}
.summary .link {
color: white;
text-transform: uppercase;
}
.summary .sep,
.if_summary,
body.form_summary .not_summary {
display: none;
}
.not_summary,
body.form_summary .if_summary {
display: block;
}
@media (min-width: 915px) {
span.summary_spacer {
display: inline;
margin-top: 0;
}
.summary br {
display: none;
}
.summary .sep,
.summary .sep2 {
display: inline;
padding: 0 10px;
font-weight: normal;
}
}
@media (min-width: 955px) {
.summary_box {
margin: 0 25px;
}
}
.field {
border: 1px solid #ccc;
padding: 12px 15px;
width: calc(100% - 32px);
background-color: white;
background-position: calc(100% - 12px) 50%;
background-repeat: no-repeat;
font-weight: bold;
line-height: 21px;
}
.field .placeholder,
.field::placeholder {
font-weight: normal;
opacity: 1;
color: #999;
}
.layer_field,
.field:focus {
border-color: #23a638;
color: #23a638;
}
.layer_field:focus,
.checkbox_field:focus {
outline: 0 none;
}
.layer_field .placeholder,
.field:focus .placeholder,
.layer_field::placeholder,
.field:focus::placeholder {
color: #888;
}
.field .sup {
font-size: 11px;
line-height: 12px;
vertical-align: top;
}
.field.bg {
padding-right: 62px;
width: calc(100% - 79px);
}
.field.bg_airplane                 { background-image: url(/img/magiclub/999999/airplane.png); }
.field.bg_calendar                 { background-image: url(/img/magiclub/999999/calendar.png); }
.field.bg_arrow                    { background-image: url(/img/magiclub/999999/arrow.png); }
.field.bg_0                        { background-image: url(/img/magiclub/999999/0.png); }
.field.bg_1                        { background-image: url(/img/magiclub/999999/1.png); }
.layer_field.bg_airplane,
.field.bg_airplane:focus           { background-image: url(/img/magiclub/23a638/airplane.png); }
.layer_field.bg_calendar,
.field.bg_calendar:focus           { background-image: url(/img/magiclub/23a638/calendar.png); }
.layer_field.bg_arrow,
.field.bg_arrow:focus              { background-image: url(/img/magiclub/23a638/arrow.png); }
.solution1 .layer_field.bg_arrow,
.solution1 .field.bg_arrow:focus { background-image: url(/img/magiclub/00a3dd/arrow.png); }
.solution1 .field.bg_0:focus { background-image: url(/img/magiclub/00a3dd/0.png); }
.solution1 .field.bg_1:focus { background-image: url(/img/magiclub/00a3dd/1.png); }
.solution2 .layer_field.bg_arrow,
.solution2 .field.bg_arrow:focus { background-image: url(/img/magiclub/37a9aa/arrow.png); }
.solution2 .field.bg_0:focus { background-image: url(/img/magiclub/37a9aa/0.png); }
.solution2 .field.bg_1:focus { background-image: url(/img/magiclub/37a9aa/1.png); }
.solution3 .layer_field.bg_arrow,
.solution3 .field.bg_arrow:focus { background-image: url(/img/magiclub/4c76b5/arrow.png); }
.solution3 .field.bg_0:focus { background-image: url(/img/magiclub/4c76b5/0.png); }
.solution3 .field.bg_1:focus { background-image: url(/img/magiclub/4c76b5/1.png); }
.tabs_airtype {
display: none;
overflow: auto;
margin: 0 15px 10px 15px;
}
.tabs_airtype li {
float: left;
border: 1px solid #999;
border-right: 0 none;
padding: 15px;
color: #999;
cursor: pointer;
}
.tabs_airtype li:last-child {
border-right: 1px solid #999;
}
.tabs_airtype ul .selected {
font-weight: bold;
background-color: #999;
color: white;
}
.tabs_airtype ul:focus {
outline: 0 none;
}
.tabs_airtype ul:focus li,
.tabs_airtype ul:hover li {
border-color: #23a638;
color: #23a638;
}
.tabs_airtype ul:focus .selected {
background-color: #23a638;
color: white;
}
.tabs_airtype ul:hover .selected {
background-color: #888;
color: white;
}
.tabs_airtype ul li:hover,
.tabs_airtype ul .selected:hover {
background-color: #23a638;
color: white;
}
.is_solution0 .not_solution0,
.is_solution1 .not_solution1,
.is_solution2 .not_solution2,
.is_solution3 .not_solution3,
.is_solution4 .not_solution4,
.is_solution5 .not_solution5,
.if_solution,
.is_solution_0 .not_solution_0,
.is_solution_months .not_solution_months,
.is_solution_budget .not_solution_budget,
.is_solution_3m3c .not_solution_3m3c,
.is_solution_cbnx .not_solution_cbnx,
.is_solution_cbnxccl .not_solution_cbnxccl {
display: none;
}
.is_solution0 .if_solution0.inline,
.is_solution1 .if_solution1.inline,
.is_solution2 .if_solution2.inline,
.is_solution3 .if_solution3.inline,
.is_solution4 .if_solution4.inline,
.is_solution5 .if_solution5.inline,
.is_solution_0 .if_solution_0.inline,
.is_solution_months .if_solution_months.inline,
.is_solution_budget .if_solution_budget.inline,
.is_solution_3m3c .if_solution_3m3c.inline,
.is_solution_cbnx .if_solution_cbnx.inline,
.is_solution_cbnxccl .if_solution_cbnxccl.inline {
display: inline;
}
.solutions .number {
position: absolute;
top: -2px;
left: calc((100% - 43px) / 2);
border: 2px solid white;
border-radius: 22px;
padding: 1px 1px 0 0;
width: 39px;
height: 39px;
line-height: 39px;
text-align: center;
font-size: 25px;
font-weight: bold;
color: white;
box-shadow: 11px 13px 0 -2px rgba(0, 0, 0, 0.2);
}
.solutions .choice {
margin-bottom: 0;
padding: 40px 0 20px 0;
color: white;
font-size: 15px;
font-weight: bold;
text-align: center;
background-image: url(/img/magiclub/dynamic.png);
background-position: calc(50% + 23px) -12px;
background-repeat: no-repeat;
}
.number1,
.choice1 {
background-color: #00a3dd;
}
.solution1 .layer_field,
.solution1 .field:focus {
border-color: #00a3dd;
color: #00a3dd;
}
.number2,
.choice2 {
background-color: #37a9aa;
}
.solution2 .layer_field,
.solution2 .field:focus {
border-color: #37a9aa;
color: #37a9aa;
}
.number3,
.choice3 {
background-color: #4c76b5;
}
.solution3 .layer_field,
.solution3 .field:focus {
border-color: #4c76b5;
color: #4c76b5;
}
.solutions .field {
border-top: 0 none;
}
.nav {
text-align: center;
}
.submit {
display: inline-block;
padding: 13px 0 12px 0;
border: 0 none;
width: 100%;
line-height: 18px;
background-color: #999;
color: white;
text-align: center;
text-transform: uppercase;
font-weight: bold;
cursor: pointer;
}
.submit::-moz-focus-inner {
border: 0 none;
}
.submit:focus,
.submit:hover {
background-color: #23a638;
border-color: #23a638;
outline: 0 none;
}
.nav .submit {
width: 100%;
}
@media (min-width: 640px) {
.nav .submit {
width: 320px;
}
}
@media (min-width: 915px) {
.nav .submit {
width: calc((100% - 25px) / 3 + 25px);
}
}
@media (min-width: 955px) {
.nav .submit {
width: calc((100% - 25px) / 3 - 25px);
}
}
.part1,
.part3 {
padding-bottom: 5px;
}
.part2 {
padding-bottom: 15px;
}
.part .col {
margin: 0 15px 10px 15px;
}
.part2 .col:last-child {
margin-bottom: 0;
}
.part1 .col p,
.part3 .col p {
margin-bottom: 10px;
}
.part2 .col {
width: calc(100% - 30px);
padding-top: 16px;
}
@media (min-width: 915px) {
h2 {
font-size: 20px;
background-image: url(/img/magiclub/magiclub.svg);
background-repeat: no-repeat;
background-size: 35px 35px;
background-position: 15px center;
padding: 20px 15px 10px 65px;
}
.submit {
font-size: 15px;
}
.part1 .airtype {
display: block;
}
.part1 .col0 {
display: none;
}
.part {
overflow: auto;
}
.part_2cols .col {
width: calc((100% - 45px) / 2);
}
.part_3cols .col {
width: calc((100% - 60px) / 3);
}
.part_4cols .col {
width: calc((100% - 75px) / 4);
}
.part .col {
float: left;
margin: 0 0 0 15px;
}
.part_2cols .col2,
.part_3cols .col3,
.part_4cols .col4 {
float: none;
margin: 0 15px 0 auto;
}
}
@media (min-width: 955px) {
h2 {
margin-bottom: 25px;
background-position: 25px center;
padding-left: 75px;
padding-right: 25px;
}
.part1,
.part3 {
padding-bottom: 15px;
}
.part2 {
padding-bottom: 25px;
}
.fare_boxes {
margin-bottom: 25px;
}
.horizontal_margin,
.part1 .airtype {
margin-left: 25px;
margin-right: 25px;
}
.part_2cols .col {
width: calc((100% - 75px) / 2);
}
.part_3cols .col {
width: calc((100% - 100px) / 3);
}
.part_4cols .col {
width: calc((100% - 125px) / 4);
}
.part .col {
margin-left: 25px;
}
.part_2cols .col2,
.part_3cols .col3,
.part_4cols .col4 {
margin: 0 25px 0 auto;
}
.solutions .number {
top: -18px;
}
.part2 .col {
padding-top: 0;
}
}
.base_layer {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 9;
}
.base_layer.show {
display: block;
}
.base_layer .box_arrow_border,
.base_layer .box_arrow {
position: absolute;
right: 18px;
border: 6px solid transparent;
border-top: 0 none;
width: 0;
height: 0;
}
.base_layer .box_arrow_border {
top: 0px;
border-bottom-color: #23a638;
}
.base_layer.clr1 .box_arrow_border {
border-bottom-color: #00a3dd;
}
.base_layer .box_arrow {
top: 1.4px;
border-bottom-color: white;
}
.base_layer .box {
margin-top: 6px;
border: 1px solid #23a638;
background-color: white;
box-shadow: 0 0 7px 7px rgba(0, 0, 0, 0.1);
}
.base_layer.clr1 .box {
border-color: #00a3dd;
}
.base_layer .bl_nav {
border-top: 1px solid #999;
overflow: auto;
}
.base_layer .close {
float: right;
padding: 10px 15px 10px 10px;
color: #999;
height: 25px;
line-height: 25px;
vertical-align: middle;
font-weight: bold;
}
.base_layer .close:hover {
color: #23a638;
}
.base_layer.clr1 .close:hover {
color: #00a3dd;
}
.base_layer .close img {
vertical-align: middle;
}
.base_layer .if_clr0,
.base_layer .if_clr1 {
display: none;
}
.base_layer.clr0 .if_clr0.inline,
.base_layer.clr1 .if_clr1.inline {
display: inline;
}
.inner_layer.choices_list {
padding: 10px 15px;
}
.inner_layer.choices_list li {
line-height: 25px;
font-size: 15px;
font-weight: 500;
cursor: pointer;
}
.inner_layer.choices_list li.selected {
font-weight: bold;
color: #23a638;
cursor: default;
}
.inner_layer.choices_list li:hover {
color: #23a638;
}
.base_layer.clr1 .inner_layer.choices_list li.selected,
.base_layer.clr1 .inner_layer.choices_list li:hover {
color: #00a3dd;
}
.layer_months .col0 {
float: left;
width: 42%;
}
.layer_months .col1 {
margin-left: 50%;
}
.layer_cities .contents,
.layer_cities.ready .waiting {
display: none;
}
.layer_cities.ready .contents {
display: block;
}
.layer_cities .waiting {
padding: 10px 15px;
}
.layer_cities .invite {
vertical-align: middle;
padding: 10px 15px;
font-weight: bold;
color: #999;
}
.layer_cities .invite img {
height: 19px;
vertical-align: middle;
}
.layer_cities .empty {
padding: 10px 15px;
font-weight: bold;
color: red;
}
.layer_cities .choice {
padding: 10px;
border-bottom: 1px solid #ccc;
cursor: pointer;
}
.layer_cities .choice:last-child {
border-bottom: 0 none;
}
.layer_cities .choice:hover {
color: #23a638;
}
.layer_cities .airport {
padding-left: 30px;
}
.layer_cities .selected {
color: #23a638;
font-weight: bold;
cursor: default;
}
.layer_calendar .outernav {
position: absolute;
padding: 15px 5px 5px 5px;
}
.layer_calendar .innernav {
display: block;
border: 1px solid #999;
background-color: white;
width: 23px;
height: 23px;
line-height: 23px;
font-weight: bold;
text-align: center;
}
.layer_calendar .outernav:hover .innernav {
border-color: #23a638;
background-color: #23a638;
color: white;
}
.layer_calendar .prev_month {
left: 0;
padding-left: 0;
}
.layer_calendar .next_month {
right: 0;
padding-right: 0;
}
.layer_calendar .outerbox {
overflow: hidden;
}
.layer_calendar .innerbox {
}
.layer_calendar .outermonth {
float: left;
}
.layer_calendar .innermonth {
padding: 0 15px;
}
.layer_calendar table {
margin: 0 auto;
width: 253px;
max-width: 100%;
table-layout: fixed;
}
.layer_calendar caption div {
padding-top: 15px;
line-height: 25px;
text-align: center;
text-transform: capitalize;
font-size: 15px;
}
.layer_calendar th,
.layer_calendar td {
border: 1px solid #ccc;
text-align: center;
}
.layer_calendar th {
border-top-color: white;
border-left-color: white;
border-right-color: white;
height: 35px;
line-height: 35px;
text-transform: capitalize;
color: #999;
}
.layer_calendar .on,
.layer_calendar .off {
display: block;
height: 35px;
line-height: 35px;
}
.layer_calendar .other_month {
color: #ccc;
}
.layer_calendar .off {
color: #ccc;
cursor: not-allowed;
}
.layer_calendar.hl_today .today.on {
outline: 1px solid #23a638;
color: #23a638;
font-weight: bold;
}
.layer_calendar .off.selected {
outline: 1px solid #999;
background-color: #999;
color: white;
}
.layer_calendar .on.selected,
.layer_calendar .on:hover {
outline: 1px solid #23a638;
background-color: #23a638;
color: white;
}
.layer_calendar .selected {
font-weight: bold;
cursor: default;
}
.layer_calendar .help {
text-align: center;
color: #999;
padding: 25px 0 15px 0;
}
.layer_passengers .rd_off,
.layer_passengers a.disabled .rd_one,
.layer_passengers a.disabled .rd_two,
.layer_passengers .warn {
display: none;
}
.layer_passengers a.disabled .rd_off {
display: inline;
}
.layer_passengers .warn.show {
display: block;
}
.layer_passengers {
padding: 10px 0 10px 15px;
}
.layer_passengers .adults,
.layer_passengers .children {
margin-bottom: 10px;
}
.layer_passengers a.disabled {
cursor: not-allowed;
}
.layer_passengers .inc {
float: right;
padding: 5px 15px 5px 5px;
}
.layer_passengers .count {
float: right;
width: 15px;
height: 35px;
line-height: 35px;
font-size: 15px;
text-align: center;
font-weight: bold;
}
.layer_passengers .dec {
float: right;
padding: 5px 5px 5px 15px;
}
.layer_passengers label {
display: block;
font-size: 15px;
line-height: 19px;
font-weight: bold;
}
.layer_passengers .children label,
.layer_passengers .infants label {
padding-top: 2px;
}
.layer_passengers em {
display: block;
color: #999;
line-height: 15px;
}
.layer_passengers li:hover label,
.layer_passengers li:hover em {
color: #23a638;
}
.layer_passengers .selected label,
.layer_passengers .selected em {
font-weight: bold;
color: #23a638;
}
.layer_passengers .warn {
padding: 5px 15px 0 0;
color: red;
font-size: 15px;
font-weight: bold;
color: red;
vertical-align: bottom;
}
.layer_passengers .warn img {
vertical-align: bottom;
}
.baggage_hold_adult_small {
float: left;
width: 78px;
height: 36px;
margin-left: 15px;
}
.baggages_infos {
margin: 25px 0;
display: flex;
border-top: 1px solid #ccc;
}
.baggages_infos .category {
border: 1px solid #ccc;
border-top: 0;
padding: 20px;
}
.baggages_infos .category_cabin {
border-left: 0;
}
.baggages_infos h4,
.baggages_infos h5 {
text-transform: uppercase;
text-align: center;
font-weight: bold;
font-size: 16px;
}
.baggages_infos h4 {
color: #00a3dd;
}
.baggages_infos h5 {
margin-top: 20px;
color: #000;
font-style: italic;
}
.baggages_infos h4 + h5 {
margin-top: 5px;
}
.baggages_infos .baggage {
height: 36px;
vertical-align: top;
margin-top: 20px;
}
.baggage_hold_adult_small img.bagg,
.baggages_infos img.bagg {
padding: 3px 0;
width: 33px;
height: 30px;
vertical-align: top;
}
.baggage_hold_adult_small .spacer,
.baggage_hold_adult_small .weight,
.baggages_infos .spacer,
.baggages_infos .weight {
display: inline-block;
width: 36px;
line-height: 36px;
margin-left: -6px;
}
.baggage_hold_adult_small .weight,
.baggages_infos .weight {
background-color: black;
border-radius: 18px;
height: 36px;
text-align: center;
color: white;
font-size: 10px;
vertical-align: top;
}
.baggage_hold_adult_small .weight,
.baggages_infos .category_hold .weight {
background-color: #23a638;
}
.baggages_infos .category_cabin .weight {
background-color: #1a327b;
}
.baggage_hold_adult_small .weight em,
.baggages_infos .weight em {
font-size: 16px;
font-weight: bold;
line-height: 36px;
vertical-align: top;
}
.baggages_infos .label {
display: inline-block;
width: 75px;
line-height: 36px;
text-align: center;
font-weight: bold;
}
.baggages_infos .arrow {
margin: 15px 5px 0 0;
display: inline-block;
height: 7px;
line-height: 7px;
vertical-align: top;
}
.baggages_infos .arrow_line {
display: inline-block;
width: 78px;
height: 1px;
margin: 3px 0;
vertical-align: top;
background-color: #00a3dd;
}
.baggages_infos .arrow_img {
display: inline-block;
width: 11px;
height: 7px;
vertical-align: top;
}
.baggages_infos .pax_ct {
display: inline-block;
line-height: 36px;
font-weight: bold;
}
.baggages_infos .category_hold .pax_ct,
.baggages_infos .category_hold .label {
color: #23a638;
}
.baggages_infos .category_cabin .pax_ct,
.baggages_infos .category_cabin .label {
color: #1a327b;
}
@media (max-width: 800px) {
.baggages_infos {
display: block;
}
.baggages_infos .category_cabin {
border-left: 1px solid #ccc;
}
.baggages_infos .arrow_line {
max-width: calc(100vw - 315px);
}
}