/* Minification failed. Returning unminified contents.
(9,1): run-time error CSS1019: Unexpected token, found '@import'
(9,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')'
(10,1): run-time error CSS1019: Unexpected token, found '@import'
(10,9): run-time error CSS1019: Unexpected token, found 'url('beNational.css')'
(1385,30): run-time error CSS1046: Expect comma, found '85'
(1385,36): run-time error CSS1046: Expect comma, found '/'
(1385,38): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1385,42): run-time error CSS1034: Expected closing parenthesis, found '-'
(1385,42): run-time error CSS1042: Expected function, found '-'
(1385,43): run-time error CSS1039: Token not allowed after unary operator: '-tw-bg-opacity'
(1385,57): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1920,7): run-time error CSS1030: Expected identifier, found ' '
(8068,1): run-time error CSS1031: Expected selector, found '5'
 */
/*! jQuery UI - v1.12.0 - 2016-07-08
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon,.ui-state-default .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/*--- Colors: DarkGrey= #727b87 red=#cd1c38 darkRed=#B81f37---*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('beNational.css');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: 'Roboto', sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    margin: 0;
    background: #f5f5f5;
    color: #666666;
    font-family: 'Roboto', ​ sans-serif;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

#overlay {
    display: none;
}

#loading, #loadingError {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    background: rgba(0,0,0,0.5);
    z-index: 1000;
}

#loadingcontent {
    display: table;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    float: left;
    opacity: 1;
}

#loadingspinnerContent {
    width: 30%;
    z-index: 20;
    left: 35%;
    align-content: center;
    border: 1px solid #485669;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: left;
    position: fixed;
    top: 42%;
    bottom: 35%;
    background: #ECEFF4;
    opacity: 1;
    z-index: 1001;
}

#loadingspinnerText, #loadingspinnerErrorText {
    vertical-align: baseline;
    width: 100%;
    text-align: center;
    font-size: larger;
    float: left;
    position: absolute;
    bottom: 10%;
    z-index: 20;
}

#loadingspinnerErrorText {
    bottom: 40%;
}

.errorMessageBox {
    width: 80%;
    margin: 5% 10%;
    font-size: 1.3em;
    text-align: center;
    float: left;
}

#errorHomeBtn {
    margin: 2em 35%;
    border: 1px solid grey;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
    padding: 0.5em;
    background: #fff;
    width: 30%;
    text-align: center;
}

    #errorHomeBtn a {
        width: 100%;
    }

    #errorHomeBtn button#btnHome {
        background: transparent !important;
        color: #666666;
        font-weight: normal;
    }

#CustTitle .field-validation-error {
    left: 120px;
}

.hiddenTextbox {
    left: 180px;
    position: absolute;
    z-index: -1;
}

    .hiddenTextbox .field-validation-error {
        left: 480px;
        position: relative;
        top: -50px;
        z-index: 5;
    }

#PassengerDetail .field-validation-error {
    left: 365px;
    position: absolute;
    top: 158px;
    z-index: 5;
}

.hiddenTextbox input {
    height: 5px;
    width: 5px;
}

input:invalid {
    -moz-box-shadow: none !important;
}

:invalid {
    box-shadow: none;
}

:-moz-submit-invalid {
    box-shadow: none;
}

:-moz-ui-invalid {
    box-shadow: none;
}

#departureDateValidation .field-validation-error, #returnDateValidation .field-validation-error,
#ticketTypeValidation .field-validation-error, #SelectedStopsValidation .field-validation-error,
#PassengerNumberValidation .field-validation-error, .TestHiddenTextbox .field-validation-error,
#valErrorPassenger, #valErrorOutStop, #valErrorRetStop, #redViewBagError {
    background: url('/Images/National/ico_Exlamation.png') no-repeat;
    background-position: 95% 50%;
    background-size: 32px 32px;
    font-size: 14px;
    line-height: 1.4em;
    padding: 10px;
    width: 250px;
    z-index: 2;
}

#ticketTypeValidation .field-validation-error {
    top: 42px;
    z-index: 1;
}

#returnDateValidation .field-validation-error, #PassengerNumberValidation .field-validation-error {
    z-index: 1;
}

#SelectedStopsValidation .field-validation-error {
    background-position: 275px center;
    left: 310px;
    padding: 10px 35px 10px 10px;
    top: 120px;
    width: 270px;
}

.nav a {
    color: red;
}

.yui3-menu-content, .yui3-menu-label {
    clear: both;
    float: left;
    position: absolute;
    width: 150px;
    z-index: 5;
}

.yui3-menu-label {
    background: red;
    position: relative;
}

.yui3-menuitem {
    clear: both;
    float: left;
}

.menuSubMenu {
    border: 0 solid red;
    float: left;
    left: 150px;
    position: relative;
    position: relative;
    top: -30px;
    width: 180px;
    z-index: 5;
}

.transportforireland {
    left: 22.2%;
    position: absolute;
}

.explanationtext p {
    font-size: 0.93em;
    margin-bottom: 1.6em;
}

.explanationtext {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.copyright, .copyright a:link, .copyright a:visited, .copyright a:active {
    text-decoration: none;
}

    .copyright a:hover {
        text-decoration: underline;
    }

.hidden {
    display: none;
}

.behind {
    z-index: -30;
    border: 1px solid red;
    display: none;
}

/*--- Header footer AVL CSS---*/
/*---CSS for TestShowHide javascript----*/
a {
    cursor: pointer;
}

.leftArrowRed, .leftArrowRedWarning, .leftArrowRedFare, .leftArrowRedWarning1 {
    border-bottom: 1em solid transparent;
    border-right: 1.8em solid #e43d25;
    border-top: 1em solid transparent;
    display: inline-block;
    float: left;
    left: -138px;
    position: relative;
    top: -8px;
}

.leftArrowRed, .leftArrowWhiteInset {
    position: absolute;
    top: 10px;
}

.leftArrowRed {
    top: 12px;
}

.leftArrowRedWarning1 {
    float: left;
    left: -34px;
    top: -4px;
    z-index: 1;
}

.leftArrowRedWarning {
    float: left;
    left: -2.4em;
}

.leftArrowRedFare {
    right: 282px;
    top: -4px;
}

.leftArrowWhiteInset, .leftArrowRedInset, .leftArrowRedInset1, .leftArrowRedInset2 {
    border-bottom: 0.7em solid transparent;
    border-right: 1.3em solid white;
    border-top: 0.7em solid transparent;
    display: inline-block;
    float: left;
    height: 0;
    position: absolute;
    left: 55px;
    top: 1.1em;
    z-index: 7;
}

.leftArrowWhiteInset {
    top: 1.2em;
    left: -134px;
}

.leftArrowRedInset {
    border-right: 20px solid #cf1528;
    width: 300px;
    left: -50px;
}

.leftArrowRedInset1, .leftArrowRedInset2 {
    border-right: 1.4em solid #B81B29;
    left: -18px;
    top: 10px;
}

.leftArrowRedInset2 {
    left: -17px;
    top: 7px;
}

.imageLink {
    border-style: none;
    cursor: pointer;
    float: left;
}

.slidingDiv {
    -moz-border-radius: 10px;
    background: white;
    border: 2px solid #e43d25;
    border-radius: 10px;
    clear: both;
    color: black;
    display: inline-block;
    float: left;
    font-family: Arial;
    font-size: 1em;
    font-weight: 100;
    left: 100%;
    margin-left: 25px;
    min-height: 1.5em;
    padding: 10px;
    position: absolute;
    top: -0.9em;
    width: 23em;
    word-wrap: break-word;
}

.slidingDivRed {
    -moz-border-radius: 10px;
    background-color: #cf1528;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b81b29), to(#cf1528));
    background-image: -webkit-linear-gradient(top, #b81b29, #cf1528);
    background-image: -moz-linear-gradient(top, #b81b29, #cf1528);
    background-image: -ms-linear-gradient(top, #b81b29, #cf1528);
    background-image: -o-linear-gradient(top, #b81b29, #cf1528);
    border: 2px solid #e43d25;
    border-radius: 10px;
    clear: both;
    color: white;
    display: inline-block;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#b81b29', endColorstr='#cf1528', GradientType=0);
    float: left;
    font-family: Arial;
    font-size: 1em;
    font-weight: 100;
    left: 100%;
    margin-left: 25px;
    min-height: 1.5em;
    padding: 10px;
    position: absolute;
    top: -0.9em;
    width: 20em;
    word-wrap: break-word;
    z-index: 10;
}

.initialHide {
    display: none;
}

.validationPopup, .errorMessageText, .errorMessageText_float {
    color: #ffffff;
    background: #cf1528;
    background: url(/Images/National/ico_Exlamation.png) no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#b81b29), to(#cf1528));
    background: url(/Images/National/ico_Exlamation.png) no-repeat, -webkit-linear-gradient(top, #b81b29, #cf1528);
    background: url(/Images/National/ico_Exlamation.png) no-repeat, -moz-linear-gradient(top, #b81b29, #cf1528);
    background: url(/Images/National/ico_Exlamation.png) no-repeat, -ms-linear-gradient(top, #b81b29, #cf1528);
    background: url(/Images/National/ico_Exlamation.png) no-repeat, -o-linear-gradient(top, #b81b29, #cf1528);
    background: url(/Images/National/ico_Exlamation.png) no-repeat, linear-gradient(#b81b29, #cf1528);
    background-position: 98% 50%;
    border: 2px solid #e43d25;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 50px 10px 10px;
    z-index: 2;
    font-size: 12px;
    float: left;
    line-height: 1.8em;
    text-align: left;
    word-wrap: normal;
    display: block;
}

#PassengerNumberValidation {
    right: 0;
    margin-top: 0.5em;
    float: right;
}

#editBookingError, #editBookingError2 {
    background-image: url('/Images/National/ico_Exlamation.png');
    background-position: 175px center;
    background-repeat: no-repeat;
    position: absolute;
    float: left;
    top: 215px;
    left: 500px;
    width: 190px;
}

.TestHiddenTextbox .field-validation-error {
    left: 690px;
    position: absolute;
    top: 0;
}

.infoText {
    -moz-border-radius: 10px;
    background: white;
    border: 2px solid #e43d25;
    border-radius: 10px;
    clear: both;
    color: black;
    display: block;
    float: left;
    font-family: Arial;
    font-size: 1em;
    font-weight: 100;
    margin-left: -120px;
    padding: 10px;
    position: absolute;
    top: 5px;
    min-width: 12em;
    word-wrap: break-word;
    z-index: 6;
}

.infoTextSlidingDiv {
    position: relative;
    left: -30px;
    top: -15px;
}

.infoTextBold {
    float: left;
    font-weight: 700;
    padding-right: 5px;
}

.infoTextMain {
    float: left;
    font-weight: 100;
    text-align: justify;
}

.arrow {
    display: inline-block;
    float: right;
    margin-right: 1px;
    position: absolute;
    right: 100%;
    top: 15px;
    width: 15px;
}

.ui-widget-overlay {
    background: #000000 !important;
    opacity: 0.6 !important;
}

#unsupportedBrowserDivOuter {
    background: #000000;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

#unsupportedBrowserModal {
    z-index: 101;
    opacity: 1;
    left: 20%;
    right: 20%;
    position: fixed;
    background: white;
    border: 1px solid #aaaaaa;
    z-index: 150;
    font-size: 2em;
    top: 20%;
    border-radius: 10px;
}

#closeBrowser {
    float: right;
    border-radius: 20px;
    margin: 0.4em 0;
    cursor: pointer;
}

#unsupportedBrowserModal #modalTitleHeader {
    border-radius: 10px 10px 0 0;
    background: #b81b29;
    line-height: 2em;
    color: #ffffff;
    font-size: 0.8em;
    font-weight: normal;
    padding: 0.1em 1em;
}

#unsupportedBrowserModal #modalContent, .modalBrowserLink {
    color: #333333;
    padding: 1em;
    font-size: 0.75em;
    line-height: 1.3em;
}

.modalBrowserLink {
    width: 110px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0;
    text-align: center;
    text-decoration: none;
    font-size: 0.65em;
    margin-bottom: 1em;
}

    .modalBrowserLink link, .modalBrowserLink a {
        text-decoration: none;
    }

    .modalBrowserLink span {
        width: 100%;
        float: left;
        clear: left;
    }

#modalBrowserOuter {
    margin: 0 1em;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

.modalBrowserLink {
    width: 110px;
    height: 150px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

.modalBrowserLink a {
    color: transparent;
}

.modalBrowserLink span {
    color: #666;
}

.dialogNational .ui-dialog-titlebar, .dialogNationalMobile .ui-dialog-titlebar {
    color: #b81b29;
    margin: -4px !important;
    line-height: 2em;
    background: #ECF0F5 !important;
    border: 0;
    border-radius: 3px 3px 0 0;
    font-size: 1.2em;
    font-weight: normal;
    text-align: center;
}

.ui-dialog .ui-dialog-title {
    /*width: 100% !important;*/
}

.dialogNationalMobile .ui-dialog-titlebar {
    line-height: 1.5em;
    background: #FBA327;
    font-size: 1em;
}

    .dialogNational .ui-dialog-titlebar .ui-dialog-titlebar-close, .dialogNationalMobile .ui-dialog-titlebar .ui-dialog-titlebar-close {
        background: url('/Images/National/beclubModal_Close.png') no-repeat !important;
        background-size: 90% 80% !important;
        border: 0 !important;
        margin-top: -1.5rem;
    }

    .dialogNationalMobile .ui-dialog-titlebar .ui-dialog-titlebar-close {
        border-radius: 10px !important;
        height: 20px !important;
        width: 20px !important;
    }

.dialogNational .ui-corner-all {
    border-radius: 3px 3px 0 0 !important;
}

.modalText, .modalTextError {
    background: #f5f7fa;
    border-radius: 7px;
    margin: 0 -5px 5px 0;
    padding: 5px;
}

.marketing-modalContainer {
    padding: 0 20px;
    line-height: 1.2em;
    height: auto !important;
}

/*Toggles Marketing Modal content*/
.Unsubscribe #optInModal {
    display: none;
}

.subscribe #optOutModal {
    display: none;
}

.beClub-loggedinOptedIn-text,
.optedIn.beClub-loggedin #OptInStatement {
    display: none;
}

.optedIn.beClub-loggedin .beClub-loggedinOptedIn-text {
    display: block;
    padding-left: 2rem;
    margin-left: 10px;
}

.optedIn.beClub-loggedin .reversedCheckBox {
    display: none;
}

.optedIn.beClub-loggedin #AcceptMarketing label {
    display: none;
}

.optedOut.beClub-loggedin #reversedCheckboxOptOut,
#reversedCheckboxOptOut {
    display: none;
}

.optedIn.beClub-loggedin #reversedCheckboxOptOut {
    display: inline-block;
}

#beClubOptOutText {
    cursor: default;
}

.optedIn.beClub-loggedin #AcceptMarketing .beClub-loggedinOptedIn-text {
    margin-left: 0;
}

.marketing-message .article_title {
    color: #666666;
    font-size: 1.4em
}

html {
    margin: 0;
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

header {
    font-family: 'Roboto', ​ sans-serif;
    width: 100%;
    margin: 0;
    padding: 0;
}

    header #nav, header #navRow2 {
        width: 100%;
        box-sizing: border-box;
    }

ul.row {
    display: block;
    margin: 0 auto;
    padding: 0;
}

header #nav, #navHeadMobile {
    background-color: #cd1c38;
}

header #navRow2 {
    position: relative;
    border: 0 solid orange;
    display: block;
    margin-bottom: 5.6rem;
}

#navHead, #navHeadMobile {
    width: 100%;
}

header #nav a {
    display: block;
    border-left: 1px solid #921023;
    padding: .8rem 1.6rem .8rem 1.6rem;
    text-align: left;
    color: #fff;
    text-decoration: none;
}

    header #nav a:hover {
        background: #B81f37;
    }



header #nav > ul {
    font-size: .75rem;
    font-weight: 700;
    list-style: none;
}


header #nav a span {
    background: url('../Images/National/icon-chevron-white-down.png') 95% 50% no-repeat;
    background-size: 8px 4px;
    display: inline-block;
    height: 4px;
    top: 50%;
    right: 1rem;
    width: 8px;
    margin-left: 1.325em;
}

header #nav li {
    box-sizing: border-box;
    width: auto;
    position: relative;
    float: left;
}

header .SubMenu {
    display: none;
    background: #B81f37;
    width: 260px;
    list-style-type: square;
    clear: both;
    float: none;
}

    header .SubMenu li a {
        color: orange;
    }



#nav li:hover > .SubMenu {
    display: block;
    background: #B81f37;
}

#nav li ul {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 5;
}

#nav li {
    float: left;
}

    #nav li ul li {
        float: none;
        margin-left: 2.6rem;
        display: list-item;
        color: #fff;
        font-size: 0.7em;
        list-style-type: square;
    }

        #nav li ul li a {
            display: block;
            padding: .55rem 0;
            padding-right: 0.9em;
            background: #B81f37;
            border: 0;
            font-size: 0.75rem;
        }

#nav ul {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

#headerSearch {
    display: block;
    border-left: 1px solid #921023;
    color: #666666;
    width: 235px !important;
}

#search-connect input[type="search"] {
    border: 1px solid #cd1c38;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: .75rem;
    font-weight: 700;
    height: 1.6rem;
    line-height: 1.6rem;
    margin: .4rem 0 0.4rem .55rem;
    padding: .356rem .633rem;
    width: 98%;
    background: #fff;
}

#search-connect input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #666666;
    font-family: 'Roboto', ​ sans-serif;
}

#search-connect input:-moz-placeholder, textarea:-moz-placeholder {
    color: #666666;
    font-family: 'Roboto', ​ sans-serif;
}

#search-connect input::-moz-placeholder, textarea::-moz-placeholder {
    color: #666666;
    font-family: 'Roboto', ​ sans-serif;
}

#search-connect input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #666666;
    font-family: 'Roboto', ​ sans-serif;
    line-height: 0.5rem;
}

#searchBtnImage {
    position: relative;
    margin: 0 0 -0.3em -1.6rem;
}


.row {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    max-width: 71.25rem;
    font-family: 'Roboto', ​ sans-serif;
}

#navRow2 {
    margin: 1.68rem auto;
}

    #navRow2 #banner_logo img {
        background: transparent;
        width: 223px;
        height: 30px;
        padding: 0 0.9rem;
    }


    #navRow2 #banner_logo {
        width: 63%;
        float: left;
    }



        #navRow2 #banner_logo #BusEireann, #navRow2 #banner_logo #Expressway, #navRow2 #banner_logo #Tfi {
            background: url('../Images/National/logo-bus-eireann.png') no-repeat;
            background-size: 223px 30px;
            width: 223px;
            height: 29px;
            margin: 0 0.95rem;
            float: left;
        }

        #navRow2 #banner_logo #Expressway {
            background: url('../Images/National/logo-expressway.png') 0 0.4rem no-repeat;
            background-size: 183px 29px;
            width: 183px;
            height: 40px;
        }


#banner_links {
    color: #727b87;
    font-size: .75rem;
}

    #banner_links li {
        list-style-type: none;
    }

    #banner_links .banner-nav-courtesy {
        margin-top: 0.4rem;
    }

        #banner_links .banner-nav-courtesy a {
            color: #727b87;
            text-decoration: none;
            font-weight: 700;
            border-left: 1px solid lightgrey;
            float: left;
            padding: 0 0.95rem;
            line-height: 1.5;
        }

            #banner_links .banner-nav-courtesy a:hover {
                text-decoration: underline;
            }

    #banner_links .social a {
        text-decoration: none;
        float: right;
        padding: 0;
        line-height: 1.5rem;
    }

    #banner_links .help {
        border-left: 0;
        float: left;
    }

    #banner_links #emailLink, #banner_links #phoneLink {
        background: url('../Images/National/icon-email.png') right no-repeat;
        background-size: 13px 14px;
        padding-right: 1.6rem;
        padding-left: .6rem;
        margin-right: 0.5rem;
        margin-top: 0.45rem;
        background-position: 97% 10%;
    }

    #banner_links #manageLink {
        background: url('../Images/National/manageBooking.png') right no-repeat;
        background-size: 22px 20px;
        padding-right: 1.8rem;
        padding-left: .6rem;
        margin-right: 0.5rem;
        margin-top: 0.45rem;
        background-position: 97% 10%;
    }

    #banner_links #phoneLink {
        background: url('../Images/National/icon-phone.png') right no-repeat;
        background-size: 16px 16px;
        background-position: 97% 10%;
        margin-left: 0;
        padding-left: 0.65rem;
    }

    #banner_links .email:hover, #banner_links .phone:hover {
        text-decoration: underline;
    }

#navRow2 #banner_logo #Tfi {
    background: url('../Images/National/tfi_dec_15.png') no-repeat;
    background-size: 223px 40px;
    width: 220px;
    height: 40px;
    margin-top: -20px;
    margin-left: 0.9rem;
}

#facebookLink {
    background: url('../Images/National/icon-facebook.png') no-repeat;
    background-size: 32px 32px;
    height: 32px;
    width: 32px;
    margin-right: 0.32rem;
}

#twitterLink {
    background: url('../Images/National/icon-twitter.png') no-repeat;
    background-size: 32px 32px;
    height: 32px;
    width: 32px;
    margin-right: 0.85rem;
    padding: 0;
}


#breadcrumbRow, .rowBackground {
    position: relative;
    float: left;
    background-color: #f5f5f5;
    border-color: #c5c7cb;
    border-style: solid;
    border-width: 1px 0 1px 0;
    display: inline-block;
    width: 100%;
    color: #727b87;
    font-size: .844rem;
    line-height: 1.5;
    overflow: hidden;
    padding: 1rem .938rem;
}


.rowBackground {
    width: 100%;
    background-color: #f5f5f5;
    border-top: 0;
    padding: 0.5rem 0.938rem;
}

#rowBackground_body .row {
    padding: 0.9rem;
}



#rowBackground_TravelAlert {
    display: none;
}

#rowBackground_TravelAlert,
#travelAlert-dialog {
    color: #fff;
    border: 0;
    padding: 20px 0 0;
}

    #rowBackground_TravelAlert .inner-message,
    #travelAlert-dialog-message .inner-message {
        margin: 0 15px;
        padding: 15px;
        background: #cd1c38;
    }

#travelAlert-dialog-message .inner-message {
    margin-top: 20px;
    padding: 15px;
    background: #cd1c38;
}

#rowBackground_TravelAlert h2,
#travelAlert-dialog-message h2,
#rowBackground_TravelAlert p,
#travelAlert-dialog p,
#rowBackground_TravelAlert a,
#travelAlert-dialog a {
    color: #fff;
}

#travelAlert-dialog-message h2,
#travelAlert-dialog p {
    color: #fff;
    padding-bottom: 20px;
    line-height: 30px;
    font-size: 20px;
}

#travelAlert-dialog-message h2 {
    font-size: 25px;
}


#travelAlert-dialog-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.6;
    background: #000;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#travelAlert-dialog-message {
    position: fixed;
    width: 540px;
    height: auto;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -270px;
    opacity: 1;
    background: #cd1c38;
    border-radius: 4px;
    color: #fff;
    z-index: 10;
}

#travelAlert-dialog-close {
    float: right;
    margin: -10px 30px 15px;
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #fff;
    border-radius: 4px;
}

    #travelAlert-dialog-close:hover {
        opacity: 0.8;
    }

.page-title {
    color: #666666;
    font-size: 1.5rem;
    font-weight: 400;
    margin-left: 15px;
    float: left;
}

#btnBEClubLogOut,
#PayUsingToken {
    display: none !important;
}

.beClub-loggedin #btnBEClubLogOut,
.beClub-loggedin #PayUsingToken {
    display: block !important;
}


.beClubLink {
    color: #B81f37;
    font-size: 1.5rem;
    font-weight: 700;
    float: right;
    line-height: 1.5;
    cursor: pointer;
}

#beClubLogo {
    border-color: #c5c7cb;
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: 0.2rem 1.5rem 0;
}

#breadcrumbRow #BreadCrumb_title {
    float: left;
    padding-left: 0.95rem;
}

#breadcrumbRow li {
    float: left;
    padding-left: 0.317rem;
}


