/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html, button, input, select, textarea { color: #444; }

html, body {min-height: 100%;}

html {}


::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

img { vertical-align: middle; }

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

textarea { resize: vertical; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

.monospace, .ui-selectonemenu-list {white-space:pre; font-family: "Droid Sans Mono","Courier", sans-serif;font-size:0.75em;}
	.ui-selectonemenu-list {font-size:0.8em!important;}

.ui-button .ui-button-text {
  line-height: 1.4;
}

a {color:#00b7d3;}
  a:hover { color:#186e92;}
  
  /*#7D860F  #D7DF23*/

/* ==========================================================================
   Custom styles
   ========================================================================== */
   
 /* fonts */
body { font-size: 0.92em; line-height: 1.3;font-family: 'Alegreya Sans', sans-serif; -webkit-font-smoothing: antialiased; background: #e5e5e5; }
h1,h2,h3,h4, a.backbtn, th, legend {font-family: 'Alegreya Sans', sans-serif; -webkit-font-smoothing: antialiased;}
article, article h2, article h3,.hometabnav a.ui-widget {font-family: 'Open Sans';}
input.shorter { width:50px; }
input.medium { width:100px; }
input.short { width:30px; }
.ui-messages-error,.ui-message-error .ui-message-error-detail, .ui-messages-info, .ui-messages-warn/*,  .ui-datatable-odd,  .ui-datatable-even */{font-family:'Open Sans';font-size:0.8em;}

	.hometabnav a.ui-widget {font-weight:bold;}
.tripitems article,.preferences article, .rightnav,.itemlist, .ui-datepicker-calendar tbody, .offerheader .editmenu li {font-family: 'Open Sans'; font-size:0.85em;}

.multi-to-results .ui-datatable-data .ui-widget-content {font-family: 'Open Sans';}
	.multi-to-results .ui-datatable-data .ui-widget-content dt {font-family: 'Alegreya Sans', sans-serif;}
	.multi-to-results .ui-datatable-data .ui-widget-content dd {font-size:1em;}

/* PRIMEFACES --------------------------------------------------------------- */

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-widget-header .ui-panel-title, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, .ui-datatable-header { text-shadow: none;}
.ui-widget-content, .ui-widget-header {border:none;}
.ui-selectcheckboxmenu-panel, .ui-state-default, .ui-state-hover, .ui-shadow, .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 {box-shadow:none;}

.ui-widget-overlay {background-image:none; background-color: rgba(0,0,0,0.5);}

.ui-widget-header,.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.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 {background-color:transparent;background-image:none;}

.ui-widget-header {background-color:#00b7d3; text-shadow:none;}
.ui-dialog-titlebar {color:#fff;}
.ui-dialog-title::first-letter {text-transform:capitalize;}
/*.ui-helper-reset, input  {line-height:1;}*/

/* MENU */
.ui-menu {padding: 0; border-top: 1px solid rgb(0,182,209);}
  .ui-menu .ui-menuitem {margin:0;}
  .ui-menu .ui-menuitem-link {font-size: 0.9em; padding: 1em; border: 0 none; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */}
    .ui-menu .ui-state-hover, .ui-menu .ui-state-hover .ui-menuitem-link:hover {background: #f5f5f5;}

/* TABS */
.ui-tabs, .tabnav .ui-tabmenu, .ui-tabs .ui-tabmenu-nav {padding: 0; background: none;}
    .ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabmenu-nav, .ui-tabmenu-nav { background: none;font-family:'Open Sans';font-size:0.85em;}
    .ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabmenu-nav li {margin: 4px 4px 0 0; border: none; background: #f5f5f5; color: #999;}
      .ui-tabs .ui-tabs-nav .ui-state-default .tabcontent, .ui-tabs .ui-tabmenu-nav .ui-state-default a{color: #999;}
        .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-hover, .ui-tabs .ui-tabmenu-nav .ui-state-default.ui-state-hover { background: #e3e3e3;}
          .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-hover .tabcontent, .ui-tabs .ui-tabmenu-nav .ui-state-default.ui-state-hover a {color: #333;}
    .ui-tabs .ui-tabs-nav li .tabcontent, .ui-tabs .ui-tabmenu-nav li .tabcontent { padding: 12px 13px 10px 19px;cursor:pointer;}

      .ui-tabs .ui-tabs-nav li .ui-icon {text-indent: 0; margin: 12px 7px 0 0; overflow: visible;}
      .ui-tabs .ui-tabs-nav li .ui-icon:before, #addTabCopy .ui-icon:before {font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
      .ui-tabs .ui-tabs-nav li .ui-icon-close {background: none;color:#999;cursor:pointer;}
      .ui-tabs .ui-tabs-nav li.ui-state-active a.ui-icon-close {color:#999;}
        .ui-tabs .ui-tabs-nav li .ui-icon-close:after { content: "\f00d"; font-size: .9em;}
      .ui-tabs .ui-tabs-nav li .ui-icon-close:hover:after {content: "\f057";font-size: 1.2em; /*color: #ff5454;*/}
        .ui-tabs .ui-tabs-nav .ui-state-default.ui-tabs-selected .ui-icon-close {cursor:pointer;}
  
    .ui-tabs.ui-tabs-top > .ui-tabs-nav {padding: 0;}
    .ui-tabs.ui-tabs-top > .ui-tabs-nav li {border: 0 none; top:0}
    .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected, .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-active.ui-tabs-selected .tabcontent, .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected.ui-state-hover { color: #333; border-left: none;border-right:none; background: #FFF;}
    .ui-tabs .ui-tabmenu-nav li.ui-state-active, .ui-tabs .ui-tabmenu-nav .ui-state-default.ui-state-active a, .ui-tabs .ui-tabmenu-nav li.ui-state-active.ui-state-hover, #secondarynav .rightnav a.ui-state-active { color: #333; border: none; background: #FFF;}




.hometabnav .addTab {background: transparent; color: #fff; border: 1px solid #fff; margin:0px; display:block;float:left;text-decoration:none;}
  .hometabnav .addTab:hover { background: #186e92;color:#00b7d3;}

.ui-tabs .ui-tabs-panel {padding: 0;}
/* CONFIRMATION COMPONENT */

.ui-messages-action { padding:0 20px; }
.ui-messages .ui-messages-action .btn { margin-right:10px; font-weight:bold; font-size:1.2em; }
.ui-messages .ui-messages-action .ui-state-default.btn.btn-smaller .ui-button-text { padding:1px 10px; } 
.ui-messages-action.ui-messages-action-error .btn { border-color:#ff5454; color:#ff5454; }
	.ui-messages-action.ui-messages-action-error .btn:hover { background-color:#ff5454; color:white; }
.ui-messages-action.ui-messages-action-warn .btn { border-color:#c09853; color:#c09853 }
	.ui-messages-action.ui-messages-action-warn .btn:hover { background-color:#c09853; color:white; }
.ui-messages-action.ui-messages-action-info .btn { border-color:#3a87ad; color:#3a87ad }
	.ui-messages-action.ui-messages-action-info .btn:hover { background-color:#3a87ad; color:white; }
.ui-messages-action.ui-messages-action-fatal .btn { border-color:#ff5454; color:#ff5454; }
	.ui-messages-action.ui-messages-action-fatal .btn:hover { background-color:#ff5454; color:white; }

/* ACCORDION */
.ui-accordion {margin-bottom: 20px;}
.ui-accordion-header {text-transform: capitalize; ; font-size: 1.12em/*1.28571428571429em*/; }
.ui-accordion-header.ui-state-default {border: 0; /*border-bottom: 4px solid #d19b0a;*/ margin-top: 10px;}

  .ui-accordion-header.ui-state-default:first-child {margin-top: 0;}
.ui-accordion-header.ui-state-default {
		background: rgb(125,134,15); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkODYwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2RmMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(left,  rgba(125,134,15,1) 0%, rgba(215,223,35,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(125,134,15,1)), color-stop(100%,rgba(215,223,35,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(125,134,15,1) 0%,rgba(215,223,35,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(125,134,15,1) 0%,rgba(215,223,35,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(125,134,15,1) 0%,rgba(215,223,35,1) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(125,134,15,1) 0%,rgba(215,223,35,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d860f', endColorstr='#d7df23',GradientType=1 ); /* IE6-8 */

}
  .ui-accordion-header.ui-state-default, .ui-accordion-header.ui-state-default:link, .ui-accordion-header.ui-state-default:visited {color: #fff;}
.ui-accordion .ui-accordion-header .ui-icon {background-image: url("../resources/css/btn/images/ui-icons_ffffff_256x240.png");}

.ui-accordion .ui-accordion-header {font-weight: bold}
.ui-accordion .ui-accordion-content {padding:0; margin: 0; top: 0; overflow:hidden;/*border-bottom: 4px solid #d19b0a;*/}


/* FIELDSETS */
.ui-fieldset {padding: 0;}
.ui-fieldset .ui-fieldset-legend { width: 838px; padding: 8px 20px; text-transform: none; position: relative; background: none repeat scroll 0 0 rgb(140,217,233); border: 1px solid #FFFFFF; color: #fff;font-weight: bold;}
.ui-fieldset .ui-fieldset-legend:first-letter { text-transform:capitalize; }
    .ui-fieldset .ui-fieldset-legend:before { content: " "; position: absolute; left: 0px; right: 0px; }
  .full-width.ui-fieldset .ui-fieldset-legend { width: 1138px;}
  .half-width .ui-fieldset-legend { width: 538px;}
.ui-fieldset-content { padding:10px 20px 0; position: relative;}
.ui-state-default .clearbutton a:after {content: "\f014";font-family:'FontAwesome'; font-size:1.2em;border-left:#fff 1px solid; position:absolute;right:0px; height:29px;top:0;padding:6px 10px 0px 10px;}
.ui-state-default .clearbutton a { text-transform: lowercase; color:#fff;font-weight:normal;}
  .ui-state-default .clearbutton a:hover:after { color:#00b7d3;background-color:#186e92;}

/* FORM ITEMS */

.ui-container {margin-bottom: 20px;}

/* inputs */
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield,.ui-selectcheckboxmenu-label {font-size:0.8em;font-family:'Open Sans';}
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {background: #FFF; padding:6px 8px 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #aaa; margin-bottom: 5px;box-shadow:none;}


.ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus {border: 1px solid #e5e5e5;-webkit-box-shadow:0px 0px 5px #00b7d3; -moz-box-shadow: 0px 0px 5px #00b7d3; box-shadow: 0px 0px 5px #00b7d3; }

.ui-state-default.ui-state-disabled.noinput, .ui-state-disabled.noinput input.ui-state-default, .noinput input.ui-state-disabled.ui-state-default {opacity:1;background-color:#00b7d3;color:#fff;text-transform:uppercase;font-weight:bold;border:1px solid #00b7d3;text-align:center;}
	.ui-state-default.ui-state-disabled.noinput .ui-selectonemenu-label  {color:#fff; text-align:left; font-weight:bold;}
	.ui-state-default.ui-state-disabled.noinput .ui-selectonemenu-trigger {opacity:0; }
  	
.ui-widget-content .ui-state-disabled.noinput {opacity:1;}
.ui-state-disabled.noinput .ui-state-default.ui-spinner-button {opacity:0.2;}
/* labels */
.ui-outputlabel {padding: 0;/*7px 0 5px;*/ margin-bottom:3px; display: inline-block}

/* checkboxes */
.ui-chkbox {margin-top: 7px;}
.ui-chkbox .ui-chkbox-box.ui-state-default {margin-right: 13px; height: 18px; width: 18px; background: #fff; border: 1px solid #aaa; box-shadow:none;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
  .ui-chkbox .ui-chkbox-box.ui-state-hover {cursor: pointer}
  .ui-chkbox .ui-chkbox-box.ui-state-focus, .ui-chkbox .ui-chkbox-box.ui-state-hover {border: 1px solid #e5e5e5; -webkit-box-shadow:0px 0px 5px #00b7d3; -moz-box-shadow: 0px 0px 5px #00b7d3; box-shadow: 0px 0px 5px #00b7d3;}
.ui-chkbox .ui-icon-check {background: none; text-indent: 0; position: relative; height: 20px; width: 20px;}
  .ui-chkbox .ui-icon-check:after {content:""!important; display: block!important;}
  .ui-chkbox .ui-icon-check:before {content: "\f00c"; font-family: 'FontAwesome';  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; position: absolute; bottom: 0; left: 2px; font-size: 1.71428571428571em; color: #444; font-style: normal; font-weight: normal; line-height: 1;}
 .ui-chkbox .ui-chkbox-label {margin: 2px 0 0;}
	.ui-chkbox.more-less-chkbox .ui-chkbox-label {margin: 4px 0 0;}
	.ui-chkbox.lock-unlock-chkbox .ui-chkbox-label {padding:0;margin:0;}

.ui-chkbox-small input, .ui-chkbox-small .ui-helper-hidden-accessible {font-size: 0.8em; line-height: 1em;}
.ui-chkbox-small .ui-chkbox-box.ui-state-default { width: 12px; height: 12px; margin-right: 10px;}
.ui-chkbox-small .ui-icon-check:before { font-size: 14px /*1em*/; bottom:auto;}
.ui-chkbox-small .ui-chkbox-label {text-transform: lowercase;font-size: 0.8em; margin: 1px 0 0;}

.more-less-chkbox {color: #00b7d3; margin-top: 7px; margin-bottom:10px;}
  .more-less-chkbox .ui-chkbox-box.ui-state-default { width: 12px; border: none; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-right: 0; padding-right: 13px;}
  .more-less-chkbox .ui-chkbox-icon:before {content: "\f0fe"; position: relative; top: 3px; color: #00b7d3; font-size: 1em; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
  .more-less-chkbox .ui-icon-check:before {content: "\f146"; left:0;}
  
  .more-less-panel {border-top: 1px dotted #e5e5e5;}

.locker {text-align:right;}
.lock-unlock-chkbox { margin-top: 7px; margin-bottom:10px;}
  .lock-unlock-chkbox .ui-chkbox-box.ui-state-default { width: 15px; border: none; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-right: 0; padding-right: 0px;padding-right:10px;}
  .lock-unlock-chkbox .ui-chkbox-icon {color: #666;}
  .lock-unlock-chkbox .ui-chkbox-icon:before {content: "\f09c";  position: relative; font-size: 19px; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 19px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
  .lock-unlock-chkbox .ui-chkbox-icon:hover:before {color:#00b7d3;}
  .lock-unlock-chkbox .ui-icon-check:before {content: "\f023"; color: #666;}
  .lock-unlock-chkbox .ui-icon-check { right:10px; }
 
 aside .lock-unlock-chkbox {margin:0;background-color:white;}
 aside .lock-unlock-chkbox .ui-chkbox-box.ui-state-default {margin:0;padding:4px 6px 3px;}
 aside .lock-unlock-chkbox .ui-chkbox-icon:before { font-size:14px;}
 aside .locker { z-index:10; position:absolute; right:-7px;bottom:0px;}

/* radiobutton */
.ui-radiobutton { width: auto; margin-right: 13px;}

.ui-radiobutton .ui-radiobutton-box {height: 18px; width:18px; line-height: 18px;}
.ui-radiobutton .ui-radiobutton-box.ui-state-default {background: #fafafa none; border: 1px solid #aaa; }
  .ui-radiobutton .ui-radiobutton-box.ui-state-focus, .ui-radiobutton .ui-radiobutton-box.ui-state-hover {border: 1px solid #e5e5e5; -webkit-box-shadow:0px 0px 5px #00b7d3; -moz-box-shadow: 0px 0px 5px #00b7d3; box-shadow: 0px 0px 5px #00b7d3;}

  .ui-radiobutton .ui-radiobutton-icon.ui-icon-bullet { background: none; text-indent: 0; position: relative; }
    .ui-radiobutton .ui-radiobutton-icon.ui-icon-bullet:before {content: "\f111"; top: 3px; left: 3px;font-size: 13px; color: #444; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute;}

.ui-selectoneradio .ui-radiobutton { margin-left: 20px;}
.ui-selectoneradio label {margin:0;}
  .ui-selectoneradio label:hover {cursor: pointer;}

/* selectonemenu & selectcheckboxmenu*/
.ui-selectonemenu.ui-state-default, .ui-selectcheckboxmenu.ui-state-default {border: 1px solid #aaa; background: #fff;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-bottom: 5px;}
  .ui-selectonemenu label.ui-selectonemenu-label, .ui-selectcheckboxmenu label.ui-selectcheckboxmenu-label { background: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom:0;}
  .ui-selectonemenu.ui-state-default .ui-selectonemenu-trigger,.ui-selectcheckboxmenu.ui-state-default .ui-selectcheckboxmenu-trigger {background: #fff; height: 14px; border: none; border-left: 1px solid #e5e5e5; padding: 5px 7px 6px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px;}
  .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { margin-top:0px;}
  
  .ui-selectonemenu.ui-state-focus, .ui-selectcheckboxmenu.ui-state-focus .ui-selectcheckboxmenu-trigger {border: 1px solid #666; }
  .ui-selectonemenu.ui-state-focus .ui-selectonemenu-trigger, .ui-selectcheckboxmenu.ui-state-focus .ui-selectcheckboxmenu-trigger { background: #FFF;}
 
 .ui-selectonemenu-item.ui-state-hover {color:#fff;background-color:rgb(140,217,233)}
 
.ui-selectonemenu-panel,.ui-selectcheckboxmenu-panel {border: 1px solid #666;}
.ui-selectcheckboxmenu-panel {box-shadow:none; padding:0px;}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {padding-top:6px;padding-bottom:4px;}
  .ui-selectonemenu-panel .ui-selectonemenu-list,.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list {padding: 0; background: none; border:none;}
  .ui-selectonemenu-panel .ui-selectonemenu-list-item,.ui-selectcheckboxmenu-panel {margin: 0;}
    .ui-selectonemenu-panel.disablefirst .ui-selectonemenu-list-item:first-child { color: #aaa;}
    .ui-selectonemenu-panel.disablefirst .ui-selectonemenu-list-item.ui-state-highlight:first-child, .ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-hover:first-child { background: #FFF; color: #aaa;}
    .ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-hover, .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item.ui-state-hover { border: none;}
    .ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-highlight, .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item.ui-state-highlight{ border: none;margin:none; background: #00b7d3;color:#fff; text-shadow: none; }

    .ui-selectonemenu-panel .ui-selectonemenu-filter-container  { width: 96%; padding: 0.4em 2%;}
    .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-inputfield,  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-filter-container .ui-inputfield { width: 96%; padding: 7px 2%;}
    .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon,  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-filter-container .ui-icon { background: none; }
      .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-search:after,  .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-filter-container .ui-search:after { content: "\f002"; color: #d19b0a; font-size: 1em; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

	  #searchmenu\:mainSearchForm\:mainSearchAccordion\:brochure_panel.ui-selectonemenu-panel div.ui-selectonemenu-items-wrapper, #searchmenu\:qbSearchForm\:brochure_panel.ui-selectonemenu-panel div.ui-selectonemenu-items-wrapper { max-height: calc(100vh - 330px) !important; min-height: 100px !important; height: auto !important; }

.ui-chkbox-label, label {color:#00b7d3; font-weight:bold;}
.ui-selectcheckboxmenu-label,.ui-selectcheckboxmenu-item label, .ui-selectmanycheckbox label {color:#313131;font-weight:normal;font-family: 'Open Sans';}
.ui-selectmanycheckbox label {font-size: 0.8em; }
	.ui-selectcheckboxmenu-item label { font-size:0.80em; }
table.ui-selectmanycheckbox tr td {vertical-align:middle;}
.multi-to-country-combi .ui-datalist-data a, .multi-to-arrival-combi .ui-datalist-data a {color:#00b7d3;}
	.multi-to-country-combi .ui-datalist-data a:hover, .multi-to-arrival-combi .ui-datalist-data a:hover {color:#186e92;}
/* spinner  */
.ui-inputfield.ui-spinner-input {margin-right:20px; width: 1.7em;}

.ui-spinner-button.ui-state-default {background: transparent; height: auto; border: none; -webkit-border-radius: 0; -moz-border-radius:0; border-radius: 0; cursor: pointer;}
  .ui-spinner-button.ui-state-default .ui-icon {border-radius:0; -webkit-border-radius: 0; -moz-border-radius:0;}
.ui-spinner-button.ui-spinner-up {padding-top:0px;}
.ui-spinner-button.ui-spinner-down {padding-bottom:4px;}

.pax-spinner { margin-right: 10px; }
.ui-spinner.small input {width:20px;}

.no-required-icon.ui-input-required label:after {content:"";}

  /* get headermenus in front of header */
  #j_idt13_menu, #user_menu, #languageselection_menu, #agentsites_menu, #externalcompanies_menu , #j_idt7_menu { z-index: 9999!important;}

/*PANELGRID */
.ui-panelgrid { width: 100%;}
  .ui-panelgrid tr td, .ui-panelgrid tr.ui-widget-content td {border:none; padding: 0; padding-left: 20px; padding-bottom: 7px; vertical-align: top;}
    .ui-panelgrid tr td:first-child {padding-left: 0}
    .ui-panelgrid tr:last-child td {padding-bottom:5px;}

  .ui-panelgrid .ui-picklist tr td {padding-bottom: 0;}

  /* panelgrid 3 columns */
  .ui-panelgrid-three td {width: 266px;/* = (880px - (2*20px contentpadding) - ((3-1)*20px cellpadding)) / 3 */}
    .ui-panelgrid-three td .ui-inputfield {width: 248px;/* = parentwidth - 2*1px border - 2*8px padding */}
  .ui-panelgrid-three td .ui-selectonemenu-label {width: 248px !important;/* = parentwidth - 2*1px border - 2*8px padding */}
    .ui-panelgrid-three td .ui-selectonemenu {width: 240px;/* = parentwidth - 2*1px border */; height: 25px;}
	.ui-panelgrid-three td .ui-selectonemenu input {border: none;}
    .ui-panelgrid-three td .ui-chkbox {width: 266px; /* = parentwidth */}
      .ui-panelgrid-three td .ui-chkbox .ui-chkbox-label {width: 233px; /* = parentwidth - (checkbox: 18px width + 13px margin-right + 2px border) */}

  /* panelgrid 4 columns */
  .ui-panelgrid-four td {width: 195px;/* = (880px - (2*20px contentpadding) - ((4-1)*20px cellpadding)) / 4 */}
    .ui-panelgrid-four td .ui-inputfield {width: 177px;/* = parentwidth - 2*1px border - 2*8px padding */}
  .ui-panelgrid-four td .ui-inputfield label {width: 177px !important;/* = parentwidth - 2*1px border - 2*8px padding */}
    .ui-panelgrid-four td .ui-selectonemenu {width: 193px;/* = parentwidth - 2*1px border */}
    .ui-panelgrid-four td .ui-chkbox {width: 195px; /* = parentwidth */} 
      .ui-panelgrid-four td .ui-chkbox .ui-chkbox-label {width: 162px; /* = parentwidth - (checkbox: 18px width + 13px margin-right + 2px border) */}

  /* panelgrid 5 columns */
  .ui-panelgrid-five td { width: 148px;/* = (880px - (2*20px contentpadding) - ((5-1)*20px cellpadding)) / 5 */}
    .ui-panelgrid-five td .ui-inputfield {width: 130px;/* = parentwidth - 2*1px border - 2*8px padding */}
  .ui-panelgrid-five td .ui-selectonemenu-label {width: 130px !important;/* = parentwidth - 2*1px border - 2*8px padding */}
    .ui-panelgrid-five td .ui-selectonemenu {width: 146px;/* = parentwidth - 2*1px border */}
    .ui-panelgrid-five td .ui-chkbox {width: 148px; /* = parentwidth */} 
      .ui-panelgrid-five td .ui-chkbox .ui-chkbox-label {width: 115px; /* = parentwidth - (checkbox: 18px width + 13px margin-right + 2px border) */}
  
   /* panelgrid 6 columns */
  .ui-panelgrid-six td { width: 123px;/* = (880px - (2*20px contentpadding) - ((6-1)*20px cellpadding)) / 6 */}
    .ui-panelgrid-six td .ui-inputfield {width: 105px;/* = parentwidth - 2*1px border - 2*8px padding */}
  .ui-panelgrid-six td .ui-selectonemenu-label {width: 105px !important;/* = parentwidth - 2*1px border - 2*8px padding */}
    .ui-panelgrid-six td .ui-selectonemenu {width: 99px !important;/* = parentwidth - 2*1px border */; height: 25px; min-width: 1px!important;}
	.ui-panelgrid-six td .ui-selectonemenu input {border: none;}
    .ui-panelgrid-six td .ui-chkbox {width: 123px; /* = parentwidth */} 
      .ui-panelgrid-six td .ui-chkbox .ui-chkbox-label {width: 90px; /* = parentwidth - (checkbox: 18px width + 13px margin-right + 2px border) */}
      
    .ui-panelgrid-six td[colspan="2"] { width: 266px;/* = ((880px - (2*20px contentpadding) - ((6-1)*20px cellpadding)) / 6 ) * 2 + 1*20px cellpadding*/}
      .ui-panelgrid-six td[colspan="2"] .ui-inputfield {width: 248px;/* = parentwidth - 2*1px border - 2*8px padding */}
      .ui-panelgrid-six td[colspan="2"] .ui-selectonemenu-label {width: 248px !important;/* = parentwidth - 2*1px border - 2*8px padding */}
        .ui-panelgrid-six td[colspan="2"] .ui-selectonemenu {width: 240px !important;/* = parentwidth - 2*1px border */}
      .ui-panelgrid-six td[colspan="2"] .ui-chkbox {width: 264px; /* = parentwidth */} 
        .ui-panelgrid-six td[colspan="2"] .ui-chkbox .ui-chkbox-label {width: 231px; /* = parentwidth - (checkbox: 18px width + 13px margin-right + 2px border) */}
        
     .ui-panelgrid-six td[colspan="3"] { width: 420px;/* = ((880px - (2*20px contentpadding) - ((6-1)*20px cellpadding)) / 6 ) * 3 + 2*20px cellpadding*/}
      .ui-panelgrid-six td[colspan="3"] .ui-inputfield {width: 402px;/* = parentwidth - 2*1px border - 2*8px padding */}
      .ui-panelgrid-six td[colspan="3"] .ui-selectonemenu-label {width: 402px !important;/* = parentwidth - 2*1px border - 2*8px padding */}
        .ui-panelgrid-six td[colspan="3"] .ui-selectonemenu {width: 417px !important;/* = parentwidth - 3*1px border */}
      .ui-panelgrid-six td[colspan="3"] .ui-chkbox {width: 420px; /* = parentwidth */} 
        .ui-panelgrid-six td[colspan="3"] .ui-chkbox .ui-chkbox-label {width: 387px; /* = parentwidth - (checkbox: 18px width + 13px margin-right + 2px border) */}
        
     .ui-panelgrid-six td[colspan="4"] { width: 564px;/* = ((880px - (2*20px contentpadding) - ((6-1)*20px cellpadding)) / 6 ) * 4 + 3*20px cellpadding*/}
      .ui-panelgrid-six td[colspan="4"] .ui-inputfield {width: 546px;/* = parentwidth - 2*1px border - 2*8px padding */}
      .ui-panelgrid-six td[colspan="4"] .ui-selectonemenu-label {width: 546px !important;/* = parentwidth - 2*1px border - 2*8px padding */}
        .ui-panelgrid-six td[colspan="4"] .ui-selectonemenu {width: 562px !important;/* = parentwidth - 2*1px border */}
      .ui-panelgrid-six td[colspan="4"] .ui-chkbox {width: 564px; /* = parentwidth */} 
        .ui-panelgrid-six td[colspan="4"] .ui-chkbox .ui-chkbox-label {width: 531px; /* = parentwidth - (checkbox: 18px width + 13px margin-right + 2px border) */}
    
  /* panelgrid 9 columns */
  .ui-panelgrid-nine td {width: 75px;/* = (880px - (2*20px contentpadding) - ((9-1)*20px cellpadding)) / 9 */}
    .ui-panelgrid-nine td .ui-inputfield {width: 57px;/* = parentwidth - 2*1px border - 2*8px padding */}
  .ui-panelgrid-nine td .ui-selectonemenu-label {width: 57px !important;/* = parentwidth - 2*1px border - 2*8px padding */}
    .ui-panelgrid-nine td .ui-selectonemenu {width: 73px;/* = parentwidth - 2*1px border */}
    .ui-panelgrid-nine td .ui-chkbox {width: 75px; /* = parentwidth */} 
      .ui-panelgrid-nine td .ui-chkbox .ui-chkbox-label {width: 42px; /* = parentwidth - (checkbox: 18px width + 13px margin-right + 2px border) */}

    .ui-panelgrid-nine td[colspan="2"] { width: 171px;/* = ((880px - (2*20px contentpadding) - ((9-1)*20px cellpadding)) / 9 ) * 2 + 1*20px cellpadding*/}
      .ui-panelgrid-nine td[colspan="2"] .ui-inputfield {width: 153px;/* = parentwidth - 2*1px border - 2*8px padding */}
    .ui-panelgrid-nine td[colspan="2"] .ui-selectonemenu-label {width: 153px !important;/* = parentwidth - 2*1px border - 2*8px padding */}
      .ui-panelgrid-nine td[colspan="2"] .ui-selectonemenu {width: 169px;/* = parentwidth - 2*1px border */}
      .ui-panelgrid-nine td[colspan="2"] .ui-chkbox {width: 171px; /* = parentwidth */} 
        .ui-panelgrid-nine td[colspan="2"] .ui-chkbox .ui-chkbox-label {width: 165px; /* = parentwidth - (checkbox: 18px width + 13px margin-right + 2px border) */}

    .ui-panelgrid-nine td[colspan="3"] {width: 266px;/* = ((880px - (2*20px contentpadding) - ((9-1)*20px cellpadding)) / 9 ) * 3 + 2*20px cellpadding*/}
      .ui-panelgrid-nine td[colspan="3"] .ui-inputfield {width: 248px !important;/* = parentwidth - 2*1px border - 2*8px padding */}
    .ui-panelgrid-nine td[colspan="3"] .ui-selectonemenu-label {width: 248px;/* = parentwidth - 2*1px border - 2*8px padding */}
      .ui-panelgrid-nine td[colspan="3"] .ui-selectonemenu {width: 240px;/* = parentwidth - 2*1px border */}
      .ui-panelgrid-nine td[colspan="3"] .ui-chkbox {width: 266px; /* = parentwidth */}
        .ui-panelgrid-nine td[colspan="3"] .ui-chkbox .ui-chkbox-label {width: 233px; /* = parentwidth - (checkbox: 18px width + 13px margin-right + 2px border) */}

  /* panelgrid 12 columns */
  .ui-panelgrid-twelve td {width: 51px;/* = (880px - (2*20px contentpadding) - ((12-1)*20px cellpadding)) / 12 */}
    .ui-panelgrid-twelve td .ui-inputfield {width: 33px;/* = parentwidth - 2*1px border - 2*8px padding */}
  .ui-panelgrid-twelve td .ui-selectonemenu-label {width: 33px !important;/* = parentwidth - 2*1px border - 2*8px padding */}
    .ui-panelgrid-twelve td .ui-selectonemenu {width: 49px;/* = parentwidth - 2*1px border */}
    .ui-panelgrid-twelve td .ui-chkbox {width: 51px; /* = parentwidth */} 
      .ui-panelgrid-twelve td .ui-chkbox .ui-chkbox-label {width: 182px; /* = parentwidth - (checkbox: 18px width + 13px margin-right + 2px border) */}

    .ui-panelgrid-twelve td[colspan="2"] { width: 122px;/* = ((880px - (2*20px contentpadding) - ((12-1)*20px cellpadding)) / 12 ) * 2 + 1*20px cellpadding*/}
      .ui-panelgrid-twelve td[colspan="2"] .ui-inputfield {width: 104px;/* = parentwidth - 2*1px border - 2*8px padding */}
    .ui-panelgrid-twelve td[colspan="2"] .ui-selectonemenu-label {width: 104px !important;/* = parentwidth - 2*1px border - 2*8px padding */}
      .ui-panelgrid-twelve td[colspan="2"] .ui-selectonemenu {width: 120px;/* = parentwidth - 2*1px border */}
      .ui-panelgrid-twelve td[colspan="2"] .ui-chkbox {width: 122px; /* = parentwidth */} 
        .ui-panelgrid-twelve td[colspan="2"] .ui-chkbox .ui-chkbox-label {width: 89px; /* = parentwidth - (checkbox: 18px width + 13px margin-right + 2px border) */}

    .ui-panelgrid-twelve td[colspan="4"] {width: 266px;/* = ((880px - (2*20px contentpadding) - ((12-1)*20px cellpadding)) / 12 ) * 4 + 2*20px cellpadding*/}
      .ui-panelgrid-twelve td[colspan="4"] .ui-inputfield {width: 248px !important;/* = parentwidth - 2*1px border - 2*8px padding */}
    .ui-panelgrid-twelve td[colspan="4"] .ui-selectonemenu-label {width: 248px;/* = parentwidth - 2*1px border - 2*8px padding */}
      .ui-panelgrid-twelve td[colspan="4"] .ui-selectonemenu {width: 240px;/* = parentwidth - 2*1px border */}
      .ui-panelgrid-twelve td[colspan="4"] .ui-chkbox {width: 266px; /* = parentwidth */}
        .ui-panelgrid-twelve td[colspan="4"] .ui-chkbox .ui-chkbox-label {width: 233px; /* = parentwidth - (checkbox: 18px width + 13px margin-right + 2px border) */}

          /* subform */
          .subform, .ui-datatable.subform { padding: 10px 10px; background: rgb(235,249,252); display: block; margin-bottom:10px;}
            .subform .subform, .ui-datatable.subform .subform { padding: 10px 10px 5px 10px; background: #fff; display: block; margin-bottom:0px;}

          /* panelgrid 5 columns */
          .subform.ui-panelgrid-five td { width: 144px;/* = (880px - (2*20px contentpadding) - (2*20px subformpadding) - ((5-1)*20px cellpadding)) / 5 */}
            .subform.ui-panelgrid-five td .ui-inputfield {width: 126px;/* = parentwidth - 2*1px border - 2*8px padding */}
      .subform.ui-panelgrid-five td .ui-selectonemenu-label {width: 126px !important;/* = parentwidth - 2*1px border - 2*8px padding */}
            .subform.ui-panelgrid-five td .ui-selectonemenu {width: 142px;/* = parentwidth - 2*1px border */}
            .subform.ui-panelgrid-five td .ui-chkbox {width: 144px; /* = parentwidth */} 
              .subform.ui-panelgrid-five td .ui-chkbox .ui-chkbox-label {width: 111px; /* = parentwidth - (checkbox: 18px width + 13px margin-right + 2px border) */}

.userdetails tr td, .pwdPanel.ui-panelgrid tr td {vertical-align:middle;}
	.userdetails tr td span, .userdetails tr td ul, .pwdPanel tr td span, .ui-widget-content .ui-picklist-list, #officelistform .ui-datatable .ui-widget-content, #userTableForm .ui-datatable .ui-widget-content  { font-family:'Open Sans'; font-size:0.9em; }


/* tripconfigpanelform */
#tripconfigpanelform {border:1px solid #d8d8d8;}

.tripconfigpanelactions,.tripitems, .tripitems li.ui-datalist-item { padding:0; }
.tripconfigpanelactions,#tripconfigpanelform .tripitems, #tripconfigpanelform .extrabutton, .tripitems li.ui-datalist-item {border-bottom:1px solid #d8d8d8;}


/*.tripitems {border-bottom-width:2px;}*/
	.tripconfigpanelactions {font-size:1em;}
/* Manyselectbox */
.ui-selectmanycheckbox {margin-bottom: 7px;}
  .ui-selectmanycheckbox label {width: 162px;}
  .ui-selectmanycheckbox tr td {padding: 1px;}

/*buttons */
.ui-state-default.btn,  .ui-inplace-save.ui-state-default, .ui-inplace-cancel.ui-state-default, .btn.export button {font-family:'Alegreya Sans', sans-serif;border: #00b7d3 1px solid; font-weight: bold; font-size:13pt; color: #00b7d3; background: #fff; margin:0;}
 .btn.export .ui-button-text {padding:10px 30px 10px 20px; }
 .btn.export .ui-icon {background-image:url(../resources/css/btn/images/ui-icons_00b7d3_256x240.png);}
.ui-state-disabled.btn:hover {color: #00b7d3; background: #fff; }
.ui-state-default.ui-state-focus.btn, .ui-state-default.ui-state-focus.ui-button-icon-only { box-shadow:none; border-color:#00b7d3;}
.ui-state-default.ui-state-active.btn,.ui-state-default.ui-state-active.ui-button-icon-only, .editmenu button.ui-state-active.ui-state-default {color:#fff;background-color:#186e92;}
  .ui-state-default.btn .ui-button-text {padding:10px 20px 10px; }
  .ui-state-default.btn.btn-smaller .ui-button-text {padding:5px 10px 5px 10px; font-size:1em; }
.btn:hover, .ui-inplace-save.ui-state-default:hover, .ui-inplace-cancel.ui-state-default:hover {background: #186e92;}

.btn.btn-primary, .ui-state-disabled.btn.btn-primary:hover, .ui-inplace-save.ui-state-default, .ui-inplace .ui-button-icon-only.ui-inplace-save.ui-state-default {color:#fff;border:none;background: rgb(125,134,15); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkODYwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2RmMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(125,134,15,1) 0%, rgba(215,223,35,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(125,134,15,1)), color-stop(100%,rgba(215,223,35,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(125,134,15,1) 0%,rgba(215,223,35,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(125,134,15,1) 0%,rgba(215,223,35,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(125,134,15,1) 0%,rgba(215,223,35,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(125,134,15,1) 0%,rgba(215,223,35,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d860f', endColorstr='#d7df23',GradientType=1 ); /* IE6-8 */
	
}
  .btn.btn-primary:hover, .ui-inplace-save.ui-state-default:hover, .ui-inplace .ui-button-icon-only.ui-inplace-save.ui-state-default:hover {background: rgb(125,134,15);}

/*.btn.btn-dark, .ui-state-disabled.btn.btn-dark:hover {background: #f5f5f5; border:0; border-bottom: 4px solid #999; border-color: #999; color: #444;}*/
  /*.btn.btn-dark:hover {background: #FFF; border-color: #d0d0d0;}
  fieldset .btn.btn-dark:hover {background: #e3e3e3; border-color: #d0d0d0;}*/

/*.btn.btn-dark.btn-primary, .ui-state-disabled.btn.btn-dark.btn-primary:hover {background: #444; border:0; border-bottom: 4px solid #999; color: #f5f5f5; border-color: #999}
  .btn.btn-dark.btn-primary:hover {background: #666; border-color: #c8c8c8;}*/

.btn.btn-icon-left:before { display: inline-block; padding-left: 20px; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
	.btn.btn-smaller.btn-icon-left:before {padding-left:10px;font-size:0.85em;}
	a.btn.btn-icon-left:before { padding-left: 0px; padding-right:10px;}
  .btn.btn-icon-left .ui-button-text {display: inline-block; padding-left:10px; }
.btn.btn-icon-right:after { display: inline-block; padding-right: 20px; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
  .btn.btn-icon-right .ui-button-text {display: inline-block; padding-right:10px; }
	  


.btn.btn-small, .ui-state-disabled.btn.btn-small {font-size: 0.8em;}
  .btn.btn-small .ui-button-text { padding: 7px 10px 3px 5px;}
  .btn.btn-small.btn-icon-left:before {padding-left: 10px;}

  /* Button icons */
  .btn-search:before {content: "\f002"; position: relative; top: -2px; }
  .btn-top-promos:before {content: "\f005"; position: relative; top: -2px; }
  .btn-validate:before {content: "\f00c"}
  .btn-to-trip-detail:before {content : "\f04b";}
  .btn-remove-trip:before, .btn-bin:before {content : "\f014"}
  .btn-save:before {content: "\f0c7"}
  .btn-site:before {content: "\f0c1"}
  .btn-detail:before {content: "\f129"}
  .btn-eye:before {content: "\f06e"}
  .btn-times:before {content: "\f00d"}
  .btn-info:before {content: "\f129"}
  .btn-edit:before {content: "\f040"}
  .btn-book:before {content: "\f02b"}
  .btn-file:before {content: "\f016"}
  .btn-pdf:before {content: "\f1c1"}
  .btn-add:before {content: "\f067"}
  .btn-print:before {content: "\f02f"}
  .btn-cancel:before {content: "\f112"}
  .btn-filter:before {content: "\f0b0"}
  .btn-previous:before {content: "\f060"; padding-left: 10px !important}
  .btn-next:after {content: "\f061"; padding-right: 10px!important;}
  
  aside .ui-widget.btn-to-trip-detail, aside .ui-widget.btn-remove-trip { width:138px; font-size: 0.85em;}
  	aside .ui-widget.btn-to-trip-detail .ui-button-text, aside .ui-widget.btn-remove-trip .ui-button-text { padding:5px 20px;}
  aside .ui-widget.btn-to-trip-detail {border-right:solid 1px #d8d8d8;}
    aside .ui-widget.btn-to-trip-detail .ui-button-text, aside .ui-widget.btn-remove-trip .ui-button-text {padding-right:10px;}
  aside .ui-widget.btn-icon-leftsteps.btn-to-trip-detail span.ui-button-text, aside .ui-widget.btn-icon-left.btn-remove-trip span.ui-button-text, aside .ui-widget.btn-icon-left.btn-save span.ui-button-text, aside .ui-widget.btn-icon-left.btn-book span.ui-button-text { padding-right: 5px}
  aside .ui-widget.btn-icon-left.btn-to-trip-detail:before, aside .ui-widget.btn-icon-left.btn-remove-trip:before, aside .ui-widget.btn-icon-left.btn-save:before, aside .ui-widget.btn-icon-left.btn-book:before { padding-left: 5px; }
  aside .ui-widget.btn-semi {width:110px; font-size: 0.9em; margin: 10px 20px 10px 18px!important;}
  aside .ui-widget.btn-semi.btn-save {margin-left:20px!important;margin-right: 0!important;}


/* Datatable */
.ui-datatable-tablewrapper {display: block;}
.ui-datatable {background:#fff; }

  .ui-datatable .ui-datatable-tablewrapper table,.ui-datatable .ui-datatable-tablewrapper table td {border:none;}

  .ui-datatable thead th.ui-state-default { text-align: left; vertical-align: top;background: #d8d8d8; font-weight: bold; border: none; }
    .ui-datatable thead th.ui-state-default.ui-state-hover {background: #d0d0d0;}
    .ui-datatable thead th.ui-state-default.ui-state-active { color:#444;}

  .ui-datatable tr, .ui-datatable tbody  {background: none;}

  .ui-datatable .ui-column-filter { margin: 0; border-color: #d8d8d8;}

  .ui-datatable .ui-sortable-column-icon { -moz-border-radius: 0; background: none; text-indent: 0; -webkit-border-radius: 0; border-radius: 0; position: relative; top: -1px;}
    .ui-datatable .ui-sortable-column-icon.ui-icon-carat-2-n-s:after {content: "\f0dc"; font-size: 1em; color: #b4b4b4; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px;}
    .ui-datatable .ui-sortable-column-icon.ui-icon-triangle-1-n:after {content: "\f0de"; font-size: 1em; color: #444; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px;}
    .ui-datatable .ui-sortable-column-icon.ui-icon-triangle-1-s:after {content: "\f0dd"; font-size: 1em; color: #444; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px;}

  .ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td { border:none; padding:5px;}
  	.ui-datatable tbody td { padding:5px 5px 5px 5px; }
  .ui-datatable tbody tr.ui-expanded-row-content td { padding:0px;}
  .ui-datatable tbody tr {border-bottom: 1px solid #f5f5f5;}

  .legend {margin-top:20px; background-color:#fff; border-bottom:4px solid #aaa; display: block; padding: 10px 20px;}
    .legend h2 {color: #AAA; font-weight: normal; font-size: 1em; display: inline-block;}
    .legend span{padding:5px 10px; display: inline-block; border: 1px solid #f5f5f5; margin-left: 20px;}
  
  .ui-datatable .inactive, .legend .inactive {background: #f5f5f5; color: #b4b4b4;}
  .ui-datatable .deleted, .legend .deleted {background: none #e7e6e6; border-color: #e7e6e6; color: #b4b4b4; font-style: italic;}
  .ui-datatable .highlight {background:none #f5f5f5;}

 .ui-datatable .ui-datatable-tablewrapper table td:last-child {white-space: nowrap}

  .ui-datatable .ui-button-icon-only.ui-state-default,.ui-button-icon-only.ui-state-default, .summary .paxroomlisting .ui-commandlink, a.legal-download-btn { border: #00b7d3 1px solid; color:#00b7d3; background: none #fff; width: auto; position:relative; margin: 0 0 0 0px; top: auto;}
    .ui-datatable .ui-button-icon-only.ui-state-default:first-child,.ui-button-icon-only.ui-state-default:first-child {margin-left: 0;}
    .ui-datatable .ui-button-icon-only.ui-state-default.ui-state-hover,.ui-button-icon-only.ui-state-default.ui-state-hover, .summary .paxroomlisting .ui-commandlink:hover, .legal-download-btn:hover {background: #186e92;}
    .ui-datatable .ui-button-icon-only .ui-button-text,.ui-button-icon-only .ui-button-text {padding: 0;line-height: 0;width: 0;}
    
    .ui-datatable .ui-button-icon-only .ui-icon,.ui-button-icon-only .ui-icon { left: auto; margin: 0; position: relative; display: block;}

    .ui-datatable .ui-button-icon-only .ui-icon-pencil, .ui-datagrid .ui-button-icon-only .ui-icon-pencil,.ui-button-icon-only .ui-icon-pencil,
    	.ui-datatable .ui-button-icon-only .ui-icon-trash, .ui-datagrid .ui-button-icon-only .ui-icon-trash, .ui-button-icon-only .ui-icon-trash,
        .ui-datatable .ui-button-icon-only .ui-icon-minus, .ui-datagrid .ui-button-icon-only .ui-icon-minus, .ui-button-icon-only .ui-icon-minus,
    	.ui-datatable .ui-button-icon-only .ui-icon-plus, .ui-datagrid .ui-button-icon-only .ui-icon-plus,.ui-button-icon-only .ui-icon-plus,
    	.ui-datatable .ui-button-icon-only .ui-icon-suitcase, .ui-datagrid .ui-button-icon-only .ui-icon-suitcase,.ui-button-icon-only .ui-icon-suitcase,
    	.ui-datatable .ui-button-icon-only .ui-icon-copy, .ui-datagrid .ui-button-icon-only .ui-icon-copy,.ui-button-icon-only .ui-icon-copy,
    .ui-button-icon-only .ui-icon-up,.ui-button-icon-only .ui-icon-down{ background: none; text-indent: 0; padding: 7px;}
    
      .ui-datatable .ui-button-icon-only .ui-icon-pencil:after,
      .ui-button-icon-only .ui-icon-pencil:after,
      .ui-datagrid .ui-button-icon-only .ui-icon-pencil:after {content: "\f040";  font-size: 1em; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
      .ui-datatable .ui-button-icon-only .ui-icon-trash:after,
      .ui-button-icon-only .ui-icon-trash:after,
      .ui-datagrid .ui-button-icon-only .ui-icon-trash:after {content: "\f014";  font-size: 1em; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
      .ui-datatable .ui-button-icon-only .ui-icon-suitcase:after,
      .ui-button-icon-only .ui-icon-suitcase:after,
      .ui-datagrid .ui-button-icon-only .ui-icon-suitcase:after {content: "\f0f2";  font-size: 1em; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
      .ui-datatable .ui-button-icon-only .ui-icon-plus:after,
      .ui-button-icon-only .ui-icon-plus:after,
      .ui-datagrid .ui-button-icon-only .ui-icon-plus:after {content: "\f067";  font-size: 1em; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
      .ui-datatable .ui-button-icon-only .ui-icon-minus:after,
      .ui-button-icon-only .ui-icon-minus:after,
      .ui-datagrid .ui-button-icon-only .ui-icon-minus:after {content: "\f068";  font-size: 1em; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
      .ui-datatable .ui-button-icon-only .ui-icon-copy:after,
      .ui-button-icon-only .ui-icon-copy:after,
      .ui-datagrid .ui-button-icon-only .ui-icon-copy:after {content: "\f0c5";  font-size: 1em; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
      .ui-button-icon-only .ui-icon-up:after {content: "\f062";  font-size: 1em; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
      .ui-button-icon-only .ui-icon-down:after {content: "\f063";  font-size: 1em; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}




      .ui-datatable .ui-paginator-next .ui-icon, .ui-datagrid .ui-paginator-next .ui-icon, .ui-datatable .ui-paginator-last .ui-icon, .ui-datagrid .ui-paginator-last .ui-icon, .ui-datatable .ui-paginator-prev .ui-icon, .ui-datagrid .ui-paginator-prev .ui-icon, .ui-datatable .ui-paginator-first .ui-icon, .ui-datagrid .ui-paginator-first .ui-icon { display: none;}
        .ui-datatable .ui-paginator-next:after,
        .ui-datagrid .ui-paginator-next:after {content: "\f105";  font-size: 1em; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block;}
        .ui-datatable .ui-paginator-last:after,
        .ui-datagrid .ui-paginator-last:after {content: "\f101";  font-size: 1em; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block;}
        .ui-datatable .ui-paginator-prev:after,
        .ui-datagrid .ui-paginator-prev:after {content: "\f104";  font-size: 1em; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block;}
        .ui-datatable .ui-paginator-first:after,
        .ui-datagrid .ui-paginator-first:after {content: "\f100";  font-size: 1em; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block;}

  
  .ui-datatable .ui-paginator,
  .ui-datagrid .ui-paginator { background: none #d8d8d8; padding: 7px; border-bottom: 1px solid #e5e5e5; }
  .ui-datatable .ui-paginator .ui-paginator-page.ui-state-default, .ui-datatable .ui-paginator-next.ui-state-default, .ui-datatable .ui-paginator-last.ui-state-default, .ui-datatable .ui-paginator-prev.ui-state-default, .ui-datatable .ui-paginator-first.ui-state-default,
  .ui-datagrid .ui-paginator .ui-paginator-page.ui-state-default, .ui-datagrid .ui-paginator-next.ui-state-default, .ui-datagrid .ui-paginator-last.ui-state-default, .ui-datagrid .ui-paginator-prev.ui-state-default, .ui-datagrid .ui-paginator-first.ui-state-default { font-weight: bold; border: none; color: #999; background:#f5f5f5; padding: 9px 10px 8px; min-width: 16px; display: inline-block; margin-right: 0;}
    .ui-datatable .ui-paginator .ui-paginator-page.ui-state-default:hover, .ui-datatable .ui-paginator-next.ui-state-default:hover, .ui-datatable .ui-paginator-last.ui-state-default:hover, .ui-datatable .ui-paginator-prev.ui-state-default:hover, .ui-datatable .ui-paginator-first.ui-state-default:hover,
    .ui-datagrid .ui-paginator .ui-paginator-page.ui-state-default:hover, .ui-datagrid .ui-paginator-next.ui-state-default:hover, .ui-datagrid .ui-paginator-last.ui-state-default:hover, .ui-datagrid .ui-paginator-prev.ui-state-default:hover, .ui-datagrid .ui-paginator-first.ui-state-default:hover { color: #333; background:#e3e3e3;}
    .ui-datatable .ui-paginator-next.ui-state-default.ui-state-disabled, .ui-datatable .ui-paginator-last.ui-state-default.ui-state-disabled, .ui-datatable .ui-paginator-prev.ui-state-default.ui-state-disabled, .ui-datatable .ui-paginator-first.ui-state-default.ui-state-disabled, .ui-datatable .ui-paginator-next.ui-state-default.ui-state-disabled:hover, .ui-datatable .ui-paginator-last.ui-state-default.ui-state-disabled:hover, .ui-datatable .ui-paginator-prev.ui-state-default.ui-state-disabled:hover, .ui-datatable .ui-paginator-first.ui-state-default.ui-state-disabled:hover,
    .ui-datagrid .ui-paginator-next.ui-state-default.ui-state-disabled, .ui-datagrid .ui-paginator-last.ui-state-default.ui-state-disabled, .ui-datagrid .ui-paginator-prev.ui-state-default.ui-state-disabled, .ui-datagrid .ui-paginator-first.ui-state-default.ui-state-disabled, .ui-datagrid .ui-paginator-next.ui-state-default.ui-state-disabled:hover, .ui-datagrid .ui-paginator-last.ui-state-default.ui-state-disabled:hover, .ui-datagrid .ui-paginator-prev.ui-state-default.ui-state-disabled:hover, .ui-datagrid .ui-paginator-first.ui-state-default.ui-state-disabled:hover {color: #999; background:#f5f5f5;}
    .ui-datatable .ui-paginator .ui-paginator-page.ui-state-default.ui-state-active,
    .ui-datagrid .ui-paginator .ui-paginator-page.ui-state-default.ui-state-active { background: #FFF; color:#333; cursor: default;}

    .ui-paginator-rpp-options.ui-state-default {background: none #FFF; border: 0 none; padding: 5px 5px 4px;}


/* Datalist */
.ui-datalist-data {margin: 0; padding-bottom: 20px;}
  .ui-datalist-data li:first-child .ui-chkbox {margin-top: 0;}

 /* DISABLED */
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2;}

#officemanagementform .ui-state-disabled, #officemanagementform .ui-widget-content .ui-state-disabled, #officemanagementform .ui-widget-header .ui-state-disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}

  /* Erromessages */
  .bottom { position:fixed; bottom:0; z-index:10000;}
    .bottom.centerpanel { margin:0; width:100%; }
    .bottom.centerpanel .ui-messages {width: 1180px; margin:auto;}

	.ui-tooltip, .ui-tooltip.ui-tooltip-right, .ui-tooltip.ui-tooltip-left {padding:0px;}
	.ui-message-error {color: #ff5454;background-color: #ffcbcb;padding:5px; font-weight:bold;}
	.ui-messages-error { border: 0; margin: 0 auto; padding: 20px; color: #ff5454; background-color: #ffcbcb; position: relative;}
      .ui-messages-error-icon, .ui-message-error-icon { background: none; font-size: 1em; height: auto; width: auto; margin: auto;}
        .ui-messages-error-icon:after, .ui-message-error-icon:after { content: "\f057 "; font-size: 1em; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
	.ui-messages-close { font-size: 0.8em;}
    .ui-messages-info { border: 0; margin: 0 auto; padding: 20px; position: relative;}
      .ui-messages-info-icon { background: none; font-size: 1em; height: auto; width: auto; margin: auto;}
        .ui-messages-info-icon:after { content: "\f05a "; font-size: 1em; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

    .ui-messages-warn {border: 0; margin: 0 auto; padding: 20px; position: relative;}
      .ui-messages-warn-icon { background: none; font-size: 1em; height: auto; width: auto; margin: auto;}
        .ui-messages-warn-icon:after { content: "\f071 "; font-size: 1em; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

    .ui-messages ul {margin: 0 0 0 25px;}
      .ui-messages li {list-style-position:outside;}
    .custommessages .ui-messages-error, .custommessages .ui-messages-info, .custommessages .ui-messages-warn { padding: 10px 20px; }
    	.custommessages .ui-messages { font-size:0.89em;}
    		.custommessages .ui-messages :first-letter { text-transform: capitalize; }

    .ui-icon-close, .ui-icon-close.ui-state-default .ui-icon {background: none!important; font-size: 1em; text-indent: 0; width: auto; height: auto;}
      .ui-icon-close:after {content: "\f00d"; font-size: 1em; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
    .ui-icon-check {background: none!important; font-size: 1em; text-indent: 0; width: auto; height: auto;}
      .ui-icon-check:after{content: "\f00c"; font-size: 1em; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

	

    .ui-messages-error .ui-icon-close, .ui-messages-info .ui-icon-close, .ui-messages-warn .ui-icon-close {font-size: 2em; position: absolute; right: 15px; color: #444; top: 5px;}     

	.ui-confirm-dialog-message { white-space: pre;}
		.ui-confirm-dialog.ui-dialog .ui-dialog-buttonpane { text-align:center; padding:10px 20px;}
		.ui-confirm-dialog.ui-dialog .ui-dialog-buttonpane button:last-child { margin-right:0px;}
  /* Datepicker */

  .ui-datepicker { background: none #fafafa;}
    .ui-datepicker .ui-datepicker-header {background: none;}
    .ui-datepicker .ui-datepicker-calendar .ui-state-default { color: #444!important;}
      .ui-datepicker .ui-datepicker-calendar .calendar-holidays .ui-state-default { display: block; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQANnzpz5z4gsBhIwMTFhhAvCBECKwILIAmBBdAGQIADcqBNp/ahu1gAAAABJRU5ErkJggg==) repeat!important;}
      .ui-datepicker .ui-datepicker-calendar .calendar-holiday .ui-state-default { display: block; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJElEQVQIW2M8c+bMfxMTE0YGJADmoEvAVSBLoGiDSaAIwowCABA7E2nxzXsaAAAAAElFTkSuQmCC) repeat!important;}
    
      .ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-hover, .ui-datepicker .ui-datepicker-calendar .calendar-holiday .ui-state-default.ui-state-hover, .ui-datepicker .ui-datepicker-calendar .calendar-holiday .ui-state-default.ui-state-hover { color: #333; background: none #E3E3E3!important;}
    .ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight {}
    .ui-datepicker .ui-datepicker-current-day .ui-state-default.ui-state-active, .ui-datepicker .ui-datepicker-current-day .ui-state-default.ui-state-active:hover, .ui-datepicker .ui-datepicker-current-day.calendar-holiday .ui-state-default, .ui-datepicker .ui-datepicker-current-day.calendar-holiday .ui-state-default.ui-state-hover { color: #fff!important; cursor: default; background: none #00b7d3!important; display: block; font-weight: normal; text-shadow: none;}
    .ui-datepicker .ui-datepicker-prev {border: none; left: 2px; top: 2px;}
    .ui-datepicker .ui-datepicker-next {border: none; right: 2px; top: 2px;}
      .ui-datepicker .ui-datepicker-next.ui-state-hover, .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-prev-hover { background: none #fafafa!important; border: none;}

    .ui-datepicker-calendar tbody tr td a, .ui-datepicker-calendar tbody tr td span { border: 0px !important; background: inherit !important;}


  /* Picklist */

  .ui-picklist { width: 100%;}
    .ui-picklist .ui-picklist-caption { background: #E3E3E3; color: #999; font-weight: normal; text-align: left; text-shadow: none; text-transform: uppercase; padding: 7px 10px; width: 191px;}
    .ui-picklist .ui-button.ui-button-icon-only {  width: auto; margin-right: 0!important; margin-bottom:5px;}

      .ui-picklist .ui-button-icon-only .ui-icon { background: none; text-indent: 0; padding: 7px; left: auto; margin: 0; position: relative; display: block;}
      .ui-picklist .ui-button-icon-only .ui-button-text {padding: 0; line-height: 0; width: 0;}
      
      .ui-picklist .ui-button-icon-only .ui-icon-arrow-1-e:after {content: "\f061"; font-size: 1em; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
      .ui-picklist .ui-button-icon-only .ui-icon-arrowstop-1-e:after {content: "\f101"; font-size: 1em; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
      .ui-picklist .ui-button-icon-only .ui-icon-arrow-1-w:after {content: "\f060"; font-size: 1em; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
      .ui-picklist .ui-button-icon-only .ui-icon-arrowstop-1-w:after {content: "\f100"; font-size: 1em; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

    .ui-picklist .ui-picklist-list {background: #F5F5F5; width: 211px; }
      .ui-picklist .ui-picklist-list li {margin: 1px 0 0; padding: 7px 10px; border: none!important;}
      .ui-picklist .ui-picklist-list .ui-state-highlight {background: #D7DF23; text-shadow: none;}


 /* Fancybox */
 .fancybox-overlay {z-index: 9997; background-image:none; background-color:rgba(0,0,0,0.5);}
 .fancybox-opened { z-index: 9998;}
 .fancybox-close {z-index: 9999;}

 /* smaller font for placeholder datepicker */
 .ui-state-default.smallerfont::-webkit-input-placeholder, .ui-state-default.smallerfont:-moz-placeholder, .ui-state-default.smallerfont::-moz-placeholder, .ui-state-default.smallerfont:-ms-input-placeholder,
.smallerfont .ui-state-default::-webkit-input-placeholder, .smallerfont .ui-state-default:-moz-placeholder, .smallerfont .ui-state-default::-moz-placeholder, .smallerfont .ui-state-default:-ms-input-placeholder {font-size: 0.75em;padding-top: 8px;}


/* HEADER ------------------------------------------------------------------- */

header { position: fixed; background-color:#f9f9f9; width: 100%;  z-index: 9995; top:0;}
    header ul {margin: 0; padding:0;}
    #primarynav {width: 100%; height:26px;overflow:hidden;}
    #secondarynav {
    	width:100%;
    	/*background: rgb(0,62,95); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwM2U1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iIzAwYjZkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Y2Q5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAzZTVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		/*background: -moz-linear-gradient(left,  rgba(0,62,95,1) 0%, rgba(0,182,209,1) 14%, rgba(140,217,233,1) 100%, rgba(0,62,95,1) 100%); /* FF3.6+ */
		/*background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,62,95,1)), color-stop(14%,rgba(0,182,209,1)), color-stop(100%,rgba(140,217,233,1)), color-stop(100%,rgba(0,62,95,1))); /* Chrome,Safari4+ */
		/*background: -webkit-linear-gradient(left,  rgba(0,62,95,1) 0%,rgba(0,182,209,1) 14%,rgba(140,217,233,1) 100%,rgba(0,62,95,1) 100%); /* Chrome10+,Safari5.1+ */
		/*background: -o-linear-gradient(left,  rgba(0,62,95,1) 0%,rgba(0,182,209,1) 14%,rgba(140,217,233,1) 100%,rgba(0,62,95,1) 100%); /* Opera 11.10+ */
		/*background: -ms-linear-gradient(left,  rgba(0,62,95,1) 0%,rgba(0,182,209,1) 14%,rgba(140,217,233,1) 100%,rgba(0,62,95,1) 100%); /* IE10+ */
		/*background: linear-gradient(to right,  rgba(0,62,95,1) 0%,rgba(0,182,209,1) 14%,rgba(140,217,233,1) 100%,rgba(0,62,95,1) 100%); /* W3C */
		/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e5f', endColorstr='#003e5f',GradientType=1 ); /* IE6-8 */
		background:url('../resources/images/backgrounds/tabmenu.jpg') no-repeat top center;
    	padding-top: 3px;
    	border-bottom: 3px solid #003E5F;
    }
   
    #primarynav.big {height: 100px;}
    #primarynav #agentsites.big, #primarynav #externalcompanies.big, #headererror.big { margin-top:40px;height:auto;}
    #primarynav #rightmenu.big {margin-top:40px;height:auto;}
    #primarynav #logo.big { height: 80px;margin:10px 0px;}
    #primarynav #messages span i.big, #primarynav #headeropportunities span i.big, #primarynav #headeropenmessengerpos span i.big {opacity:1;}
    #messages.highlight.big, #messages.highlight.alert.big, #headeropportunities.highlight.big {color:#666;}
    #displaydate.big {opacity:1;}
    
    #top.big {height:147px;}
        
    #primarynav > div, #secondarynav > div {width: 1180px; margin:auto;}
	
	#headererror.big { opacity:0 }
    #headererror { opacity:1; color: red; padding-top:0.2em; padding-left:10px; }
	#applet-inactive-warning,#xbrowser-export-required, #chrome-extension-required, #chrome-native-app-required, #chrome-native-app-update { opacity:0; padding: 0px 0px 0px 30px; color: red; font-weight: bold; position:absolute; width:480px; margin-left:100px }
	#applet-inactive-warning.big,#xbrowser-export-required.big, #chrome-extension-required.big, #chrome-native-app-required.big, #chrome-native-app-update.big { opacity:1; }
	#chrome-extension-required a,#xbrowser-export-required a, #chrome-native-app-required a, #chrome-native-app-update a, #chrome-native-app-update-msg { color: red !important; }
	#xbrowser-export-required a { text-decoration:underline !important }
	
	#chrome-native-app-update { background-color: #f9f9f9 } /* fix to hide eventual errors shown by the app */
	
	#appletwrapper {position:absolute; background-color:#f00; height:0px;width:0px; margin-left:670px; opacity:0}
	.big #appletwrapper { opacity:1 }
	#primarynav #appletwrapper a { color:#f00;  cursor:pointer; }
	#appletcontainer { position:fixed; width:0px;height:0px; left: -200px; top: -500px;  border:solid #D4D4D4 1px; overflow:hidden;}
		#appletcontainer.open { position:absolute; right:-10px; top:28px; width:250px; height:30px; }
	#export-failed { padding: 10px; color: red; font-weight: bold; }

/* primary navigation */

    #primarynav a {color: #666; text-decoration: none;}
        #primarynav a:hover, #primarynav .ui-menubutton button:hover {color: #333;}

    #primarynav #logo, #primarynav #einvoice, #primarynav #user, #primarynav #agentsites, #primarynav #externalcompanies, #primarynav #languageselection, #primarynav #messages, #primarynav #headeropportunities, #primarynav #headeropenmessengerpos, #primarynav #logout {float: left;}
    #primarynav #user, #primarynav #einvoice, #primarynav #languageselection, #primarynav #messages, #primarynav #headeropportunities, #primarynav #headeropenmessengerpos , #primarynav #logout { border-right: 1px solid #d4d4d4;}
    
    #primarynav #logo { background-image: url("../resources/images/logo_110.png");background-size:contain;background-repeat:no-repeat; width: 120px;}
    #primarynav #logo {height:40px;margin-top:2px;}
    #primarynav #agentsites, #primarynav #externalcompanies {height: 26px;}
    #agentsites_button .ui-icon, #externalcompanies_button .ui-icon {background-image:url("../resources/css/btn/images/ui-icons_00b7d3_256x240.png");}
    
 	#displaydate {opacity:0;color:rgb(0,62,95);font-weight:bold;position:absolute;right:0px;}
 		#displaydate span {padding:0px 10px;}
 		#displaydate span {border-right:2px solid rgb(215,223,35);}
 			#displaydate span:last-child { border:none;}
	#primarynav #rightmenu { border:solid 1px #d4d4d4; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
		

    #primarynav .ui-menubutton { display: block; }
    #primarynav .ui-menubutton button, #primarynav #externalcompanies { text-transform: capitalize; border:none; font-weight: bold;}
    #primarynav #externalcompanies {padding: 0.3em 2.1em 0.3em 1em;}
    #primarynav .ui-menubutton button.ui-state-active .ui-icon {background-image: url("../resources/css/btn/images/ui-icons_333_256x240.png");}

	#primarynav #agentsites,#primarynav #externalcompanies, #headererror { border-left: 1px solid #d4d4d4;}
	#primarynav #agentsites .ui-state-default, #primarynav #externalcompanies {color:rgb(0,182,209);}
	
    #messages, #logout, #headeropportunities, #headeropenmessengerpos, #einvoice, #faqmenu {line-height:1.4;position: relative; font-size: 0.85714285714286em; padding: 4px 19px 4px 13px;}
    #einvoice, #faqmenu, #logout {padding-right: 13px;}
    	#headeropportunities, #headeropenmessengerpos {padding-right:2px;}
    #messages span, #logout span, #headeropportunities span, #headeropenmessengerpos span { padding-left:17px;}
    #messages.highlight, #headeropportunities.highlight {color:rgb(125, 134, 15);}
    	#messages.highlight.alert {color:rgb(255,84,84);}             
    #messages span:before, #logout span:before, #headeropportunities span:before, #headeropenmessengerpos span:before {position:absolute;font-family:'FontAwesome'; font-size:1em;font-weight:normal;left:13px; }
      
    #primarynav #messages span i, #primarynav #headeropportunities span i, #primarynav #headeropenmessengerpos span i {
    	opacity:0;
    	border:1px solid #d4d4d4; 
    	position: absolute;
    	font-style:"normal"; 
    	top: -12px; 
    	right: 1px; 
    	padding: 1px 4px;
    	background: rgb(125,134,15); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZGYyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDdkZjIzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkODYwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    	background: -moz-linear-gradient(top,  rgba(215,223,35,1) 0%, rgba(215,223,35,1) 0%, rgba(125,134,15,1) 100%); /* FF3.6+ */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,223,35,1)), color-stop(0%,rgba(215,223,35,1)), color-stop(100%,rgba(125,134,15,1))); /* Chrome,Safari4+ */
    	background: -webkit-linear-gradient(top,  rgba(215,223,35,1) 0%,rgba(215,223,35,1) 0%,rgba(125,134,15,1) 100%); /* Chrome10+,Safari5.1+ */
    	background: -o-linear-gradient(top,  rgba(215,223,35,1) 0%,rgba(215,223,35,1) 0%,rgba(125,134,15,1) 100%); /* Opera 11.10+ */
    	background: -ms-linear-gradient(top,  rgba(215,223,35,1) 0%,rgba(215,223,35,1) 0%,rgba(125,134,15,1) 100%); /* IE10+ */
    	background: linear-gradient(to bottom,  rgba(215,223,35,1) 0%,rgba(215,223,35,1) 0%,rgba(125,134,15,1) 100%); /* W3C */
     	color: #FFF;
		font-size: 0.9em; 
		-webkit-border-radius: 8px; 
		-moz-border-radius: 8px; 
		border-radius: 8px;
	}
	#primarynav #messages.alert span i {
		background: rgb(255,40,40); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjI4MjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(255,204,204,1) 0%, rgba(255,40,40,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,204,204,1)), color-stop(100%,rgba(255,40,40,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,204,204,1) 0%,rgba(255,40,40,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,204,204,1) 0%,rgba(255,40,40,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,204,204,1) 0%,rgba(255,40,40,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,204,204,1) 0%,rgba(255,40,40,1) 100%); /* W3C */
	}
    
    /*#primarynav  {position: relative; padding: 13px 19px 8px 0px;}*/
      
    #primarynav #logout span:before {content:"\f011";}
    #primarynav #messages span:before { content:"\f0e0";}
    #primarynav #headeropportunities span:before { content:"\f0ed"; }
    #primarynav #headeropenmessengerpos span:before { content:"\f0e0"; }
    
    #user_menu .ui-menuitem .ui-state-disabled {padding:0.5em 1em; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5; border-bottom:solid 1px #8CD9E9;}

    #user_button .ui-button-text  {position: relative; padding-left: 30px;padding-top:3px; padding-bottom:3px;}
        #user_button .ui-button-text:before {content: "\f007 "; position: absolute; top : 5px; left: 13px; font-size: 1em; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
   	#languageselection .ui-button-text {padding-top:3px; padding-bottom:3px;}
/* secondary navigation */
  
 #secondarynav .rightnav {width: 280px; text-align: right; float: left; right: 0; margin-left: 20px;}    
    #secondarynav .rightnav a { background: transparant; border:1px solid #fff; font-weight:bold; border-bottom:none; color: #fff;text-decoration: none; padding: 8px 15px 6px; display: inline-block; height: 19px;line-height:1.6;}
        #secondarynav .rightnav a:hover {background: #186e92; color: #00b7d3;}
    #secondarynav .rightnav a.ui-state-active {position:relative;border-bottom:solid #fff 3px; margin-bottom:-3px;}
    	#secondarynav .rightnav a.ui-state-active:hover {background: #fff; color: #444;}

/* headings */

h1 {font-size: 1.57142857142857em; color: #aaa; margin: 0 0 5px; font-weight:normal; text-transform: capitalize;}
h2 { font-size: 1.57142857142857em; color: #ccc; font-weight: bold; margin: 0 0 1px; text-transform: capitalize;}

h1 .pull-right {position:relative;} 
 /* h1 .ui-state-default.btn .ui-button-text,*/ h1 .ui-state-default.btn:before {font-size: 0.7em;}
  h1 .ui-state-default.btn {top:0px;} 
  h1 span.button {margin-top:-20px;}
  

/* FOOTER ------------------------------------------------------------------- */

footer {height: 124px;}

/* LOGIN */

#login-wrapper {width:100%;min-height:100%;}
#login {padding: 20px;}
.logincenter {width: 476px;text-align: center; top:0; bottom: 0; left: 0; right: 0; margin: auto; overflow: visible; }
  #login-image { height: 301px; text-align: center;}
  #login-image  img { }
  #login #login-intro {margin: 0 0 20px;text-align: center; text-transform: uppercase; color: #AAA; font-weight: normal;}/* Wanneer dit gebruikt wordt: #login height: 281px -> 323px */
  #login .login-form { background: none; width:320px;text-align:left;margin-left:78px;}
  #login .action { text-align: center;}
  
 .login-message { text-align: left; margin-bottom: 20px; overflow: auto }

/*.ui-state-default  {box-shadow:none; }*/
	/*.ui-state-default.btn { border-color:rgb(0, 183, 211);}*/
.ui-state-default.ui-state-focus {border-color:#e5e5e5;-webkit-box-shadow:0px 0px 5px #00b7d3; -moz-box-shadow: 0px 0px 5px #00b7d3; box-shadow: 0px 0px 5px #00b7d3;}
	button.ui-state-default.ui-state-focus  {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.ui-state-default.ui-state-error {box-shadow:0px 0px 5px #CD0A0A;border-color:#e5e5e5;}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {background:none;border:none;}
label.ui-state-error {box-shadow:none; color:#CD0A0A;border:none;background:transparent;}

/*#login-wrapper label {color:#00b7d3;font-weight:bold;}*/
	#login-wrapper label.ui-selectonemenu-label,#login-wrapper input {color:inherit;font-weight:normal; font-family:'Open Sans' ,sans-serif;}
	
.logincenter.footer { color:#186e92;font-size:0.85em;text-align:left;}

#login button.ui-button.btn.office {
	display: block;
	width: 100%;
	margin-top: 20px;
}

#login button.ui-button.btn.logout {
	background-color: #00b7d3;
	color: white;
	width: 150px;
	display:inline;
	margin-bottom: 30px;
	margin-top: 30px;
}

#login a.office:first-of-type {
	margin-top: 50px;
}

#login a.office:last-of-type {
	margin-bottom: 30px;
}

/* MAIN --------------------------------------------------------------------- */
#top { height: 74px;/* = height #primarynav + height .tabwrapper + 33px */}
#main {width: 100%; position: relative;}
    #main .tabnav .ui-tabs-nav {width: 880px; margin: auto; padding-right:300px;}
    #main .tabnav .ui-tabs-panels, .centerpanel {width: 1180px; margin: auto;}
    .centerpanel {margin-top:5px;}
    #main section {width: 100%;}
      #main section.withaside { width: 880px; margin-right: 20px; float:left;}

.hometabnav {width:880px; float:left;margin-bottom:-15px;}
.tabnav {max-width: 836px;  float: left;}
  .tabnav .ui-tabs {margin-right:12px;} 
   .tabnav .ui-tabs .ui-tabs-nav  {padding:0;}
    .tabnav .ui-tabs .ui-tabs-nav li, .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {margin: 0 4px 0 0;border:none; background: transparent; text-transform: capitalize;}
    	 .tabnav .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem , .tabnav .ui-tabs .ui-tabs-nav li  {border: 1px solid #fff; border-bottom:none; }
        .tabnav .ui-tabs .ui-tabs-nav .ui-state-default a {color: #fff;}
          .tabnav .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-hover a, .tabnav .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { background: #186e92;color:#00b7d3;}
          .tabnav .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-hover.ui-tabs-selected a, .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover.ui-state-active a { background: none;color:#000;}
          .tabnav .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-hover .tabcontent {color: #333;}
      .tabnav .ui-tabs .ui-tabs-nav li .tabcontent { padding: 0; position: relative;}
  .tabnav .ui-tabs .ui-tabs-nav li.ui-state-active, .tabnav .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-active .tabcontent, .tabnav .ui-tabs .ui-tabs-nav li.ui-state-active.ui-state-hover, .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active, .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active.ui-state-hover { color: #333; background: #FFF;  cursor: default; }
     .tabnav .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-active .tabcontent, .tabnav .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { border-bottom: white 6px solid; margin-bottom: -6px; height: 30px;}
     .tabnav .ui-tabs .ui-tabs-nav li.ui-state-active .tabcontent:after, .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active:after, #secondarynav .rightnav a.ui-state-active:after {position: absolute; bottom: -12px; left: 50%; margin-left: -8px; content: " "; width: 0px;height: 0px; border-style: solid; border-width: 8px 7px 0 7px; border-color: #ffffff transparent transparent }
     	#secondarynav .rightnav a.ui-state-active:after {bottom: -11px;}
     .tabnav .ui-tabs > .ui-tabs-nav li {border: 0 none; top:0}  
  .tabnav .ui-tabs .ui-tabs-nav li {width:auto;}
  .tabnav .ui-tabs .ui-tabs-nav li.ui-state-active {width:auto;}
    .tabnav .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-tabs-active  a { height: 19px; padding: 8px 35px 7px 19px; margin: 0px;}
    .tabnav .ui-tabs .ui-tabs-nav li a, .tabnav .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { height: 19px;  margin: 0px;}
    	.tabnav .ui-tabs .ui-tabs-nav li a {padding: 8px 35px 6px 19px;}
    	.tabnav .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {padding: 8px 19px 6px 19px;}
    .tabnav .ui-tabs .ui-tabs-nav li a:first-child {max-width: 120px; overflow:hidden; line-height:1.6;}
    	.tabnav .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {line-height:1.6;}
      .tabnav .ui-tabs .ui-tabs-nav li a:first-child:after { content:""; position: absolute; display: block; width: 13px; height: 33px; top:0px;right: 0; border-right: 26px solid rgb(63,191,216); 
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmYmZkOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZmJmZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(63,191,216,0) 0%, rgba(63,191,216,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(63,191,216,0)), color-stop(100%,rgba(63,191,216,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(63,191,216,0) 0%,rgba(63,191,216,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(63,191,216,0) 0%,rgba(63,191,216,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(63,191,216,0) 0%,rgba(63,191,216,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(63,191,216,0) 0%,rgba(63,191,216,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003fbfd8', endColorstr='rgb(140,217,233)',GradientType=1 ); /* IE6-8 */
}
        .tabnav .ui-tabs .ui-tabs-nav li.ui-state-hover a:first-child:after { border-color: #186e92;
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmYmZkOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODZlOTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(63,191,216,0) 0%, rgba(24,110,146,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(63,191,216,0)), color-stop(100%,rgba(24,110,146,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(63,191,216,0) 0%,rgba(24,110,146,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(63,191,216,0) 0%,rgba(24,110,146,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(63,191,216,0) 0%,rgba(24,110,146,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(63,191,216,0) 0%,rgba(24,110,146,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003fbfd8', endColorstr='#186e92',GradientType=1 ); /* IE6-8 */
         
        }
        .tabnav .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:first-child:after { border-color: #FFF; height: 36px; /* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */}
    .tabnav .ui-tabs .ui-tabs-nav li.ui-state-active a, .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { color:#000; }
    .tabnav .ui-tabs .ui-tabs-nav li a.ui-icon-close {margin: 4px 4px 0; color:#fff; position: absolute; right: 0; top:0; padding: 5px 8px; border:none;}
    .tabnav .ui-tabs .ui-tabs-nav li.ui-tabs-selected a.ui-icon-close { color:#000;}
    .tabnav .ui-tabs .ui-tabs-nav li a.ui-icon-close:hover {margin: 6px 2px 0;}
    .tabnav .ui-tabs .ui-tabs-nav li.ui-tabs-selected a.ui-icon-close:hover { color: #ff5454;}
  
  .tabnav .ui-tabs .ui-tabs-navscroller {height:43px; position: relative;}
    .tabnav .ui-tabs-navscroller .ui-tabs-navscroller-btn {background: none rgb(140,217,233); height:34px; border: none; border-bottom:3px solid #003E5F; width:40px; }
      .tabnav .ui-tabs-navscroller .ui-tabs-navscroller-btn .ui-icon {display: none;}
      .tabnav .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover {background: #186e92;}
    .tabnav .ui-tabs-navscroller .ui-tabs-navscroller-btn-left:after {content: "\f104";  font-size: 1.8em; margin-top: 4px; margin-left: 14px; color: #f5f5f5; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block;}
    .tabnav .ui-tabs-navscroller .ui-tabs-navscroller-btn-right:after {content: "\f105";  font-size: 1.8em; margin-top: 4px; margin-left: 16px; color: #f5f5f5; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block;}

 .tabnav .tabcontent input { padding:0px;border:0px #fff none;margin:0px;box-shadow:none;}
  .hometabnav  a.addTab {font-size:20px;font-family: 'FontAwesome';padding:4px 7px 2px 7px;line-height:1.2;font-weight:normal;}
    .tabnav a.removeTab {background-color:#fff;color:#ff5454;}
  .tabnav .ui-tabs .ui-tabs-nav .ui-state-default:hover a.removeTab {background-color:#e3e3e3;color:#ff5454;}
  
  .addTab:before { content:"\f067"; padding: 0; }
  	.addTab.ui-state-disabled:before { content:""; }
  .removeTab:before {content:"\f057";padding: 0;} 
  
  .tabadd {width:38px;padding:0;margin:0;float:left;}


/*#main .tabnav .ui-tabs-nav*/
.ui-tabmenu.settings {width: 1180px; margin: auto; }
.ui-tabmenu .ui-tabmenu-nav {padding:0;}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {top:0;}
  .tabnav .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {padding: 8px 19px 6px;color:#fff;font-weight:bold;}
  	.tabnav .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a {color:#000;}
  .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a {cursor: text; }
    /*.ui-tabmenu.settings .ui-tabmenuitem-hasicon a {padding-left:0.2em;}*/
#tabmenu a.editable:hover { text-shadow: 1px 1px 1px #999; font-weght:bold;}
  


  /* STEPS */

.steps {width: 880px; float: left;}

.step {height:19px;  background-color: #fff; text-align: center; color: #444; display: block; float: left; padding: 8px 19px 7px 32px; position: relative; vertical-align: top; text-decoration: none;}
  .step:after { background-color: #fff; border: medium none; box-shadow: inset -2px -2px 0 0 #D7DF23; content: ""; height: 25px; position: absolute; right: -12px; top: 4px; transform: rotate(-45deg);-ms-transform:rotate(-45deg); /* IE 9 */-webkit-transform:rotate(-45deg); width: 25px; z-index: 2;}
.step b {font-weight: normal;}
  .step b:after {content: ". ";}

a.step:hover, a.step:hover:after {background-color: #f5f5f5;}

span.step, span.step:after{color: #aaa; background-color: #f5f5f5;}


.step.active, .step.active:after {background-color: #186e92; color: #fff;}

.step.last:after { display: none;}

.foursteps .step {width: 169px;}
.threesteps .step {width: 240px;}

  /* searchmenu */

    .ui-tabs.searchmenu ul.ui-tabs-nav, .availabilitiesmenu ul.ui-tabmenu-nav {margin: 0; padding: 0;  border-bottom: 4px solid #003E5F; margin-bottom:14px;}
      .ui-tabs.searchmenu ul.ui-tabs-nav li, .availabilitiesmenu ul.ui-tabmenu-nav li {list-style: none; display: inline-block;}
        .ui-tabs.searchmenu ul.ui-tabs-nav li, .availabilitiesmenu ul.ui-tabmenu-nav li.ui-tabmenuitem.ui-state-active:after {border: none;}
      .ui-tabs.searchmenu ul.ui-tabs-nav a, .availabilitiesmenu ul.ui-tabmenu-nav a {text-decoration: none; text-transform:capitalize; background: #f5f5f5; color:#999; padding: 8px 15px 3px; display: block;}
       .ui-tabs.searchmenu ul.ui-tabs-nav a:hover, .availabilitiesmenu ul.ui-tabmenu-nav a:hover {background: #e3e3e3; color: #333;}
        .ui-tabs.searchmenu ul.ui-tabs-nav li.ui-state-default.ui-state-active.ui-tabs-selected a { background: #fff; color:#333; border-bottom-width: 4px;border-bottom-style:solid;border-bottom-color:#FFF; margin-bottom: -4px; position: relative; cursor: default;}
          .ui-tabs.searchmenu ul.ui-tabs-nav li.ui-tabs-selected.ui-state-active a:after {position: absolute; bottom: -11px; left: 50%; margin-left: -8px; content: " "; width: 0px;height: 0px; border-style: solid; border-width: 8px 7px 0 7px; border-color: #ffffff transparent transparent }
        .availabilitiesmenu ul.ui-tabmenu-nav .ui-state-default.ui-state-active a { background: #E3E3E3; color:#333; border-bottom-width: 4px;border-bottom-style:solid;border-bottom-color:#E3E3E3; margin-bottom: -4px; position: relative; cursor: default;}
          .availabilitiesmenu ul.ui-tabmenu-nav .ui-state-default.ui-state-active a:after {position: absolute; bottom: -12px; left: 50%; margin-left: -8px; content: " "; width: 0px;height: 0px; border-style: solid; border-width: 8px 7px 0 7px; border-color: #E3E3E3 transparent transparent }

    .availabilitiesmenu { width: 714px; float: left; margin-bottom: 10px; margin-right: 20px;}
    .availabilities-printbtn { float:right; }

    .actionmenu {margin: 0; padding: 0; text-align: right; width: 100%;}
      .actionmenu li {list-style: none; display: inline-block; margin-left: 16px;}
        .actionmenu li:first-child, .actionmenu li.pull-left {margin-left: 0;}
        .actionmenu li.pull-left {margin-right: 16px;}
          .actionmenu li.pull-left:last-child {margin-right: 0;}
          
    .actionmenu .pull-right.group > * { margin-left:10px; }
    .actionmenu .pull-left.group > * { margin-right:10px; }
    .actionmenu .export.group {background-color:rgb(235,249,252); padding:10px;}
      .actionmenu .group h3 {margin:0 0 10px 0;text-align:center;color:#00b7d3 ;font-size:1.2em; }

	.topmenu {margin-top:10px;}
	
    /* Resultspane */

    .selectedtripitems { width: 100%; float: left; margin-right: 20px; margin-bottom:10px;}
    .selectedtripitems .selectedtripitem {background: #f5f5f5; border-bottom: 1px solid #FFF;}
      .selectedtripitems .selectedtripitem p {display: inline-block; padding: 11px 20px 11px 55px; margin: 0; position: relative;font-family:'Open Sans'; font-size:0.8em;}
      .selectedtripitems .selectedtripitem .editmenu { border: none; width: auto; display: inline-block; height: 41px;}
        .selectedtripitems .selectedtripitem .editmenu:before { border: none;}
        .selectedtripitems .selectedtripitem .editmenu button.ui-state-default { border-right: none; margin: 0; border-left: 1px solid #FFF;}
    .selectedtripcommand {float:left; margin-bottom:10px;}
    
    .selectedtripitem ul, .selectedtripitem ul li {margin:0;padding:0;list-style-type: none;}
    .selectedtripitem .ui-datalist-content{background:transparent;}

    .availability .ui-datatable thead th, .availability .ui-datatable tbody td, .availability .ui-datatable tfoot td {padding: 0;}
    .availabilityblock ul {list-style-type:none; margin:0px;padding:0px; }
    .availabilityblock tr.addedblock { background-color:#EBF9FC; font-weight:bold;}

    .availabilitybuttons { width:600px; padding:0px; list-style-type:none;  margin:10px 0px 0px;}
      .availabilitybuttons li { float:left; margin-right:20px;}

    .availabilityline li ul{display:block;clear:both;}
    .availabilityline.ui-datalist .ui-widget-content {background:transparent;}
    	.monospace .availabilityline li {font-size:0.9em;}
    	.monospace.availabilityline li, .monospace.availabilitytextblock.extra li {font-size:0.75em;}
    .availabilityline a, .availabilityline span, .availabilitytextblock.extra a, .availabilitytextblock.extra span { padding: 7px 0; display: block;}
    .availabilityline a , .availabilitytextblock.extra a { color:rgb(0,62,95); text-decoration: none; }
      .availabilityline a:hover, .availabilitytextblock.extra a:hover { color:rgb(0,182,209); text-decoration: none; background: #f5f5f5;}
    .availabilitytextblock li {float: left; display:list-item;}
    .monospace.availabilitytextblock.extra span{color: #AAA;}
	.availabilitylink.lastclicked {  color:#7D860F;}
		.availabilitylink.lastclicked:hover { color:#D7DF23;}
	.addedblock .availabilityline a:hover {background-color: #fff;}

	.ui-dialog-content {background-color:#fff;}
    .ui-dialog-content, .accommodationdetailsoverlay { border:solid 1px 1px 4px 1px #e5e5e5; padding:0px; }
      .ui-dialog-content .header h3, .accommodationdetailsoverlay h3 { text-transform: uppercase; color: #fff; font-weight: bold; font-size: 1.28571428571429em; background: #8CD9E9; margin:0;padding: 8px 18px;}
      
      .accommodationDetails address { font-style: normal;}
      .accommodationDetails { padding:10px 18px;}
      .accommodationDetails a {color:#00b7d3; text-decoration: none;}
        .accommodationDetails a:hover { color:#186e92;}
		
	.tour-operator-status-error { color: red; }

    /* Multi-to-search */

    .multi-to-results { font-size: 0.857em!important;/* 12px/14px*/ }
    .ui-datatable-empty-message td { text-align: center;}

      .multi-to-result-detail { padding:  4px 13px 2px; width: 840px; margin: 0;}
              
        .multi-to-result-detail dt {width: 125px; color: #999; margin-top: 6px; display: block; float: left}
        .multi-to-result-detail dd {width: 290px; font-weight: bold; margin-left: 5px; margin-top: 6px; display: block; float: left;}
          .multi-to-result-detail dd.maxwidth {width: 705px;}
      .multi-to-results td { cursor: pointer;}
      .multi-to-results .actionmenu { padding: 0 0px 10px 0px; width:879px; }
      .multi-to-results .more-less-panel {border: none;}
      .multi-to-results .ui-outputpanel {padding: 0 13px 6px;}
      .multi-to-results pre {margin: 0 0 14px;}
      .multi-to-results pre .monospace {font-size:0.95em;}

    /* ASIDE */

    #main aside {width: 280px; float:left; background: #FFF;}
  #main aside.transparent {width: 280px; float:left; background: inherit;}
      #main aside h1 {text-transform: uppercase; font-weight: bold; font-size: 1.28571428571429em; background: #fff; margin:0; padding: 4px 18px 0px 18px; height:20px;}
	  #main aside div.to-brochure-code { border-bottom: 1px solid #d8d8d8; padding: 0px 18px 4px 18px;font-size:10px;color:#aaa}
      #main aside h2, .summary article h2 {color: rgb(125,134,15); text-transform: uppercase;font-weight: bold; font-size: 0.95em; margin:0;}
      #main aside h3, .summary article h3 {color: #186e92; font-weight: bold;line-height:1.2em; font-size: 0.86em; margin: 0;}
      #main aside time, .summary article time { text-transform: uppercase; font-weight: bold; font-size: 0.85714285714286em;}
      #main aside p, .summary article p {font-size: 0.85714285714286em; margin:0;}

	#main aside time { float:left;}

      #main aside article {padding: 5px 20px 5px 60px;min-height:30px; position: relative;}
        #main aside article:before, .summary article .flight:before, .summary article .accommodation:before, .summary article .insurance:before, .summary article .extra:before, .summary article .ferry:before, .summary article .train:before, .summary article .bus:before, .selectedtripitems .selectedtripitem p:before, .room-to-search p:before {color: #e7e6e6; font-family: 'FontAwesome'; position: absolute; top: 5px; left: 20px; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
         .summary article .ferry:before, .summary article .train:before, .summary article .bus:before, #main aside article.ferry:before, #main aside article.train:before, #main aside article.bus:before, .selectedtripitems .selectedtripitem .selectedtransport.ferry p:before, .selectedtripitems .selectedtripitem .selectedtransport.train p:before, .selectedtripitems .selectedtripitem .selectedtransport.bus p:before {font-family: 'icomoon';}
         #main aside article:before, .selectedtripitems .selectedtripitem p:before, .room-to-search p:before {/*font-size: 2.28571428571429em;*/font-size:32px;}
          #main aside article.flight:before, .selectedtripitems .selectedtripitem .selectedtransport p:before, #main aside article.accommodation:before, .selectedtripitems .selectedtripitem .selectedaccommodation p:before {font-size:32px;/*font-size: 2.28571428571429em;*/}

          #main aside article.flight.ferry:before, .selectedtripitems .selectedtripitem .selectedtransport.ferry p:before, #main aside article.flight.train:before, .selectedtripitems .selectedtripitem .selectedtransport.train p:before, #main aside article.flight.bus:before, .selectedtripitems .selectedtripitem .selectedtransport.bus p:before {font-size:30px; /*font-size: 2.1em;*/}
         .selectedtripitems .selectedtripitem p:before {top: 5px; left: 15px;}
          #main aside article.flight:before, .summary article .flight:before, .selectedtripitems .selectedtripitem .selectedtransport p:before {content: "\f072"; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
            #main aside article.flight.ferry:before, .summary article .flight.ferry:before, .selectedtripitems .selectedtripitem .selectedtransport.ferry p:before, #main aside article.flight.train:before, .summary article .flight.train:before, .selectedtripitems .selectedtripitem .selectedtransport.train p:before, #main aside article.flight.bus:before, .summary article .flight.bus:before, .selectedtripitems .selectedtripitem .selectedtransport.bus p:before {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}

          #main aside article.accommodation:before, .summary article .accommodation:before, .selectedtripitems .selectedtripitem .selectedaccommodation p:before {content: "\f015";}
          #main aside article.insurance:before, .summary article .insurance:before {content: "\f0e9";}
          #main aside article.extra:before, .summary article .extra:before {content: "\f055";}

          #main aside article.ferry:before, .summary article .ferry:before, .selectedtripitems .selectedtripitem .selectedtransport.ferry p:before {content: "\e601";}
          #main aside article.train:before, .summary article .train:before, .selectedtripitems .selectedtripitem .selectedtransport.train p:before {content: "\e602";}
          #main aside article.rocket:before, .summary article .rocket:before, .selectedtripitems .selectedtripitem .selectedtransport.rocket p:before {content: "\f135";}
          #main aside article.bus:before, .summary article .bus:before, .selectedtripitems .selectedtripitem .selectedtransport.bus p:before {content: "\e600";}

         /* .rotated {  -moz-transform: rotate(90deg);  -webkit-transform: rotate(90deg); transform: rotate(90deg);  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}*/
          #main aside article.flight.edittransportbutton.inbound:before, .summary article .flight.inbound:before, .selectedtripitems .selectedtripitem .selectedtransport.inbound p:before { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.5, mirror=1); -webkit-transform: rotate(-45deg) scale(-1, 1); -moz-transform: rotate(45deg) scale(-1, 1); -ms-transform: rotate(-45deg) scale(-1, 1); -o-transform: rotate(-45deg) scale(-1, 1); transform: rotate(-45deg) scale(-1, 1);}
            #main aside article.flight.ferry.inbound:before, #main aside article.flight.train.inbound:before, #main aside article.flight.bus.inbound:before, .summary article .flight.ferry.inbound:before, .summary article .flight.train.inbound:before, .summary article .flight.bus.inbound:before, .selectedtripitems .selectedtripitem .selectedtransport.ferry.inbound p:before, .selectedtripitems .selectedtripitem .selectedtransport.train.inbound p:before, .selectedtripitems .selectedtripitem .selectedtransport.bus.inbound p:before {left: 20px; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1);}
              #main aside article.flight:before {left: 19px;}
                #main aside article.flight.inbound:before {left: 26px;}
                .selectedtripitems .selectedtripitem .selectedtransport p:before {left: 14px;}
                .selectedtripitems .selectedtripitem .selectedtransport.inbound p:before {left: 21px;}
                
                .selectedtripitems .selectedtripitem .selectedtransport.train.inbound p:before, .selectedtripitems .selectedtripitem .selectedtransport.ferry.inbound p:before, .selectedtripitems .selectedtripitem .selectedtransport.bus.inbound p:before {left: 14px;}
    /* extrabutton / extramenu */
    .extrabutton {padding:4px 18px 0px;clear:both;margin:0;line-height:0.8;border:none;}
      .extrabutton label {padding:7px 0px 5px;}
      .extrabutton li {list-style: none; display: inline-block; color:#00b7d3;}
      .extrabutton li:first-child { text-transform:capitalize;}
      .extrabutton li:last-child { float:right;}
         .extrabutton .editextrasbutton, .extramenu .editextrasbutton { border-style:dashed;}
      	 .extrabutton .editextrasbutton .ui-icon, .extramenu .editextrasbutton .ui-icon {padding:3px;font-size:1em;}
        
       .summary .extramenu {background-color:#fff;}
       .summary .extramenu .ui-panelgrid td {padding:0px;}
        .summary .extramenu .ui-panelgrid td:first-child {border:none;}
       	.summary .extramenu td { border-left:1px #d8d8d8 solid; }
       	.summary .extramenu .ui-panelgrid tr:last-child td { border-top:1px #d8d8d8 solid;}
       	.summary .extramenu .ui-panelgrid tr:first-child td { border-top:none;}
       	.summary .extramenu td {width:270px;}
	 
    /* TOTAL */
    .total {font-family:'Alegreya Sans', sans-serif; background: rgb(235,249,252);color:#00b7d3; padding:5px 20px; text-transform: uppercase; position: relative; font-weight: bold; font-size: 1.28571428571429em;}
      /*.total:before { content: " "; position: absolute; left: 0px; right: 0px; bottom: -2px; border-bottom: 1px dotted #e5e5e5; display: block!important;}*/
      .total.subtotal {font-size: 1em; padding: 1px 20px 1px; margin-bottom: 1px;text-transform: capitalize;}
      	.total.subtotal a { color:#00b7d3; font-weight:normal;}
      	.total.subtotal a:hover { color:#186e92; }

    /* VALIDATIONMENU */
    .validationmenu {margin: 0px 0px 5px 0px; padding: 0px 20px 10px 20px; border-bottom:solid 1px #d8d8d8;}
      .validationmenu li {list-style: none; margin-top:10px;}
      .validationmenu button {width: 100%;}

    /* EDITMENU */

    .editmenu { padding: 0; background: #f5f5f5; margin: 0; border: 1px solid #FFF; position: relative; text-align: center; height: 40px;}
      .editmenu:before { content: " "; position: absolute; left: 0px; right: 0px; top: -2px; /*border-top: 1px dotted #e5e5e5;*/}
      .editmenu li { list-style: none; text-align: center; margin-bottom:-4px; display:inline-block;} 
      .editmenu button.ui-state-default {font-size:0.57142857142857em; border: 0; border-right: 1px solid #FFF; width: 78px; display: block; background: #f5f5f5; padding-top: 3px;}
        .editmenu li:first-child button.ui-state-default {border-left: 1px solid #FFF;}
        .editmenu button:hover {background:#e3e3e3}
        .editmenu button:before {font-size:3em; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
        .editmenu button.ui-button-text-only .ui-button-text {padding: 6px 0 3px; text-transform: uppercase; }

		.tripitems .editmenu button {color:#444;}
		.tripitems .editmenu button:before, .offerheader .editmenu button:before, .editmenu button:before {font-size:/*2em*/ 17px;}

      .editmenu .btn-remove button {color: #444 /*ff5454*/;}
      .selectedaccommodation .editmenu .btn-remove button, .selectedtransport .editmenu .btn-remove button {color: #ff5454;}
      .editmenu .btn-remove button:before {content: "\f014";}
      .editmenu .btn-edit button:before {content: "\f040";}
      	.editmenu .btn-edit:before {content: "";}
      .editmenu .btn-duplicate button:before {content: "\f0c5";}
    .editmenu .btn-comment button:before {content: "\f0f6";}
    .editmenu .btn-comment.highlight button:before {content: "\f15c";}
      .editmenu .btn-add button {color: #589b4d;}
        .editmenu .btn-add button:before {content: "\f067";}
        .editmenu .btn-add:before {content: "";}
      .editmenu .btn-alternative button:before {content: "\f00e"}
      .editmenu .btn-resort button:before {content: "\f185";}

      .editmenu .ui-state-disabled {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
        .editmenu button.ui-state-disabled:before, .editmenu button.ui-state-disabled span {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2;}
        .editmenu button.ui-state-disabled:hover {background: none;}

      /* ASIDE EDITMENU CUSTOMISATIONS */
      #main aside .editmenu {height: 23px;}
      #main aside .editmenu:before { top: 0; left: 0px; right: 0px;  border-top: 0;}
      #main aside .editmenu button.ui-button-text-only .ui-button-text {padding:6px 0 2px;}
      #main aside .editmenu button.ui-state-default { padding-top: 4px;padding-bottom:2px; width: 68px;}
      #main aside .editmenu.five button.ui-state-default { width: 55px;}
      #main aside .editmenu button.ui-state-hover {background-color:#e3e3e3;}

      /* ASIDE outsideaside */
      aside .outsideaside {background-color:#e5e5e5; margin: 0; padding: 20px 0 0;}
        aside .outsideaside li {list-style: none outside none; margin-top: 20px;}
          aside .outsideaside li:first-child {margin-top: 0;}
        aside .outsideaside button {width: 100%;}

      /* SUMMARY */
      .summary {}

      .summary section.intro .tripinfo { background: white;}
      .summary section.intro .touroperators { margin-bottom:10px;}
	  
        .summary section.intro .touroperators img {width: 125px; max-height:125px;  margin-left:20px;}

      #main .summary section.left, #main .summary section.right, #main section.left, #main section.right, section.left, section.right {width: 580px; float: left;}
      #main .summary section.right, #main section.right, section.right {margin-left: 20px}

      .summary article, .summary section.intro .tripinfo, .summary section.intro .paxtrip,  .summary section.intro .extraclientinfo {background: white; margin-bottom: 10px; }
	  .tripinfo  .generalinfo .ui-chkbox { margin: 0px; }
	  .tripinfo .generalinfo input[type='text'] { padding: 2px; }
	  .tripinfo dd { }
	  .tripinfo .generalinfo .ui-selectonemenu { top:5px; }
	  	.tripinfo .generalinfo .ui-selectonemenu .ui-selectonemenu-trigger { padding:2px 5px;}
	  	.tripinfo .generalinfo .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield { padding:2px 8px;width:100%;}

	  .btn-icon { cursor: pointer; color: #00b7d3; }
	  	.btn-icon:hover { color: #003E5F; }
        
        .summary section.intro .paxtrip,  .summary section.intro .extraclientinfo {display: inline-block; width: 890px;}
        .summary section.intro .paxtrip > div.clearfix,  .summary section.intro .extraclientinfo > div.clearfix { padding: 10px 20px 1px;}
        .summary section.intro .misc { float: right; width: 270px; margin-left:20px; margin-top: 0px; background: white;}
        

        .summary article h1, .summary section.intro .tripinfo h2, .summary section.intro .paxtrip h2, .summary section.intro .extraclientinfo h2, .summary section.intro .misc h2, .offertripitemheader { margin: 0; padding: 9px 20px 5px; font-size: 1.14285714285714em; font-weight: bold; color: #fff; background: rgb(140,217,233);  }
          .summary article h1 span, .summary section.intro .tripinfo h2 span, .summary section.intro .tripinfo h2 i { /*font-size: 0.875em;*/ color:  rgb(0,62,95); font-weight: bold; }
            .summary section.intro .tripinfo h2 i {text-transform: lowercase; font-style: normal; font-size: 0.8em;}
          .summary article h2, .summary article h3 {font-size: 1.14285714285714em;}
        .summary article time { font-weight:normal; font-size: 1em;}
        .summary article p {font-size: 1em;}



		
		.offerview.summary article h1,.offerview.summary article h1 span, .offerview.summary article h2, .offerview.summary article h3, .offerview.summary article time { font-size:0.95em;}	
		.offerview.summary article p { font-size:0.8em;}
		
        .summary section.intro .tripinfo .clearfix,.summary section.intro .misc .clearfix, .summary section.left .preferences .clearfix  {padding: 10px 20px;}
        .summary section.intro .tripinfo .tripinfotable tr td {margin-top:6px;}
          .summary section.intro .tripinfo .tripinfotable td { width: 270px; margin-left:20px;padding:6px 0px 0px 0px; }
          .summary section.intro .tripinfo .tripinfotable tr:first-child td {padding-top:0px;}
          .summary section.intro .tripinfo .tripinfotable td:first-child {margin-left:0px}
          
            .summary section.intro .tripinfo dt { display: inline-block; color: #999;}
              
            .summary section.intro dd {margin-left: 5px; display: inline; font-weight: bold; }
          
            .summary section.intro .tripinfo .extrainfo h3 { color: #999; font-weight: normal; margin: 0; font-size: 1em;}
            .summary section.intro .tripinfo .extrainfo p { margin: 6px 0 0 ;}

        .summary .paxactionmenu { padding: 0; list-style: none; margin: 0 0 5px;}
          .summary .paxactionmenu li {display: inline-block;}
        .ui-datatable.paxtravelers tbody tr {border:none;}

        .summary .paxroomlisting .ui-widget-content {background: none;}
        .summary .paxroomlisting span {display: inline-block; width: 130px; float:left; margin: 6px 0 7px 35px;font-weight:bold;position:relative; }
        .summary .paxroomlisting article {margin:0 0 0 10px;}
        .summary .paxroomlisting article:before {margin:-8px; font-family:FontAwesome;font-size:36px;position:absolute;font-weight:normal; content:"\f015"; color:rgb(140,217,233);}
        	.summary .paxroomlisting .paxlisting.noempty {margin:6px 0px 0px;}
        	.summary .paxroomlisting .paxlisting.noempty .ui-datalist-empty-message { padding:0px; }
        .summary .paxroomlisting li { height:32px;}
          .summary .paxroomlisting span:after { content:": ";}
        .summary .paxroomlisting .noempty {display: inline-block; float:left; margin: 6px 0 7px; width: 580px;}
          .summary .paxroomlisting .noempty li {display: inline;}
            .summary .paxroomlisting .noempty li:before {content: ", ";}
            .summary .paxroomlisting .noempty li:first-child:before {content: "";}
            .summary .paxlisting.noempty li div {display:inline-block; }
            .summary .paxlisting.noempty li div::first-letter { font-weight:bold;}
        .summary .paxroomlisting .ui-commandlink, .legal-download-btn {display: inline-block; margin: 0 0 0 7px; float:right;}
          .summary .paxroomlisting .ui-commandlink:after, .legal-download-btn:after {height: 12px; width: 12px; font-size: 1em; display: inline-block; padding: 8px; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
          .summary .paxroomlisting .ui-commandlink.edit:after {content: "\f040"; }
          .summary .paxroomlisting .ui-commandlink.remove:after {content: "\f014"; }
          .legal-download-btn:after {content:"\f1c1";}
          .summary .paxroomlisting .ui-commandlink b {display: none;}

        .summary article .flight { position: relative; padding: 10px 20px 10px 80px; border-bottom: 1px dotted #e5e5e5; min-height: 38px;}
          .summary article .accommodation:before, .summary article .insurance:before, .summary article .extra:before {font-size: 48px/*3.42857em*/; top: 9px;}
          .summary article .flight:before, .summary article .bus:before, .summary article .ferry:before, .summary article .train:before {font-size: 43px/* 3.1em*/; top: 9px;}
          	.summary article .flight.inbound:before {left:28px;}
            .summary article .bus:before, .summary article .ferry:before, .summary article .train:before {top: 14px;}
            .summary article .train:before {font-size: 42px/*3em*/;}

        .summary article .flightinfo {padding: 10px 20px; border-bottom: 1px dotted #e5e5e5;}
        .summary article .flightinfo > div {position: relative; width: 210px; float: left; padding-left: 80px;}
        	.summary article .flightinfo.stopover > div {width: 160px;padding-left: 40px;}
          .summary article .flightinfo > div:before { content: "\f0a9"; font-size: 33px; /*3.42857142857143em;*/ color: #e7e6e6; font-family: 'FontAwesome'; position: absolute; top: 0; left: 20px; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
          	.summary article .flightinfo.stopover > div:before { left:10px; font-size:25px; }
          .summary article .flightinfo > div:first-child, .summary article .flightinfo > div.locker { text-align: right; padding-left: 0;}
            .summary article .flightinfo > div:first-child:before, .summary article .flightinfo div.locker:before {content: "";}
            .summary article .flightinfo > div.locker { width:40px;overflow:hidden;}
            	.summary article .flightinfo.stopover > div.locker { width:60px;}

        .summary article .accommodation, .summary article .insurance, .summary article .extra { position: relative; padding: 10px 20px 10px 80px; border-bottom: 1px dotted #e5e5e5; min-height: 40px;}

        .summary article .tod { font-size: 0.85714285714286em; text-align: center; text-transform: uppercase; color: #999; padding: 9px 20px 8px;}
          .summary article .tod strong {color: #444;}
        .summary article .monospace { font-size: 0.79em;padding: 20px;}
        
        .summary article .remarks {padding:10px 20px;}

        .itemlist {margin: 0; padding: 0px 20px 0px;}
        .summary article .itemlist {padding: 5px 20px 1px 20px;}
        .summary article .vatCategory {padding: 20px}
          .itemlist dt { color: rgb(125, 134, 15); font-weight:bold; font-size:0.95em; text-transform: capitalize;}
          .itemlist dd { margin-left: 0; margin-bottom: 4px;font-size:0.9em;}
		.ui-datalist.itemList {margin:5px 0px;}
        .legal-information { padding-top: 10px; padding-bottom: 10px; }
        .legal-download-btn { height: 28px; margin-left:7px !important; margin-bottom: 7px !important; }
      /* EDIT PANELS - Extra - Insurances - Transport - Accomodation */

      .editpanel { background: transparent;}
      .travelers-datalist {padding-bottom:20px;}
        .travelers-datalist ul { list-style: none outside none; padding-left: 0; }
        .travelers-datalist li { width: 400px; float: left; margin-right: 20px;}
          .travelers-datalist li:nth-child(-n+2) .ui-chkbox {margin-top: 0;}
          .travelers-datalist { font-family:'Open Sans';font-size:0.85em;}

      .extraform-header, .insuranceform-header {margin-bottom: 10px;}
      	.extraform-header button, .insuranceform-header button {margin-left: 10px;}
        .extra-addmanual input, .insurance-addmanual input {margin-right: 10px; margin-top: 19px; width: 8em;}
      
      .extraform-footer button, .insuranceform-footer button {margin-top: 20px!important; margin-left: 10px; }
      
      .tripitemextralist.ui-datatable thead th.ui-state-default, .tripiteminsurancelist.ui-datatable thead th.ui-state-default, .tripitemextralist.addedlist .ui-datatable-header, .tripiteminsurancelist.addedlist .ui-datatable-header { white-space:pre; font-family: "Droid Sans Mono","Courier", sans-serif; font-size:11px;font-weight:normal; }
      .tripitemextralist.addedlist thead th.ui-state-default, .tripiteminsurancelist.addedlist thead th.ui-state-default {display: none;}
      .tripitemextralist.addedlist .ui-datatable-header, .tripiteminsurancelist.addedlist .ui-datatable-header {background: #d8d8d8; text-align: left; padding: 7px;}

      #extraform ul, #insuranceform ul, .extrastab ul, .insurancetab ul {margin:0;padding:0;}
      #extraform ul li, #insuranceform ul li, .extrastab ul li, .insurancetab ul li { padding:0;margin:0;list-style-type:none;}
	  #extraform .btn-cancel, #insuranceform .btn-cancel, #preferencesform .btn-cancel { margin-left: 8px; }

      .ui-selectcheckboxmenu {overflow: hidden;}

      .tripitemextralist .ui-selectcheckboxmenu, .tripiteminsurancelist .ui-selectcheckboxmenu {width: 100%;} 
      .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { display: none;}

      /* .tripiteminsurancelist th, .tripitemextralist th {display: none;} */

      .extrastab .extra-addmanual, .insurancetab .insurance-addmanual {padding: 1px 20px 1px;}

      .actionmenu.editformmenu {margin-top: 30px;}
      .actionmenu.editformmenu .alacarte {display: block; float: left;}

      /* OFFERTABLE */

      .offerview.ui-panel.ui-widget-content {padding-top: 17px;}
      .offeroverviewbuttons { margin-bottom:20px; }

      .offerview .offerheader {text-align:center;padding-bottom:10px;}
      .offerview .offerheader .name { padding:0px 20px; font-size:15px; text-transform:uppercase; }

      #offertable .ui-datatable tbody tr { border-bottom-style:none;}
      .offertripitemtable tbody td { padding: 0}
		.offertripitemtable.ui-datatable table {table-layout:fixed;}

      .offerheadertable, .offertripitemtable, .offerfootertable {width:100%;}
      .offerheadertable td , .offertripitemtable tbody td, .offerfootertable td{ width:389px;vertical-align:top; padding:0px; word-wrap:break-word; padding-left: 3px; }

      .offerheadertable td:first-child , .offertripitemtable tbody td:first-child , .offerfootertable td:first-child  {padding-left: 0;}

      .offerview .offertripitemheader { padding:5px 10px;font-weight:bold; }
      	.offertripitemheader { font-size:0.95em; }

      .offertripitemtable thead { display: none; }
      .offertripitemtable ul {padding:0px;}

      .offerfootertable .total {border-width: 1px 0 0 0;}
      .offerfootertable .offerbuttons { margin:20px 20px 17px 20px;}
        .offerfootertable .offerbuttons button { width: 164px;}
          .offerfootertable .offerbuttons button:first-child { margin-right: 21px;}
      #offertable .ui-datalist-empty-message { display:none;}

      .switchbutton { position:absolute; right:-16px; top:-17px; padding:0;background-color:#f5f5f5; }
      .switchbutton a {  text-decoration:none; display: block; padding: 7px 10px 6px; z-index:5;}
        .switchbutton a:before { content:"\f07e"; padding:0;font-family:'FontAwesome';}
      #offertable_content td, #offertable_content, .offerheadertable td, .offerheadertable, .offerheadertable .offerheader, .offerheadertable .name, .offerheadertable form  {position: relative; z-index: 1;}


      .offerheadertable td.selected .offerheader, .offertripitemtable tbody td.selected .offercolumn, .offerfootertable td.selected .offerfooter { border: 1px solid #999; width: 387px; }
        .offerheadertable td.selected .offerheader { border-width: 1px 1px 0 1px; }
          .offerview td.selected .offerheader .name {padding-top:19px;}
          .offerheadertable td.selected .offerheader .switchbutton { right:-17px; top:-18px; }
        .offertripitemtable tbody td.selected .offercolumn { border-width: 0 1px 0 1px; }
          .offerview td.selected .offertripitemheader {padding-right: 9px; padding-left: 9px;}
          .offertripitemtable tbody td.selected .offercolumn article > div { padding-right: 19px; padding-left: 79px; }
          .summary tbody td.selected article .flight:before, .summary tbody td.selected article .accommodation:before, .summary tbody td.selected article .insurance:before, .summary tbody td.selected article .extra:before {left: 19px;}
        .offerfootertable td.selected .offerfooter { border-width: 0 1px 1px 1px; }
          .offerfootertable td.selected .total {padding-right: 19px; padding-left: 19px;}
          .offerfootertable td.selected .offerbuttons { margin-right: 19px; margin-left: 19px;}

      .ui-inplace {display: block;}
      .ui-inplace-display { padding: 8px 9px 6px;}
      .ui-inplace-display:after { content:"\f040"; font-family: 'FontAwesome'; padding-left:10px; color: #999;}
        .ui-inplace-display.ui-state-highlight {background: none;border: 0; color: #444; text-shadow: none }
        .ui-inplace-display.ui-state-highlight:after { color: #444;}
      .ui-inplace-editor, .ui-inplace-content input {display: inline-block;}
      .ui-inplace .ui-inplace-editor {position: relative; margin-left:0.5em;}
       .tripinfo .ui-inplace .ui-inplace-editor {top:-9px;}
      .ui-inplace-editor .ui-button-icon-only {margin-left: 0.5em;}
      .ui-inplace-editor .ui-button-icon-only .ui-icon {margin: 0; position: relative; top:0; left:0;  padding:3px 7px;}
      .ui-inplace-editor .ui-button-icon-only .ui-icon {margin: 0; position: relative; top:0; left:0;  padding:3px 7px;}
        .ui-inplace-editor .ui-button-icon-only .ui-button-text {display:none;}

       #offertable article { margin-bottom:0px; border-bottom:none;}

      .offerview .ui-panel-content {padding:0;}

      /* opportunity overview */

      #filter-criteria .actionmenu, #officemanagementform .actionmenu {padding-bottom: 10px;}

      /* CONFIGURATION */

      .backbtn { text-decoration: none; font-weight:bold; font-size:0.9em; margin-bottom: 5px; margin-top:-5px; padding-left: 12px; display: inline-block; position: relative;}
        .backbtn:before {content: "\f104 "; font-size: 1em; position: absolute; left: 0; top: 2px; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

        /* My details */

        #userUpdate > div, #pwdUpdate > div { padding: 20px; background-color: white; margin-top: 20px }
		#userUpdate > div:first-child, #pwdUpdate > div:first-child { margin-top: 0px; }

        /* Userform */

        .userform .ui-picklist-list {height:102px;}
        .userform .ui-picklist-button-add-all, .userform .ui-picklist-button-remove-all {display:none;}
        
        #userForm .hasDatepicker.ui-inputfield { width:172px; }

		/* Backoffice export */
		
		#backoffice-export-directory-config { margin-top: 10px;	margin-bottom: 10px; }
		#backoffice-export-directory-config > label, #backoffice-export-directory-config > input { margin-right: 7px; }
		
		/* misc*/
		
		.misc .more-less-panel {border-top:none;}
		.misc .ui-chkbox.more-less-chkbox .ui-chkbox-label { margin-top:2px;}
		.misc .ui-panel .ui-panel-content, .extraclientinfo .ui-panel .ui-panel-content { padding:5px 0px 0px 0px;}
		
/* OVERLAY */


/* TRAININGMODE */

    /*primary in trainingmode */
    #primarynav.training  { background: rgb(215,223,35); /* Old browsers */
							/* IE9 SVG, needs conditional override of 'filter' to 'none' */
							background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZGYyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
							background: -moz-linear-gradient(top,  rgba(215,223,35,1) 0%, rgba(249,249,249,1) 50%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,223,35,1)), color-stop(50%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top,  rgba(215,223,35,1) 0%,rgba(249,249,249,1) 50%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top,  rgba(215,223,35,1) 0%,rgba(249,249,249,1) 50%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top,  rgba(215,223,35,1) 0%,rgba(249,249,249,1) 50%); /* IE10+ */
							background: linear-gradient(to bottom,  rgba(215,223,35,1) 0%,rgba(249,249,249,1) 50%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7df23', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-8 */
							}
    #primarynav.training #displaydate span {border-right-color:#7D860F;}
   /* #primarynav.training , #primarynav.training  #logo, #primarynav.training  .ui-menubutton, #primarynav.training  #messages,#primarynav.training  #headeropportunities, #primarynav.training  #logout, #primarynav.training  .pull-left, #primarynav.training  .pull-right {border-color: #e2514d;}
    #primarynav.training  #messages span, #primarynav.training  #headeropportunities span { background: #FFF; color: #ff5454;}
    #primarynav.training  .ui-menubutton button { background: #ff5454;}
    #primarynav.training  a:hover, #primarynav.training  .ui-menubutton button:hover {background-color: #ff7f7b;}

    .training .ui-menu { border-top: 1px solid #e2514d;}*/

/* ==========================================================================
   STYLES BY INTO IT
   ========================================================================== */
   
/* styles for booking flow*/
.navigator {background:#e5e5e5; padding-bottom: 20px;}
.navigator .btn {width: 100%; }
.ui-overlaypanel .ui-widget .ui-widget-content .ui-corner-all .ui-shadow .booknowoverlay .ui-overlay-visible {position:absolute; left:100px; top:150px;}

.showlinebreaks {white-space:pre;}
/* end styles for booking flow*/

.booknowoverlay table span { font-family:'Open Sans'; font-size:0.85em; }
.booknowoverlay table .nationalnumber-fragment { font-size: 1em;}

.trainingsmode {text-transform: uppercase; background: #fbcf5c; height: 40px; font-size: 0.85714285714286em; font-weight: bold; display: block; color: #F00; float: left; border-right: 1px solid #efbf3f; vertical-align:middle;}

.addedextras, .addedinsurances { margin-bottom:10px;}
.addedextras .ui-fieldset-content, .addedinsurances .ui-fieldset-content {padding:0;}

  
.tabwrapper.fixedheight {height:43px;}
   
   ul.nostyle {padding:0;margin:0;}
   ul.nostyle li {padding:0;margin:0;list-style-type: none;}
#tripsearch,#editextras,#editinsurances {background:transparent;}

.crmviewed.fa-stack { font-size:0.8em;position:absolute;left:-8px;top:20px; }
	.crmviewed .fa-eye { color:#186E92; }
	.crmviewed .fa-ban { color:#186E92; }

.width80 input {width:80px;}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper { overflow-x: inherit; }
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper ul { padding-right:10px }
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox { margin-top: -11px }

.tripresultbuttons { width:840px; padding:0;margin:0;list-style-type:none; text-align: right;}
.tripresultbuttons li { margin-bottom:20px; }
.tripresultbuttons li.pull-left { margin-right:20px;}
.availability { width: 840px; padding:0px; margin-bottom:10px;}

.blockselection { text-align:center;vertical-align:top;}
.blockselection .ui-chkbox .ui-chkbox-box { margin-right:5px;}
.blockselection .ui-chkbox .ui-chkbox-label:before { font-family:"FontAwesome"; content:"\f02f"; font-weight:normal; } 

.editmenu .btn-details button:before {content: "\f129";}
.editmenu .btn-website button:before {content: "\f0c1";}

.ui-chkbox-box.ui-state-disabled + span.ui-chkbox-label { opacity:.35;filter:Alpha(Opacity=35);background-image:none; }
/*.btn-addtotrip:after {
  content:"\f061";
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}*/
.error { color:#ff5454;}

.ui-tabmenuitem a.tabtitle, .ui-tabmenuitem a.tabtitle.ui-state-disabled {
	background-color:#e5e5e5;
	
	color:#aaa;
	opacity:1;
}

.ui-accordion-content { background-color:#fff;}

.backoffice-queue-table div.export-item { width: 550px; display: inline-block; vertical-align: top; padding-left: 20px; }

.officemgmt,.officemgmt ul.ui-tabmenu-nav { background-color:transparent;background-image:none;}
.officemgmt ul.ui-tabmenu-nav {padding:0; border-bottom:solid 4px rgb(68, 68, 68);margin-bottom:14px; border-top:none;}
.officemgmt.ui-tabmenu li.ui-tabmenuitem {border:none;margin-right:4px;}
.officemgmt ul li a {background-color:rgb(245, 245, 245);}
.officemgmt ul li:hover a {background-color: rgb(229, 229, 229);}
.officemgmt ul li.ui-state-active a { background: #fff; color:#333; border-bottom: 4px solid #FFF; margin-bottom: -4px; position: relative; pointer: default;}
.officemgmt ul li.ui-state-active a:after {position: absolute; bottom: -12px; left: 50%; margin-left: -8px; content: " "; width: 0px;height: 0px; border-style: solid; border-width: 8px 7px 0 7px; border-color: #ffffff transparent transparent }

#officemanagementform h4 {margin:5px 0px;line-height:1;}
#officemanagementform .ui-chkbox {margin-top: 0px;}

fieldset.loginpage-editor div.ui-fieldset-content { padding: 5px; }

.priceelementlist {background:#fff;}
.priceelementfieldset.ui-fieldset .ui-fieldset-legend { width: 488px;}
.priceelementfieldset.ui-fieldset { margin-top: 20px;}
.price-element-full-width.ui-fieldset .ui-fieldset-legend { width: 1180px;}
.editpriceelementbutton {font-family: 'FontAwesome';text-decoration: none}

.copy-name {font-family: 'FontAwesome';text-decoration: none;margin-left: 5px;}

.fancybox-inner section.left { width: 530px; }
.fancybox-inner section.right { width: 530px; }

.pricesfieldset {width: 100%; margin-top: 20px; margin-bottom: 20px;}
.pricesfieldset .subtotal {margin-bottom: 0; border-bottom: 0;}

.searchaccordion .ui-accordion-content {overflow:hidden !important;}
.userform fieldset {background-color:#fff; margin-bottom:20px;}

.userform .personal {width:860px;}
.userform .personal.ui-fieldset .ui-fieldset-legend {width:818px;}
.userform .state {width:300px; padding-bottom:20px;}
.userform .state.ui-fieldset .ui-fieldset-legend {width:258px;}
.userform .access {width:539px;margin-right:20px;}
.userform .access.ui-fieldset .ui-fieldset-legend {width:497px;}
.userform .roles {width:301px;padding-bottom:20px;}
.userform .roles.ui-fieldset .ui-fieldset-legend {width:259px;}

.userform .userformleft {width:860px; margin-right:20px;}
.userform .userformright {width:300px; }
.userform .state ul {padding:0;margin:0;}
.userform .state ul li {margin-bottom:20px;list-style: none;}
.userform .state ul li button {width:100%;}
 .userform .submitbuttons { margin-bottom: 20px; padding: 0;}
 .userform .submitbuttons button {width:100%;}
 .userform .submitbuttons .save.btn {margin-bottom:10px;} 
 /*.userform .submitbuttons .cancel.btn {width:90px;}*/
.userform .ui-selectoneradio label {margin-left:20px;}
.userstate {width:100%; height:30px;font-weight:bold;text-align:center;}
.userstate .content {font-size:18px;clear:both; height:15px; line-height:30px; position:relative;}
.userstate.inactive {color:#ff4545;background-color:#fff;}
.userform .label {margin-right:10px;}


.ui-datalist.ui-widget.tripitems .ui-widget-content {background-color:transparent;background:none;}
.tripitems ul li {list-style: none;}
.tripitems ul, .tripitems ul li { padding: 0;}
.serialnumber:before { content:" ";}

.multi-to-country-combi ul, .multi-to-arrival-combi ul { padding: 0px; margin: 0px; }
.multi-to-country-combi li, .multi-to-arrival-combi li { display: inline-block; margin-left: 15px; }

#contentwithside.ui-panel,#tripextended.ui-panel, #contentwithside.ui-panel .ui-panel-content, #tripextended_content{margin:0;padding:0;background:none;}

#contentwithside h1 a:before, #tripextended h1 a:before {font-family: 'FontAwesome';}
  #contentwithside h1:first-of-type a:before {content:"\f148";}
 /* #tripextended  h1:first-of-type a:before {content:"\f149";} */

#contentwithside h1 a, #tripextended h1 a {color:inherit;text-decoration:none;}

.btn.btn-tertiary.negative {color: #ff5454;}

#main aside article.extra:before, .summary article .extra:before {content: "\f055";}
#main aside article.insurance:before, .summary article .insurance:before {}

.fixed {position: fixed;}

#priceElementsOverlay {position:fixed;width:800px; margin-left:-400px;margin-top:-200px;height:400px;top:50%;left:50%;}


.navigation { position:fixed; padding:10px 5px;z-index:101; bottom:0; border:4px rgb(0,62,95) solid; border-bottom:none; border-left-width:0px;border-right-width:0px; background-color:#e5e5e5;width:1170px;}
.withaside .navigation { width:870px;}   
  .tripinfo {width:890px;float:left;}

.tripinfo dd .ui-inplace {display: inline-block;}
.tripinfo dd .ui-inplace .ui-inplace-display {padding: 0 0;}
  
  .noheader thead {
  display:none; 
}
.noempty tr.ui-datatable-empty-message,.noempty .ui-datagrid-content-empty,.noempty .ui-datalist-content-empty, .noempty .ui-datalist-empty-message {
  display:none; 
}

.ui-datagrid-content-empty {padding: 20px; text-align: center;}

.qbsearchpanel {margin-bottom:20px;}
.nostyle.ui-datatable table { width:100%; border-width:0px; border:none; padding:2;}
.bookingflowform .ui-datatable table:first-child tbody td, .nostyle.ui-datatable table:first-child tbody td, .nostyle.ui-datatable table:first-child thead, .nostyle.ui-datatable table:first-child tbody tr, .nostyle ul li, .nostyle ul {  padding:0; border:none; border-width:0px; }
.nostyle ul li {list-style-type:none;}


.ui-panel.ui-widget-content {padding:0;}

.rooms { margin-bottom:20px;}
	.rooms.subform.paxroomlisting { font-family:'Open Sans'; font-size:0.9em;}

.ui-input-required label:after { content: ' *';}

.nostyle ul li.ui-datalist-item { list-style-type: none; }
.touroperators img {background-color:#ffffff;}

/*.bottom.messages {bottom:62px;}*/

.ui-dialog {
  top:150px !important;
}
.smallcalendar input { width: 75px;}
.alternativemessage {font-size:11px; background-color: #D7DF23; color:#7D860F;font-weight:bold; padding:5px; text-align:center; margin-bottom:0px;}
  .alternativemessage a { color:#7D860F; }
    .alternativemessage a:hover { color:#fff; }
#main aside article.alternative:before {
  -webkit-animation-name: iconcolorswipe;
  -webkit-animation-duration:1s;
  -webkit-animation-iteration-count: infinite;
  animation-name: iconcolorswipe;
  animation-duration:1s;
  animation-iteration-count: infinite;
}

.directposearch { width: 450px;padding:10px 20px; background-color:#fff;}
.directposearch td .ui-selectonemenu {width: 423px !important; }
.directposearch td .ui-inputfield {width: 195px !important; }
.fullposearch { padding:10px 20px; background-color:#fff;}

.half-width {width:580px;}

.ui-state-default.btn.btn-icon-only .ui-button-text {padding:0;}
.ui-state-default.btn.btn-icon-only:before {width:20px;padding:7px;}

.ui-datatable .ui-datatable-tablewrapper table td.tablediv {border-right-style:double;border-right-width:3px;border-right-color:rgb(245, 245, 245);}
.ui-datatable .ui-datatable-tablewrapper table td.actions {width:56px;vertical-align:middle;}

tr.ui-widget-content.promo-stat-summation { font-weight: bold; background-color: #F5F5F5 }

#manage-chain-form\:TAOList ul { width: 90%; }
.ui-autocomplete-multiple ul li.ui-autocomplete-token { background:#00B6D1 ; border:none; padding: 5px 10px; }
.ui-autocomplete-multiple ul li.ui-autocomplete-token .ui-icon-close { padding-right:5px; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border:none; background:#D7DF23; }
.label { color: #00B7D3; font-weight:bold; }

@-webkit-keyframes iconcolorswipe {
  0% { color:#e7e6e6; }
  25% { color:#aaa; }
  50% { color:#e7e6e6; }
}
@keyframes iconcolorswipe {
  0% { color:#e7e6e6; }
  25% { color:#aaa; }
  50% { color:#e7e6e6; }
}

@-webkit-keyframes backgroundswipe, @keyframes backgroundswipe {
  0% { background-color:#FFFFFF; }
  15% { background-color:#e5e5e5; }
  30% { background-color:#FFFFFF; }
}
.colon:after {content:": ";}

.ui-icon-validated.fa-check {color:green;}
.ui-icon-validated.fa-minus {color:#999;}
#opportunitytabs\:opportunities\:opportunities-table_head tr th:last-child span:before, .multi-to-results table thead tr th:last-child span:before, #opportunitytabs\:opportunities .offer-table thead tr th:last-child span:before { font-family:'FontAwesome'; padding-left:5px; font-weight:normal;}
#opportunitytabs\:opportunities\:opportunities-table_head tr th:last-child span:before,
#opportunitytabs\:opportunities .offer-table thead tr th:last-child span:before { content:"\f014";}
.multi-to-results table thead tr th:last-child span:before { content:"\f02f";}

#opportunitytabs\:opportunities .offer-table thead th.ui-state-default { background-color:rgb(140,217,233); color: #fff; }
#opportunitytabs\:opportunities .offer-table .ui-datatable-data.ui-widget-content tr td { padding: 5px; }

#opportunitytabs\:opportunities .ui-expanded-row-content .actionmenu li {padding: 10px;}

#editTabName input { width:250px; margin-right:20px;}
 
 fieldset.preference.ui-fieldset legend.ui-fieldset-legend {padding:8px 30px; width:818px}
 
 fieldset.preference.ui-fieldset legend.ui-fieldset-legend:before {position: absolute; top: 5px; left: 8px; right: 5px; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; color: #e7e6e6; font-size: 1.28571428571429em;}
 fieldset.flight-inbound.ui-fieldset legend.ui-fieldset-legend:before {content: "\f072";}
 fieldset.flight-outbound.ui-fieldset legend.ui-fieldset-legend:before {content: "\f072";}
 fieldset.acco.ui-fieldset legend.ui-fieldset-legend:before {content: "\f015";}
 fieldset.extra.ui-fieldset legend.ui-fieldset-legend:before {content: "\f055";}
 
 .ui-panelgrid.preference tr td span {border:none; padding: 0; padding-left: 20px; padding-bottom: 17px; vertical-align: top;}
 
 .companyselection { padding:20px; text-align:center; border:solid 2px  #d8d8d8;}
  .companyselection ul { list-style-type:none; margin:0;padding:0;  }
    .companyselection ul li { margin-bottom:20px;  }
 .companyselection button.btn { width:220px;}
 
 h1 a.backbtn {font-size:14px; text-transform: capitalize;}
 h1 .cancellationCode { color:#ff5454; float:right; margin-right:290px;}
 
.travelerIndex { margin-right:10px; display:inline-block; font-family: 'Open Sans'; font-size:0.85em; }
.subform.rooms td .travelerIndex { padding-top:5px;}
 
.extracategorieswrapper {position:relative;}
	.extracategorieswrapper .ui-blockui.ui-widget-overlay { position: absolute; width:100% !important; height: 100% !important; background:rgb(229, 229, 229) ;opacity:.5;}
.extracategorieswrapper h3 a { text-transform:capitalize; }
 
#tripConfigPanelBlocker_blocker , #triptopmenuBlocker_blocker, #outsideasideBlocker_blocker, #officemiscBlocker_blocker, #officeexportBlocker_blocker, #officecontactBlocker_blocker {
  background:rgb(229, 229, 229) ;
  opacity:.5;
  z-index:9;
}

.btn.gradient, .btn.gradient button.ui-state-default  {
 border:none;
 font-family:'Alegreya Sans', sans-serif; display:inline-block;text-shadow: 0px 0px 0 rgba(0,0,0,0.3);font-weight:bold; color: #666666;
 background-color: #FBFBFB; background-image: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), to(#F0F0F0));
 background-image: -webkit-linear-gradient(top, #FBFBFB, #F0F0F0);
 background-image: -moz-linear-gradient(top, #FBFBFB, #F0F0F0);
 background-image: -ms-linear-gradient(top, #FBFBFB, #F0F0F0);
 background-image: -o-linear-gradient(top, #FBFBFB, #F0F0F0);
 background-image: linear-gradient(to bottom, #FBFBFB, #F0F0F0);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FBFBFB, endColorstr=#F0F0F0);
}

.btn.gradient:hover, .btn.gradient button.ui-state-hover{
 
 background-color: #FFFFFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FBFBFB));
 background-image: -webkit-linear-gradient(top, #FFFFFF, #FBFBFB);
 background-image: -moz-linear-gradient(top, #FFFFFF, #FBFBFB);
 background-image: -ms-linear-gradient(top, #FFFFFF, #FBFBFB);
 background-image: -o-linear-gradient(top, #FFFFFF, #FBFBFB);
 background-image: linear-gradient(to bottom, #FFFFFF, #FBFBFB);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#FBFBFB);
}

#day-in-past-warning { color: #C09853; font-weight: bold; padding-top: 5px; }
#day-in-past-warning:before { font-family:"FontAwesome"; content:"\f071"; font-size:15px;font-weight:normal; margin-right: 10px; }

#tripconfigextendedform\:bookingDetailsOverview\:pricewarning, #tripconfigextendedform\:bookingDetailsOverview\:misc_pricewarning, #pricedetailAnchorLink { margin-left:5px; }
#tripconfigpanelform\:pricewarning { margin-right:10px;}
	#tripconfigpanelform\:pricewarning:before, #tripconfigextendedform\:bookingDetailsOverview\:pricewarning:before, #tripconfigextendedform\:bookingDetailsOverview\:misc_pricewarning:before { font-family:"FontAwesome"; content:"\f071"; font-size:15px;font-weight:normal; }
	#pricedetailAnchorLink { color:#00B7D3; cursor:pointer; }
#tripconfigpanelform\:pricewarningtooltip, #tripconfigextendedform\:bookingDetailsOverview\:pricewarningtooltip, #tripconfigextendedform\:bookingDetailsOverview\:misc_pricewarningtooltip { color:fff;/*#c09853;*/ background-color: #fff; padding:5px 10px; border: solid 2px #00B7D3;}

#stepsPanel {background:none;}

#triptopmenu {width:880px;clear:both;}
#triptopmenu span.message { margin-left:15px; }
#triptopmenu span.message:before {font-family: 'FontAwesome'; padding-right:10px;}

.employee-row ul li { float:left; list-style-type: none; }
.employee-row ul li:first-child:before { content: ''; }
.employee-row ul li:before { content: ', '; }
#triptopmenu .alacarte { float:right;}
.alacarte .ui-chkbox-label { color:rgb(125, 134, 15) ; }
.alacarte .ui-chkbox { margin-top: 0px; }

.room-to-search { background-color: #F5F5F5; display: inline-block; vertical-align: top; position: relative; margin-bottom: 2px; }
.room-to-search.active-search { background-color: rgb(235,249,252); color: #00b7d3; }
.room-to-search.filled { opacity: 0.3; }
.room-to-search p { padding: 11px 20px 11px 55px; min-height:19px; margin: 0px; }
.room-to-search p:before { content: "\f015"; font-family: 'FontAwesome'; }
.room-to-search.active-search p:before { color: #00b7d3; }


#header.transitpage{background-color:#f9f9f9;  width:100%;height:140px; text-align:center; border-bottom:4px solid #003E5F;margin-bottom:-4px;}
div.section-part {
	background-color:white;
}
div.section-part > div:first-child {
	padding:10px 20px;
}

/*.ui-commandlink {position: absolute; right: 0; top:-5px;}*/

  /*
 #offertable_content {padding:20px;}
  #offertable_content table {padding:0;margin:0;width:1140px;}
    #offertable_content table tr, #offertable_content table td{padding:0;margin:0;}
      #offertable_content .offerview table td {padding:1px;}
 #offertable .offerview .ui-panel-content {padding:0;margin:0;}
 */
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media print,  (-o-min-device-pixel-ratio: 5/4),  (-webkit-min-device-pixel-ratio: 1.25),  (min-resolution: 120dpi) {
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir { background-color: transparent; border: 0; overflow: hidden;  *text-indent: -9999px;}

.ir:before { content: ""; display: block; width: 0; height: 150%; }

.hidden { display: none !important; visibility: hidden; }

.hidden-enterable { width:0px; position: absolute; overflow: hidden; border: none !important; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix {  *zoom: 1;}

.pull-left { float: left;}
.pull-right { float: right;}

.first-column-bold tr td:first-child > label { font-weight: bold; }

.margin-bottom-20 {margin-bottom: 20px;}
/*.monospace.compact { font-size:11px;}*/

.relative { position:relative;}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {

* { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; -ms-filter: progid:DXImageTransform.Microsoft.DropShadow(enabled=0);}

a,  a:visited { text-decoration: underline; }

a[href]:after { content: " (" attr(href) ")"; }

abbr[title]:after { content: " (" attr(title) ")"; }

/*
     * Don't show links for images, or javascript/internal links
     */

.ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after { content: ""; }

pre,  blockquote { border: 1px solid #999; page-break-inside: avoid; }

thead { display: table-header-group; /* h5bp.com/t */ }

tr,  img { page-break-inside: avoid; }

img { max-width: 100% !important; }

@page { margin: 0.5cm; }

p,  h2,  h3 { orphans: 3; widows: 3; }

h2,  h3 { page-break-after: avoid; }
}
#userUpdate pwd .userform .ui-picklist-list { height: 102px; }



/*FAQ configuration*/
.faq{  background-color: white;  display:table;  padding-bottom: 20px; }
.faq .ui-fieldset .ui-fieldset-legend{  display:inline;  width: 500px;  min-width: 500px;}
#main section.faqentry{  width: 542px;}
.faqentry{  width: 500px;  display:table-cell;  vertical-align:top;  float:none;}
.faqentrycontrols{  display:table-cell;  vertical-align:middle;  float:none;  width:90px;}
.faqentrycontrols button{  display:block;  margin: 10px auto !important;}

/*FAQ view*/
.faqcenter {width: 1180px;text-align: left; top:0; bottom: 0; left: 0; right: 0; margin: auto; overflow: visible; background-color: white;}
#faq-wrapper { height: 800px;  min-height: 800px;  background-color: white;  width: 1180px;  margin: 0 auto; padding: 25px; padding-top: 8px;}
#faq-wrapper .ui-widget-header {color: #00b7d3; background-color: rgb(235, 249, 252);}
.faqcenter h1 { margin-top: 20px; margin-bottom:10px; }

.pax-btn { height: 27px !important; }
.pax-btn .ui-button-icon-left { padding: 5px !important; }

.faqresources .ui-fieldset {margin-bottom: 10px;}

#update-universal-po-export {
  width: 1000px;
  background-color: white;
  margin: 0 auto;
  min-height: 100%;
  box-sizing: border-box;
  padding: 20px 20px;
}

#update-universal-po-export-download {
  padding: 10px 20px;
  background-color: #186E92;
  display: inline-block;
  color: white;
  border-radius: 10px;
  margin-top: 25px;
  box-shadow: 1px 1px 1px #8a8a8a;
  font-weight: bold;
}

#update-universal-po-export-download i {
  padding: 7px;
  background-color: white;
  color: #186E92;
  border-radius: 50px;
  margin-right: 10px;
}

.countrycode-dropdown { vertical-align: middle;
  margin-right: 3px;
}

.tripinfo .generalinfo .countrycode-dropdown {
  width: 52px !important;
  min-width: 52px !important;
  top: 0;
}

.bookingflowform .countrycode-dropdown, .bookingflowform .countrycode-dropdown label {width: 76px !important; }

.tripinfo .generalinfo .countrycode-dropdown .ui-selectonemenu-trigger,
.countrycode-dropdown-panel .ui-selectonemenu-filter-container .ui-inputfield { padding: 3px 0 2px 0; }

.tripinfo .generalinfo .countrycode-dropdown .ui-selectonemenu-label.ui-inputfield {
  padding: 3px 0 2px 2px;
  width: 58px !important;
}

.countrycode-dropdown-panel { width: 85px; }

.ui-inputfield.phonenumber-invalid-warn {
  border-color: #C09853;
  box-shadow: 0px 0px 5px #C09853;
  background-color: #E0CCA9;
}

.invalidphone-tooltip .ui-tooltip-text {
  background-color: white;
  font-weight: bold;
  color: #C09853;
  z-index: 9999!important;
}

#summaryForm .nationalnumber{
  margin-top: 2px;
}

.ui-tooltip-arrow {
  display: none;
}

.ui-tooltip .ui-tooltip-text {
  padding: 0;
}

.ui-tooltip .ui-tooltip-text .ui-message-error {
  margin: 0;
}

.ui-datatable table {
  table-layout: auto;
}

.ui-tabs .ui-tabs-navscroller-btn {
  display: none;
}

.ui-tabs .ui-tabs-navscroller {
  padding: 0;
}

.ui-tabs .ui-tabs-navscroller-btn-left {
  left: 0;
}

.ui-tabs .ui-tabs-navscroller-btn-right {
  right: 0;
}

.ui-datatable-tablewrapper {
  overflow: hidden;
}

.copyLuggageButton .ui-icon {
  top: 0;
}

body .inlineBooleanCheckbox.ui-chkbox {
  width: auto;
}

body .inlineBooleanCheckbox .ui-chkbox-box {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}

body .inlineBooleanCheckbox .ui-chkbox-label {
  vertical-align: middle;
  margin-top: 0;
  display: inline;
}

.results-more-divider {
  background-color: rgb(235,249,252);
}

.results-more-divider .availabilitytext {
  color: #00b7d3;
  padding-left: 7px;
  font-family: 'Open Sans';
  font-size: 1em;
}

.summary article .flightinfo.stopover > div.stopover { text-align:center; font-size:0.85em; width:140px}

.overviewActionBtn{
  text-decoration: none;
  white-space: normal;
}

.overviewActionBtn i {
  float: left;
  margin-top: 7px;
  margin-right: 10px;
  color: #00b7d3;
  padding: 3px;
}

.availabilityline li ul {
  color: #00b7d3;
}

.accomodationCheckbox .ui-chkbox-box.ui-state-default {
  border-color: #00B7D3;
}

.accomodationCheckbox .ui-chkbox {
  background-color: #ebf9fc;
  height: 20px;
  border-radius: 20px;
  border-left: none;
  box-sizing: border-box;
  overflow: visible;
  padding-right: 10px;
}

.accomodationCheckbox .ui-chkbox .ui-chkbox-label {
  margin: 0;
}

.ui-icon {
  text-indent: initial;
}

#createpriceelement\:priceelementcreationeditingform1\:insuranceCompany_panel, #createpriceelement\:priceelementcreationeditingform1\:ipidsheets_panel {
  z-index: 99999!important;
}

.included .ui-chkbox-box {
  width: 12px;
  height: 12px;
}

#tripconfigpanelform\:priceelements_list li, #tripconfigextendedform\:bookingDetailsOverview\:priceelements_list li {
  display: flex;
}

#tripconfigpanelform\:priceelements_list li > dl , #tripconfigextendedform\:bookingDetailsOverview\:priceelements_list li > dl{
  flex: 1 1 auto;
  padding: 0 10px 0 3px;
}

#tripconfigpanelform\:priceelements_list li > .checkboxList, #tripconfigextendedform\:bookingDetailsOverview\:priceelements_list li > .checkboxList{
  flex: 0 0 auto;
  padding: 0;
  margin: 5px 0;
}

.active {
  color: rgb(125, 134, 15);
  font-weight: bold;
  font-size: 0.95em;
  text-transform: capitalize;
}

.nonactivetext {
  color: #4f4f4f;
  font-weight: bold;
  font-size: 0.95em;
  text-transform: capitalize;
}

.activeprice {
  color: black;
  font-weight: normal;
  font-size: 0.9em;
}

.nonactiveprice {
  color: black;
  font-weight: normal;
  text-decoration: line-through;
  font-size: 0.9em;
}
.included .ui-chkbox-box {
  width: 12px;
  height: 12px;
}

#tripconfigpanelform\:priceelements_list li, #tripconfigextendedform\:bookingDetailsOverview\:priceelements_list li {
  display: flex;
}

#tripconfigpanelform\:priceelements_list li > dl , #tripconfigextendedform\:bookingDetailsOverview\:priceelements_list li > dl{
  flex: 1 1 auto;
  padding: 0 10px 0 0;
}

#tripconfigpanelform\:priceelements_list li > .checkboxList, #tripconfigextendedform\:bookingDetailsOverview\:priceelements_list li > .checkboxList{
  flex: 0 0 auto;
  padding: 0;
  margin: 5px 0 5px 20px;
}

.included {
  padding-top: 3px;
  margin-top: 0;
}

.active {
  color: rgb(125, 134, 15);
  font-weight: bold;
  font-size: 0.95em;
  text-transform: capitalize;
}

.nonactivetext {
  color: #4f4f4f;
  font-weight: bold;
  font-size: 0.95em;
  text-transform: capitalize;
}

.activeprice {
  color: black;
  font-weight: normal;
  font-size: 0.9em;
}
.nonactiveprice {
  color: black;
  font-weight: normal;
  text-decoration: line-through;
  font-size: 0.9em;
}

.applicationlist label {
  vertical-align: sub;
}

#priceelementoverlay, #priceelementdialog {
  background-color: rgb(249,249,249);
}

#priceelementlistpanel fieldset {
  width: fit-content;
}