/*DELETE THIS on live*/
#divLeaving,#divJourneyTypes,#returning,#divPassengers2,#nationalexpress{display:block}
/*DELETE THIS on live*/
.red{color:#FF0000}
.disabledGray{opacity:0.4;}
.top-content {padding-top:35px;}
.banner-title{text-align:center; margin-bottom:20px}
.banner-title h1{font-family:Omnes-pro,Arial,Helvetica;font-weight:400;color:#FFFFFF;text-shadow:5px 2px 8px #333333;font-style:italic}
#divJourneyTypes{margin-top:25px;}
.jpposition{margin-bottom:110px; position:relative;top:0}
::-webkit-input-placeholder {
color: #696969;
opacity: 1 !important;font-size:16px;
}
:-moz-placeholder { /* Firefox 18- */
 color: #696969;
opacity: 1 !important;font-size:16px;
}
::-moz-placeholder {  /* Firefox 19+ */
 color: #696969;
opacity: 1 !important;font-size:16px;
}
:-ms-input-placeholder {
 color: #696969;
opacity: 1 !important;font-size:16px;
}
input:focus::-webkit-input-placeholder {
color: transparent;font-size:16px;
}
.JPbox {border-radius:4px;padding:20px; margin-top:10px}
.JPbox .JPContent #jpheader .topLinks p {color:#fff;float:right;font-size:14px;font-weight:400;margin:-5px 0 0px 0;font-family:Omnes-pro,Arial,Helvetica;}
.JPbox .JPContent #jpheader .topLinks p span {opacity:0.4; margin-right:5px; margin-left:5px}
.JPbox .JPContent .JPDestinations .title {margin-bottom:0;font-family:Omnes-pro,Arial,Helvetica; font-weight:400; margin-top:0; display:none}
.JPbox .JPContent .JPDestinations .title .map {font-size:14px; display:block}
.JPbox .JPContent p.accessibility{margin-bottom:5px}
.JPbox .JPContent .JPSingleReturn p {margin-top:0;}
.JPbox .JPContent .JPLeaving {margin-top:22px;}
.JPbox .JPContent h2 {font-family:Omnes-pro,Arial,Helvetica;padding-top:0;text-align:left;}
.JPbox .JPContent .JPDestinations .inputbox {
background-image:none;
border:1px solid #fff;
border-radius:4px;
font-size:16px;
margin-top:0;
padding:10px 10px;
width:100%;
font-family:Omnes-pro,Arial,Helvetica;
height:44px;
-webkit-appearance: none;
}
.FMS {
margin:10px 0 0;
}
/*CHECKBOX STYLES*/
input[type=radio].css-checkbox {
position:absolute;
z-index:-1000;
left:-1000px;
overflow:hidden;
clip:rect(0 0 0 0);
height:1px;
width:1px;
margin:-1px;
padding:0;
border:0;
}
input[type=radio].css-checkbox + label.css-label, input[type=radio].css-checkbox + label.css-label.clr {
padding-left:30px;
height:25px;
display:inline-block;
line-height:22px;
background-repeat:no-repeat;
background-position:0 0;
font-size:18px;
vertical-align:middle;
cursor:pointer;
font-family:Omnes-pro,Arial,Helvetica; font-weight:500; /*margin-right:18px;*/
}
.margin_r18{margin-right:18px}
input[type=radio].css-checkbox:checked + label.css-label, input[type=radio].css-checkbox + label.css-label.chk {
background-position:0 -25px;
}
label.css-label {
background-image:url(/nxportal2/images/csscheckbox-tick.png);
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
/*CHECKBOX STYLES*/
input[type=checkbox].css-checkbox {
position:absolute;
z-index:-1000;
left:-1000px;
overflow:hidden;
clip:rect(0 0 0 0);
height:1px;
width:1px;
margin:-1px;
padding:0;
border:0;
}
input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label.clr {
padding-left:30px;
height:25px;
display:inline-block;
line-height:22px;
background-repeat:no-repeat;
background-position:0 0;
font-size:18px;
vertical-align:middle;
cursor:pointer;
font-family:Omnes-pro,Arial,Helvetica; font-weight:500; /*margin-right:18px;*/
}
input[type=checkbox].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox + label.css-label.chk {
background-position:0 -25px;
}
.inputdatebox {
background-image:none;
background:url(/nxportal2/images/calendar-icon.png) no-repeat scroll 7px 7px;
background-position:right;
background-color:#FFFFFF;
padding-left:30px;
border:1px solid #fff;
border-radius:4px;
font-size:16px;
cursor:pointer;
font-family:Omnes-pro,Arial,Helvetica;
float:left;
padding:10px 10px; height:auto;
margin:0 5px 0 0;height:44px;
}
.inputdatebox {
width:100%;
}
.JPbox .JPContent .JPLeaving .date, .JPbox .JPContent .JPReturning .date {
float:left;
margin:0 5px 0 0;
width:100%;
}
.inputdepartArrivebox {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
text-overflow:'';
text-indent:0.01px;
background:url(/nxportal2/images/arrow-down.png) no-repeat 100% 50%;
background-color:#FFFFFF;
border:1px solid #0076c0;
font-family:Omnes-pro,Arial,Helvetica;
border-radius:4px;
font-size:18px;
padding:5px;
font-weight:400;
margin:0 1px 0 0;
}
.inputdepartArrivebox {
width:100px;
}
.inputtimebox {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
text-overflow:'';
text-indent:0.01px;
background:url(/nxportal2/images/arrow-down.png) no-repeat 100% 50%;
background-color:#FFFFFF;
border:1px solid #0076c0;
font-family:Omnes-pro,Arial,Helvetica;
border-radius:4px;
font-size:18px;
padding:5px;
font-weight:400;
margin:0 0 5px
}
.inputtimebox {
width:93px;
}
label img {
margin-top:-3px;
}
.JPbox .JPContent .JPCoachcard .title label {
font-family:Omnes-pro,Arial,Helvetica;
color:#0076c0;
float:none;
font-size:18px;
font-weight:400;
width:100%;
}
.JPbox .JPContent .JPCoachcardlist ul li p.Coachcardlist {
margin-top:10px;
width:140px;
}
.JPbox .JPContent .JPCoachcardlist ul {
margin:-5px 0 10px -5px;
}
.JPbox .JPContent .JPPassengers p {
float:none;
font-family:Omnes-pro,Arial,Helvetica;
font-size:20px;
font-weight:500;
margin-top:10px;
}
.JPbox .JPContent .JPPassengers p img {
margin-left:5px;
margin-top:-2px;
}
.JPbox .JPContent .JPCoachcard .title label img {
margin-left:5px;
}
.JPbox .JPContent .JPSingleReturn p label img {
margin-left:4px;
}




/*for long*/
.jpbody {float:left;width:100%;}
#divJourneyTypes {
margin-top:5px;
}
.pr-5{padding-right:5px}
.JPbox .JPContent .JPDestinations {
margin-top:0;
}
.ow {padding:5px; border-bottom:1px solid #C9C9C9; margin-bottom:5px}
.ow span {
color:#0076c0;
font-family:Omnes-pro,Arial,Helvetica;
font-size:24px;
font-weight:700;
margin-right:15px;
}
.arrow_box {
background:#fff;
border:1px solid #C9C9C9;
border-radius:5px;
box-shadow:0 8px 10px -5px #555;
padding:8px;
}
.arrow_box:after, .arrow_box:before {
bottom:100%;
left:50%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
}

.arrow_box:after {
border-color:rgba(136, 183, 213, 0);
border-bottom-color:#fff;
border-width:15px;
margin-left:-15px;
}
.arrow_box:before {
border-color:rgba(194, 225, 245, 0);
border-bottom-color:#C9C9C9;
border-width:16px;
margin-left:-16px;
}
.ui-widget-content {
background-image:none;
border:none;
}
.ui-widget {
font-family:Omnes-pro,Arial,Helvetica;
font-size:16px;
}
.ui-datepicker {
padding:0;
}
.ui-datepicker .ui-datepicker-title {
font-size:1.5em;
line-height:1em;
}
.ui-widget-header {font-weight:500}

.bookTickets {
background-color:#57952d;
background:#6ba443 linear-gradient(to bottom, #6ba443, #57952d) repeat scroll 0 0;
border:1px solid #2c6900;
border-radius:5px;
color:#fff;
font-family:Omnes-pro,Arial,Helvetica;
text-decoration:none;
width:100%;
height:45px;
padding:0;
}
.bookTickets:hover {
background-color:#57952d;
background:#57952d linear-gradient(to bottom, #57952d, #6ba443) repeat scroll 0 0;
text-decoration:none;
}
.inputPaxCards {
background-image:none;
background:url(/nxportal2/images/arrow-down.png) no-repeat 100% 50%;
background-position:right;
background-color:#FFFFFF;
padding-left:30px;
border:1px solid #fff;
border-radius:4px;
font-size:16px;
cursor:pointer;
font-family:Omnes-pro,Arial,Helvetica;
float:left;
padding:10px 10px;
margin:0 5px 0 0;
height:44px;
width:100%;
}
.px {padding:5px;}
.px span {color:#0076c0;font-family:Omnes-pro,Arial,Helvetica;font-size:24px;font-weight:700;margin-right:5px;}
.px img {margin-top:-5px}
.JPbox .JPContent .JPPassengers {margin-top:0;padding:10px; padding-top:0}
.JPbox .JPContent .JPPassengers p {
color:#0076c0;
font-family:Omnes-pro,Arial,Helvetica;
font-size:16px;
font-weight:500;
}
.JPbox .JPContent .JPPassengers ul {
margin:0 0 0 -5px;
padding:0;
width:100%;
}
.JPbox .JPContent .JPPassengers ul li {
display:inline-table;
list-style:outside none none;
margin:0;
padding:0;
}
.JPbox .JPContent .JPPassengers ul li p.Passengerslist {
margin-left:0;
margin-top:10px;
width:145px;
}
.JPbox .JPContent .JPPassengers ul li p.Passengerslist .Passengerstext {
width:125px;
}
.JPbox .JPContent .JPPassengers ul li p.Passengerslist .Passengerstext {
float:left;
font-family:Omnes-pro,Arial,Helvetica;
font-size:16px;
font-weight:400;
margin-bottom:5px;
}
.JPbox .JPContent .JPPassengers ul li .Passengerslist input, .JPbox .JPContent .JPCoachcardlist ul li .Coachcardlist input {
background-color:#ffffff;
background-image:none;
border:1px solid #0076c0;
border-radius:4px;
color:#333;
float:left;
font-family:Omnes-pro,Arial,Helvetica;
font-size:18px;
font-weight:400;
height:40px;
margin-right:5px;
margin-top:0;
padding:10px;
text-align:center;
width:43px;
}
.JPbox .JPContent .JPPassengers ul li p.Passengerslist .plus, .JPbox .JPContent .JPCoachcardlist ul li p.Coachcardlist .plus {
background:rgba(0, 0, 0, 0) url("/nxportal2/images/plus-blue.png") no-repeat scroll 0 0;
cursor:pointer;
display:inline;
height:40px;
text-indent:-999999px;
width:43px;
}
.JPbox .JPContent .JPPassengers ul li p.Passengerslist .plus:hover, .JPbox .JPContent .JPCoachcardlist ul li p.Coachcardlist .plus:hover {
background:rgba(0, 0, 0, 0) url("/nxportal2/images/plus-blue.png") no-repeat scroll 0 0;
}
.JPbox .JPContent .JPPassengers ul li p.Passengerslist .minus, .JPbox .JPContent .JPCoachcardlist ul li p.Coachcardlist .minus {
background:rgba(0, 0, 0, 0) url("/nxportal2/images/minus-blue.png") no-repeat scroll 0 0;
cursor:pointer;
display:inline;
height:40px;
margin-left:-1px;
text-indent:-999999px;
width:43px;
}
.JPbox .JPContent .JPPassengers ul li p.Passengerslist .minus:hover, .JPbox .JPContent .JPCoachcardlist ul li p.Coachcardlist .minus:hover {
background:rgba(0, 0, 0, 0) url("/nxportal2/images/minus-blue.png") no-repeat scroll 0 0;
}
.JPbox .JPContent .JPPassengers ul li p.Passengerslist span {
float:left;
margin-top:0;
}

.JPbox .JPContent .JPCoachcardlist {
padding:5px;
}
.JPbox .JPContent .JPCoachcardlist ul li p.Coachcardlist .Coachcardtext {
color:#0076c0;
font-family:Omnes-pro,Arial,Helvetica;
font-size:16px;
font-weight:400;
margin-bottom:5px;
width:100%;
}

label.css-label-blue {
-moz-user-select:none;
user-select:none;
background-image:url("/nxportal2/images/checkboxblueoutline.png");
}
.modal {
z-index:99999;
}
.jpfooter{margin-top:5px; width:100%; float:left; display:none}

.ac_results {
margin-top:5px
}
.ac_results li {
cursor:default;
font:19px/21px Omnes-pro,Arial,Helvetica;
}

.px .closePop{cursor:pointer;float:right;margin-right:0;margin-top:-2px}
.closePop{cursor:pointer;float:right;margin-right:0;margin-top:-2px}
.cal-popup-out,.cal-popup-ret,.pax-popup{position:absolute;z-index:99999;}
.pax-popup{width:482px;}
.pr-10 {padding-right:10px}
.JPbox .JPContent .JPDestinations .pl-15 {padding-left:15px}
.swap { position:absolute;cursor:pointer; z-index:10000;}
@media (min-width:320px) {
.JPbox .JPContent h2{font-size:35px; margin-top:-10px}
.jpposition{margin-bottom:110px; position:relative;top:0}
.banner-title h1{font-size:35px; }
.banner-title{height:50px }
.bookTickets {font-size:27px;}
#divJourneyTypes {margin-top:12px;}
.jpbody {margin-top:13px;}
.JPbox .JPContent #jpheader .topLinks p {display:none}
.pr-5{padding-right:0}
input {margin-bottom:5px}
.inputdatebox{margin-bottom:5px}
.inputPaxCards{margin-bottom:5px}
.pax-popup {top:358px;}
.pax-popup {left:20px;}
.pl-10 {padding-left:0px}
}
@media (min-width:768px) {
input {margin-bottom:0}
.inputdatebox{margin:0 5px 0 0;}
.inputPaxCards{margin:0 5px 0 0;}
.JPbox .JPContent h2{font-size:35px; margin-top:-10px}
.jpposition{margin-bottom:60px; position:relative;top:0}
.banner-title h1{font-size:45px; margin-top:5px}
.banner-title{height:50px }
.cal-popup-out, .cal-popup-ret {top:298px;}
.pax-popup {top:358px;}
.cal-popup-out {left:20px;}
.cal-popup-ret {left:92px;}
.pax-popup {left:20px;}
.bookTickets {font-size:27px;}
.arrow_box::after, .arrow_box::before {left:33%;}
.arrow_box_ren:after, .arrow_box_ren::before {left:72%;}
.arrow_box_sin::after, .arrow_box_sin::before {left:28%;}
.pr-5{padding-right:5px}
.md-prz{padding-right:0}
.md-mb15{margin-bottom:15px}
#divJourneyTypes {margin-top:12px;}
.jpbody {margin-top:13px;}
.JPbox .JPContent #jpheader .topLinks p {margin-top:-75px; display:block}
.md-mb15-1{margin-bottom:15px}
.sm-h-44{ height:44px}
.pl-10 {padding-left:10px}
.swap {top:2px;left:301px}
}
@media (min-width:992px) {
.JPbox .JPContent h2{font-size:30px; margin-top:-4px}
.jpposition{margin-bottom:80px; position:relative;top:0}
.banner-title h1{font-size:55px; margin-top:10px}
.banner-title{height:70px }
.cal-popup-out, .cal-popup-ret, .pax-popup {top:288px;}
.cal-popup-out {left:20px;}
.cal-popup-ret {left:75px;}
.pax-popup {left:338px;}
.bookTickets {font-size:25px;}
.arrow_box::after, .arrow_box::before {left:50%;}
.arrow_box_ren:after, .arrow_box_ren::before {left:50%;}
.arrow_box_sin::after, .arrow_box_sin::before {left:20%;}
.md-prz{padding-right:0}
.md-mb15{margin-bottom:15px}
#divJourneyTypes {margin-top:5px;}
.jpbody {margin-top:18px;}
.JPbox .JPContent #jpheader .topLinks p {margin-top:0;}
.md-mb15-1{margin-bottom:0}
.sm-h-44{ height:44px}
.swap {top:2px;left:432px;}
}
@media (min-width:1200px) {
.JPbox .JPContent h2{font-size:35px; margin-top:-8px}
.jpposition{margin-bottom:90px; position:relative;top:0}
.banner-title h1{font-size:55px; margin-top:12px}
.banner-title{height:80px }
.cal-popup-out, .cal-popup-ret, .pax-popup {top:224px;}
.cal-popup-out {left:260px;}
.cal-popup-ret {left:394px;}
.pax-popup {left:610px;}
.bookTickets {font-size:18px;}
.arrow_box_sin::after, .arrow_box_sin::before {left:50%;}
.arrow_box::after, .arrow_box::before {left:50%;}
.arrow_box_ren:after, .arrow_box_ren::before {left:50%;}
.md-prz{padding-right:5px}
.md-mb15{margin-bottom:0}
.md-mb15-1{margin-bottom:0}
.sm-h-44{ height:0}
.swap {top:2px;left:208px;}
}

.JPbox .JPContent .JPDestinations .selected {border: 2px solid #6ba443;}
.selected {border: 2px solid #6ba443;}
.JPbox .JPContent .JPDestinations .selected_invalid {
  border: 3px solid #ffa41f;
}
.JPbox .JPContent p.invalid_input{
display:none;
background-color: #ffa41f;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
font-family: omnes-pro;
font-size: 19px;
font-weight: 400;
padding: 15px 10px 10px;
text-align: left;
width: 100%; margin-top:-10px; z-index:99999;
}