#breadcrumbRow .current:before {
    content: "|";
    padding: 0 0.5rem 0 0.317rem;
    color: #727b87;
    font-weight: normal;
}

#breadcrumbRow .current {
    color: #cd1c38;
    font-weight: 700;
}

#BELogo {
    background-image: url('/Content/themes/BusEireann/Images//logo.png');
    height: 65px;
    margin: 12px 0 0 30px;
    width: 168px;
    float: left;
}

#redBar {
    top: 155px;
    color: white;
    padding-left: 60px;
    position: absolute;
    z-index: 2;
}

.redBar_Title {
    float: left;
    font-weight: 600;
}

.redBar_BreadC {
    color: white;
    float: left;
    font-weight: 400;
    padding-left: 5px;
}

    .redBar_BreadC a:link, .redBar_BreadC a:visited,
    .redBar_BreadC a:active, .redBar_BreadC a:hover {
        color: white;
        text-decoration: none;
    }


a {
    color: black;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

header,
footer,
hgroup,
nav {
    display: inline-block;
}

#FooterCopyright {
    padding: 15px 5px;
}

.be-foot-end #footerlogoExpressway,
.be-foot-end #textCentralExpressway,
.footerlogo .textCentral.expressway,
#expresswayHeader {
    display: none;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.clear-fix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #004a9d;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    color: #004a9d;
    font-size: 26px; /* 20pt 2em*/
}

h2 {
    color: #004a9d;
    font-size: 24px; /* 18pt 1.8em  */
}

h3 {
    color: #004a9d;
    font-size: 21px; /* 15pt 1.5em*/
}

h4 {
    color: #004a9d;
    font-size: 19px; /* 14pt 1.4em*/
}

p {
    color: #485669;
    font-size: 16px; /* 12pt 1.2em*/
}

.msg {
    font-size: 0.87em;
    margin-bottom: 1.6em;
    color: #727272;
    font-weight: bold;
    line-height: 1.2;
    position: absolute;
    width: 240px;
}

.connect li a {
    padding: 0;
}

#form-search .btn, #form-search .text {
    border: 0;
    font-weight: 100;
    padding: 0;
    text-align: left;
    position: relative;
    float: left;
}

#form-search .btn {
    margin-top: 0.6rem;
}

footer {
    background-color: rgb(85 85 85 / var(--tw-bg-opacity));
    font-family: 'Roboto', ​ sans-serif;
    width: 100%;
}


.fullGrey {
    background-color: lightgray;
    position: relative;
    float: left;
}

.be-foot-navPanel {
    position: relative;
    float: left;
    width: 100%;
}

footer .be-foot {
    width: 33%;
    text-align: center;
    box-sizing: border-box;
    margin: 0;
    vertical-align: top;
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
    border: 0px solid orange;
}

footer .be-foot-site-map {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin: 0;
    vertical-align: top;
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    padding-bottom: 2rem;
    float: left;
    border: 0px solid orange;
}

footer nav {
    box-sizing: border-box;
    background-color: #727b87;
    color: #fff;
}

h2.site-info-section-title {
    box-sizing: border-box;
    color: #fff;
    margin: 2.65rem 0 0.7rem 0;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.333;
}

footer nav a {
    box-sizing: border-box;
    background-color: #727b87;
    text-decoration: none;
    font-size: 1.00rem;
    line-height: 1.125;
    color: #fff;
    padding: 0;
}


    footer nav a:hover {
        text-decoration: underline;
    }

    footer nav a.sitemap {
        font-size: .844rem;
    }

footer .be-foot ul {
    box-sizing: border-box;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.be-foot > ul > li {
    margin-bottom: 0.1rem;
    box-sizing: border-box;
}

.be-foot > ul a:before {
    content: '-';
    display: inline-block;
    padding-right: .633rem;
    box-sizing: border-box;
}

.be-foot-end {
    width: 100%;
    border: 0px solid red;
    position: relative;
    float: left;
    color: #fff;
    margin-bottom: 1rem;
}

.footerlogo {
    background: url('../Images/National/footerLogo.png') no-repeat;
    background-size: 100% 50%;
    border: 0 solid red;
    height: 70px;
    width: 410px;
    margin: 2rem auto 0;
}

.textCentral {
    color: #fff;
    font-size: .75rem;
    line-height: 1.5;
    margin-top: -1rem;
    text-align: center;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }

/* main layout
----------------------------------------------------------*/


.content-wrapper_main-content_clear-fix {
    background-color: transparent;
}


#body {
    margin: 0 auto;
}

.greyStripeBoxOuter {
    background-repeat: repeat;
    border-radius: 10px;
    clear: both;
    float: left;
    margin: 15px 0 25px 0;
    min-height: 20%;
    position: relative;
    width: 101%;
}

.greyStripeBox_content {
    clear: both;
    color: black;
    font-size: 1em;
    padding: 10px 30px 5px 30px;
}

/*--------------Manage Booking CSS -------------------------*/
#retBookingInputs {
    width: 100%;
}

.bookRetrieve {
    float: left;
    margin: 1em 0 0 0;
    position: relative;
}

    .bookRetrieve input {
        font-size: 0.8em;
        font-weight: 200;
        width: 12em;
        height: 37px;
    }

    .bookRetrieve .textbox_small_input {
        text-align: left;
        width: 210px;
    }

#manageBookingDate {
    float: left;
    position: relative;
    width: 14em;
}

    #manageBookingDate .ui-datepicker-trigger {
        padding: 0;
        height: 37px;
        width: 12%;
    }

#datepickerTitle {
    font-weight: bold;
    font-size: 1.1em;
    margin: 0;
    padding: 0;
    text-align: center;
}



#mandatory {
    width: 61%;
    float: left;
    text-align: right;
}

#bookingSearchBtn {
    height: 85px;
}

.buttonNav .bookBack, .buttonNav {
    height: 2em;
    font-size: 1.3em;
    width: 20%;
    margin-left: .5em;
    margin-top: .5em;
}

    .buttonNav .bookBack {
        text-align: center;
        float: right;
    }

.buttonNav {
    float: right;
}
/*--------------Manage Booking CSS -------------------------*/

.PassengerRow {
    float: left;
    margin-top: 0.7em;
    padding-left: 1em;
    position: relative;
    width: 100%;
}

.PassengerNames {
    float: left;
    margin-left: 2%;
    position: relative;
    width: 40%;
}

/* following 4 cannot be combined re placeholders*/

::-webkit-input-placeholder {
    color: #827e7e;
    padding-left: 0.25rem;
}

:-moz-placeholder {
    color: #827e7e;
    padding-left: 0.25rem;
}

::-moz-placeholder {
    color: #827e7e;
    padding-left: 0.25rem;
}

:-ms-input-placeholder {
    color: #827e7e;
    padding-left: 1.5rem;
}

.InnerBox_Clear {
    padding: 1.5%;
}

/*-- Textbox sizes-------------*/
.checkboxOuterBox {
    padding-top: 1rem;
}

.textbox_small_input,
.textbox_passenger_input,
.Customer_data_line input {
    margin: 0;
    width: 100%;
    font-size: 9pt;
    height: 30px;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.Customer_data {
    padding: 20px 30px;
}

.beNatDateTextBoxFrom, .beNatDateTextBoxTo, .beNatEditDateTextBoxFrom {
    width: 6.33rem;
    border-radius: 3px 0 0 3px;
    height: 2.25rem;
    float: left;
    border: 0 solid #827e7e;
    border-right: 0;
    padding-left: 0.5em;
    margin-right: 0;
    font-size: 0.938rem;
    color: #827e7e;
    border: 1px solid grey;
}

#SelectedDepartureDate, #SelectedReturnDate {
    background: #fff;
}

.textbox_small_input {
    text-align: center;
    width: 2.5em;
    height: 2.2em;
}

.textbox_passenger_input {
    padding-left: 0.5em;
}

.PassengerLabel, .Customer_data_line label {
    color: #485669;
    float: left;
    font-weight: 400;
    width: 100px;
    line-height: 30px;
    font-size: 14px;
    text-align: right;
}

.PassengerInput {
    margin-left: 3%;
    position: relative;
}

.Customer_data_line {
    height: 32px;
    padding: 5px;
    position: relative;
    clear: both;
}

#Customer_Title #CustomerVM_Customer_Title {
    padding: 0.1rem 0.4rem;
    height: 1.8rem;
    margin-left: 0.1rem;
    border: 1px solid #827e7e;
}

.Customer_data_line input {
    width: 17em;
    padding-left: 0.5em;
}

.Customer_data_line .field-validation-error, .PassengerRow .field-validation-error {
    float: left;
    left: 295px;
    position: absolute;
    top: 0px;
}

.PassengerRow .field-validation-error {
    left: 100px;
}

/*-------Enter payment details CSS-------------*/

.dataLabel, .required {
    float: left;
    font-size: 1.1em;
    line-height: 1.1em;
    padding-bottom: 10px;
}

.dataBlock {
    margin-bottom: 0.75em;
    width: 100%;
}

.required {
    color: #485669;
    margin-right: 5px;
}

.label {
    color: #485669;
    font-size: 12px;
}

.route_search_data_line, .data_line_passenger, .route_search_data_line_Time {
    color: white;
    line-height: 35px;
    font-size: 13px;
    position: relative;
    clear: both;
    border: 0 solid yellow;
    float: left;
}

.edit_route_search_data_line {
    color: black;
}

#PromoInput {
    width: 100%;
}

#PassengerTypeListDiv .data_line_passenger {
    float: none;
}


.tabsContent .route_search_data_line {
    width: 100%;
}

#RouteInfo_Wrapper, .tabsContent {
    min-width: 1110px;
}

#ReturnDateTime {
    margin-top: 3.5em;
}

.left_label, .right_field, .end_field {
    float: left;
    width: 25%;
    text-align: right;
    padding-left: 1px;
}

.left_label {
    width: 5.5em;
}

.promoCode_Block {
    Background: #cf1528;
    border-radius: 5px;
    height: 85px;
}

.promoCode_left_label {
    float: left;
    text-align: right;
    padding-right: 5px;
    margin-left: 5px;
    margin-top: 10px;
}

#promoDiscountAmount {
    color: #B81B29;
}


.redPanelInnerDiv .left_label, .redPanelInnerDiv .left_label_Title {
    width: 3rem;
    line-height: 1.5;
    margin-bottom: 0.317rem;
    margin-right: 0.317rem;
    padding: 0.5625rem 0.3rem 0.5625rem 0;
    font-size: .938rem;
    color: #fff;
}

.redPanelInnerDiv .left_label_Title {
    height: 1.4rem;
    float: left;
}

#SelectDatesDiv .left_label {
    padding-right: 0.2rem;
}

#LocationDiv .left_label, #LocationDiv .left_label_Title {
    width: 7.5rem;
}

#SelectDatesDiv .right_field {
    width: auto;
    overflow: visible;
    margin-right: 0.65rem;
    font-size: 0.938rem;
    color: #727b87;
}

#SelectDatesDiv .end_field {
    width: 28%;
}

.right_field, .end_field {
    width: 50%;
    text-align: left;
}

.end_field {
    width: 15%;
    text-align: left;
    margin-left: -5px;
}

.date_label {
    float: left;
    width: 100%;
}

.ui-datepicker-trigger {
    cursor: pointer;
    background-color: white;
    border-left: 1px solid #a9a9a9;
    border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    height: 2.25rem;
    width: 1.85em;
    margin-right: 0;
    margin-left: -1px;
    background: url(/Images/National/bg-input-calendar.png) no-repeat center, #ffffff;
    background-position: 100% 50%;
    background-size: 39px 50px;
    color: transparent;
    float: left;
    text-overflow: '';
}
.ui-datepicker-trigger {
    background-position: 50% 50% !important;
}
    a: active {
    outline: none;
    -moz-outline: none;
}

a {
    -moz-user-focus: none;
}

/*Calendar table  layout*/
#ui-datepicker-div {
    margin-bottom: 0 !important;
    margin-left: -15px !important;
    -moz-box-shadow: 0px 0px 10px 6px #787878;
    -webkit-box-shadow: 0px 0px 10px 6px #787878;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 6px #787878;
    right: 500px;
    width: 538px !important;
    z-index: 5 !important;
    font-family: 'Roboto', ​ sans-serif;
    font-size: 1em;
}

td.highlight {
    background-color: transparent;
    border: 1px blue solid;
}

.ui-datepicker .ui-datepicker-title,
.ui-datepicker .ui-datepicker-title select {
    color: #cf1528;
    font-family: Arial;
    font-size: 14px;
}

    .ui-datepicker .ui-datepicker-title select {
        font-weight: bold;
    }

/* calendar previous icon css*/
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover {
    margin-top: -2px !important;
    width: 11px !important;
    background: url(/Images/National/calendar_prev.png) no-repeat !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
    border: 0 !important;
    background: url(/Images/National/calendar_prev.png) no-repeat !important;
}

/* calendar next icon css*/
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover {
    margin-top: -2px !important;
    width: 11px !important;
    background: url(/Images/National/calendar_next.png) no-repeat !important;
}

.ui-datepicker .ui-datepicker-next-hover {
    border: 0 !important;
    background: url(/Images/National/calendar_next.png) no-repeat !important;
}

.ui-datepicker-group-first .ui-datepicker-header, .ui-datepicker-group-last .ui-datepicker-header {
    background-color: transparent !important;
    border: 0 !important;
    color: white !important;
    font-weight: 700 !important;
    height: 25px;
    margin: 0 !important;
    padding: 0 !important;
}

.ui-widget-header .ui-icon {
    background-image: url("") !important;
}



.ui-ui_datepicker_BE thead {
    height: 100px !important;
}

    .ui-ui_datepicker_BE thead tr th {
        font-weight: 100 !important;
        height: 10px !important;
        background-color: grey !important;
        margin: 3px !important;
    }

.ui_datepicker_BE th {
    background: transparent !important;
    color: #ffffff !important;
    background-color: grey !important;
    width: 25px !important;
    left: 4px !important;
    padding: 2px !important;
    font-weight: 100 !important;
}

.ui-datepicker-week-end .ui-state-default {
    background: #D2D6E1 !important;
}

.ui_datepicker_BE td span, .ui_datepicker_BE td a {
    background: #ffffff !important;
    border: 2px solid #f3f5f9 !important;
    color: gray !important;
    font-family: 'Roboto', ​ sans-serif;
    font-size: 0.9em;
    font-weight: 500 !important;
    height: 20px !important;
    padding: 2px 0 0 0 !important;
    text-align: center !important;
    width: 25px !important;
}

.ui-datepicker-group {
    background: #f3f5f9;
    border: 3px solid white;
    border-radius: 12px;
    margin: 15px 8px 5px 8px;
    width: 245px !important;
}

.ui_datepicker_BE .ui-state-active, .ui_datepicker_BE td a:hover {
    background-color: #C21A33 !important;
    border: 2px solid white !important;
    color: white !important;
    font-weight: 700 !important;
}

input#TicketType {
    width: 15px;
}

.ui-corner-left {
    background: #ffffff !important;
    border: 1px solid #cccccc !important;
    font-family: Arial !important;
    font-size: 12px !important;
    text-align: left !important;
}

.ui-autocomplete-input {
    display: inline-block !important;
    OVERFLOW-X: visible !important;
    OVERFLOW-Y: visible !important;
    text-wrap: normal !important;
    WHITE-SPACE: normal !important;
    WORD-WRAP: break-word !important;
}

/*--text css for busstop button--*/
.ui-button-text {
    padding: 0 !important;
    height: 0 !important;
    display: none !important;
}

.dropdownlistStyle .ui-button-text {
    background-image: url(/Images/National/down.png) !important;
    background-repeat: no-repeat;
}

#OriginStop .ui-widget, #OriginStop .ui-state-default, #OriginStop .ui-widget-content .ui-state-default, #OriginStop .ui-widget-header .ui-state-default {
    color: red;
    display: block;
}

.ui-widget-content {
    background: #ECF0F5;
}

.ui-widget-header {
    background-image: url("") !important;
}

#OriginStop .ui-widget {
    color: red !important;
    display: block;
}

.ui-autocomplete {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .ui-autocomplete a {
        color: #485669 !important;
        text-decoration: none !important;
    }

/*--outerbox for busstop input--*/
.ui-state-active {
    background-color: #cf1528 !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b81b29), to(#cf1528)) !important;
    background-image: -webkit-linear-gradient(top, #b81b29, #cf1528) !important;
    background-image: -moz-linear-gradient(top, #b81b29, #cf1528) !important;
    background-image: -ms-linear-gradient(top, #b81b29, #cf1528) !important;
    background-image: -o-linear-gradient(top, #b81b29, #cf1528) !important;
    color: white !important;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#b81b29', endColorstr='#cf1528', GradientType=0) !important;
}

.ui-button-icon-only {
    width: 14px !important;
}

.redPanelInnerDiv#PassengerTypeListDiv .left_label, .redPanelInnerDiv#PassengerTypeListDiv .left_label_Title {
    width: 5.1rem;
}

.passengerText {
    float: left;
}

.passengerTypeName {
    float: right;
}

.passengerQty {
    float: left;
    width: auto;
    padding: 0;
    width: 0;
    height: 2.0em;
    margin-left: -4.8em;
}

    .passengerQty input {
        border-radius: 0;
        border: 0;
        width: 2.1em;
        height: 1.5em;
        margin: 0.3em 0;
        font-size: 13px;
        background: transparent;
    }

.leg2ValidationMsg {
    color: #b81b29;
    padding-bottom: 0.5em;
    border: 1px solid #000;
    text-align: right;
    padding-right: 0.5em;
}

.passengerTypeQty_Mobile {
    display: block;
    float: left;
}

    .passengerTypeQty_Mobile input[disabled] {
        width: 3em;
        text-align: center;
        padding: 0;
    }

.passengerCol_img {
    float: left;
    width: auto;
}

.passengerCol_info {
    float: left;
    height: 20px;
    padding: 6px 3px 6px 10px;
    width: 0.8em;
    background: url('/Images/National/info_icon.png') no-repeat;
    background-position: 95% 50%;
}

.outerInfoHover {
    display: none;
    position: relative;
    left: 17em;
    top: 0.5em;
}

.clear {
    clear: both;
}

.passengerSubtract, .passengerAdd {
    border: 0 solid grey;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.5em;
    height: 1.8em;
    width: 1.85em;
    margin-left: 0.35em;
    background-size: 48%;
}

.passengerAdd {
    background: url('/Images/National/plusBtnIcon_grey.png') no-repeat center, #ffffff;
}

    .passengerAdd:hover {
        background: url(/Images/National/plusBtnIcon_grey.png) no-repeat center, #ecf0f5;
    }

.passengerSubtract {
    margin-left: 0.25em;
    background: url('/Images/National/plusMinusBtnIcon.png') no-repeat center, #ffffff;
}

    .passengerSubtract:hover {
        background: url(/Images/National/plusMinusBtnIcon.png) no-repeat center, #ecf0f5;
    }

input#Print {
    top: 100px;
}

input#CustomerSubmit {
    border: 0;
    font-size: 1em;
    margin: 0;
}

.fullTable {
    float: left;
    width: 100%;
    position: relative;
    border: 1px solid #A0A0A0;
    border-bottom: 0;
    font-size: 14px;
}

.tableDataRow,
.tableDataRowHead,
.tableDataRowFoot,
.tableDataRowStops_Head,
.tableDataRowStops,
.tableDataRowStops_Container,
.tableDataRowStopsAll,
.tableDataRowIntStops {
    float: left;
    position: relative;
    width: 100%;
}

.tableDataRowFoot {
    border-top: 3px solid #b81b29;
}

.tableDataRowHead {
    background-color: #727b87;
    border-top: 0;
    color: #ffffff;
    text-align: center;
    border-bottom: 1px solid #A0A0A0;
}

.closeStopsBtn {
    border: 1px solid #A0A0A0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0.3em 0.5em 0.1em 0.4em;
    line-height: 1.4em;
    cursor: pointer;
    font-weight: bold;
    float: right;
    background: #b81b29;
    padding: 0 0.5em;
    color: #ffffff;
}

.ExpandAllStopsBtn, .ExpandAllStopsBtnEmpty {
    background: url(/Images/National/journeyIcons/bus.png) no-repeat center right;
    cursor: pointer;
    color: #b81b29;
    float: left;
    width: 40%;
}

.ExpandAllStopsBtn, .ExpandAllStopsBtnEmpty {
    background: url(/Images/National/journeyIcons/bus.png) no-repeat center right;
    cursor: pointer;
    color: #b81b29;
    float: left;
    width: 40%;
}

#IntermediateRouteNumbers {
    float: right;
    width: 45%;
}

.ExpandAllStopsBtnEmpty {
    cursor: auto;
    color: #C0C0C0;
}

.WalkDetails {
    background: url(/Images/National/journeyIcons/walk.png) no-repeat center right;
    float: left;
    width: 40%;
}

.JourneyIconMidBus .tableDataServ {
    border: 0;
}

.JourneyIconStart .closeStopsBtn {
    float: right;
    position: absolute;
    right: 0;
}

.tableDataRow,
.tableDataRowStops,
.tableDataRowStops_Container,
.tableDataRowStopsAll,
.tableDataRowIntStopsContainer,
.tableDataRowIntStops {
    background-color: #FEFEFE;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FEFEFE), to(#EEF1F6));
    background-image: -webkit-linear-gradient(top, #FEFEFE, #EEF1F6);
    background-image: -moz-linear-gradient(top, #FEFEFE, #EEF1F6);
    background-image: -ms-linear-gradient(top, #FEFEFE, #EEF1F6);
    background-image: -o-linear-gradient(top, #FEFEFE, #EEF1F6);
    border-top: 0;
    color: #485669;
    text-align: center;
    border-bottom: 1px solid #A0A0A0;
}

/*.tableDataRowIntStopsContainer {
    border: 1px solid green;
    background: yellow;
}*/
.tableDataRowIntStops {
    border-bottom: 0;
    border-top: 1px solid #ECEFF4;
}

.tableDataRowStops_Container {
    border-top: 2px solid #727b87;
    border-bottom: 2px solid #727b87;
    display: none;
}

.tableDataRowStops,
.JourneyIconWalk,
.tableDataRowStopsAll {
    background: #fff;
    text-align: left;
    border: 0;
    line-height: 3em;
}

.tableDataRowStopsAll {
    display: none;
}

.tableDataRowStops_Container .tableData1 {
    height: 1.5em;
}

.grey {
    background: #ECEFF4;
}

.block1, .greyTextBlock2, .tableDataRowStops .greyText {
    width: 15%;
    margin-right: 10%;
}



.greyTextBlock2 {
    float: left;
}

.tableDataRowStops .greyText, .tableDataRowStops .greyTextBlock2 {
    min-width: 10%;
    width: auto;
}

.JourneyIconStart,
.JourneyIconFinish,
.JourneyIconMidBus,
.tableDataRowIntStops,
.JourneyIconWalk,
.JourneyIconBusBus {
    width: 100%;
    float: left;
    background: url(/Images/National/journeyIcons/jIconStart.png) no-repeat;
    background-position: 1em 0.5em;
    padding-left: 11%;
}

    .JourneyIconBusBus img {
        margin: 0.75em 0 0 1em;
        float: left;
    }

.JourneyIconStart {
    padding-top: 0.5em;
}

.JourneyIconFinish {
    background: url(/Images/National/journeyIcons/jIconEnd.png) no-repeat;
    background-position: 1em -1.3em;
    padding-bottom: 0.5em;
}

.JourneyIconMidBus {
    background: url(/Images/National/journeyIcons/jIconLine.png) no-repeat;
    background-position: 1.6em 0;
}

.tableDataRowIntStops {
    background: url(/Images/National/journeyIcons/jIconIntStop.png) no-repeat;
    background-position: 1.6em -3em;
}

.JourneyIconWalkWalk {
    background: url(/Images/National/journeyIcons/jIconWalkWalk.png) no-repeat;
    background-position: 1em 0;
}

.JourneyIconWalkBus {
    background: url(/Images/National/journeyIcons/jIconWalkBus.png) no-repeat;
    background-position: 1em 0;
}

.JourneyIconBusWalk {
    background: url(/Images/National/journeyIcons/jIconBusWalk.png) no-repeat;
    background-position: 1em -0.2em;
}

.JourneyIconBusBus {
    background: url(/Images/National/journeyIcons/jIconBusBus.png) no-repeat;
    background-position: 1em -3.2em;
    background-color: #ECEFF4;
}

.JourneyIconWalk {
    background: url(/Images/National/journeyIcons/jIconWalk.png) no-repeat;
    background-position: 1em 0em;
}

.IntStopsCol1, .IntStopsCol2 {
    line-height: 4em;
    float: left;
    width: auto;
    padding: 0 0.5em;
}

.IntStopsCol2 {
    width: auto;
    line-height: 4em;
}

.IntStopsTime, .greyTextSmallDep, .greyTextSmall, .IntStopsTime_Arr {
    line-height: 1.5em;
    text-align: left;
    color: #485669;
    padding-bottom: 2px;
    float: left;
}

.IntStopsTime, .IntStopsTime_Arr {
    clear: left;
    min-height: 1.5em;
    line-height: 1.7em;
    padding: 0;
}

.IntStopsTime_Arr {
    width: 8em;
    margin-top: 0.3em;
}

.greyTextSmallDep {
    padding-top: 0.5em;
}

.blackText, .blackBoldText, .greyText {
    color: black;
    float: left;
    font-weight: normal;
    margin-right: 0.5em;
}

.blackBoldText {
    font-weight: bold;
}

.greyText {
    color: #485669;
}

.ExpandAllStops {
    margin-top: 0.2em;
    min-width: 1.5em;
    min-height: 1.4em;
    line-height: 1em;
    cursor: pointer;
    float: left;
    background: url(/Images/National/journeyIcons/jIconExpand.png) no-repeat center left;
    padding-left: 1.3em;
}

/*input[type="radio"] {
	width: 2.3em;
	height: 2.3em;
}

input[type=radio] + label {
	display: block; 
	margin-top: 2px;
	width: 30px;
	height: 30px;
	vertical-align: middle;
    cursor: pointer;
}

input[type=radio]:checked {
	display: none;
}*/

.fareClassIdOutward {
    cursor: pointer;
    border: 0px solid transparent;
}

/*.fareClassIdOutward + label {
		height: 40px;
		background: url(/Images/National/radioButtonUnChecked.png) top no-repeat;
		margin-top: -8px;
        cursor: pointer;
	}

    .fareClassIdOutward:checked + label, .selectedTrip {
		height: 30px;
		background: url(/Images/National/radioButtonChecked.png) top no-repeat;
		margin-bottom: 50px;
        margin-left: 28%; 
	}*/

.tableData, .tableData1, .tableDataSelect, .tableDataSelectHead, .tableDataChanges {
    width: 7.5%;
}

.tableData1 {
    width: 7.5%;
}

.tableDataTime {
    Width: 15%;
}

.tableDataDate {
    Width: 35%;
}

.tableDataServ {
    /*Width: 20%;*/
    Width: 14%;
    padding: 20px;
}

.tableData, .tableDataChanges {
    width: 10%;
}

.serviceExpressWay {
    background: url(/Images/National/srvExpressway.png) no-repeat center;
    width: 100%;
    height: 100%;
}

/*anseo2*/
.tableDataFare {
    Width: 26%;
}

.tableDataServMulti {
    /*Width: 20%;*/
    Width: 20%;
    padding: 20px;
}

.tableDataServServMulti {
    Width: 14%;
    padding: 20px;
    background: url(/Images/National/srvExpressway.png) no-repeat center;
}

.servCol {
    Width: 10%;
    float: left;
    min-height: 50px;
    border-left: 1px solid #A0A0A0 !important;
}


.tableDataDateMulti {
    Width: 26%;
}

.tableDataFareMulti {
    Width: 14%;
}

.tableData1,
.tableData,
.tableDataChanges,
.tableDataTime,
.tableDataDate,
.tableDataDateMulti,
.tableDataServ,
.tableDataServMulti,
.tableDataFare,
.tableDataFareMulti,
.tableDataSelect,
.tableDataSelectMulti
.tableDataSelectHead
.tableDataSelectHeadMulti {
    background: transparent;
    border-left: 1px solid #A0A0A0 !important;
    float: left;
    height: 3em;
    line-height: 3em;
    padding: 3px;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.tableDataSelect, .tableDataSelectHead {
    /*margin-left: 3%;*/
    width: 10%;
    float: right;
}

.tableDataSelectHead {
    /*padding-left: 2%;*/
}

.tableDataSelectHeadMulti {
    /*padding-left: 2%;*/
}

.tableRowSelector {
    float: left;
    width: 90%;
}

.tableData1 {
    border-left: 0px solid #A0A0A0 !important;
}

.tableDataPrice {
    float: left;
    text-align: right;
    width: 45%;
    font-size: 16px;
}

.tableDataRed {
    color: #ba1b27;
    float: left;
    position: relative;
    text-align: left;
    width: 50%;
    padding-left: 5px;
}

.JourneyIconMidBus .tableDataServ {
    border: 0 !important;
}

.JourneyIconMidBus img {
    margin: 1em 0 0 1em;
    float: left;
}

/*.rdoDisabled, .disabledRadio {
    background: url(/Images/National/radioButtonUnChecked.png) no-repeat center;
}

.disabledRadio {
    background: url(/Images/National/radioButtonUnChecked.png) no-repeat center;
    height: 40px;
}*/

.breadCrumbContainer {
    float: left;
    padding: 10px;
    margin-bottom: 1rem;
    clear: both;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.breadcrumbTitle, .breadCrumbText, .breadCrumbTextActive {
    font-size: 14px;
    color: #485669;
    line-height: 28px;
    position: relative;
    text-align: center;
    float: left;
    width: 100px;
}

.breadCrumbTextWrapper1, .breadCrumbTextWrapper2, .breadCrumbTextWrapper3 {
    background: url(/Images/National/breadcrumb_1of3.png) no-repeat center;
    background-size: 100%;
    display: inline;
    float: left;
    width: 90%;
}

.breadCrumbTextWrapper2 {
    background: url(/Images/National/breadcrumb_2of3.png) no-repeat center;
    background-size: 100%;
}

.breadCrumbTextWrapper3 {
    background: url(/Images/National/breadcrumb_3of3.png) no-repeat center;
    background-size: 100%;
}


.breadCrumbText, .breadCrumbTextActive {
    width: 33%;
}

.breadCrumbTextActive {
    color: white;
}

#SelectedSourceStop, #SelectedDestinationStop {
    display: none;
}


#valInputError, #TnC_Validation {
    color: red;
    font-weight: bold;
}

#valErrorPassenger, #valErrorOutStop, #valErrorRetStop, #redViewBagError {
    background: #cf1528;
    border-radius: 10px;
    color: white;
    left: 340px;
    padding: 7px;
    position: absolute;
    top: 10px;
    width: 180px;
    z-index: 2;
}

#valErrorOutStop, #valErrorRetStop {
    left: 360px;
    top: 105px;
    width: 220px;
}

#redViewBagError {
    left: 200px;
    top: -3px;
    width: 405px;
}

#valErrorRetStop {
    top: 143px;
}

#errorMsgCheckout {
    color: #cf1528;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
}

