
@font-face{
    font-family: "BrownStd-Regular";
    src: url('font/BrownStd-Regular.otf'),
    url('font/BrownStd-Regular.otf'); /* IE */
}

@font-face {
    font-family: 'Amiko';
    src: url('font/amiko-bold-webfont.woff2') format('woff2'),
         url('font/amiko-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Amiko';
    src: url('font/amiko-regular-webfont.woff2') format('woff2'),
         url('font/amiko-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Amiko';
    src: url('font/amiko-semibold-webfont.woff2') format('woff2'),
         url('font/amiko-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}

html { background: #fafafa; }
body { font-family: 'Amiko', sans-serif; }
#all_page, #page, #page_identify { background: #fafafa url('background.png') repeat-x; }

#banner img       { transition: all 0.5s; }
#banner img:hover { opacity: 0.8; transition: all 0.5s; }

/* #navigation { background: #94C0E9; } */

#navigation .item .text  {color: #333333; font-size: 14px; font-family: 'BrownStd-Regular', Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; }

/*
#navigation .item .line,
#navigation .item .point { opacity: 0.6; }
*/

#navigation .item .point        { background: url('navigation_circle_off.png'); }
#navigation .item .line         { background: url('navigation_line_off.png'); }
#navigation .item.past .point   { background: url('navigation_circle_on_old.png') center center; width: 14px; height: 14px;}
#navigation .item.past .line    { background: url('navigation_line_on.png'); }
#navigation .item.active .point { background: url('navigation_circle_on.png') center center; width: 14px; height: 14px;} 

#navigation .item .text        { color: #b7b7b7; font-weight: normal; }
#navigation .item.past .text   { color: #000/* #4a4f54 */; font-weight: normal; }
#navigation .item.active .text { color: #CC372A; font-weight: normal; }


#previous         { background-color: #090909; }
#previous:hover   { background-color: #090909; opacity: 0.9; transition: all 0.5s; }
#next             { background-color: #000; }
#next:hover       { background-color: #000; opacity: 0.9; transition: all 0.5s; }

#inputs input     { font-family: 'Amiko', sans-serif; padding: 5px 12px 0px 12px; width: 93%; }

#footer-container { background: #fafafa; }

#seat_plan_initial_msg,
#seat_plan_flight_info,
#section_initial_msg,    
.a_passenger strong,
.tr_itinerary_info,
#send_type #send_together {/* color: #4d4d4d; */font-weight: 300;}


#passengers_apis .ui-selectgroup,
#passengers_apis .select2-selection,
.a_passenger_apis .a_field input { color: #4d4d4d; background: none; }


#email_box input,
#phone_box input,
.a_passenger_bp .email_box input,
.a_passenger_bp .phone_box input,
.a_passenger_apis .a_field input      { height: 28px; padding: 0 10px; }

.a_passenger_apis .a_field input      { padding: 0 6px; }

.a_passenger_bp .phone_box input, 
#phone_box input                      { margin-bottom: 5px; }

.a_passenger_bp .email_box button, 
.a_passenger_bp .phone_box button, 
#email_box button, 
#phone_box button                     { /* margin-top: 5px; */ }

/* #c9d41b #b5ba15 */

.a_passenger .yes_select          { background: transparent url('radio_blank.png') no-repeat; }
.a_passenger .no_select           { background: transparent url('radio_blank.png') no-repeat; }
.a_passenger .yes_select.selected { background: transparent url('radio_on.png')    no-repeat; color: #000; }
.a_passenger .no_select.selected  { background: transparent url('radio_off.png')   no-repeat; color: #BE1622; }

#send_type #send_together.selected   { background: transparent url('radio_on.png') no-repeat; }
#send_type #send_separately.selected { background: transparent url('radio_on.png') no-repeat; }

.a_passenger_bp a.us_awaiting,
.a_passenger_bp a.us_rejected { text-decoration:none; display: none; cursor: default; white-space: normal !important; }

.a_passenger_bp a.us_awaiting { background: transparent url(/webci/standard/load.gif)          no-repeat; }
.a_passenger_bp a.us_rejected { background: transparent url(/webci/standard/information_i.gif) no-repeat; }

.a_passenger_bp .email_box button,
.a_passenger_bp .phone_box button,  
#email_box button, 
#phone_box button             { background: #000; font-weight: 200; }

.a_passenger_bp .email_box button:hover,
.a_passenger_bp .phone_box button:hover,  
#email_box button:hover, 
#phone_box button:hover       { background: #000; opacity: 0.9; transition: all 0.5s; }

.content_print_bp .select2    { margin: 0px 4px 5px 0; }

#send_type #send_together,   
#send_type #send_separately   { background: transparent url('/webci/flyrna/radio_blank.gif') no-repeat; }

.a_passenger_bp a.bp_link,
#together_options a.bp_link   { font-weight: lighter !important; }

.a_passenger_bp input,
#together_options input,
.content_print_bp .select2-selection { background: none; }

.content_print_bp .select2-selection__arrow, .ui-selectgroup-icon { background-color: transparent !important; }

#passengers_apis .ui-selectgroup.ui-state-disabled, 
#passengers_apis .select2-container--disabled .select2-selection
 { color: #bcbcbc !important; }
 
.a_passenger_apis input[type="text"]:disabled { background: #fafafa; color: #bcbcbc; opacity: 1; filter: Alpha(Opacity=100);}

@media screen and (max-width: 640px)
{
  #navigation .item.active       { background: #000; } /* #0091d2 #c2e2f3 #ffe200 #bed041 #25a345 #c7e4f4  */
  #navigation .item.active .text { color: white; }
  
  .a_passenger_bp a.us_awaiting { background-size: 19px; }
  .a_passenger_bp a.us_rejected { background-size: 19px; }
  
  #inputs input,
  .a_passenger_apis .name,
  #seat_plan_passengers div,
  .a_passenger .name,
  .a_passenger .name2,
  #inputs .ui-selectgroup,
  #separately_passengers .name, 
  #separately_passengers .name2,
  #together_passengers   .name,
  #together_passengers   .name2,
  #together_passengers .label     { font-size: 19px !important; }
}

@media screen and (max-width: 350px)
{
  .a_passenger_bp .email_box input,
  #email_box input,
  .a_passenger_bp .phone_box input, 
  #phone_box input                      { width: calc(98% - 22px); }
  
  .content_print_bp .select2            { width: 98% !important; }
}

@media screen and (max-width: 640px)
{
  .a_passenger_bp .phone_box input, 
  #phone_box input                      { width: calc(98% - 22px); }
}

/* Fix For select2 on <!doctype html> */




#passengers_apis .select2-selection__arrow
{
    right: 0px;
}

.content_print_bp .select2-container .select2-selection--single
{
    height: 30px !important;
}

.content_print_bp .select2-selection__rendered { height: 70%; font-weight: normal; }

.a_passenger_apis .a_field input { width: calc(57% - 14px) !important; height: 28px; }
@media screen and (max-width: 430px) { .a_passenger_apis .a_field input { width: calc(97.5% - 14px) !important; } }

#adobe #span1 { font-size: 15px; }

/*
@media screen and (min-width: 1100px) { .a_passenger_apis .a_field input { width: calc(54% - 1px); } }


@media screen and (min-width: 430px) and (max-width: 1100px) { .a_passenger_apis .a_field input { width: calc(54% - 2px); } }

@media screen and (max-width: 300px) { .a_passenger_apis .a_field input { width: calc(93% - 4px) !important; } }


@media screen and (min-width: 300px) and (max-width: 400px) { .a_passenger_apis .a_field input { width: calc(93% - 2px) !important; } }
*/





/* End Fix */



/* Fix For jAlert on <!doctype html> */



/* END Fix For jAlert on <!doctype html> */