.errorWarning, .errorWarningWide, #TnC_Validation {
    background: #cf1528;
    background-image: url('/Images/National/ico_Exlamation.png');
    background-position: 98% 50%;
    background-repeat: no-repeat;
    border: 2px solid #e43d25;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: white;
    display: inline-block;
    float: left;
    font-size: 14px;
    left: 100px;
    line-height: 1.4em;
    padding: 10px 30px 10px 10px;
    position: absolute;
    top: -30px;
    width: 200px;
    z-index: 5;
}

.bookRetrieve .errorWarning, #validatorPop_MBook #bookingError {
    top: 0.2em;
    left: 0;
    width: auto;
    background: url('/Images/National/ico_Exlamation.png') no-repeat, #cf1528;
    background-position: 98% 50%;
    padding-right: 3em;
    margin-top: 60px;
}

#validatorPop_MBook #bookingError {
    text-align: left;
    position: relative;
    top: -1.5em;
    margin-top: 5px;
}

#eTicketOrderId .bookRetrieveErrorMsg {
    width: 11em;
    margin-left: -1.5em;
}

#CustomerEmailAddrs .bookRetrieveErrorMsg {
    margin-left: 3em;
}

#CustomerEmailAddrs, #CustomerEmailAddrs .errorMsg {
    width: 25%;
}

#eTicketOrderId, #eTicketOrderId .errorMsg {
    width: 25%;
}

.bookRetrieve .errorMsg {
    width: auto;
    float: left;
}

#manageBookingDateLabel {
    clear: left;
    float: left;
    height: 37px;
    width: 110%;
}

.bookRetrieveErrorMsg, #manageBookingDateVal {
    margin: 1em 0 0 1em;
}

#bookRetrieveBtns {
    width: 60%;
    float: left;
    text-align: right;
}

#manageBookingDateVal {
    clear: left;
    float: left;
    margin-top: 1em;
}

.errorMsg .errorWarning {
    top: 0.2em;
}

.editBookingEditBorderBox_Container {
    width: 100%;
    float: left;
}

.editBookingEditBorderBox_LeftInnerContainer {
    width: 85%;
    float: left;
}

.editBookingEditBorderBox_RightInnerContainer {
    width: 15%;
    float: right;
}

.editBookingEditBorderBox_InnerAContainer {
    width: 42%;
    float: left;
}

.editBookingEditBorderBox_InnerBContainer {
    width: 25%;
    float: left;
}

.editBookingEditBorderBox_InnerCContainer {
    width: 33%;
    float: left;
}


.errorWarningWide {
    background-position: 450px center;
    left: 200px;
    position: absolute;
    top: -10px;
    width: 450px;
    z-index: 1;
}


.compareEmailAddress {
    left: 295px;
    top: 0px;
}

#TnC_Validation {
    background-position: 269px center;
    left: -24px;
    top: 53px;
    width: 270px;
}

.grey_text {
    clear: none;
    color: #485669;
    float: left;
    font-size: 1em;
    font-weight: 300;
    padding-top: .5em;
}

.red_text_bold, .red_text_bold14 {
    clear: both;
    color: #e43d25;
    font-weight: 700;
    padding-bottom: 0;
    padding-top: .5em;
}

.red_text_bold14 {
    clear: none;
    font-size: 14px;
    padding-left: 70px;
    position: relative;
}

.grey_italic {
    color: #cccccc;
    font-style: italic;
}

.red_text_bold a:link, .red_text_bold a:visited, .red_text_bold a:active, .red_text_bold a:hover {
    color: #e43d25;
    text-decoration: none;
}

.float-left img {
    float: left;
    position: relative;
}

.bookID {
    color: #e43d25;
    font-size: 3em;
    font-weight: 700;
    margin-bottom: 5px;
}

.col3 {
    margin-left: 10em;
}

.checkboxOuterBox {
    border: 0;
    float: left;
    margin-left: 8.3rem;
}

    .checkboxOuterBox .dataLabel {
        color: #485669;
        float: left;
        font-weight: normal;
        font-size: 12px;
        position: relative;
        width: 95%;
        padding-left: 10px;
    }

        .checkboxOuterBox .dataLabel span {
            margin-left: 5px;
            font-size: 1.1em;
            float: left;
            left: 0;
            top: -1em;
            position: relative;
            line-height: 1.5em;
        }

        .checkboxOuterBox .dataLabel#OptInStatement {
            font-size: 10px;
            margin-left: 10px;
            padding: 0 0 1.5rem 2rem;
        }

#AcceptTnC .errorWarning span {
    line-height: 2em;
    margin: 0.7em 0 -1.2em 0;
}

.checkboxOuterBox input[type="checkbox"] {
    float: left;
    margin-top: 0;
}

.PayUsingToken_text {
    cursor: context-menu;
}

.right_button, .right_button2 {
    float: right;
}

.right_button2 {
    margin-right: -2.5%;
}

/*------Waves-----------*/

.waveLeft {
    background: url(/Images/National/body_bg_left.png);
    background-repeat: repeat-y;
    height: 100%;
    left: -115px;
    position: absolute;
    top: 0;
    width: 115px;
}

.waveRight {
    background: url(/Images/National/body_bg_right.png);
    background-repeat: repeat-y;
    height: 100%;
    position: absolute;
    right: -115px;
    top: 0;
    width: 115px;
}

.buttonNav {
    float: left;
    position: relative;
    width: 90%;
}

.warning {
    background: #ebebef;
    border: 3px solid white;
    border-radius: 0.4em;
    clear: both;
    float: left;
    margin: 1em 10%;
    position: relative;
    width: 80%;
}

    .warning img {
        display: block;
        float: left;
        margin: 1em;
    }

.WarningImage {
    background: url('/Images/National/ico_warning.png') no-repeat;
    width: 3.1em;
    height: 2.8em;
    float: left;
    margin: 0.5em;
}


.warningText {
    color: #485669;
    float: left;
    font-size: 1em;
    margin: 0.5em 0 0 1em;
    text-align: center;
    line-height: 3em;
}

.grey_Text {
    color: #485669;
    float: left;
}

.summary_panel_Basket, .summary_panel_Order {
    line-height: 1.25em;
    float: left;
    position: relative;
    width: 95%;
    clear: both;
}

.summary_panel_Order {
    text-align: center;
}

.summary_panel_Basket img {
    float: right;
    margin-right: 1em;
}

.summary_panel_confirmation {
    line-height: 1.25em;
    float: left;
    position: relative;
    width: 95%;
    clear: both;
    border: 1px solid green;
}

.summary_panel_Empty {
    line-height: 1.25em;
    float: left;
    position: relative;
    width: 95%;
    clear: both;
    padding-left: 10px;
}

.summary_panel {
    float: left;
    width: 100%;
    background: #ecf0f5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    clear: none;
    color: #65686D;
    font-size: 1.25em;
    position: relative;
    padding: 0.5em;
    margin-bottom: 1em;
}

#PromoCodeDiv {
    background-color: #B8162E;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#D02037), to(#B8162E));
    background: -webkit-linear-gradient(top, #D02037, #B8162E);
    background: -moz-linear-gradient(top, #D02037, #B8162E);
    background: -ms-linear-gradient(top, #D02037, #B8162E);
    background: -o-linear-gradient(top, #D02037, #B8162E);
    background: linear-gradient(#D02037, #B8162E);
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    border-radius: .4em;
    padding: .2em;
}

.PromoCodeDivLabel {
    margin: 0.5em;
    float: left;
    width: 3em;
    line-height: 1.3em;
    color: #485669;
}

.basket_panel_block, .order_panel_block {
    background: white;
    border: 1px solid #D1D5D8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: inherit;
    font-size: 0.75em;
    padding: 1em;
    float: left;
    margin: 0 0 1em 0;
}

.order_panel_block {
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    border-top: 1px solid #D1D5D8;
}

    .basket_panel_block .sum_data_heading, .order_panel_block .sum_data_heading {
        font-size: 1.2em;
        font-weight: bold;
        line-height: 2.5em;
        float: left;
    }

.basket_panel_block .sum_data_title {
    width: 28%;
}

.basket_panel_block .sum_data_title_wide {
    width: 41%;
    float: left;
    font-weight: bold;
}

.basket_panel_block .promoCode {
    width: 50%;
    float: left;
    font-weight: bold;
}

.basket_panel_block .sum_data_result_Narrow {
    width: auto;
}

.basket_panel_block .sum_data_result {
    width: 72%;
}

.summary_panel_block, .summary_panel_Footer {
    background: #ECEFF4;
    border-bottom: 1px solid #D1D5D8;
    color: #485669;
    font-size: 12px;
    padding: 1em 0;
    float: left;
    width: 100%;
    margin-bottom: 1px;
}

.summary_panel_Footer {
    padding: 0;
}

#ContinueToCheckoutDiv {
    border-bottom: 0;
    padding-bottom: 0;
}

#divSummaryOutward_Promo {
    padding-bottom: 0;
    /*margin-bottom: -1em;*/
}

.summary_panel_single_pricing {
    background: #ECEFF4;
    color: #485669;
    font-size: 12px;
    padding: 1em 0;
    float: left;
    width: 100%;
    margin-bottom: 1px;
}


.summary_panel_block_end {
    background: white;
    border-radius: 0 0 10px 10px;
    font-size: 12px;
    padding: 15px;
    border: 1px solid black;
}

.summary_panel_Footer {
    border-bottom: 0;
    border-top: 0px solid #D1D5D8;
    padding-bottom: 0;
}

.sum_title, .sum_result_label, .sum_footer, .sum_Order_Title {
    font-size: 1.3em;
    float: left;
    font-weight: bold;
    width: 100%;
}

#FinalAmount_Title, #FinalPoints_Title {
    margin-left: 0.5em;
    width: 40%;
    float: left;
    font-weight: normal;
}

#FinalPoints_Title {
    width: 60%;
}

#TotCostResult {
    font-weight: bold;
    color: #cd1c38;
    float: left;
}

#soFinalAmount {
    width: 100%;
}

.sum_footer {
    text-align: center;
    padding: 1em;
    font-weight: normal;
    font-size: 1rem;
}

.sum_Order_Title {
    font-size: 0.85em;
    font-weight: bold;
}


.sum_result_label {
    width: 55%;
}

.sum_data_block, .sum_data_line {
    margin-bottom: 0.75em;
    width: 100%;
    float: left;
}

.sum_data_line {
    padding: 3px 0;
    margin: 0;
}

.passengerJourneyHeader_data_line {
    width: 100%;
    padding: 5px 5px 5px 30px;
    margin: 0;
    float: left;
    clear: left;
}

.JourneyHeadLabel {
    font-weight: 400;
    color: #485669;
    width: 4.5em;
    float: left;
}

#JourneyHeadLabelTO {
    clear: both;
}

.JourneyHeadResult_col1, .JourneyHeadResult_col2, .JourneyHeadResult_AT {
    font-weight: 700;
    color: black;
    float: left;
}

.JourneyHeadResult_col1 {
    width: 250px;
}

.JourneyHeadResult_AT {
    padding: 0 5px;
    font-weight: 400;
}

.sum_data_title, .sum_data_result, .sum_price_result {
    float: left;
    font-weight: bold;
    width: 28%;
}

.sum_data_result, .sum_price_result {
    font-weight: normal;
    width: 72%;
}

.sum_price_result {
    font-weight: bold;
    font-size: 14px;
    color: orange;
    width: 20%;
}

#sumOrderNo {
    font-size: 0.85em;
    width: auto;
    margin-left: 0.5em;
}

#dataBlock_promo {
    background: red;
}

.JourneyCol_1 {
    float: left;
    font-weight: 700;
    width: 4em;
}

.JourneyCol_2 {
    float: left;
    width: 12em;
}

.data_summary {
    margin: 15px 0 15px 0;
}

.summary {
    float: left;
    font-weight: 700;
    width: 6em;
}

.result, .result_label {
    color: #e43d25;
    float: left;
    font-size: 14px;
    font-weight: bold;
    width: 6em;
}

.result_label {
    width: 4em;
}

.title {
    border-top: 1px solid #999;
    clear: both;
    color: #468ab2;
    font-size: 1.3em;
    font-weight: 700;
    margin: 5px;
    padding: 5px;
    width: 90%;
}

/* contact */

.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        list-style: none;
        padding: 0;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    display: block;
    font-size: 16px;
    font-weight: 600;
}



    label.checkbox {
        display: inline;
    }

input, textarea, #search {
    border: 1px solid #827e7e;
}

    input #search {
        border: 1px solid red;
        background: url('/Images/National/search_btn.png');
        background-repeat: no-repeat;
        border-radius: 7px;
        color: #333;
        font-size: 16px;
        height: 20px;
        margin: 5px 0 6px 0;
        padding: 5px;
    }

    #search .btn {
        height: 40px;
    }

textarea {
    font-family: inherit;
    width: auto;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}

button {
    margin: 0;
    text-shadow: 0 0 0 rgba(0,0,0,0) !important;
}

input[type="submit"],
input[type="button"],
button {
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    margin-right: 8px;
    padding: 7px;
    width: auto;
}

td input[type="submit"],
td input[type="button"],
td button {
    font-size: 1em;
    margin-right: 4px;
    padding: 4px;
}

/* info and errors */

.message-info {
    border: 1px solid #7ac0da;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    /*color: #7ac0da;*/
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

.whiteMessage {
    -webkit-text-fill-color: white; /* Overrides colour (despite order) */
    -webkit-text-stroke-color: #D9E3EF;
    -webkit-text-stroke-width: 1px;
    color: white;
    color: #D9E3EF;
    color: white;
    font-size: 2.3em;
    font-weight: 900;
    margin-top: 15px;
    text-shadow: -1px -1px 0 #D9E3EF, 1px -1px 0 #D9E3EF, -1px 1px 0 #D9E3EF, 1px 1px 0 #D9E3EF;
}

.field-validation-valid {
    display: none;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
}

.validation-summary-valid {
    display: none;
}




button.ui-datepicker-current {
    display: none;
}


/**********************/
/* Images & Dimensions*/
/**********************/

.InfoImage {
    background-image: url('/Images/National/info_icon.png');
    background-repeat: no-repeat;
    height: 19px;
    width: 19px;
}

/*.InfoImageTable, 
.InfoImageTable:hover, 
.InfoImageTableReturn,
.InfoImageTableReturn:hover,
.InfoImageTableExpanded {

    color: #b81b29;
    border: 2px solid #b81b29;
    border-radius: 1rem;
    padding: 0.3rem;
	height: 2em;
}

.InfoImageTable,
.InfoImageTableReturn,
.InfoImageTable:hover,
.InfoImageTableReturn:hover,
.InfoImageTableExpanded {
	width: 100%;
}

        .InfoImageTable:hover, .InfoImageTableReturn:hover {
            border-color: #727b87;
            color: #727b87;
		background: url('/Images/National/info_icon_hover.png') no-repeat center;
}

.InfoImageTableExpanded {
	background: url('/Images/National/info_icon_hover.png') no-repeat center;
}*/

.furtherInfoImg img {
    height: 14px;
    width: 14px;
}

.leftBlock {
    position: relative;
    width: 80%;
    float: left;
    padding-right: 1em;
}


#retBooking #beClubSignIn {
    width: 100%;
}

.beClubLogin {
    display: none;
}

.leftBlock50percent, .rightBlock50percent {
    width: 49%;
    float: left;
}

.labelLeft {
    text-align: left;
    color: red;
}

.rightBlock50percent {
    float: right;
}

.rightBlock, .rightButtonBlock {
    position: relative;
    width: 20%;
    float: right;
    margin-bottom: 1rem;
}

    .rightButtonBlock button {
        width: 90%;
    }

    .rightButtonBlock .imageButton {
        float: none;
        width: 100%;
        margin-left: 0;
    }

.summaryBlock {
    float: left;
    clear: left;
    padding: 10px 0 10px 10px;
}

    .summaryBlock .selectBtnYellow .backToBookingSearchBtn {
        margin-left: 10px;
    }

.buttonBlock {
    margin-top: -2em;
    float: left;
    width: 100%;
    padding: 0.5rem;
    background: #ecf0f5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#applyPromoCodeBtn {
    font-size: 12px;
}



.greyPanel {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ecf0f5;
    padding: 10px;
    float: left;
    margin-bottom: 1rem;
    width: 100%;
}

#PassInfoPromo {
    /*border:1px solid red;*/
    /*display:none;*/
}

    #PassInfoPromo .redPanelHeading {
        font-weight: bold;
        font-size: 25px;
        margin: 20px 0 0 13px;
    }

    #PassInfoPromo p {
        color: #485669;
        float: left;
        font-weight: normal;
        font-size: 12px;
        clear: both;
        margin-bottom: 15px;
    }

        #PassInfoPromo p.tnc {
            font-size: 10px;
        }


    #PassInfoPromo #bigRedimg {
        width: 100%;
        height: auto;
        float: left;
    }

    #PassInfoPromo .leftBlock50percent {
        margin: -20px 0 0 -10px;
    }

    #PassInfoPromo sup {
        vertical-align: super;
        font-size: smaller;
    }









.payment-details .business-address {
    display: inline-block;
    margin-bottom: 4rem;
}


#PassengerInformationBlock .greyPanel,
#paymentDetails.greyPanel {
    width: 100%;
}

#paymentDetails .row {
    width: 100%;
    float: left;
}

#paymentDetails label,
#paymentDetails .display-result {
    width: 45%;
    float: left;
    font-size: 1rem;
    margin-right: 1rem;
}

#paymentDetails label {
    text-align: right;
    font-weight: bold;
}


.payment-details .business-address {
    display: inline-block;
    margin-bottom: 4rem;
}

#PassengerInformationBlock .greyPanel,
#paymentDetails.greyPanel {
    width: 100%;
}

#paymentDetails .row {
    width: 100%;
    float: left;
}

#paymentDetails label,
#paymentDetails .display-result {
    width: 45%;
    float: left;
    font-size: 1rem;
    margin-right: 1rem;
}

#paymentDetails label {
    text-align: right;
    font-weight: bold;
}

.paymentBtn {
    background: url(/Images/National/icon-chevron-white-right.png) no-repeat, #cd1c38;
    background-position: 100% 50%;
    background-size: 16px 12px;
    width: 15rem;
    font-size: 1rem;
    float: left;
    margin: 0.2rem 1rem;
    padding: 0.5rem 0.9rem 0.5rem 0.2rem;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
}


.paymentBtn {
    background: url(/Images/National/icon-chevron-white-right.png) no-repeat, #cd1c38;
    background-position: 100% 50%;
    background-size: 16px 12px;
    width: 15rem;
    font-size: 1rem;
    float: left;
    margin: 0.2rem 1rem;
    padding: 0.5rem 0.9rem 0.5rem 0.2rem;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
}

    .paymentBtn:hover {
        opacity: 0.8;
    }

    .paymentBtn.clicked {
        background: #727b87;
    }

#rowBackground_body .row.btn-row {
    padding-left: 45%;
}

.journeyNoSearchCriteria {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ecf0f5;
    padding: 10px;
    margin-left: 20px;
    float: left;
    width: 93%;
}

.redPanelHeading, .registerForBEClubHeading, .summary_panel_Basket, .summary_panel_Order, .summary_panel_confirmation, .tableHeading {
    color: #666666;
    padding: 0 0.5em 0.5em;
    font-size: 1rem;
    float: left;
}

.redPanelHeading {
    color: #B81f37;
    margin-left: 1em;
}

.redLabel {
    color: #b81b29;
}

.errorText {
    font: 1.5rem;
    margin-top: 100px;
    margin-bottom: 100px;
}

.tableHeading {
    width: 100%;
    padding: 0 10px 0 0;
    /*padding: 0.5rem 1rem;*/
}

#lean_overlay {
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#message_ModalContainer #messageText, #message_MobileFeedback {
    text-align: center;
    color: black;
}

#message_ModalContainer {
    background: transparent;
}

#registerForBeClub {
    padding-bottom: 0.5em;
    display: none;
    background: #ECF0F5;
}

.BEClubModal_DataBlock {
    min-height: 2.5em;
    clear: both;
    width: 100%;
    position: relative;
}

    .BEClubModal_DataBlock input[type=checkbox] {
        width: 20px;
        height: 20px;
    }

.BEClubModal_DataBlock_Center {
    width: 10rem;
    margin: 0 auto;
}

.ui-dialog .ui-dialog-content {
    background: #ECF0F5 !important;
    margin: 0 -4px -4px !important;
}

.ui-dialog #Marketing_ModalContainer.ui-dialog-content {
    height: auto !important;
}

#btnPasswordRetrieve {
    margin: 0 0 1rem;
}

.ui-dialog .ui-dialog-content input {
    background: #ffffff;
}

.BEClubModal_TextBlock {
    text-align: center;
    font-size: 0.85em;
    margin: 0.5em 0 1rem;
}

.BEClubModal_DataBlock label {
    font-weight: 400;
    font-size: 1rem;
    color: #485669;
}

.BEClubModal_DataBlock #freeOfferLabel, .BEClubModal_DataBlock .freeOfferCheckbox {
    position: relative;
    float: left;
    width: 30px;
}

.BEClubModal_DataBlock #freeOfferLabel {
    width: 180px;
    line-height: 1.4em;
    margin-bottom: 0.5em;
}

.JourneyRows {
    float: left;
    width: 100%;
}

.journeyNoSearchCriteriaJourneyRows {
    float: left;
    width: 700px;
}

.journeyNav {
    color: #485669;
    float: left;
    width: 100%;
    margin-top: 1em;
    padding-bottom: 5px;
}

.previous, .next {
    color: #485669;
    background: url('/Images/National/arrowPrevious.png') no-repeat;
    background-position: 0 50%;
    background-color: transparent;
    float: left;
    padding-left: 20px;
    text-decoration: none;
}

.journeyNav a, .nextLink a {
    color: #485669;
    background: url('/Images/National/arrowPrevious.png') no-repeat;
    background-position: 0 50%;
    background-color: transparent;
    float: left;
    padding-left: 20px;
    text-decoration: none;
}

.nextLink a {
    background: url('/Images/National/arrowNext.png') no-repeat;
    background-position: 100% 50%;
    padding-right: 1.5em;
    float: right;
}

.next {
    float: right;
    padding-right: 20px;
}

.footNote, .seatGuarntDescrip {
    float: left;
    color: #b81b29;
    padding: 15px 0;
    width: 100%;
}

.seatGuarntDescrip {
    padding: 0.5em 0;
}

.seatGuarntAvail, .seatGuarntNotAvail {
    color: #485669;
    background-color: transparent;
    padding: 10px 0 10px 40px;
    float: left;
    width: 44%;
}

    .seatGuarntAvail img, .seatGuarntNotAvail img {
        width: 2em;
        height: 2em;
        vertical-align: middle;
    }

.SearchPanelGrey {
    box-sizing: border-box;
    margin: 0.938rem;
    color: white;
    font-size: 14px;
    border-top: 0 solid yellow;
}

/*.tabs {
    background-color: #646d79;
background: -moz-linear-gradient(top, #646d79 0%, #606874 69%, #5b636d 91%, #5b636d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646d79), color-stop(69%, #606874), color-stop(91%, #5b636d), color-stop(100%, #5b636d));
background: -webkit-linear-gradient(top, #646d79 0%, #606874 69%, #5b636d 91%, #5b636d 100%);
background: -o-linear-gradient(top, #646d79 0%, #606874 69%, #5b636d 91%, #5b636d 100%);
background: -ms-linear-gradient(top, #646d79 0%, #606874 69%, #5b636d 91%, #5b636d 100%);
background: linear-gradient(to bottom, #646d79 0%, #606874 69%, #5b636d 91%, #5b636d 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#646d79',endColorstr='#5b636d',GradientType=0);
    font-size: .844rem;
    line-height: 1.125;
    width: 100%;
float: left;
vertical-align: middle;  linear-gradient(to bottom, white 0%, white 69%, #f6f6f7 79%, #e8e9e7 91%, #e8e9e7 100%);
}*/
.noFloat {
    float: none !important;
}

.tabs {
    background-color: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #fff 69%, #e8e9e7 91%, #e8e9e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(69%, #fff), color-stop(91%, #e8e9e7), color-stop(100%, #e8e9e7));
    background: -webkit-linear-gradient(top, #fff 0%, #fff 69%, #e8e9e7 91%, #e8e9e7 100%);
    background: -o-linear-gradient(top, #fff 0%, #fff 69%, #e8e9e7 91%, #e8e9e7 100%);
    background: -ms-linear-gradient(top, #fff 0%, #fff 69%, #e8e9e7 91%, #e8e9e7 100%);
    background: linear-gradient(to bottom, #fff 0%, #fff 69%, #e8e9e7 91%, #e8e9e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#e8e9e7',GradientType=0);
    font-size: .844rem;
    line-height: 1.125;
    width: 100%;
    float: left;
    vertical-align: middle;
}

.tab-title, .tab-title.active {
    font-size: 1.333rem;
    color: white;
    color: rgba(255, 255, 255, 0.5);
    background-color: transparent;
    border-color: #b9bfc5;
    /*border-color: #40464d;*/
    border-style: solid;
    border-width: 1px 0 1px 1px;
    /*border-width: 0 0 1px 1px;*/
    width: 25.1%;
    float: left;
    text-decoration: none;
    padding: 1rem .938rem;
    text-align: center;
    float: left;
    width: 30%;
}

#lastTabTitle {
    width: 24.6%;
    border-width: 1px;
}

.tab-title a {
    /*color: rgba(255, 255, 255, 0.5);*/
    color: #050607;
    /*background: white;*/
    text-decoration: none;
    padding: 1rem .938rem;
    text-align: center;
    float: left;
    width: 100%;
}

.tab-title.active a {
    background: transparent;
    color: white;
    text-decoration: none;
    padding: 1rem .938rem;
    text-align: center;
    float: left;
    width: 30%;
}


/*.tab-title a:hover {
        color: #666666;
        
    }*/

.tab-title.active {
    font-size: 1.333rem;
    color: white;
    background-color: #727b87;
    border-color: #727b87;
    /*border-width: 0 0 1px 1px;*/
    border-width: 0 0 2px 0;
    width: 25.2%;
    padding-right: 0.2%;
}



.whitePanelGreyBorder {
    border: 0 solid #ecf0f5;
    background: #ecf0f5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0.8em;
    margin: 0 0 1rem;
    color: white;
    font-size: 1em;
    width: 100%;
    float: left;
    color: #485669;
}

.passwordReset {
    width: 50%;
    margin: 5% 25%;
}

    .passwordReset .resetPasswordDiv1 {
        width: 50%;
        float: left;
        margin-top: 1em;
        font-size: 1.2em;
    }

#resetPasswordInputs {
    margin-left: 25%;
}

.passwordReset .BEClubSmallLoginDiv2 {
    width: 70%;
}

#resetPasswordInputs #btnResetPassword {
    float: right;
    width: 25%;
}

#RedeemCheckboxDiv {
    width: 2em;
    margin: 0;
    float: left;
}

#RedeemCheckboxLabel {
    text-align: left;
}

.tabsContent {
    background-color: #727b87;
    padding: 0.9375rem 0;
    width: 100%;
    float: left;
    margin-bottom: 1.5rem;
}


.redPanelInnerDiv {
    border: 0 solid yellow;
    position: relative;
    padding: 0 0 0 0.46rem;
    float: left;
    width: 30%;
}


.EditLocation {
    width: 60%;
    padding: 0;
}

.EditDates {
    width: 45%;
}

#SelectDatesDiv {
    width: 31%;
}

.EditOutwardDatesDiv, .EditOutwardTimesDiv, .EditReturnDatesDiv, .EditReturnTimesDiv {
    display: inline-block;
}

.inlineEditOutwardDateTime, .inlineEditReturnDateTime {
    display: inline;
}

#SearchColumnDiv {
    width: 15%;
}

#routeInfoBtnDiv {
    padding: 0 0.95rem 0 0.5rem;
}

.SearchPanelGrey .ui-combobox {
    width: 170px;
}

.SearchPanelGrey .ui-state-default {
    background-color: #ffffff !important;
    color: #485669 !important;
}

.SearchPanelGrey .ui-combobox-input {
    background-color: #ffffff !important;
    color: #485669 !important;
    border: 1px solid #A0A0A0 !important;
    border-radius: 5px 0 0 5px;
    width: 135px;
    height: 30px;
}

.select_Btn_UI {
    background: url('/Images/National/downArrow.png') no-repeat center !important;
    background-color: #ffffff !important;
    border: 1px solid #A0A0A0 !important;
    border-radius: 0 5px 5px 0 !important;
    margin-top: -1px !important;
    display: inline-block !important;
    position: relative !important;
}

.SearchPanelGrey .ui-button-icon-only {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.ui-combobox .ui-icon {
    height: 28px;
    width: 30px;
}

#PassengerTypeListDiv, #FamilyReturnPassengerTypeListDiv {
    width: 24%;
}

#EditPassengerTypeListDiv, #EditFamilyReturnPassengerTypeListDiv {
    width: 16%;
}

#bookingRouteInfo #PassengerTypeListDiv {
    width: 20%;
}

#bookingRouteInfo #SelectDatesDiv {
    width: 45%;
}

    #bookingRouteInfo #SelectDatesDiv input {
        width: 70%;
    }

    #bookingRouteInfo #SelectDatesDiv .custom_ddl select {
        width: 50%;
    }

#bookingRouteInfo #LocationDiv {
    width: 30%;
}

.labelOrange {
    padding: 5px;
    color: #f8971d;
}

.labelDivColumn {
    color: #fff;
    font-size: .938rem;
    font-weight: 400;
    line-height: 1.5;
    padding-left: 0.05rem;
    text-align: left;
    clear: none;
    float: left;
}

.editLabelDivColumn {
    color: black;
}


.custom_ddl select::-ms-expand {
    display: none;
}

.selectTicketDropDownList, .selectPeriodDDList, .natTicketDropDownList, .passengerTypeQty {
    width: 166px;
    font-size: .938rem;
    height: 2.35rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 0 solid grey;
    float: left;
    background: url(/Images/National/bg-select.png) no-repeat, #ffffff;
    background-position: 100% 50%;
    background-size: 39px 50px;
}

.collegeNameDropDownList {
    width: 17em;
    font-size: .938rem;
    height: 2.35rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    float: left;
    border: 1px solid #827e7e;
}

.editSelectPeriodDDList {
    border: 1px solid grey !important;
}

.passengerTypeQty, .custom_ddl select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
}

.selectTicketDropDownList, .selectPeriodDDList, .passengerTypeQty, .natTicketDropDownList {
    padding: 0.3em 0 0.3em 0.3em;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.selectPeriodDDList {
    width: 7rem;
    font-size: 0.9rem;
    background-size: 30px 50px;
    background-position: 97% 50%;
    line-height: normal;
}

/*@-moz-document url-prefix() {
    .selectTicketDropDownList, .selectPeriodDDList, .passengerTypeQty {
        background: #fff;
    }
}*/

.passengerTypeQty {
    background-position-x: 2.4em;
}

    #CustomerVM_Customer_Title::-ms-expand,
    .passengerTypeQty::-ms-expand {
        display: none;
    }

select::-ms-value {
    background: none;
    color: #000;
    padding-left: 8px;
}

.natTicketDropDownList {
    padding: 0.3em 0;
    margin: 0;
    width: 90px;
    border: 1px solid #485669;
    color: #485669;
    margin: 0 0 0 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.selectTicketDropDownList, .selectPeriodDDList, .passengerTypeQty, .natTicketDropDownList, .collegeNameDropDownList {
    padding: 0 0 0 0.5em;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.passengerTypeQty {
    width: 5rem;
    height: 2.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    padding: 0.4em;
    text-overflow: '';
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

#PassengerTypeListDiv .passengerTypeQty {
    padding: 0 0.6rem;
    background-position: 90% 50%;
    color: #727b87;
}

#custom_ddl .passengerTypeQty {
    width: 7em;
    background-position: 95% 50%;
}

.selectPeriodDDList, .emptySearch, .searched {
    width: 6.75rem;
    padding: .356rem 2.2rem .356rem .333rem;
    height: 2.25rem;
    float: left;
    border: 0;
    font-size: 0.938rem;
    color: #827e7e;
}



.emptySearch, .searched {
    color: #827e7e;
    padding: .356rem .333rem;
    width: 93.5%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.selectPeriodDDList {
    padding: .356rem 2.0rem .356rem 0.04rem;
    width: 7.5rem;
}

#DepartStopSelectDiv, #DestinationStopSelectDiv {
    border: 1px solid #827e7e;
    box-shadow: 1px 1px 1px #A0A0A0;
    background: #fff;
    margin-top: 2.25rem;
    position: absolute;
    width: 10.5rem;
    z-index: 5;
}

    #DepartStopSelectDiv :first-child, #DestinationStopSelectDiv :first-child {
        border: 0;
    }

.divOptionOrigin, .divOptionDestination {
    border-top: 0 solid #827e7e;
    color: #827e7e;
    padding: 0.1em 0.3rem;
    line-height: 1.1rem;
    Cursor: Pointer;
}

.dropDownHidden {
    display: none;
}

.stopOption:hover, .selectedStop, .selectedReturnStop {
    background: #004a9d;
    color: #ffffff;
}

#SelectedSourceStop, #LocationDiv .right_field, #LocationDiv .selectTicketDropDownList {
    width: 60%;
}

#LocationDiv .selectTicketDropDownList, #SelectedSourceStop, #SelectedDestinationStop {
    width: 94%;
    border: 0;
    height: 2.25rem;
    line-height: 1.5em;
    color: #a9a9a9;
    font-size: .938rem;
    margin-left: -0.05rem;
    padding: .356rem .333rem;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

#SelectedDirectTicket {
    width: 41%;
    border: 0;
    height: 2.25rem;
    line-height: 1.5em;
    color: #a9a9a9;
    font-size: .938rem;
    margin-left: 0.1rem;
    padding: .356rem .333rem;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.selectTicketDropDownList, .passengerTypeQty, .collegeNameDropDownList {
    background: url(/Images/National/bg-select.png) no-repeat, #ffffff;
    background-position: 97% 50%;
    background-size: 30px 50px;
}

select > option {
    font-size: 16px;
    font-weight: 300;
    color: #485669;
}

#switchStations,
#EditJourney,
#searchDateOut,
#searchDateRet {
    display: none;
}

.AddTicketBtn, .BackBtn, .PrintBtn {
    padding: 0.3rem 0.8rem;
    width: 100%;
    line-height: 1.5;
    padding-right: 0.5rem;
    float: left;
}

.ShowSignInBtn {
    border: 1px solid #DEA844;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    border-radius: .4em;
    background: url(/Images/National/nextBtnArrow.png) no-repeat, #FCA728;
    background: url(/Images/National/nextBtnArrow.png) no-repeat, -moz-linear-gradient(top, #FCA728 0%, #F49926 100%);
    background: url(/Images/National/nextBtnArrow.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FCA728), color-stop(100%, #F49926));
    background: url(/Images/National/nextBtnArrow.png) no-repeat, -webkit-linear-gradient(top, #FCA728 0%, #F49926 100%);
    background: url(/Images/National/nextBtnArrow.png) no-repeat, -o-linear-gradient(top, #FCA728 0%, #F49926 100%);
    background-position: 96% 50%;
    color: #FFF9DA;
    font-size: 18px;
    font-weight: normal;
    width: 6.8em;
    text-align: center;
    margin: 0;
    padding: 0.4em 0.4em 0.4em 0;
    line-height: 1em;
}

#btnLogOutBEClub {
    float: right;
    margin-top: -0.1em;
    width: 7rem;
    font-size: 1rem;
    line-height: 2.25rem;
    margin-top: -0.25rem;
}

#BEClubTicketRedeem #btnLogOutBEClub {
    margin-bottom: 0.5em;
}

.ConfirmAndPay {
    border: 1px solid #DEA844;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    border-radius: .4em;
    background: url(/Images/National/nextBtnArrow.png) no-repeat, #FCA728;
    background: url(/Images/National/nextBtnArrow.png) no-repeat, -moz-linear-gradient(top, #FCA728 0%, #F49926 100%);
    background: url(/Images/National/nextBtnArrow.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FCA728), color-stop(100%, #F49926));
    background: url(/Images/National/nextBtnArrow.png) no-repeat, -webkit-linear-gradient(top, #FCA728 0%, #F49926 100%);
    background: url(/Images/National/nextBtnArrow.png) no-repeat, -o-linear-gradient(top, #FCA728 0%, #F49926 100%);
    background-position: 96% 50%;
    color: #FFF9DA;
    font-size: 18px;
    font-weight: normal;
    width: 6.8em;
    text-align: center;
    margin: 0;
    padding: 0.4em 0.4em 0.4em 0;
    line-height: 1em;
}

#PayUsingToken_BtnDiv a.ConfirmAndPay {
    display: none;
}

.beClub-loggedin .tokenExists #PayUsingToken_BtnDiv a.ConfirmAndPay {
    display: block;
}

#PayUsingToken_BtnDiv a.ConfirmAndPay {
    width: 300px;
    float: right;
    text-decoration: none;
}

#PayUsingToken_BtnDiv input[type=checkbox] {
    display: none;
}

.tokenExists #btnConfirmAndPay_Table {
    opacity: 0.8;
}

    .tokenExists #btnConfirmAndPay_Table:hover {
        opacity: 1;
    }

#custom-html {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    display: inline-block;
    margin-top: -500px;
    width: 100%;
}

#wp-cl {
    margin: 0 5PX 0 -5PX;
}


#promoContainer {
    margin: 0.5em 0;
    float: left;
    width: 100%;
}

#PromoCode {
    margin: 0;
    width: 100%;
    float: left;
    height: 30px;
    padding-left: 1em;
}

#promoContainer .valid, #promoContainer input {
    height: 2.25rem;
    border: 1px solid #D7D7D7;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.AddPromotionBtn {
    margin-left: -1.7em;
    margin-right: 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    width: 1.7em;
    height: 2.25rem;
    color: #827e7e;
    border: 1px solid #D7D7D7;
    border-left: 0;
    padding: 0;
    background-color: #ffffff;
    position: absolute;
}

#addPromoBtnImg {
    height: 35px;
    margin-left: -10px;
    max-width: none !important;
}

.backToBookingSearchBtn {
    border: 0 solid #DEA844;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: url(/Images/National/backBtnArrow.png) no-repeat, #cd1c38;
    background-position: 4% 50%;
    font-size: 1rem;
    color: #fff;
    padding: 0.3rem 0.8rem;
    margin: 0.5rem 0;
    text-align: right;
    width: 100%;
    line-height: 1.5;
    padding-right: 0.5rem;
    font-weight: normal !important;
    width: 18% !important;
}

    .backToBookingSearchBtn:hover {
        background: url(/Images/National/backBtnArrow.png) no-repeat, #a4162d;
        background-position: 4% 50%;
    }

.selectBtnYellow, .backBtnYellow, .ConfirmAndPay, .yellowBtnModal, .SignBtnTicketBtn, .SignOutBtnTicketBtn, .ShowSignInBtn, .redBtnArrow {
    border: 0 solid #DEA844;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: url(/Images/National/nextBtnArrow.png) no-repeat, #cd1c38 !important;
    background-position: 96% 50% !important;
    font-size: 1rem;
    color: #fff;
    padding: 0.3rem 0.8rem;
    margin: 0.5rem 0;
    text-align: left;
    width: 100%;
    line-height: 1.5;
    padding-right: 0.5rem;
    font-weight: normal !important;
}

    .selectBtnYellow:hover, .backBtnYellow:hover, .ConfirmAndPay:hover, .yellowBtnModal:hover, .SignBtnTicketBtn:hover, .SignOutBtnTicketBtn:hover, .ShowSignInBtn:hover, .redBtnArrow:hover {
        background: url(/Images/National/nextBtnArrow.png) no-repeat, #a4162d !important;
        background-position: 96% 50% !important;
    }

.yellowBtnModal {
    margin: 1.5em 0.3em 0.3em 0.3em;
    float: right;
}


#manageBookBtn {
    background: url(/Images/National/nextBtnArrow.png) no-repeat, #FCA728;
    background: url(/Images/National/nextBtnArrow.png) no-repeat, -moz-linear-gradient(top, #FCA728 0%, #F49926 100%);
    background: url(/Images/National/nextBtnArrow.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FCA728), color-stop(100%, #F49926));
    background: url(/Images/National/nextBtnArrow.png) no-repeat, -webkit-linear-gradient(top, #FCA728 0%, #F49926 100%);
    background: url(/Images/National/nextBtnArrow.png) no-repeat, -o-linear-gradient(top, #FCA728 0%, #F49926 100%);
    background-position: 96% 50%;
    background-size: 10%;
    width: 15em;
    line-height: 2em;
    margin: 0.5em 1.8em;
    color: #fff;
}


#completedTicketBEClub {
    width: auto;
    float: right;
    margin: 1em 1em 0 0;
    padding: 0;
    bottom: 0.5em;
}

#BEClubPanelText {
    width: 68%;
    padding-right: 0;
}

.loginToBEClub {
    border: 2px solid #DEA844;
    border-radius: 0.4em;
    background: url(/Images/National/nextBtnArrow.png) no-repeat, #FCA728;
    background: url(/Images/National/nextBtnArrow.png) no-repeat, -moz-linear-gradient(top, #FCA728 0%, #F49926 100%);
    background: url(/Images/National/nextBtnArrow.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FCA728), color-stop(100%, #F49926));
    background: url(/Images/National/nextBtnArrow.png) no-repeat, -webkit-linear-gradient(top, #FCA728 0%, #F49926 100%);
    background: url(/Images/National/nextBtnArrow.png) no-repeat, -o-linear-gradient(top, #FCA728 0%, #F49926 100%);
    background-position: 96% 50%;
    padding: 0 5px;
    color: #FFF9DA;
    font-size: 1.2em;
    width: auto;
    line-height: 1.8em;
    padding: 0 1.8em 0 0.5em;
    float: left;
    font-weight: normal !important;
}

.AddTicketBtn, .BackBtn, .PrintBtn {
    color: #fff;
    border: 0;
    background: #727b87;
    background: url(/Images/National/plusBtnIcon.png) no-repeat, #727b87;
    background-position: 96% 50%;
    font-weight: normal;
    font-size: 1rem;
    text-align: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.PrintBtn {
    background: url(/Images/National/print_icon.png) no-repeat, #727b87;
    background-position: 96% 50%;
    margin-bottom: 0.5rem;
    text-align: left;
}

.BackBtn, .mobileCancelBtn {
    color: #fff;
    border: 0;
    background: #727b87;
    background: url(/Images/National/backBtnArrow.png) no-repeat, #727b87 !important;
    background-position: 4% 50% !important;
    text-align: center;
}


.mobileCancelBtn {
    background: url(/Images/National/X_BtnIcon_White.png) no-repeat, #727b87;
    background-position: 94% 50%;
}

.DeleteTicketBtn {
    color: #485669;
    border: 1px solid #D7D7D7;
    background: #fff;
    font-weight: normal;
    font-size: 1em;
    text-align: center;
    margin-right: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0.5rem 0.5rem 0.3rem 0.5rem;
    line-height: 1;
}

.changeButton {
    width: 175px;
    font-family: Arial;
    font-size: 18px;
    height: 100px;
    margin-right: 60px;
    margin-top: 0px;
}

.changeReturnButton {
    height: 40px;
}

.confirmBtn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: url(/Images/National/icon-chevron-white-right.png) no-repeat, #cd1c38 !important;
    background-position: 100% 50% !important;
    background-size: 19px 15px !important;
    text-align: left;
    padding: 0 1rem;
    color: white;
    font-size: 1.125rem;
    width: 100%;
    margin: 0 5px 5px 5px;
    line-height: 27px;
    padding-right: 20px;
    float: left;
    font-weight: normal;
}

.beClubLink.confirmBtn {
    background: url(/Images/National/icon-chevron-white-right.png) no-repeat, #727b87;
    background-position: 100% 50%;
    background-size: 16px 12px;
    width: 7rem;
    font-size: 1rem;
    float: right;
    margin-top: 0.2rem;
    padding: 0.2rem 0.9rem 0.2rem 0.2rem;
    text-align: center;
}

    .beClubLink.confirmBtn.cancelbeClub {
        background: url(/Images/National/X_BtnIcon_White.png) no-repeat, #727b87;
        background-position: 95% 50%;
    }

#searchBtn, #changeBtn {
    margin: 1.688rem 0 0 0;
    padding: 1.125rem 1rem 1.1875rem 1rem;
    background-color: #cd1c38;
    transition: background-color 300ms ease-out;
}

    #searchBtn:hover {
        background-color: #A4162D;
    }



#UserMessage {
    width: 96%;
    max-width: 920px;
    margin: auto;
    padding: 5px;
    height: 15px;
    display: inline;
}

aside {
    width: 35%;
    float: right;
}

.fareClassIdOutward,
#selectReturnJourneyRdo {
    width: 30px;
    height: 30px;
    margin-top: 2px;
}

.beClubSmallLoginTextBoxSmall, .beClubRetrievePasswordEmailTextBox, .beClubRetrievePasswordTextBox, .beClubSmallLoginTextBox, .beClubSmallLoginDDL {
    border: 1px solid grey;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 16em;
    height: 2rem;
    padding-left: 0.5em;
}

.beClubSmallLoginTextBox, .beClubSmallLoginDDL {
    width: 13em;
    float: left;
}

.beClubRetrievePasswordTextBox {
    width: 15em;
    float: left;
}

.beClubRetrievePasswordEmailTextBox {
    width: 19.5em;
    float: left;
}

.beClubSmallLoginDDL {
    height: 2em;
    border: 1px solid #827e7e;
    width: 13.7em;
}

#beClubContainer {
    width: 75%;
    float: left;
    margin-top: 0.5em;
}

.BEClubSmallLoginDiv1,
.BEClubSmallLoginDiv2,
.BEClubSmallLoginDiv3,
.BEClubSmallLoggedinDiv1,
.BEClubSmallLoggedinDiv2 {
    position: relative;
    float: left;
    margin: 1px;
    margin-top: .3em;
    line-height: 3em;
}

    .BEClubSmallLoginDiv1, .BEClubSmallLoginDiv1 label, .BEClubSmallLoggedinDiv1 {
        width: 6em;
        text-align: right;
        padding-right: 0.3em;
    }

        .BEClubSmallLoginDiv1 label {
            font-size: 1em;
        }

.BEClubSmallLoggedinDiv1, .BEClubSmallLoggedinDiv2 {
    width: auto;
    margin-top: 0.5em;
    line-height: 2em;
    font-size: 1.1em;
}

.BEClubSmallLoggedinDiv1 {
    margin-left: 3em;
}

.BEClubSmallLoggedinDiv2 {
    margin-right: 1em;
}

.BEClubSmallLoginDiv2 {
    width: 12em;
}

.beClubRow {
    border: 0 solid blue;
    float: left;
    width: 100%;
    margin: 0.5rem;
}

#beClubLogin_ModalContainer label, #beClubLogin_ModalContainer .required {
    border: 0 solid green;
    width: 5rem;
    font-weight: 400;
    color: #485669;
    float: left;
    margin: 0 0 0 2rem;
    line-height: 2rem;
    text-align: right;
}

#beClubLogin_ModalContainer .required {
    width: auto;
    margin: 0 0.4rem 0 0;
}

.modalInput,
.beClubRow #beClubEmailAddress,
.beClubRow #beClubPassword {
    height: 2rem;
    width: 17rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 1rem;
    padding-left: 0.5rem;
}


#beClubLogin_ModalContainer #btnLoginToBéClub {
    float: left;
    margin: 0 0 0 7.9rem;
    width: 13rem;
    line-height: 1.9rem;
}

#beClubLogin_ModalContainer a {
    float: left;
    clear: both;
    margin: 0 0 0 7.9rem;
    font-weight: 400;
    color: #485669;
    font-size: 1rem;
    padding: 0.25rem 0;
}

.BEClubSmallLoginDiv3 {
    margin-right: .4em;
    float: right;
}

.BEClubRetrieveDiv1 {
    position: relative;
    float: left;
    margin: 2px 1px;
    text-align: right;
    line-height: 2.25rem;
    display: block;
    width: 8rem;
}

.BEClubRegisterDiv1 {
    position: relative;
    float: left;
    width: 10rem;
    text-align: right;
    line-height: 2.5rem;
    padding-right: 0.5rem;
    display: block;
}

.BEClubRegisterDiv2 {
    margin-top: 3px;
    position: relative;
    float: left;
    margin: 2px 1px;
    line-height: 2.25rem;
    width: 18rem;
    text-align: left;
}

    .BEClubRegisterDiv2 input, .BEClubRegisterDiv2 select {
        width: 100%;
    }

    .BEClubRegisterDiv2 select {
        color: #727b87;
    }

#regCheckboxDiv1, #regCheckboxDiv2 {
    margin-left: 10rem;
    text-align: left;
    width: 17rem;
    line-height: 1.5rem;
}

    #regCheckboxDiv1 label, #regCheckboxDiv2 label {
        text-align: left;
        font-weight: normal;
    }

#regBtnDiv {
    margin: 0.5rem 0 0 2rem;
}

.BEClubRegisterDiv3 {
    width: 86%;
    margin: 0.75em 0;
    padding-left: 25%;
}

.BEClubLabelLeft {
    float: left;
    width: 15em;
}

    .BEClubLabelLeft label {
        font-size: 1em;
        font-weight: normal;
        margin-bottom: 1em;
    }

.BEClubRegisterDiv4 {
    margin-left: 8rem;
    width: 12rem;
}

.BEClubSmallLoginHeader {
    color: #b81b29;
    padding: 1rem 0 0.5rem 1rem;
    font-size: 1.5em;
}

#RedeemPointsHeader {
    width: 10rem;
    float: left;
    font-size: 1rem;
    padding: 0 0 0 1.5rem;
}

#retBookingHeader {
    float: left;
    width: 100%;
}

#mBooking1 {
    margin-left: 1.5em;
}

.BEClubSmallLoginHeader img {
    vertical-align: text-bottom;
}

.BEClubSmallLoginWrapper, .BEClubRedLoginWrapper {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    position: relative;
    float: left;
}

.BEClubRedLoginWrapper {
    padding: 0 0 1em 0;
    width: 100%;
    color: white;
}

    .BEClubRedLoginWrapper .BEClubSmallLoginHeader {
        padding: 0 1em;
    }

    .BEClubRedLoginWrapper .BEClubSmallDiv2 {
        height: auto;
    }

#CouldEarnPoints .BEClubSmallDiv2 {
    margin: 0;
    width: 100%;
}

#CouldEarnPoints, #beClubLoginDiv {
    margin: 0;
    width: 100%;
}

#wrapper_beClubLogin {
    width: 100%;
    background: #ECF0F5;
    margin: 0 0 1rem;
}

.BEClubSmallDivText, .BEClubSmallDivBtn {
    width: 70%;
    padding: 0.5em 1em;
    float: left;
}

.BEClubSmallDivText {
    line-height: 1.4em;
    padding-left: 1.3em;
    font-size: 1.2em;
}

.BEClubSmallDivBtn {
    width: 20%;
    padding: 1em;
    float: right;
    margin-right: 0.5rem;
}

.BEClubSmallDiv2 {
    background-color: #ecf0f5;
    color: #485669;
    height: 3.3em;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: middle;
    padding: 0.3em 0;
    line-height: 3em;
    margin: 0 0.5em;
    width: 100%;
}

#CouldHaveEarnedPoints .BEClubSmallDiv2 {
    margin: 0;
}


#beClubSignIn {
    margin: 0 0 1rem;
    padding: 0 1rem 1rem 1rem;
    background: transparent;
    color: #485669;
    font-weight: normal;
}

    #beClubSignIn label {
        font-weight: normal;
    }

.errorMessageText, .errorMessageText_float {
    clear: both;
    margin: 0.5em 1em;
    width: 80%;
}

#passwordCompare {
    width: 100%;
}

#beClubEmailAddress {
    width: 20rem;
}

#BeClubEmailAddressValidationMessage {
    clear: both;
}

#beClubLogErrorMsg {
    float: right;
    font-size: 1em;
}

.floatRight {
    float: right;
}

.promoRow {
    width: 100%;
    float: left;
}

.promoAd100, .promoAd50, .promoAd33, .promoAd50Last, .promoAd33Last {
    min-height: 12em;
    width: 100%;
    float: left;
    border: 0 solid #ECEFF4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: middle;
    margin: 0 0 0.5rem 0;
    cursor: pointer;
}

.promoAd50, .promoAd50Last {
    width: 49%;
    margin-right: 2%;
}

    .promoAd100 img, .promoAd50 img, .promoAd50Last img, .promoAd33 img, .promoAd33Last img {
        width: 100%;
    }

.promoAd50Last {
    margin-right: 0;
    float: right;
}

.promoAd33, .promoAd33Last {
    width: 32%;
    margin-right: 2%;
}

.promoAd33Last {
    margin-right: 0;
    float: right;
}

.BEClubTicketRedeem, .BEClubLoggedIn, .greyPanelWide {
    background-color: #ECEFF4;
    color: #485669;
    font-size: 1.2em;
    min-height: 3.8em;
    width: 100%;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: middle;
    padding: 1em;
    margin: 0 0 1em 0;
    position: relative;
}

.BEClubSignOutBtn {
    float: right;
    width: 8rem;
}

.btnCloseBEClubLogin {
    color: #cd1c38;
    float: right;
    margin: 0.5rem 0.75rem;
    font-weight: bold;
    cursor: pointer;
}

.BEClubTicketRedeem, .BEClubLoggedIn {
    background: url(/Images/National/beClubText_Medium.png) no-repeat center left #ecf0f5;
    -o-background-size: 15%;
    -moz-background-size: 15%;
    -webkit-background-size: 15%;
    background-size: 15%;
    background-position: 1em;
    padding: 0.2em 0.2em 0.2em 10em;
    width: 100%;
    color: #B81B29;
}

#BEClub_Wrapper .BEClubLoggedIn, .mobileHide .BEClubTicketRedeem {
    padding-top: 0.4rem;
}

#BEClub_Wrapper .BEClubLoggedIn {
    width: 100%;
    margin: 0;
}


#LoginResult {
    margin-top: 1.5em;
}

.heading {
    font-size: 1.5em;
    margin-bottom: 0.5em;
}

.BEClubTicketRedeem img {
    float: left;
    margin-top: 0.65em;
}

.BEClubLoggedIn img {
    float: left;
    margin-top: 0.65em;
}

.BEClubPayCheckBox {
    padding: 1em 0.5em;
    position: relative;
    min-height: 3em;
    float: left;
    margin-left: 1em;
    display: none;
}

.beCheckBox {
    width: 20px;
    height: 20px;
    float: left;
}

.beCheckBoxLabel {
    float: left;
    width: 90%;
    margin-left: 0.5em;
}

#btnLoginToBéClub, .ShowSignInBtn {
    width: 7rem;
    font-size: 1rem;
    line-height: 2.25rem;
    margin-top: -0.25rem;
}

.BEClubLinkDiv {
    width: 100%;
    padding: 0.5em 1em;
    float: left;
}

    .BEClubLinkDiv a {
        color: #485669;
    }

#beClubLogResults {
    font-size: 1rem;
    font-weight: 400;
    padding: 0.6rem 0.6rem 0.6rem 0;
}

.BEClubButtonDiv {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 150px;
}

.BEClubLink {
    float: left;
    color: black;
    padding: 0 1em 0 0;
}
/* END BE Club Login */

/* Choosen Overwrites */
.chosen-container {
    width: 165px !important;
}

#LocationDiv .chosen-container {
    width: 93.5% !important;
    margin-bottom: 0.5em;
    display: none;
}

.chosen-drop {
    width: 295px !important;
}

.chosen-single, .chosen-select {
    height: 2.25rem !important;
    border: 0 solid #827e7e !important;
    line-height: 1.5em !important;
    padding: .356rem .633rem !important;
    background: #fff !important;
    background: url(/Images/National/bg-select.png) no-repeat, #ffffff !important;
    background-color: #ffffff !important;
    border-radius: 4px !important;
    background-position: 100% 50% !important;
    background-size: 39px 50px !important;
    -webkit-background-clip: padding-box !important;
    -moz-background-clip: padding !important;
    background-clip: padding-box !important;
}

.chosen-select {
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    border-radius: .4em;
    margin-left: 0;
    width: 100%;
}

.chosen-single span {
    color: #a9a9a9;
    font-size: .938rem;
    margin-top: 0.15rem;
    margin-left: -0.05rem;
}

.chosen-single div b {
    margin: 0 25px !important;
}

.chosen-results li {
    color: #485669;
}

    .chosen-results li.result-selected,
    .chosen-results li.highlighted,
    .chosen-results li.active-result:hover {
        color: black !important;
        background: #BFDAFF !important;
    }
/* END Choosen Overwrites  */

/* Promotions */
.promotions_Info {
    float: left;
    height: 20px;
    padding: 0px 3px 6px 0px;
    width: auto;
}

.promotions_data_result {
    font-weight: normal;
    width: 75%;
}

.promotions_Error, #promotions_Error_Client {
    float: left;
    font-weight: bold;
    background-color: #b81b29;
    padding: 3px;
    color: white;
    text-align: center;
}

#promotions_Error_Client {
    display: none;
    font-size: 12px;
    width: 100%;
    padding: 0.5em;
}
/* END Promotions  */

#gottacatchem, #gottacatchemall {
    margin-bottom: 1em;
}

.mobileHide {
    display: block;
}

#MobileHeader,
#MobileHeaderBtn,
#mobileBackBtn,
#mobileBackBtn1,
#mobileBackBtn2,
#mobile,
.mobJourneyTable,
.mobJourneyTable_Wrapper,
.mobJourneyTable_Wrapper_Nav,
#MobileSummaryPanel,
.mobileOnly {
    display: none;
}

.beClubLink-group.isLoggedin #beClubLink_Search {
    display: none;
}

body #covidAlert-dialog-overlay {
    display: none;
}

body.showCovidAlert #covidAlert-dialog-overlay {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
}
/*Start of mobile specific CSS*/
@media only screen and (max-device-width: 480px) and (orientation:portrait), only screen and (max-device-height: 480px) and (orientation:landscape) {
    #custom-html {
        display: block;
        width: 97vw !important;
        min-width: 340px !important;
        margin-top: 0;
    }
    /*#wp-cl-lightbox {
        position: absolute;
    }*/

    #loadingspinnerContent {
        width: 75%;
        left: 10%;
        margin: auto;
    }

    #SelectedDepartureDate, #SelectedReturnDate {
        background: #fff;
        width: 100%;
        font-size: 1.3rem;
        border-radius: 4px;
        padding: 0.4rem;
        border: 0;
    }

    #errorHomeBtn {
        width: 100%;
    }


    html {
        background-color: #ecf0f5;
    }

    #basketElementResultsBox .basket_panel_block {
        display: none;
    }

    .mobJourneyTable_Wrapper_Nav {
        width: 90%;
        bottom: 0.5em;
    }

    #RouteInfo_Wrapper, .tabsContent {
        min-width: 0;
    }

    #mobileBackBtn2 {
        display: none;
    }

    #redBar100percentwidth,
    #redBar,
    .BEClubSmallLoginHeader,
    .passengerCol_info,
    .BEClubLoggedIn,
    .BEClubTicketRedeem .tableDataChanges,
    #CouldEarnPoints,
    .summary_panel_Footer {
        display: none;
    }

    #wrapper_beClubLogin .BEClubSmallLoginHeader {
        display: block;
        padding-left: 1rem;
    }

    #beClubLogin_ModalContainer #wrapper_beClubLogin a {
        color: #b81b29;
        font-size: inherit;
        padding: 0;
        margin: 0;
        clear: none;
    }

    footer {
        margin-bottom: -3px;
    }

    /*.optanon-show-settings-popup-wrapper {
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
    }*/

    .CenterFoot .footerlogo {
        width: 18rem;
    }

    .footerlogo {
        background: url('../Images/National/footerLogo_small.png') no-repeat center;
        background-size: 70% 90%;
    }

    .textCentral {
        margin-top: 0.5rem;
    }

    #rowBackground_body .row {
        padding: 0;
    }

    #retBookingInputs, #retBookingHeader {
        display: block;
    }

    #retBookingHeader, #retBookingInputs, #mBooking1 {
        margin-left: 0;
    }

    .breadCrumbTextWrapper1, .breadCrumbTextWrapper2, .breadCrumbTextWrapper3 {
        background: url(/Images/MobileImages/BreadCrumb_1of3_Mobile.png) no-repeat center;
        background-size: 100% 100%;
        display: inline;
        float: left;
        width: 60%;
    }

    .breadCrumbTextWrapper2 {
        background: url(/Images/MobileImages/BreadCrumb_2of3_Mobile.png) no-repeat center;
        background-size: 100% 100%;
    }

    .breadCrumbTextWrapper3 {
        background: url(/Images/MobileImages/BreadCrumb_3of3_Mobile.png) no-repeat center;
        background-size: 100% 100%;
    }

    #breadcrumbRow ul {
        color: #727b87;
        font-size: .844rem;
        line-height: 1.5;
        overflow: hidden;
        padding: 1rem 0 1rem .938rem;
    }

    #breadcrumbRow #BreadCrumb_title {
        padding-left: 0;
    }

    .breadCrumbContainer {
        margin-bottom: 0;
        border-bottom: 1px solid #c5c7cb;
    }

    .page-title {
        font-size: 1.3rem;
        padding: 0 1rem 0.5rem;
        margin: 0 -1rem;
        width: 120%;
        border-bottom: 1px solid #c5c7cb;
    }

    .paymentStatus {
        border-bottom: 0;
    }


    #resultsBox #tableHeadingMsg #multiJourneyResultsBox {
        display: none;
    }

    .beClubLink-group {
        float: left;
        width: 100%;
        margin: 0.5rem -1rem 0;
        padding: 0.5rem 0.5rem 0;
    }

    #beClubLogo {
        border: 0;
        position: absolute;
    }

    #beClubLogResults {
        width: 100%;
        text-align: center;
    }

    .beClubLogin {
        float: left;
        top: 0;
    }

    .BEClubSmallLoginDiv1, #BEClubLinkDiv {
        display: none;
    }

    .BEClubSmallDiv2 {
        background: transparent;
        float: left;
        height: auto;
        width: auto;
    }

    #retBooking #beClubSignIn {
        width: auto;
    }

    #beClubSignIn {
        width: auto;
    }

    .BEClubSmallLoginDiv2 {
        width: 100%;
    }

    .beClubSmallLoginTextBoxSmall, .beClubRetrievePasswordEmailTextBox, #registerBeClub_ModalContainer input {
        width: 96%;
        height: 2.1em;
        font-size: 1.2em;
    }

    #registerBeClub_ModalContainer input {
        margin-bottom: 0.6em;
    }

    .BEClubSmallLoginWrapper, #mobileBEClubGreyBox, #ForgotBEpassword, #registerBeClub_ModalContainer, #registerForBeClub {
        float: left;
        margin: 1em 1.5em;
        background: #eceff4;
        border-radius: 0.4em;
        width: 90%;
    }

    .BEClubModal_TextBlock .BEClubRegisterDiv4, #regBtnDiv .BEClubRegisterDiv4 {
        margin: 0;
    }

        #regBtnDiv .BEClubRegisterDiv4 #gottacatchem {
            left: -1.75rem;
        }

    .BEClubRegisterDiv2 input {
        width: 90%;
    }

    #registerBeClub_ModalContainer {
        margin: 1em 2%;
        width: 95%;
    }

    #regBtnDiv {
        margin: 0;
    }


    #wrapper_beClubLogin {
        margin: 4%;
        width: 85%;
        padding: 4%;
    }

        #wrapper_beClubLogin > .BEClubLinkDiv {
            display: none;
        }

    .BEClubSmallLoginHeader {
        padding: 9px 0;
    }

    .BEClubRetrieveDiv1 {
        display: none;
    }

    #mobileBEClubGreyBox {
        padding: 1.5em;
    }

        #mobileBEClubGreyBox .mobileText {
            margin-bottom: 1em;
        }

    .BEClubSmallLoginHeader {
        font-size: 1.25em;
    }

    #btnLoginToBéClub {
        float: left;
    }

    #ForgotPassword_MobLabel {
        float: left;
        color: grey;
        clear: both;
        display: inline;
        width: auto;
        margin-right: 0.5em;
    }

    #forgotpassword_mobLink {
        display: inline;
        width: auto;
        text-decoration: underline;
        color: #b81b29;
    }

    .BEClubSmallLoginDiv3 {
        width: 100%;
        margin: 0.5em 0;
    }

    #btnLoginToBéClub,
    #btnCancelBEClub,
    #btnCancelBEClub2,
    #BtnbeClubReg,
    #btnBEClubRetSubmit,
    #btnCancelBEClubPassReset,
    #btnClose_actTicketFeedback,
    #btnClose_registerBEClub,
    #btnPasswordRetrieve,
    #btnCancelBEClubReg {
        text-align: left;
        padding-left: 0.5em;
        width: 45%;
        font-size: 1.3em;
        line-height: 1em;
        height: 2em;
    }



    #btnCancelBEClub, #btnCancelBEClub2, #btnCancelBEClubPassReset, #btnCancelBEClubReg {
        float: right;
        margin: -0.25rem 0 0 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-weight: normal;
    }

    #btnCancelBEClub2, #btnCancelBEClubReg {
        margin: 0;
    }

    #btnClose_actTicketFeedback, #btnClose_registerBEClub {
        text-align: center;
        margin-top: 2em;
    }

    #btnClose_actTicketFeedback {
        text-align: center;
        margin: 0;
        width: 100%;
    }

    #registerBEClubFeedbackDiv {
        width: 85%;
    }

    #registerBEClubFeedback {
        text-align: center;
    }

    #btnRegBéClub {
        width: 100%;
        margin: 0.5em 0 0;
    }

    #btnBEClubRetSubmit, #btnPasswordRetrieve {
        float: left;
    }

    .beClubRetrievePasswordEmailTextBox {
        width: 85%;
        float: left;
        margin: 0 5% 1em 5%;
    }

    .BEClubRegisterDiv2, #BEClubRegisterDiv2_Password {
        width: 100%;
    }

    .BEClubRegisterDiv4 {
        width: 100%;
        float: left;
        padding: 0;
        margin-bottom: 1em;
    }

    #BtnbeClubReg {
        width: 45%;
        float: left;
        margin: 0;
    }

    #validationLine {
        min-height: 1.2em;
    }

    #mobileOutError {
        margin: 2%;
        width: 96%;
    }

    #PassengerNumberValidation, #mobValMsg, .errorMessageText, .errorMessageText_float {
        position: relative;
        width: 95%;
        margin-bottom: 1em;
        left: 0;
        top: 0;
    }

    #PassengerNumberValidation {
        width: 92%;
        text-align: center;
        margin: 0 4%;
    }

    #mobValMsg {
        margin: 0.5em;
        width: 90%;
    }

    .validationPopup, .errorMessageText, .errorMessageText_float {
        padding: 0.5em 2.5em 0.5em 0.5em;
        background: url(/Images/MobileImages/ico_Exlamation_mob.png) no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#b81b29), to(#cf1528));
        background: url(/Images/MobileImages/ico_Exlamation_mob.png) no-repeat, -webkit-linear-gradient(top, #b81b29, #cf1528);
        background: url(/Images/MobileImages/ico_Exlamation_mob.png) no-repeat, -moz-linear-gradient(top, #b81b29, #cf1528);
        background: url(/Images/MobileImages/ico_Exlamation_mob.png) no-repeat, -ms-linear-gradient(top, #b81b29, #cf1528);
        background: url(/Images/MobileImages/ico_Exlamation_mob.png) no-repeat, -o-linear-gradient(top, #b81b29, #cf1528);
        background: url(/Images/MobileImages/ico_Exlamation_mob.png) no-repeat, linear-gradient(#b81b29, #cf1528);
        background-position: 96% 50%;
    }



    .errorMessageText, .errorMessageText_float {
        margin-left: 5%;
        padding-right: 15%;
        width: 90%;
        font-size: 1em;
    }

    #errorHomeBtn {
        margin: 2em 0;
    }

    .PassengerRow .field-validation-error, .Customer_data_line .field-validation-error {
        left: -40px;
        position: relative;
        top: 0px;
        margin-bottom: 0.5em;
    }

    .Customer_data_line .field-validation-error {
        left: 20px;
    }

    .Customer_data_line #CompareEmailAddressMessage {
        left: 1.5em;
        top: 3.5em;
    }

    #registerForBeClub .errorMessageText, #registerForBeClub .errorMessageText_float {
        width: 80%;
        margin: 0 0 3% 0;
    }

    #PromoCode {
        height: 30px;
    }

    #ui-datepicker-div {
        width: 270px !important;
    }

    .ui-datepicker .ui-datepicker-title select {
        color: #cf1528 !important;
        font-weight: bold !important;
        padding: 0.1em;
    }

    body {
        width: auto;
        height: auto;
        margin-top: 0;
        background: #ffffff;
    }

    #body {
        width: 100%;
        height: auto;
        position: relative;
        background: #ffffff;
    }

    .content-wrapper {
        max-width: 100%;
        margin: 0;
    }

    #MobileHeaderBtn {
        display: inline-block;
        background: url('/Images/MobileImages/beMobHome.png') no-repeat center;
        float: right;
        margin-right: 0.5em;
        height: 2em;
        width: 2em;
        border: 0;
    }

    #MobileHeader {
        display: block;
        padding: 0 0.5em;
        height: 3rem;
        background: #ecf0f5;
        margin-top: -2px;
    }




        #MobileHeader #BusEireann, #MobileHeader #Expressway, #MobileHeader #Tfi {
            background: url('../Images/National/logo-bus-eireann.png') no-repeat;
            background-size: 80%;
            width: 40%;
            height: 2rem;
            margin: 0.75rem 0 0 0;
            float: left;
        }

        #MobileHeader #Expressway {
            background: url('../Images/National/logo-expressway.png') 0 0.4rem no-repeat;
            background-size: 80%;
            margin: 0.6rem 0 0 -1.2rem;
            width: 37%;
        }


        #MobileHeader #Tfi {
            background: url('../Images/National/logo-transport-for-ireland-small.png') no-repeat;
            background-size: 65%;
            width: 20%;
            margin: 0.35rem 0.5rem -0.35rem 0;
            height: 3rem;
        }

    .tabsContent {
        margin: 0;
        padding-top: 0.2rem;
    }

    .mjTableHeader {
        background-color: #b81b29;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cf1528), to(#b81b29));
        background-image: -webkit-linear-gradient(top, #cf1528, #b81b29);
        background-image: -moz-linear-gradient(top, #cf1528, #b81b29);
        background-image: -ms-linear-gradient(top, #cf1528, #b81b29);
        background-image: -o-linear-gradient(top, #cf1528, #b81b29);
    }


    #breadcrumbRow, .rowBackground {
        padding: 0;
    }

    #wrapper_beClubLogin {
        padding: 0.5rem;
        margin: 0 0 1rem;
        width: 100%;
    }

    #beClubSignIn {
        width: 100%;
    }


    .btnCloseBEClubLogin {
        display: none;
    }

    .labelDivColumn, .left_label_Title {
        display: none;
    }

    .mobile_ddl {
        width: 95%;
        border-radius: 3px;
        padding: 0.3em;
        font-size: 1.5em;
        margin: 0.5em 0;
    }

    .textline {
        margin: 0.5em 0;
        font-size: 1.2em;
    }

    #mobileTicket_date {
        margin-top: 0.5em;
    }

    .SearchPanelGrey {
        width: 100%;
        margin: 0;
        background: #ECEFF4;
    }

    .labelOrange, .left_label {
        display: none;
    }

    #PassengerTypeListDiv .left_label {
        display: block;
    }

    .redPanelInnerDiv {
        clear: both;
        min-height: 4em;
    }

    #LocationDiv,
    #LocationDiv .right_field,
    #LocationDiv .redPanelInnerDiv,
    #SelectDatesDiv,
    #SelectDatesDiv .right_field,
    #PassengerTypeListDiv,
    #FamilyReturnPassengerTypeListDiv {
        width: 100%;
    }

        #SelectDatesDiv .right_field {
            width: 60%;
        }

    #PassengerTypeListDiv,
    #FamilyReturnPassengerTypeListDiv {
        margin-top: 0.5em;
    }

    .right_field,
    #LocationDiv .right_field,
    #SelectDatesDiv .right_field {
        margin: 0;
        padding: 0;
    }

    select {
        border-radius: 0.4em;
        border: 1px solid grey;
        line-height: 2em;
        font-size: 1.5em;
        padding: 0.3em 0.4em;
        color: #6C6C6C;
        margin: 0;
        width: 100%;
    }

    .selectTicketDropDownList, .selectPeriodDDList, .natTicketDropDownList, .passengerTypeQty, .collegeNameDropDownList {
        background: url(/Images/National/downArrowDdl.png) no-repeat center right #ffffff;
        background-position: 96%;
    }


    .custom_ddl select {
        padding: 0.1em 0.1em 0.1em 0;
        height: 2.78rem;
    }

    .selectTicketDropDownList,
    .beNatDateTextBoxFrom,
    .beNatDateTextBoxTo,
    .passengerTypeName,
    .beNatEditDateTextBoxFrom,
    .collegeNameDropDownList {
        width: 100%;
        font-size: 1.5em;
        line-height: 1.5em;
        height: 2em;
        padding: 0 0.4em;
        margin: 0;
    }

    .chosen-container {
        height: 1em;
    }

    .chosen-select {
        height: 2.1em !important;
        margin-bottom: 0.5em;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: '';
    }


    .passengerTypeName {
        margin: 0 0 0 -0.5em;
    }

    .passengerText {
        color: #6C6C6C;
        width: 25%;
        float: left;
        padding-top: 0.5em;
    }

    .passengerSubtract, .passengerAdd, .passengerTotal {
        border: 0 solid grey;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-size: 1.5em;
        line-height: 1.5em;
        height: 2.75rem;
        width: 2.75rem;
        margin: 0;
    }

    .passengerTotal {
        text-align: center;
        font-size: 1.6em;
        padding: 0;
    }

    .passengerQty, .passengerCol_img {
        padding: 0 0 0 0.75em;
        margin: 0;
    }

    .passengerQty {
        padding: 0;
        width: 0;
        margin-left: -58px;
    }

        .passengerQty input {
            border-radius: 0;
            border: 0;
            width: 1.2em;
            height: 1.6em;
            margin: 0.1em 0 0 0.9em;
        }

    .passengerTotal {
        height: 1.8em;
        border: 0;
        margin: 1px 0 0 1px;
    }

    #retBookingInputs {
        padding: 0;
    }

    #retBooking .BEClubSmallLoginHeader {
        float: left;
    }

    #retBooking .BEClubSmallLoginHeader {
        text-align: center;
    }

    #retBooking_beClub {
        margin: -0.5em 0.8em 0 -1.5em;
    }

    #retBookingMob {
        float: left;
        margin: 0;
        width: 85%;
        font-size: 1.2em;
    }

        #retBookingMob .bookRetrieve input {
            margin: 0 0 0.6em 0;
            font-size: 0.8em;
            width: 100%;
        }

    #manageBookingDate #CustomerDepartureDate {
        width: 78%;
    }

    #manageBookingDate .ui-datepicker-trigger {
        margin-top: 0;
        height: 1.5em;
        font-size: 1.15em;
    }

    #retBookingMob .buttonNav {
        width: 100%;
        margin: 0.5em 0;
        float: left;
    }

    #mandatory {
        margin: -0.5em 0 0.5em;
    }

    #mBooking1 {
        float: left;
        width: 100%;
    }

    .buttonNav .bookBack, .buttonNav {
        width: 45%;
        float: left;
    }

        .buttonNav .bookBack {
            height: 1.9em;
            width: 41%;
            line-height: 1.8em;
            margin: 0 0.5em;
            padding: 0 0 0 0.5em;
            border: 2px solid #fff;
        }

    .warning {
        margin: 0.5em -3px;
        width: 100%;
        padding: 0;
    }

    .WarningImage {
        margin: 0.5em 0.2em 0.5em 0.5em;
    }

    .warningText {
        margin: 0.6em 0.2em;
        line-height: 1.3em;
        text-align: center;
        font-size: 0.85em;
        width: 75%;
    }

    .bookRetrieve .errorWarning {
        top: -0.5em;
    }

    #validatorPop_MBook {
        width: 100%;
    }

        #validatorPop_MBook #bookingError {
            width: 81%;
            top: 0;
        }

    #CustomerEmailAddrs, #CustomerEmailAddrs .errorMsg, #eTicketOrderId, #eTicketOrderId .errorMsg {
        width: 96%;
    }

    #btnback, #btnConfirmAndPay, #btnRetrieveTicket, #btnbackFull, #btnback_mobileTicket, #btnback_mobileTicketResult {
        width: 44%;
        margin: 4% 2% 4% 4%;
        height: 5%;
    }

    #btnbackFull, #btnback_mobileTicket, #btnback_mobileTicketResult {
        width: 90%;
    }

    #btnRetrieveTicket {
        font-size: 1.4em;
        padding: 0.1em 1em;
    }

    #btnConfirmAndPay {
        margin: 4% 4% 4% 2%;
    }

    .beNatDateTextBoxFrom,
    .beNatDateTextBoxTo,
    .beNatEditDateTextBoxFrom {
        width: 73%;
    }

    .divOptionOrigin, .divOptionDestination {
        border-top: 1px solid grey;
        color: black;
        padding: 0.5em;
        Cursor: Pointer;
        line-height: 1.5rem;
        font-size: 1.2rem;
    }


    #departSearchMsg, #destinationSearchMsg {
        width: 94%;
        margin-bottom: 0.5em;
    }

    #departInstruct, #destinationInstruct {
        color: #000;
        margin: -1em 0 0.5em 2em;
    }

    #DepartStopText, #DestinationStopText, #LocationDiv .selectTicketDropDownList {
        font-size: 1.5em;
        width: 95%;
        padding: 0.4em 1.7em 0.4em 0.4em;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin: 2%;
        height: 2.75rem;
    }

    #LocationDiv .selectTicketDropDownList {
        height: 2.75rem;
    }

    .emptySearch {
        color: black;
        background: url(/Images/National/downArrowDdl.png) no-repeat center right 8px #ffffff;
        background-position: 96% 50%;
    }

    #DepartStopSelectDiv, #DestinationStopSelectDiv {
        border: 1px solid #827e7e;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background: #fff;
        margin: 3.2rem 2%;
        width: 95%;
        line-height: 1.5rem;
        font-size: 1.5rem;
    }

        #DepartStopSelectDiv :first-child, #DestinationStopSelectDiv :first-child {
            border: 0;
        }

    .ui-datepicker-trigger {
        width: 20%;
        font-size: 1.5em;
        line-height: 1.5em;
        height: 2em;
        margin: 0;
    }

    .route_search_data_line .end_field {
        float: right;
        padding-right: 0;
    }

    .selectPeriodDDList {
        float: right;
        margin: 0;
        font-size: 1.2em;
        width: 8.5em;
        height: 2.7em;
        padding: 0;
    }

    #routeInfoBtnDiv {
        height: 3em;
    }

    .passengerTypeQty_Mobile {
        display: block;
        float: left;
    }

    #modifyQty {
        width: 50%;
    }

    .passengerTypeQty {
        width: 2.2em;
        margin-left: 0.7em;
        height: 2em;
        margin-top: 0.1em;
    }


    .passengerQty {
        float: left;
        width: auto;
        padding: 0;
        width: 0;
        height: 2.0em;
        margin-left: -4.8em;
    }

        .passengerQty input {
            border-radius: 0;
            border: 0;
            width: 1.5em;
            height: 1.5em;
            margin: 0.3em 0;
            font-size: 1.5em;
        }

    .passengerTypeQty_Mobile {
        display: block;
        float: left;
    }

    #PassengerTypeListDiv .passengerTypeQty {
        width: 4em;
        margin: 0;
        border: 0 solid grey;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        line-height: 1em;
        font-size: 1.5em;
        height: 2.75rem;
        background-position: 85% 50%;
    }

    .redPanelInnerDiv#PassengerTypeListDiv .left_label, .redPanelInnerDiv#PassengerTypeListDiv .left_label_Title {
        width: 6.5rem;
        height: 2.95rem;
    }



    #SelectDatesDiv .right_field {
        width: 55%;
        float: left;
    }



    .route_search_data_line {
        display: inline;
        float: left;
        width: 100%;
        min-height: 3.6em;
    }

    #ui-datepicker-div {
        position: fixed !important;
        top: 5% !important;
        right: 5% !important;
        left: auto !important;
    }


        #ui-datepicker-div > p {
            color: #000;
            font-weight: bold;
            line-height: 2em;
            margin: 0 0.1em -1em 0;
            text-align: center;
        }

    #SelectDatesDiv .route_search_data_line {
        width: 40%;
        float: left;
    }

    #SelectDatesDiv .route_search_data_line_Time {
        float: right;
        width: 35%;
        clear: none;
    }

    #SelectDatesDiv .route_search_data_line {
        width: 99%;
        padding: 2%;
    }

    .summary_panel_Basket {
        display: none;
    }

    #RightBlockDiv {
        width: 95%;
        margin: 2% 5%;
    }

    #AddAnotherTicketDiv, #btnAddAnotherTicket {
        display: none;
    }

    #SummaryPanelDivSumOut {
        background: none;
    }

    .space_AT {
        margin: 0 0.5em;
        float: left;
    }

    .summary_panel_block, #PromoInput, .buttonBlock, #journeySummaryTotalCostBox {
        background: #ecf0f5;
        margin: 0 0 1em 0;
        border: 0;
        border-radius: 0.4em;
        width: 100%;
        font-size: 0.9rem;
    }

    .summary_panel {
        margin-bottom: 0;
    }

    .buttonBlock, #CompleteThankYou, #PayConfirm, #Payfail {
        width: 90%;
        margin: 4%;
    }

    #PayConfirm, #Payfail {
        text-align: center;
    }

    #promoContainer {
        margin: 3%;
        width: 94%;
    }

    .promotions_Error {
        margin: 0 3% 0.75rem;
    }

    .sum_title, .sum_data_title {
        margin-left: 0.5em;
    }

    .sum_data_result, .sum_price_result {
        width: 65%;
    }

    #checkoutButtons {
        width: 95%;
        padding-bottom: 0;
    }

    #btnContinueToCheckout {
        float: right;
        width: 50%;
        margin: 0;
    }

    #mobNavPanel {
        background: #ecf0f5;
        border: 0;
        width: 110%;
        z-index: 100;
    }

        #mobNavPanel .mjTableDataleft, #mobNavPanel .mjTableData {
            border: 0;
            padding: 0;
            float: left;
        }

        #mobNavPanel .mjTableData {
            float: right;
            margin-right: 0.75em;
        }

    #mobileBackBtn, #mobileBackBtn1, #mobileBackBtn2 {
        display: block;
        font-size: 1em;
        text-align: center;
    }

    #mobileBackBtn2 {
        display: none;
    }

    .BackBtn,
    #mobileContinue2ReturnBtn,
    #btnContinueToCheckout {
        width: 50%;
        margin: 0.1em 0 0.3em 1em;
        padding: 0.3rem 1.5rem;
    }

    #btnContinueToCheckout {
        line-height: 2.3em;
    }

    .route_search_data_line #searchBtn,
    .route_search_data_line #mobileBackBtn,
    #mobNavPanel #mobileBackBtn,
    #mobileBackBtn1,
    #mobileBackBtn2,
    #mobileContinueBtn,
    #mobileContinue2ReturnBtn,
    #mobileCheckoutBackBtn,
    #btnContinueToCheckout,
    .selectBtnYellow,
    .backToBookingSearchBtn
    .yellowBtnModal {
        margin: 0.5rem 0;
        width: 45%;
        float: right;
        font-size: 1.3rem;
        border-color: #FFFFFF;
        line-height: 2rem;
        padding: 0.3rem 0.8rem;
    }

    .route_search_data_line #searchBtn {
        width: 100%;
        padding: 0.5rem 1rem;
        height: 2.75rem;
    }

    #SearchColumnDiv {
        width: 100%;
    }

    .selectBtnYellow, .backToBookingSearchBtn {
        border-color: #FFA801;
    }

    #mobNavPanel #mobileBackBtn, #mobileCheckoutBackBtn, #mobileBackBtn1, #mobileBackBtn2 {
        width: 100%;
        float: left;
    }

    #changeBtn {
        width: 45%;
        margin: 0;
        float: right;
    }

    #mobileCheckoutBackBtn {
        width: 45%;
        text-align: center;
    }

    #mobNavPanel .mjTableDataleft {
        margin-left: 1em;
    }

    #mobContinue #mobileContinueBtn, #mobContinue #mobileContinue2ReturnBtn {
        width: 85%;
        line-height: 2rem;
    }

    .selectBtnYellow, .yellowBtnModal, .backToBookingSearchBtn {
        font-size: 1em;
    }

    #changeBtn {
        font-size: 1.6em;
    }

    .route_search_data_line #mobileBackBtn,
    .route_search_data_line #mobileBackBtn1,
    .route_search_data_line #mobileBackBtn2 {
        float: left;
    }

    .BEClubRedLoginWrapper {
        width: auto;
        margin: 0;
    }

    .BEClubSmallDivBtn {
        float: right;
    }

    #LoginResult {
        width: auto;
        margin: 0;
    }

    /*Modal css*/
    .BEClubModal_TextBlock {
        text-align: center;
        margin: 1em;
        color: #485669;
        font-size: 1em;
    }

    #regBeClubTitle, #passwordRetrieveText {
        font-weight: normal;
        font-size: 1.2em;
    }

    #regBeClubTitle {
        margin: 0 0 1em 0;
    }


    .BEClubRegisterDiv1 {
        display: none;
    }

    .beClubSmallLoginTextBox {
        width: 100%;
    }

    .leftBlock, .rightBlock {
        width: 99.5%;
        padding-right: 0;
        margin-bottom: 0;
    }

    .mobJourneyTable {
        width: 100%;
        border-bottom: 1px solid grey;
        float: left;
        background: #fff;
    }

    .mjTableHeader, .mobJourneyTableRow {
        width: 100%;
        color: grey;
        float: left;
        border-top: 1px solid grey;
    }

    .mjTableHeader {
        color: white;
    }

    .mjTableData, .mjTableDataleft, .mjTableDataFull {
        width: 42%;
        float: left;
        padding: 0.5em 0 0.5em 0.5em;
    }

    .mjTableData {
        border: 0;
        width: 49%;
    }

    #mjTotCost, #mjTotCostRet {
        color: #cd1c38;
        width: 45%;
    }

    #mjAmendCost, #mjAmendCostRet {
        color: grey;
        font-size: 0.8em;
        float: left;
        width: 150%;
    }

    #mjTableData_CostOut, #mjTableData_CostRet {
        border-left: 1px solid grey;
    }

    .mjTableDataResult, .mjTableDataResultWide {
        float: right;
        clear: both;
        width: 6em;
        height: 1.3em;
        overflow: hidden;
        font-weight: bold;
    }

    .mjTableDataResultWide {
        width: 85%;
    }

    .mjTableDataleft .mjTableDataResult {
        width: 70%;
    }

    .mjTableDataFull {
        width: 90%;
    }

    #mjQty, #mjQtyRet {
        width: 50%;
    }

    .sum_data_title {
        font-weight: normal;
    }

    .sum_data_result {
        font-weight: bold;
    }

    .journeyNav, .footNote {
        padding: 0 0.5em;
        width: 95%;
    }

    .footNote {
        font-size: 0.8em;
        margin-top: 1em;
        text-align: center;
    }

    .seatGuarntAvail, .seatGuarntNotAvail {
        width: 95%;
        font-size: 0.8em;
        margin-left: 0.2em;
    }

    .seatGuarntAvail {
        margin-bottom: 0.2em;
    }

    .seatGuarntAvail, .seatGuarntNotAvail {
        padding: 0.5em 0 0.1em 3em;
        min-height: 2em;
    }

    .greyPanel {
        padding: 0.5rem 0;
        margin: 0 -2px -2px -2px;
    }

    .fullTable {
        font-size: 0.8em;
    }

        .fullTable input[type="radio"] {
            width: 1em;
            height: 1em;
        }

    .tableRowSelector {
        width: 84%;
    }

    .InfoImageTable,
    .InfoImageTable:hover,
    .InfoImageTableReturn,
    .InfoImageTableReturn:hover {
        background-size: 40%;
    }

    .tableData {
        background-size: 45%;
        width: 12%;
    }

    .tableDataChanges {
        display: none;
    }

    .JourneyIconStart, .JourneyIconFinish, .JourneyIconMidBus, .tableDataRowIntStops, .JourneyIconBusBus, .JourneyIconWalk {
        background-size: 1.5em;
        background-position: 1.15em 1.3em;
    }

    .JourneyIconBusBus, .JourneyIconWalk {
        background-position: 1.15em;
    }


    .WalkDetails {
        width: 70%;
    }

    .JourneyIconMidBus {
        background: url(/Images/National/journeyIcons/jIconLine.png) no-repeat center left 1.4em;
        background-size: 1.5em;
        background-position: 1.5em;
    }

        .JourneyIconMidBus img {
            margin: 0.5em 0 0 1em;
        }

    .tableDataRowIntStops {
        background: url(/Images/National/journeyIcons/jIconIntStop.png) no-repeat center left 1.4em;
        background-size: 1.5em;
        background-position: 1.5em;
    }

    .JourneyIconFinish {
        background-position: 1.15em 0%;
    }


    .tableData1 {
        width: 13%;
    }

    .tableDataTime {
        width: 15%;
    }

    .tableDataServ {
        width: 13%;
        background-size: 100% !important;
    }

    .ExpandAllStopsBtn, .ExpandAllStopsBtnEmpty {
        margin-left: 0;
        width: 60%;
    }

    .tableDataRowIntStops {
        margin-left: 0;
        width: 100%;
    }

    .tableDataRowHead .tableDataFare {
        line-height: 3em;
    }

    .tableDataFare {
        line-height: 3em;
        width: 18%;
    }

    .tableDataSelect, .tableDataSelectHead {
        width: 12%;
    }

    .tableDataSelect {
        padding-top: 0;
    }

    .rdoDisabled, .disabledRadio {
        /*background: url(/Images/National/radioButtonUnChecked.png) no-repeat center;
        background-size: 50%;*/
    }

    .disabledRadio {
        height: 40px;
    }

    .tablePrice {
        width: 100%;
        float: left;
        clear: both;
    }

    .redLabel {
        float: left;
        width: 100%;
    }

    .redLabel_Modal {
        margin: 1em;
        color: red;
    }

    .greyTextBlock2 {
        margin-right: 5%;
    }

    .fareClassIdOutward,
    #selectReturnJourneyRdo {
        width: 1.5em;
        height: 1.5em;
        margin-top: 0.5em;
    }

    input[type=radio]:checked + label {
        height: 1.5em;
        margin-bottom: 3em;
        background-size: 80%;
    }

    .fareClassIdOutward:checked + label, .selectedTrip {
        margin-left: 0;
    }

    .passengerJourneyHeader_data_line {
        width: 90%;
        padding: 0;
        margin: 0 4% 1% 4%;
    }

    #MobileSummaryPanel .summary_panel_block, #summaryPricingElementResultsBox #divSummaryOutward {
        border-radius: 0.4em;
        background: #ecf0f5;
        font-size: 0.9rem;
        margin: 0.25em 0;
        width: 100%;
    }

    #summaryPricingElementResultsBox .summary_panel_single_pricing {
        border-radius: 0.4em;
        margin-bottom: 0.5rem;
        width: 100%;
        font-size: 0.9rem;
    }




    #TotCostSummaryPanel {
        margin: 0 0 1em 0;
    }

    #MobileSummaryPanel .summary_panel_block .sum_data_title,
    #summaryPricingElementResultsBox #divSummaryOutward .sum_data_title {
        font-weight: normal;
    }

    #MobileSummaryPanel .summary_panel_block .sum_data_result,
    #summaryPricingElementResultsBox #divSummaryOutward .sum_data_result {
        font-weight: bold;
    }

    #summaryPricingElementResultsBox #divSummaryOutward .sum_data_title,
    #summaryPricingElementResultsBox #divSummaryOutward .sum_data_result {
        font-size: 0.75em;
    }

    #dataBlock_Pricing {
        display: none;
    }

    #divSummaryOutward {
        margin: -0.5rem 0 0.25rem;
        padding: 0;
    }

    #soOriginDateMob, #soOriginRetDateMob {
        width: 40%;
    }

    #soOriginDepTimeMob, #soOriginRetDepTimeMob {
        width: 20%;
    }

    #divSummaryOutward {
        background: transparent;
    }

    .JourneyHeadResult_col1 {
        width: auto;
    }

    .whitePanelGreyBorder {
        float: left;
    }

    #RedeemCheckboxLabel {
        text-align: center;
    }

    .PassengerRow, .Customer_data {
        background: #ecf0f5;
        border-radius: 0.4em;
        margin: 0 4% 4% 4%;
        width: 90%;
        padding: 0;
    }

    .PassengerLabel {
        width: 4em;
    }

    .PassengerRow .required, #ForgotBEpassword .required {
        display: none;
    }


    .PassengerNames {
        float: right;
        margin: 0.2em;
        width: 75%;
    }

    .textbox_passenger_input {
        margin: 2%;
        width: 92%;
    }


    .JourneyHeadLabel, .JourneyHeadResult_AT {
        clear: left;
        width: 23%;
    }


    .JourneyHeadResult_AT {
        padding: 0;
    }

    .Customer_data {
        float: left;
    }

    .leftBlock50percent, .rightBlock50percent {
        width: 100%;
        float: left;
    }

    #Customer_Title, #AcceptMarketing {
        display: none;
    }

    .Customer_data_line label,
    .Customer_data_line .required,
    #Customer_data_line_spacer {
        display: none;
    }

    .Customer_data_line input {
        width: 94%;
        margin: 2%;
    }

    .checkboxOuterBox {
        margin: 1em;
        padding: 0;
    }

        .checkboxOuterBox .dataLabel {
            padding: 0;
            width: 90%;
        }

            .checkboxOuterBox .dataLabel label, .checkboxOuterBox .dataLabel input {
                float: left;
            }

    #mobileTicket {
        min-height: 460px;
        min-width: 320px;
    }

    #mobileTicket_title {
        clear: both;
        float: left;
        margin-top: 0.5em;
    }

    .greyPanelMobile {
        margin: 0.5em 5%;
        width: 130%;
        padding: 0.5em;
        float: left;
        background: #ECEFF4;
        border-radius: 0.4em;
        clear: both;
    }

    .msgPanel {
        width: 85%;
        margin: 5%;
    }

        .msgPanel #actTicketFeedback {
            margin-left: 0;
        }


    .RetriveTicketList {
        font-size: 1.3em;
    }

    #listBoxHead {
        padding: 0 0.3em;
        color: grey;
        font-size: 1.3em;
    }

    #textline_Head, #actTicketFeedback {
        float: left;
        text-align: center;
        width: 100%;
        margin-top: 2em;
    }

    #actTicketFeedback {
        margin-left: 1em;
    }

    .ticketListDate, .ticketListStop, .ticketListStopOut, .ticketListStopRet {
        width: 28%;
        text-align: center;
        padding: 0.4em 0.2em;
        float: left;
        font-size: 1rem;
    }

    .ticketListStop, .ticketListStopOut, .ticketListStopRet {
        width: 30%;
        padding-left: 0.4em;
    }

    .mobileHide {
        display: none;
    }

    .mobileOnly {
        display: block;
    }

    #PayConfirm .heading, #Payfail .heading {
        margin: 0;
        color: #485669;
        font-weight: bold;
    }

    #promoPanel, .rightBlock_NonMobile, #btnPrintOrder {
        display: none;
    }

    #PromoDescription, #promoDiscountAmount {
        margin: 0 0 1rem 0.5rem;
    }

    #btnBuyMoreTickets {
        margin: 2%;
        font-size: 1.5em;
        padding: 0 0 0 1rem;
        width: 96%;
    }

    #mobTicketTable {
        width: 99%;
    }

    #mobileTicket_SearchPanel {
        float: left;
        width: 100%;
    }

    #mobileTicket_title {
        display: none;
    }


    #mobileTicket_SearchResult {
        float: left;
        width: 100%;
    }

    #mobileTicket_buttons {
        width: 85%;
        margin-top: 2em;
    }

    #ticketResult {
        margin: 1em 0;
        width: 100%;
        background: #fff;
    }

        #ticketResult #contents {
            border-color: #cf1528 !important;
            padding-bottom: 0.5em !important;
        }

        #ticketResult #inner {
            margin-bottom: 20px !important;
        }

            #ticketResult #inner tbody tr td p {
                color: #cf1528 !important;
            }

                #ticketResult #inner tbody tr td p span {
                    display: none !important;
                }

    #ticketResultClose, #ticketResultCloseTable {
        float: right;
        background: url(/Images/National/x.png) no-repeat center left;
        background-size: 100%;
        width: 1.5em;
        height: 1.5em;
        margin: 0.5em 0.5em 0.5em -2em;
        cursor: pointer;
    }

    #ticketResultCloseTable {
        border: 1px solid #fff;
        border-radius: 1em;
    }

    .width60, .width40, .width100, .width50 {
        width: 52%;
        float: left;
        padding: 1em .5em 1em 1em;
        line-height: 1.7em;
    }

    .width100 {
        width: 90%;
    }

    .width50 {
        width: 43%;
    }

    .width40 {
        width: 35%;
    }

    .TicketLabel, .TicketResult {
        font-size: 1.2em;
        color: black;
    }

    .TicketLabel {
        font-weight: bold;
    }

    .greyOutNonapplicableRowAll {
        background-color: white;
        filter: alpha(opacity=50);
        opacity: 0.2;
        -moz-opacity: 0.50;
        z-index: 20;
        height: 79%;
        width: 100%;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 50px;
        left: 0px;
        display: block;
    }

    .Divfalse .tableDataRowMask {
        position: relative;
        background: #fff;
        z-index: 21;
        opacity: 0.3;
        float: left;
        width: 100%;
    }

        .Divfalse .tableDataRowMask input {
            display: none;
        }


    #SelectedSourceStop, #SelectedDestinationStop, #browserSupport {
        Display: None;
    }


    .recaptcha_theme_red #recaptcha_response_field {
        height: 1em;
    }

    .payment-details .business-address {
        padding: 15px;
        text-align: center;
        border-top: 1px solid #c5c7cb;
    }

    .payment-details .row {
        margin-bottom: 10px;
    }

    #paymentDetails .row.btn-row {
        padding: 0.9rem;
    }

        #paymentDetails .row.btn-row .paymentBtn {
            width: 90%;
        }

    #JourneyMulti .tableRowSelector {
        width: 100%;
    }

    #JourneyMulti .tableDataServ,
    #JourneyMulti .tableDataDate,
    #JourneyMulti .tableDataFare {
        width: 15%;
        font-size: 11px;
        line-height: 15px;
    }

    #JourneyMulti .tableDataRowHead .tableDataSelectHead,
    #JourneyMulti .tableDataRowHead .tableDataServ,
    #JourneyMulti .tableDataRowHead .tableDataDate,
    #JourneyMulti .tableDataRowHead .tableDataFare {
        min-height: 40px;
        line-height: 15px;
    }

    #JourneyMulti .tableDataRowHead .tableDataSelectHead {
        line-height: 35px;
    }

    #JourneyMulti .tableDataServ {
        width: 25%;
    }

    #JourneyMulti .tableDataDate {
        width: 20%;
    }
}


.tableDataServMulti, .tableDataDateMulti, .tableDataFareMulti, .tableRowSelectorMulti .tableDataSelect {
    height: auto;
    line-height: 1.5em;
    min-height: 50px;
}

.tableRowSelectorMulti .tableDataSelect {
    border-right: 1px solid #a0a0a0 !important;
}

.tableRowSelectorMulti.multi-header > div {
    min-height: 30px;
}


/*control width of dialog when in portrait with soft-keyboard displayed*/
@media only screen and (max-device-width: 360px) {

    #custom-html {
        display: block;
        width: 100%;
        width: 97vw !important;
        min-width: 340px !important;
        margin-top: 0;
    }
}

@media only screen and (max-device-width: 360px) and (orientation:portrait) {
    #gottacatchem, #gottacatchemall {
        width: 200px;
        left: -4em;
        position: relative;
    }

    #gottacatchemall {
        left: -2.5em;
    }

    #MobileHeader #BusEireann, #MobileHeader #Expressway, #MobileHeader #Tfi {
        background: url('../Images/National/logo-bus-eireann.png') no-repeat;
        background-size: 80%;
        width: 40%;
        height: 2rem;
        margin: 1rem 0 0 0;
        float: left;
    }

    #MobileHeader #Expressway {
        background: url('../Images/National/logo-expressway.png') 0 0.4rem no-repeat;
        background-size: 85%;
        margin: 0.75rem 0 0 -0.5rem;
        width: 37%;
    }


    #MobileHeader #Tfi {
        background: url('../Images/National/logo-transport-for-ireland-small.png') no-repeat;
        background-size: 80%;
        width: 20%;
        margin: 0.75rem -1.5rem -0.5rem 0.65rem;
        height: 2.5rem;
    }

    .beClubLink-group {
        width: 110%;
    }
}

/*Edit Booking start*/

.editTabsContent {
    width: 100%;
    float: left;
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
}

.editTabsUpdateBtnContent {
    width: 100%;
    float: left;
    display: none;
    margin-bottom: 1.5rem;
}

.editTabsContentHeading {
    background-color: #cd1c38;
    border-bottom: 1px solid;
    border-right: 1px solid;
    display: block;
    padding: 3px;
    color: white;
    width: 130px;
    float: left;
}

.editTabsContentHeadingDate {
    display: block;
    padding: 3px;
    color: white;
    width: 230px;
    float: left;
    border: thin;
    border-style: ridge;
    border-color: #cd1c38;
    color: #cd1c38;
    height: 27px;
    margin-left: -1px;
}

#NationalReturnDateDiv {
    width: 100%;
}

#EditOutward, #EditReturn {
    background-color: lightgray;
    color: #666666;
    font-weight: 400;
    width: 123px;
}

#EditBooking {
    display: block;
    overflow: hidden;
    width: 700px;
}

    #EditBooking Label {
        display: inline;
    }

.edit_right_field {
    width: 30%;
    text-align: left;
}

#NationalOutwardDateDiv {
    width: 100%;
}


.editBookingEditReturnBorderBox {
    background-color: #727b87;
    color: white;
    height: 345px;
    padding-left: 50px;
    margin-bottom: 20px;
}



.EditSelectedDepartureDate {
    display: inline-block !important;
}


.hide {
    display: none;
}

.clearBoth {
    clear: both;
}

.editBookingDisabledRadio {
    margin: 0.5rem 1.3rem !important;
}

.editBookingCheckBox {
    float: left;
    margin-top: 5px;
}

.editBookingCheckBoxLabel {
    color: #cd1c38;
}

.editBookingSearchButtons {
    width: 160px;
    margin-right: 30px;
    float: right;
}

.mandatoryFieldsLabel {
    float: left;
    font-size: .7em;
    color: white;
}

.editBookingLabel {
    font-size: .7em;
    color: white;
    font-weight: 100;
}

.editBookingLabel_1 {
    font-size: 1.0em;
    color: white;
    font-weight: 100;
}

.editBookingSearchLabel {
    float: left;
    font-size: .7em;
    color: white;
    font-weight: 100;
}


.editBookingSearchBorderBox {
    background-color: #727b87;
    color: white;
    height: 200px;
    width: 99%;
    position: relative;
    padding-top: 35px;
    padding-left: 30px;
    position: relative;
}


.editBookingEditBorderBox {
    background-color: #727b87;
    color: white;
    height: 280px;
    width: 99%;
    position: relative;
    padding-left: 60px;
    padding-top: 25px;
    margin-top: 65px;
    margin-bottom: 20px;
}


#EditBookingSearchHeadingMessage {
    margin-left: 28px;
}

#EditBookingEditBorderBox_HR {
    margin-left: -50px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.journeyLabel {
    font-size: 14px;
    font-weight: 600;
}

.spanSpace1 {
    padding-left: 1px;
}

.spanSpace5 {
    padding-left: 5px;
}

.spanSpace10 {
    padding-left: 10px;
}

.spanSpace22 {
    padding-left: 22px;
}

.spanSpace100 {
    padding-left: 100px;
}

#CovidExpresswayMessageDiv,
#CovidExpresswayMessageDiv,
#CovidExpresswayReturnMessageDiv,
#CovidExpresswayReturnMobileMessageDiv {
    border-bottom: 0;
    padding-bottom: 0;
}

.covidImg {
    width: 100%;
    height: auto;
    padding-top: 10px;
}

.covidImgWrapper {
    display: none;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

/* The Modal stuff */
.covidNoticeWrapper {
    border: 5px solid #c2002f;
    background: #fff229;
    padding: 10px;
    display: flex;
}

.warninglogo {
    background-image: url(../Images/National/icon-alert.svg);
    width: 60px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
}

.warninglogomodal {
    background-image: url(../Images/National/icon-alert.svg);
    width: 80px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
}



.covidAlertCloseLogo {
    background-image: url(../Images/National/icon-cancel.svg);
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
}

#covidAlert h2 {
    color: black;
    font-weight: bold;
    padding-left: 10px;
    font-size: 22px;
}

#covidAlert p {
    color: black;
    padding-left: 10px;
}


#rowBackground_covidAlert {
    display: none;
    /*display:block;*/
}

#rowBackground_covidAlert,
#covidAlert-dialog {
    z-index: 1000;
    color: #fff;
    border: 0;
    padding: 20px 0 0;
    position: fixed;
    float: left;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
}

    #rowBackground_covidAlert .inner-message,
    #covidAlert-dialog-message .inner-message {
        margin: 0 15px;
        padding: 15px;
        background: #cd1c38;
    }

#covidAlert-dialog-message .inner-message {
    margin-top: 20px;
    padding: 15px;
    background: #cd1c38;
}

#rowBackground_covidAlert h2,
5-message h2,
#rowBackground_covidAlert p,
#covidAlert-dialog p,
#rowBackground_covidAlert a,
#covidAlert-dialog a {
    color: #fff;
}

#covidAlert-dialog-message h2,
#covidAlert-dialog p {
    color: black;
    padding-bottom: 20px;
    line-height: 30px;
    font-size: 20px;
}

#covidAlert-dialog-message h2 {
    font-size: 25px;
}


#covidAlert-dialog-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.6;
    background: #000;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#covidAlert-dialog-message {
    position: fixed;
    width: 540px;
    height: auto;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -270px;
    opacity: 1;
    background: #cd1c38;
    border-radius: 4px;
    color: #fff;
    z-index: 10;
}

#covidAlert-dialog-close {
    float: right;
    margin: -10px 30px 15px;
    cursor: pointer;
    padding: 5px 10px;
    border: none;
    border-radius: 4px;
}

    #covidAlert-dialog-close:hover {
        opacity: 0.8;
    }

.showCovidAlert .selectBtnYellow .backToBookingSearchBtn {
    width: fit-content;
    float: right;
    padding-right: 25px;
}

#AccountHistory .textLineModalBold {
    text-align: center;
    width: 100%;
    margin: 0.5em 0 1em 0;
}

.textLineModalBold, .textLineModalBoldRed {
    margin-right: 1em;
    font-weight: bold;
    float: left;
}

#gridContent {
    float: left;
}

.webGrid {
    margin: 4px;
    border-collapse: collapse;
    width: 400px;
    background-color: #B4CFC3;
    font-size: 9pt;
}

#AccountHistory .webGrid th, #AccountHistory .webGrid td {
    border: 1px solid #C0C0C0;
    padding: 5px;
    color: #fff;
}

#AccountHistory .webGrid td {
    background-color: #FEFEFE;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FEFEFE), to(#EEF1F6));
    background-image: -webkit-linear-gradient(top, #FEFEFE, #EEF1F6);
    background-image: -moz-linear-gradient(top, #FEFEFE, #EEF1F6);
    background-image: -ms-linear-gradient(top, #FEFEFE, #EEF1F6);
    background-image: -o-linear-gradient(top, #FEFEFE, #EEF1F6);
    border-top: 0;
    color: #485669;
    text-align: center;
}

.modalText40, .modalText60 {
    width: 40%;
    float: left;
}

    .modalText40 label {
        text-align: right;
        line-height: 1.9em;
        font-weight: normal;
        font-size: 1em;
    }

.modalText60 {
    float: right;
    width: 55%;
}

.errorMessageTextDyn {
    float: left;
    color: #b81b29;
    font-weight: bold;
    line-height: 2.1em;
    padding-left: 0.5em;
    position: absolute;
    padding: 0;
    margin-left: 0.5em;
    width: 13em;
    text-align: center;
    z-index: 51;
    background: white;
    border: 1px solid #b81b29;
    text-align: center;
    box-shadow: 0.5em 0.5em 0.75em #000000;
    left: 23em;
    top: -1px;
}

#changePassword .errorMessageTextDyn {
    position: relative;
    float: left;
    left: 1em;
    clear: left;
    margin-bottom: 1em;
}

.queryIcon {
	color: #727b87;
	border-radius: 1rem;
	padding: 0.3rem;
	border: 1px solid #727b87;
	width: 1.5rem;
	float: right;
	text-align: center;
	font-weight: bold;
	font-size: 1.2rem;
	cursor: pointer;
	position: absolute;
	right: -10px;
	margin-left: 1rem;
}

.tableRowSelector {
    width: 82%;
}

#TTypeDisplay {
	position: relative;
	color: #fff;
	border-color: #fff;
	font-weight: normal;
	font-size: 1rem;
	float: right;
	padding: 0.1rem;
	line-height: 1.2rem;
	margin: 0 0.3rem;
}

ol.BE_ol {
	list-style-type: decimal;   
	margin-left: 2rem;
	color: #b81b29;
	line-height: 2rem;
}

ol.BE_ol  span{
	color: #666666;
}

ul.disc {
	margin-left: 2rem;
	list-style-type: disc;
}
.dialogHead, .dialogText {
	font-weight: bold;
	font-size: 0.9rem;
	margin-bottom: 0.3rem;
}
.dialogText {
	margin-bottom: 1rem;
	font-weight: normal;
}

.dialogText strong {
	font-weight: bold;
}

.redText {
	color: #b81b29;
}

#btnContinueToCheckout, #btnContinueToCheckout_Table {
	padding: 0.3rem 1.1rem 0.3rem 0.8rem;
	}

#btnContinueToCheckout_Table, #btnConfirmAndPay_Table {
		width:23%;

    margin-bottom: 4rem;


	}

.clearInput {
	color: #666;
	background: white;
	width: 1.4rem;
	right: 0;
	float: left;
	margin: 0.2rem 1.4rem;
	padding: 0.3rem;
	position: absolute;
	line-height: 1.2rem;
	text-align: center;
	cursor: pointer;
}


#TnCDisplay  {
	margin-left: 1rem;
}


.closeBtnModal {
	background: #cd1c38;
	text-align: center;
	padding: 0.2rem;
	width: 12%;
	margin: 0 44% 1rem 44%;
}
.InfoImageTable, 
.InfoImageTable:hover, 
.InfoImageTableReturn,
.InfoImageTableReturn:hover,
.InfoImageTableExpanded {

    color: #b81b29;
    border: 2px solid #b81b29;
    border-radius: 1rem;
    padding: 0.2rem;
	height: 1.6rem;
    width: 1.6rem;
    line-height: 1rem;
    font-weight: bold;
    font-size: 1.1rem;
    margin: 0.35rem 0.8rem;
}


        .InfoImageTable:hover, .InfoImageTableReturn:hover, .InfoImageTableExpanded {
            border-color: #474E58;
            color: #fff;
            background: #474E58;
	
}
.journeyRadioBOut, .journeyRadioBRet, .disabledRadio {
    border: 1px solid #474E58;
    border-radius: 1rem;
    height: 1.5rem;
    width: 1.5rem;
    margin: 0.4rem 1.3rem;
    background: #fff;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.journeyRadioBOut:hover, .journeyRadioBOut:hover {
    border: 1px solid #b81b29;
}

.journeyRadioBOut_Selected, .journeyRadioBRet_Selected {
    display: none;
    border-radius: 1rem;
    background: #b81b29;
    margin: 5px;
    height: 0.75rem;
    width: 0.75rem;
}

.journeyRadioBOut.selected .journeyRadioBOut_Selected, .journeyRadioBRet.selected .journeyRadioBRet_Selected{
     display: block;
}

.disabledRadio {
    cursor: auto;
}

.nextDayDisplayed {
    color: #485669;
    padding: 0 0 0 40px;
      text-align: left;
}

.PassengerNames  {
    width: 35%;
}

.beClubModalTitle {
        color: #B81f37;
        text-align: center;
        font-size: 1.5rem;
        padding: 0 3rem;
    margin: 0 0 1rem 0;
    }

#JourneyTable_Summary {
    color: #666666;
    font-size: 1rem;
    padding: 0 0.5em 0.65em;
    line-height: 1.25em;
}

#availableNames {
    background: #fff;
    width: 15rem;
    font-size: 0.85rem;
    line-height: 1.3rem;
    position:relative;
    top:0;
    display:none;
    color: #827e7e;
}

.btnCopyName, .btnCallPeople {
    width: auto;
    font-size: 0.75rem;
    background-image: none;
    background: #ecf0f5;
    color: #827e7e;
    margin:  0 1rem 0 0;
    padding: 0.3rem 0.5rem;
    float: left;
    cursor: pointer;
    clear: both;
}
.btnCallPeople {
    font-size: 0.85rem;
    border:1px solid #827e7e;
    margin: 0 0 0 1rem ;
    padding: 0.2rem 0.4rem;
    position: relative;
    clear: none;
    z-index: 50;
}
.closeDiv {
    display: none;
    color: #cd1c38;
    width: auto;
    font-weight: bold;
    position: absolute;
  padding: 0.2rem 0.4rem;
  right: 0;
    top: 0;
}

.namesDisplayed .closeDiv {
    display: inline-block;

}

.btnCallPeople:hover{
    background: #cd1c38;
    color: #fff;
}

.namesDisplayed .btnCallPeople {
    background: #fff;
    float: right;
    right: -9rem;
    top: -1.9rem;
}


.namesDisplayed .btnTitle {
    color: #cd1c38;
    clear: both;
}

.namesDisplayed input {
    border-color: #cd1c38;
}

.copyPersonRow, .copyPersonRowStatic {
    float: left;
    width: 100%;
    border-top: 1px solid lightgrey;
    padding: 0.5rem;
    clear: both;
}

.copyPersonRow:hover {
    background: #ecf0f5;
    color:black;
}
#mobileTicket_SearchPanel {
    display: none;
}

.customerErrorWarning {
  position: relative;
  float: right;
  height: 10px;
  top: -33px;
}

.customerErrorWarning .errorWarning {
    left: 30%;
    position:relative;
}



@media only screen and (max-device-width: 480px) and (orientation:portrait), only screen and (max-device-height: 480px) and (orientation:landscape) {

header #nav, header #navContact, header #navBeclub, .beClubLink-group, #PayStatusBeClubLink {
        display: none;
}
#navHead nav.activeNav {
    display: block;
    background: #B82336;
}

.mobNav.activemobNav {
    background: #B82336;
}

#breadcrumbRow ul {
    padding-left:2%;
}

#tableHeadingMsg {
    padding: 2%;
    margin: 0;
    width: 100%;
}
header #nav a, header #navContact a, header #navBeclub a, header #navBeclub div  {
        display: block;
        border-left: 1px solid #921023;
        padding: .8rem 1.6rem .8rem 1.6rem;
        text-align: left;
        color: #fff;
        text-decoration: none;
    }

    header #navContact a {
            font-size: 0.85rem;
    }
      #navHeadMobile {
        position: relative;
        float: left;
        color: white;
        top: 0;
    }
    .mobNav {
        float: left;
        background: transparent;
        border: 1px solid #921023;
        border-width: 0 1px 1px 0;
        padding: 0.5rem 1rem;
        width: 20%;
        height: 40px;
    }

    #mobContactUs, #mobBEClub {
        width: 30%;
        font-size: 0.85rem;
        padding: 0.8rem 0.5rem;
        text-align: center;
    }

.mobNav#mobSearch {
    background: url('/Images/MobileImages/searchIcon.png') no-repeat;
    background-position: 50% 50%;
        background-size: 17px 17px;
}

.mobNav#mobMenu {
    background: url('/Images/MobileImages/menuIcon.png') no-repeat;
    background-position: 50% 50%;
        background-size: 24px 17px;
        border-left: 0;
}
.mobNav.activemobNav#mobMenu {
    background: url('/Images/MobileImages/menuIcon.png') no-repeat, #B82336;
    background-position: 50% 50%;
        background-size: 24px 17px;
        border-left: 0;
}

.mobNav.activemobNav#mobBEClub {
    background: url('/Images/MobileImages/beClubMenuLogo.png') no-repeat, #B82336;
    background-position: 50% 50%;
        background-size: 90px;
        border-left: 0;
}

.mobNav#mobBEClub {
    background: url('/Images/MobileImages/beClubMenuLogo.png') no-repeat;
    background-position: 50% 50%;
        background-size: 90px;
        border-left: 0;
}
    header #navRow2 {
        display: none;
    }

    header #nav a span {
    background: url('../Images/National/icon-chevron-white-down.png') 100% 50% no-repeat;
    background-size: 8px 4px;
    display: inline-block;
    height: 4px;
    top: 50%;
    right: 1rem;
    width: 8px;
    margin-left: 1.325em;
    float:right;
}
    header #nav li {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        position: relative;
        float: left;
        border-bottom: 1px solid #B81f37;
        list-style-type: square;
    }

    #navContact li a, #navBeclub li a, header #navBeclub div  {
    border-bottom: 1px solid #921023;
    width: 100%;
    display: block;
    clear: both;
    }

 

    header .SubMenu {
        display: none;
        background:#B81f37;
        width: 100%;
        list-style-type: square;
        clear: both;
        float:none;
    }
       .activeNav li a, .activeNav li{
    background: #B82336;
}


    #nav li:hover > .SubMenu, #navContact li:hover > .SubMenu {
        display:none;
    }

    #navBeclub li.beClubLogged {
        display: none;
    }

    #navBeclub.LoggedIn li.beClubLogged {
        display: block;
    }

    #navBeclub.LoggedIn li.beClubNotLogged {
        display: none;
    }

    #beClubLogin_ModalContainer label, #beClubLogin_ModalContainer .required {
        display: none;
    }

     .beClubRow #beClubEmailAddress, .beClubRow #beClubPassword, #beClubSignIn .emailDiv {
        width: 95%;
        line-height: 2rem;
    }

    #beClubEmailAddress, #beClubPassword {
        padding-left: 0.5rem;
        border-radius: 3px;
        font-size: 1rem;
        line-height: 2rem;
        height: 2.1rem;
    }
    #beClubLogin_ModalContainer #btnLoginToBéClub {
        width: 95%;
        margin: 0;
        padding: 0 0.5rem 0 2rem;
        font-size: 1.2rem;
    }

#beClubLogin_ModalContainer a {
    float: left;
    clear: both;
    margin: 0;
    font-weight: 400;
    color: #485669;
    font-size: 0.9rem;
    padding: 0.75rem 0
}

.errorMessageText, .errorMessageText_float {
        margin: 0.5rem ;
        width: 95%;
    }


#search-connect {
    width: 41%;
    position: fixed;
    top: 0;
    right: 19%;
}
#search-connect input[type="search"] {
    margin-left: 0;
    margin-right: 0;
}

header #nav #headerSearchMobile {

    border-bottom: 0;
    margin-left:40%
}

#nav li ul {
    position: relative;
}

#nav li ul li {
    margin-left: 0;
    padding-left: 2.6rem;
}

#mobile, .mobJourneyTable_Wrapper, .mobJourneyTable_Wrapper_Nav, #MobileSummaryPanel {
        display: block;
    }

#mobEmail a, #mobContact a {
    display:block;
    width: 100%;
    height: 100%;
}




	.ui-dialog {
		width: 100% !important;
	}
	.clearInput {
		width: 2rem;
		margin: 0.5rem 1rem;
		padding: 0.2rem;
		line-height: 2rem;
		font-size: 1.2rem;
	}
  
	#LocationDiv .selectTicketDropDownList {
		width: 83%;
	   
	    float: right;
	}
    #LocationDiv .custom_ddl {
        margin-right: 1%;
	}

	#TTypeDisplayMobile {
		color: #ffffff;
		border-color: #fff;
	    left: 2%;
		float: left;
		line-height: 1.1rem;
		width: 1.8rem;
		top: 0.75rem;
	    margin: 0;
	}

	.closeBtnModal {
	background: #cd1c38;
	text-align: center;
	padding: 0.2rem;
	width: 30%;
	margin: 0 35% 1rem 35%;
}

	#btnTermsAndCond_Close {
	  position: fixed;
  bottom: 1rem;
  right: 1rem;
  text-decoration: none;
  color: white;
  background-color: #cd1c38;
  padding: 0.3rem 1rem;
  margin: 0;
  width: auto;
  opacity: 0.85;
}

.tableRowSelector {
    width: 75%;
}


    .InfoImageTable, 
.InfoImageTable:hover, 
.InfoImageTableReturn,
.InfoImageTableReturn:hover,
.InfoImageTableExpanded {
    padding: 0 0.43rem;
        text-align: center;
	height: 1.3rem;
    width: 1.3rem;
    line-height: 1rem;
    font-size: 0.9rem;
    margin: 0.1rem auto;
}

.InfoImageTable {
        color: #b81b29;
    border: 2px solid #b81b29;
    background: #fff;
    margin-top: 10% ;
}

.tableDataRowHead {
    
}
.tableDataRowHead .tableData, .tableDataRowHead .tableData1, .tableDataRowHead .tableDataTime, .tableDataRowHead .tableDataServ, .tableDataRowHead .tableDataFare, .tableDataRowHead .tableDataSelectHead {
    min-height: 1.5rem;
    line-height: 1.5rem;
}

.tableData, 
.tableData1, 
.tableDataTime, 
.tableDataServ, 
.tableDataFare, 
.tableDataServ, 
.tableDataSelect {
    min-height: 2.5rem;
    line-height: 1rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tableDataFare, 


.tableData, .tableData1 {
    width: 10%;
    
}

.tableData {
    line-height: 2rem;
}
.tableDataServ, .tableRowSelector .tableData {
    width: 15%;

}

.tableDataTime {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tableDataFare {
    width: 25%;
}
.tableDataSelect, .tableDataSelectHead {
       width: 15%;
}

.journeyRadioBOut, .journeyRadioBRet, .disabledRadio {
    border: 1px solid #474E58;
    border-radius: 1rem;
    height: 1.2rem;
    width: 1.2rem;
    margin: 0.4rem auto;
    background: #fff;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.journeyRadioBOut:hover, .journeyRadioBOut:hover {
    border: 1px solid #474E58;
}

.journeyRadioBOut_Selected, .journeyRadioBRet_Selected {
    display: none;
    border-radius: 1rem;
    background: #b81b29;
    margin: 3px;
    height: 0.7rem;
    width: 0.7rem;
}
#JourneyTable_Summary {
    font-size: 0.85rem;
    padding: 0.65rem 0.5rem;
    border: 1px solid grey;
    border-width: 0 0 1px 0;
}
#tableHeading_Out, #tableHeading_Return {
    font-size: 0.85rem;
    padding: 0 0.5rem 0.65rem;
}

.mjTableHeader, 
#mobOutFrom, 
#mobOutTo,
#mobRetFrom, 
#mobRetTo 
{
    display: none;
}

.PassengerNames  {
    width: 75%;
}

#availableNames {
    width: 17rem;
}
.btnCallPeople {
      color: black;
  font-size: 0.65rem;
  margin: 0 0 0 -0.5rem;
  padding: 0.2rem;
  width: 4.5rem;
  text-align: center;
}
.namesDisplayed .btnCallPeople {
    width: auto;
    right: 0;
    top: 0;
    float: left;
}


.namesDisplayed .btnTitle {
    font-size: 0.85rem;
}

#registerBeClub_ModalContainer input, #BeClubRetrieveEmailAddress {
  width: 100%;
  height: 2rem;
  font-size: 1em;
}
#recaptcha_area {
    margin-left: -1rem; 
}

#recaptcha_area #recaptcha_response_field {
    height: 1.3rem; 
}

    #btnCancelBEClubReg, #BtnbeClubReg, #ForgotBEpassword #btnPasswordRetrieve,  #ForgotBEpassword #btnCancelBEClub2{
        padding: 0 0.5rem 0 0.5rem;
  font-size: 1.2rem;
    }

    #ForgotBEpassword {
        margin: 0;
    }

     #ForgotBEpassword #recaptcha_area {
        margin-left: 0.5rem;
    }

     #ForgotBEpassword #btnPasswordRetrieve {
         font-size: 0.9rem;
          padding: 0.3rem 0.5rem;
          margin-bottom: 0;
          height: 2.4rem;
     }

#mobileTicket_SearchPanel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
     #textline_Head {
         margin:0 0 0.5em 0;
     }

#ticketResult {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ECF0F5;
    margin: 0 0.5rem;
}
     #ticketResultClose {
         margin: -0.5rem -0.5rem 0 0.25rem;
     }
     #ticketResultCloseTable {
         margin: 0;
     }

     .ticketResponse {
         width: 100%;
         float: right;
         left: 0;
         right: 0;
     }

     #TnCDisplay  {
	margin: 1rem;
}
}
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 23px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url('chosen-sprite.png') no-repeat 100% -20px;
  background: url('chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 5px;
  height: 15px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #666;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-field .default {
  color: #999;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #111 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url('chosen-sprite.png') no-repeat -30px -20px;
  background: url('chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
/*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 1dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('chosen-sprite@2x.png') !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */

.SfnPage {
    color: red;
}

    .SfnPage #body,
    .SfnPage footer,
    .SfnPage .CenterBlk {
        min-width: 1050px;
    }

    .SfnPage .SFNgreyPanel {
        margin: 3% 10% 5%;
        padding: 20px;
        width: 81%;
        min-width: 335px;
    }

        .SfnPage .SFNgreyPanel > .SFN_Details_Row:nth-of-type(2n+1) {
            padding: 2% 0 2% 5%;
        }

        .SfnPage .SFNgreyPanel > .SFN_Details_Row:nth-of-type(2n+2) {
            padding: 2% 4.5% 2% 4.5%;
        }

    .SfnPage #rowBackground_body .row {
        padding: 0.9rem;
    }

    .SfnPage .SFN_Pay_Online_Info_Row_Cell_1 {
        float: left;
    }

    .SfnPage .SFN_Pay_Online_Info_Row_Cell_2 {
        width: 21%;
        float: left;
    }

    .SfnPage .SFN_Query_Icon, .SFN_Query_Icon_Address_1, .SFN_Query_Icon_Address_2 {
        color: #727b87;
        border-radius: 1rem;
        border: 1px solid #727b87;
        width: 1.5rem;
        text-align: center;
        font-size: 0.9rem;
        font-weight: bold;
        margin-left: 1rem;
        float: left;
    }

    .SfnPage .SFN_Address {
        margin-bottom: 8%;
    }

    .SfnPage .SFNgreyPanel {
        margin: 3% 10% 5%;
        padding: 20px;
        width: 81%;
    }

    .SfnPage .redPanelHeading {
        color: #B81f37;
        margin-left: 0.5em;
        font-size: 1.5em;
        font-weight: 400;
    }


    .SfnPage .SFN_Details_Row {
        width: 100%;
        float: left;
    }

    .SfnPage .SFN_Details_Row_Cell_1 {
        margin-top: 6px;
        margin-right: 15px;
        float: left;
        width: 85px;
    }

    .SfnPage .SFN_Details_Row_Cell_3 {
        margin: 6px 1px 0 40px;
        float: left;
        width: 135px;
    }

    .SfnPage .SFN_Details_Row_Cell_2 {
        float: left;
        width: 20%;
    }

    .SfnPage .SFN_Details_Row_Cell_4 {
        float: left;
        width: 20%;
    }

    .SfnPage .SFN_Details_Row_Cell_5 {
        width: 15%;
        float: left;
        margin-left: 5%;
    }


    .SfnPage .SFN_Query_Icon_Address_1 {
        float: right;
        margin-right: 63%;
    }

    .SfnPage .SFN_Address_Info_Inner {
        margin-left: 3%;
        margin-bottom: 3%;
    }

    .SfnPage .SFN_Query_Icon_Address_2 {
        float: right;
        margin-right: 78%;
        float: left;
        margin-right: 76%;
    }


    .SfnPage .SFN_Details_TextBox {
        height: 34px;
        padding: 5px;
        clear: both;
        border-radius: 3px;
        width: 100%;
        min-width: 192px;
    }

        .SfnPage .SFN_Details_TextBox::-webkit-input-placeholder {
            color: #a9a9a9;
        }


    .SfnPage #btnSFNSearch {
        width: 100%;
        float: right;
        margin: 0;
        min-width: 125px;
    }

    .SfnPage .SFN_table {
        width: 50%;
        margin: 2% 25% 3% 25%;
        background-color: white;
        border: solid 1px;
        float: left;
        padding: 8px 20px;
    }

    .SfnPage .SFN_table_row {
        width: 100%;
        float: left;
    }

    .SfnPage .SFN_table_cell_1 {
        float: left;
        width: 45%;
        margin-bottom: 1%;
    }

    .SfnPage .SFN_table_cell_2 {
        float: right;
        width: 55%;
        color: black;
        font-weight: bold;
    }

    .SfnPage .SFN_Email_table {
        padding: 30px;
    }

    .SfnPage .SFN_Email_table_row {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

    .SfnPage .SFN_Email_table_cell_1, .SfnPage .SFN_Confirmation_Cell_1 {
        float: left;
        width: 40%;
    }

    .SfnPage .SFN_Email_table_cell_2, .SFN_Confirmation_Cell_2 {
        float: left;
        width: 30%;
    }

    .SfnPage .Email_Text_box {
        height: 30px;
        padding: 5px;
        clear: both;
        border-radius: 3px;
    }

    .SfnPage .boldTextSFN {
        float: none;
        font-weight: bold;
        color: black;
    }


    .SfnPage .Confirm_Button_SFN, .BackBtn_SFN {
        border-radius: 3px;
        background-position: 96% 50%;
        color: #fff;
        font-weight: normal;
        width: 200px;
        text-align: left;
        padding: 0.4em 0.4em 0.4em 0.8em;
        line-height: 1.2em;
        float: left;
        margin-top: 0;
        margin-right: 0;
    }

    .SfnPage .BackBtn_SFN {
        color: #fff;
        border: 0;
        background: #727b87;
        background: url(/Images/National/backBtnArrow.png) no-repeat,#727b87;
        background-position: 4% 50%;
        text-align: center;
        float: right;
        margin-right: 0;
        width: 200px;
    }

    .SfnPage .breadCrumbContainer {
        background: #ECF0F5;
        float: left;
        padding: 10px;
        margin-bottom: 1rem;
        clear: both;
        width: 100%;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .SfnPage .breadCrumbText, .breadCrumbTextActive {
        width: 33%;
    }

    .SfnPage .breadcrumbTitle, .breadCrumbText, .breadCrumbTextActive {
        font-size: 14px;
        color: #485669;
        line-height: 28px;
        position: relative;
        text-align: center;
        float: left;
    }

    .SfnPage .breadCrumbTextActive {
        color: white;
    }

    .SfnPage .breadCrumbTextWrapper3 {
        background: url(/Images/National/breadcrumb_3of3.png) no-repeat center;
        background-size: 100%;
    }

    .SfnPage .breadCrumbTextWrapper2 {
        background: url(/Images/National/breadcrumb_2of3.png) no-repeat center;
        background-size: 100%;
    }

    .SfnPage .SFN_Validation_Text {
        color: red;
        width: 193px;
    }

    .SfnPage .SFN_Outer_Address {
        float: left;
    }

    .SfnPage .SFN_Outer_Address {
        float: left;
    }

    .SfnPage .SFN_Notice {
        width: 90%;
        margin: 0 7% 0 3%;
    }

    .SfnPage .SFN_table_row:last-child .SFN_table_cell_2 {
        color: red;
    }

    .SfnPage .SFN_Email_Valid {
        color: red;
        font-weight: bold;
    }

    .SfnPage .SFN_Payment_Confirmation_Message {
        text-align: center;
        width: 100%;
        font-weight: 100;
        font-size: x-large;
        margin-top: 3%;
    }

    .SfnPage .SFN_Email_Notice {
        padding-top: 5%;
        text-align: center;
    }

    .SfnPage .SFN_Confirmation_row {
        margin-top: 5%;
        margin-left: 9%;
        margin-right: 5%;
    }

    .SfnPage .SFN_Confirmation_Cell {
        width: 30.3%;
        float: left;
        margin-right: 3%;
    }

    .SfnPage .SFN_Print_Receipt {
        width: 85%;
        background: url(/Images/National/print_icon.png) no-repeat, #727b87;
        background-position: 96% 50%;
        margin-bottom: 0.5rem;
        text-align: left;
        border-radius: 3px;
        color: #fff;
        font-weight: 200;
        padding-left: 0.7em;
    }


    .SfnPage .SFN_Pay_Another {
        width: 85%;
        margin: 0;
        text-align: left;
        border-radius: 3px;
        color: #fff;
        font-weight: 200;
        background-position: 96% 50%;
        padding: 0.3rem 0.8rem;
        background-color: #cd1c38;
        border: #cd1c38;
        height: 33px;
    }

    .SfnPage .SFN_Buy_Another_Tkt_btn {
        width: 85%;
        margin: 0;
        text-align: left;
        border-radius: 3px;
        color: #fff;
        font-weight: 200;
        background-position: 96% 50%;
        float: left;
        border: #cd1c38;
        height: 33px;
        line-height: 0.1;
        background-color: #cd1c38;
        padding-left: 0.8em;
    }

    .SfnPage .SFN_Payment_Failed_Notice {
        font-size: 1.3em;
        text-align: center;
    }

    .SfnPage .SFN_Confirmation_Cell_4 {
        width: 50%;
        float: left;
    }

        .SfnPage .SFN_Confirmation_Cell_4 .SFN_Pay_Another {
            width: 50% !important;
            margin-left: 30%;
        }

        .SfnPage .SFN_Confirmation_Cell_4 .SFN_Buy_Another_Tkt_btn {
            width: 50% !important;
            margin-left: 5%;
            background-color: #cd1c38;
            border: #cd1c38;
            height: 33px;
            line-height: 0.1;
        }

    .SfnPage .UserMessage {
        color: #B81f37;
        font-size: 1.2em;
        font-weight: 400;
        width: 100%;
    }

    .SfnPage .SFN_Email_table .SFN_Email_table_row .SFN_Email_table_cell_1 {
        margin-top: 12px;
    }

    .SfnPage .SFN_Email_table .SFN_Email_table_cell_2 input {
        width: 80%;
    }

    .SfnPage .SFN_Email_table .SFN_Email_table_row .SFN_Email_table_cell_3 {
        float: right;
    }

    .SfnPage .SFN_Email_table_row:nth-child(2n+2) .SFN_Email_table_cell_2 {
        float: right;
        width: 249px;
    }

.payment-details .business-address {
    display: inline-block;
    margin-bottom: 4rem;
}


#paymentDetails .row {
    width: 100%;
    float: left;
}

#paymentDetails label,
#paymentDetails .display-result {
    width: 45%;
    float: left;
    font-size: 1rem;
    margin-right: 1rem;
}

#paymentDetails label {
    text-align: right;
    font-weight: bold;
}

.paymentBtn {
    background: url(/Images/National/icon-chevron-white-right.png) no-repeat, #cd1c38;
    background-position: 100% 50%;
    background-size: 16px 12px;
    width: 15rem;
    font-size: 1rem;
    float: left;
    margin: 0.2rem 1rem;
    padding: 0.5rem 0.9rem 0.5rem 0.2rem;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
}

    .paymentBtn:hover {
        opacity: 0.8;
    }

    .paymentBtn.clicked {
        background: #727b87;
    }

.payment-details .business-address {
    padding: 15px;
    text-align: center;
    border-top: 1px solid #c5c7cb;
}

.payment-details .row {
    margin-bottom: 10px;
}

#paymentDetails .row.btn-row {
    padding: 0.9rem;
}
#rowBackground_body .row.btn-row {
    padding-left: 45%;
}

@media only screen and (max-width: 1185px) {

    .SfnPage .SFN_Details_Row_Cell_3 {
        margin: 20px 0 0 0;
        clear: both;
    }

    .SfnPage .SFN_Details_Row_Cell_4 {
        margin: 20px 0 0 0;
    }

    .SfnPage .SFN_Details_Row_Cell_5 {
        width: 22%;
        float: left;
        margin: 20px 0 0 20%;
    }

    .SfnPage .SFN_Details_Row_Cell_1 {
        margin-right: 50px;
    }
}

@media only screen and (max-width: 675px) {

    .SfnPage .SFN_Details_Row_Cell_5 {
        clear: both;
        margin: 20px 0 0 260px;
        width: 0;
    }
}