@font-face {
  font-family: 'Montserrat';
  font-weight: 200;
  font-display: swap;
  src: url('./fonts/Montserrat-ExtraLight.woff')
}

@font-face {
  font-family: 'Montserrat';
  font-style: lighter;
  font-weight: 300;
  font-display: swap;
  src: url('./fonts/Montserrat-Light.woff')
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/Montserrat-Regular.woff')
}

@font-face {
  font-family: 'Montserrat';
  font-style: medium;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/Montserrat-Medium.woff')
}

@font-face {
  font-family: 'Montserrat';
  font-weight: 600;
  font-display: swap;
  src: url('./fonts/Montserrat-SemiBold.woff')
}

@font-face {
  font-family: 'Montserrat';
  font-style: bold;
  font-weight: 700;
  font-display: swap;
  src: url('./fonts/Montserrat-Bold.woff')
}

@font-face {
  font-family: 'Montserrat';
  font-style: bolder;
  font-weight: 800;
  font-display: swap;
  src: url('./fonts/Montserrat-ExtraBold.woff')
}

body::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
}

body::-webkit-scrollbar-thumb{
  border-radius: 7px;
  background-color: #d9d9d9;
  height: auto;
}

.expo-now-title {
	font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
	font-size: 20px;
	height: 20px;
	line-height: 20px;
	margin: 20px 0 20px 0;
}

.expo-now-title-bold {
	font-weight: 700
}
/* use the classes below for tables in popups-forms and tables, see po history popup*/
.en-popup-results-table-div{
  max-height: 400px;
  margin-left: 25px;
  margin-right: 25px;
  overflow-y: auto;
  overflow-x: hidden;
}
.en-form-title{
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: medium;
  color: #242424;
  margin: 5px 25px;
}

.en-form-input-search-div{
  margin: 5px 5px 25px 25px;
}

.en-page-font{
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
}

.en-page-font-bold{
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.en-page-font body, .en-page-font label, .en-page-font div, .en-page-font button, .en-page-font td, .en-page-font ul, .en-page-font li{
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
}

.link, .link:hover, .link:visited {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #51718A !important;
  text-decoration: none;
}

.link-disabled, .link-disabled:hover, .link-disabled:visited {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #8F8F8F !important;
  text-decoration: none;
  cursor: default;
}

.link-underline, .link-underline:hover {
  text-decoration: underline;
}

:focus {
  outline-style: none;
}

/*spinner*/
#spinner{
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  margin: auto;
  top:50%;
  height: 50%;/*for IE*/
  text-align: center;
  text-align: -webkit-center;
  position: relative;
  transform: translateY(-50%);
  color: #283641;
  letter-spacing: 3px;
  font-size: 12px;
  font-weight: 600;
  position: relative;
  width: 100%;
  align: center;
}

/* below class is added for overlay */
#spinner-overlay {
  display: none;
  position: absolute;
  left: 40%;
  top: 40%;
  width: 350px;
  text-align: center;
  z-index: 1000;
  align-self: center;
}

.spinner {
  margin: auto;/* for IE */
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid #EB0028;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 0.75s ease-in-out infinite; /* chrome */
  animation: spin 0.75s ease-in-out infinite;
  margin-top: 8px;
}

/* chrome */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*scrollbar  horizontal/vertical, used in div, alter overflow properties for base element to make scrollbar visible*/
.expo-now-scroll{
  /*FF*/
  scrollbar-color: #3C5365 #EEEEEE;
  scrollbar-width: thin;
  /*IE*/
  scrollbar-track-color: #EEEEEE;
  scrollbar-face-color: #3C5365;
  overscroll-behavior: auto;
}

.expo-now-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #EEEEEE;
}

.expo-now-scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #EEEEEE;
}

.expo-now-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #3C5365;
}
.expo-now-scroll::-webkit-scrollbar-thumb:hover {
  background: #283641;
}

.expo-now-scroll::-webkit-scrollbar-thumb:active {
  background: #000000;
}

/* toggle switch*/
.switch {
  position: relative;
  display: inline-block;
}
.switch.lt-ie9{
  position: static;
}

.switch-input{
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: none !important;
  line-height: 0 !important;
  padding: 0 !important;
}
.switch-label {
  display: inline-block;
  width: 28px;
  height: 13px;
  text-indent: -150%;
  clip: rect(0 0 0 0);
  color: transparent;
  user-select: none;
}
.switch-label::before,
.switch-label::after {
  content: "";
  display: block;
  position: absolute;
  cursor: pointer;
}
.switch-label::before {
  width: 100%;
  height: 100%;
  background-color: #C5C5C5;
  border-radius: 9999em;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
.switch-label::after {
  top: 1px;
  left: 12px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
.switch-input:checked + .switch-label::before {
  background-color: #51718A ;
}
.switch-input:checked + .switch-label::after {
  left: 33px;
}
.lt-ie9{
  display: "" !important;
  opacity: 1 !important;
  width: 15px !important;
  height: 15px !important;
}
.lt-ie9 + label{
  display: none !important;
}

/**
 */
/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/*EXP.ONOW Radio Buttons */
input[type=radio]{
  margin-right: 10px;
  opacity: 1;
}

input[type=radio]:before,
input[type=radio]:checked:before {
  margin-top: -2px;
  margin-left: -2px;
  content: "";
  opacity: 1;
  display: block;
  width: 14px;
  height: 14px;
  border: 1px solid #697884;
  border-radius: 14px;
  background-color: white;
}

input[type=radio]:checked:after{
  margin-top: -13px;
  margin-left: 1px;
  content: "";
  opacity: 1;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #697884;
}

/*EXP.ONOW Checkboxes */
input[type=checkbox]{
  opacity: 1;
  height: 12px;
}

input[type=checkbox]:before,
input[type=checkbox]:checked:before {
  margin-top: -1px;
  margin-left: -1px;
  content: "";
  opacity: 1;
  display: block;
  width: 12px;
  height: 12px;
  max-height: 12px;
  border: 1px solid #697884;
  background-color: white;
}

input[type=checkbox]:checked:after{
  margin-top: -13px;
  margin-left: 0px;
  content: "";
  opacity: 1;
  display: block;
  width: 12px;
  height: 12px;
  max-height: 12px;
  background-color: #697884;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
}

/* EXP.ONOW Breadcrumbs */

.en-breadcrumbs {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  font-weight: 600;
  font-size: 14px;
}

.en-breadcrumbs .smtext {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  font-weight: 600;
  text-decoration: none;
  color: #000000;
  font-size: 14px;
}

.en-breadcrumb,
.en-breadcrumb:hover,
.en-breadcrumb:visited,
.en-breadcrumb:link {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  font-weight: 600;
  text-decoration: none;
  color: #697884;
  font-size: 14px;
}

.en-breadcrumbs .chevron {
  background: url(../images/black-1-chev-right.png);
  background-position: center;
  background-size: 7.45px 12px;
  background-repeat: no-repeat;
  padding: 0 10px 0 10px;
}
/*icon buttons*/

.expo-icon-button-up{
  background-image: url(../images/white-1-chev-up.png);
}
.expo-icon-button-down{
  background-image: url(../images/white-1-chev-down.png);
}

.expo-icon-button-down,
.expo-icon-button-up{
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px 13px;
  height: 15px;
  width: 15px;
  border: 0;
  background-color: #51718A;

}

.expo-icon-button-up:hover, .expo-icon-button-down:hover{
  background-color: #242424;
}

/* EXP.O NOW Collapse Panel */
.en-panel-expanded-title {
  height: 14px;
  line-height: 14px;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  padding: 10px 0 10px 20px;
  cursor: pointer;
  color: #3C5365;
  background: url(../images/blue-1-chev-down.png) 0 0 no-repeat;
  background-size: 12px 7.57px;
  background-position: left;
  margin: 0;
  border: none;
}

.en-panel-collapsed-title {
  height: 14px;
  line-height: 14px;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  color: #3C5365;
  cursor: pointer;
  padding: 10px 0 10px 20px;
  background: url(../images/blue-1-chev-right.png) 0 0 no-repeat;
  background-size: 7.57px 12px;
  background-position: left;
  margin: 0;
  border: none;
}

.en-panel-initial-content {
  height: auto;
}

.en-panel-expanded-content {
  overflow: hidden;
  max-height: 1200px;
  animation: animateExpand 0.5s ease-in;
}

.en-panel-collapsed-content {
  overflow: hidden;
  max-height: 0px;
  animation: animateCollapse 0.3s ease-out;
}

@keyframes animateCollapse {
  from {
    max-height: 600px;
  }
  to {
    max-height: 0px;
  }
}

@keyframes animateExpand {
  from {
    max-height: 0px;
  }
  to {
    max-height: 600px;
  }
}

/* EXP.O NOW Alerts */
.expo-now-info-alert {
	display: flex;
}

.expo-now-info-alert .messageSection {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  font-size: 12px;
  line-height: 19px;
  letter-spacing: 0.5px;
  background: #3C5365;
  color:#F7F7F7;
  border-top-width:2px;
  margin-bottom:5px; 
  padding:5px 5px 5px 8px;
  border: none;
  width:100%;
  
}

.booking-exit-alert-header-title{
  background:#484848;
  margin-top: 0px;
  padding-left: 20px;
}

.booking-exit-alert-header-container{
  background: #FFCE00;
  padding: 5px;
  margin-bottom:20px;
  width:97%;
}
.booking-exit-alert-body{
  padding: 20px;
  font-weight: 600 !important;
  font-size: 12px;
}

.booking-exit-alert-button{
  padding-top:10px;
}
.expo-now-info-alert table {
  margin: 0 !important;
}

#popupTitleBar {
  margin: 18px 10px;
}
#popupTitle {
  float:left;
  display: flex;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  height: 15px;
  line-height: 15px;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
  color: #484848;
}

#popupControls {
  margin-bottom:5px; 
  border: none;
  display: inline-block;
  float: right;
}

.en-warning-types-table {
	width: 80%;
}

.en-warning-types-table tr {
	height: 60px;
}

/* EXP.O NOW Table */
.expo-now-table {
  border-spacing: 0;
  overflow: auto;
}

.expo-now-table table {
  border-collapse: collapse;
}

.expo-now-table tr {
  min-height: 39px;
}

.expo-now-table th, 
.expo-now-table td, 
.expo-now-table div, 
.expo-now-table input, select, textarea {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
}

.expo-now-table th, .expo-now-table td {
  height: 26px;
  padding: 7px 20px 7px 7px;
}

.wide-rows td {
  height: 26px;
}

.skinny-rows td {
  height: 13px;
}

.skinny-rows-booking-rules td:nth-child(odd) {
  width: 30%;
  text-align: left;
}

.skinny-rows-booking-rules td:nth-child(even) {
  width: 10%;
  text-align: left;
}

.rule-filter-text-area {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  height: 90px;
  width: 890px;
  border: 1px solid #697884;
}

.xs-rows td,
.xs-rows th,
.xs-rows div {
  height: 13px;
  padding: 2px 4px 2px 4px;
  font-size: 11px;
}

.expo-now-table th {
  border-bottom: 1px solid #697884;
  background-color: #ffffff !important;
  color: #3c5364;
}

.expo-now-table th:hover {
  border-bottom: 1px solid #697884;
  background-color: #ffffff !important;
  color: #242424;
}

.expo-now-table tr:nth-child(odd) {
  background-color: #f2f2f2 !important;
}

.expo-now-table tr:nth-child(even) {
  background-color: #ffffff !important;
}

.expo-now-table tr:first-child {
  background-color: #ffffff !important;
}

.expo-now-table tr:first-child:hover {
  background-color: #ffffff !important;
}

.expo-now-table tr:hover {
  background-color: #B4BCC1 !important;
}

.booking-rules-table tr:first-child:hover {
  background-color: #B4BCC1 !important;
}

.booking-rules-table tr:first-child {
  background-color: #f2f2f2 !important;
}

.air-table tr:first-child {
  background-color: #ffffff !important;
}

.container-ocean-header {
  border-bottom: none !important;
  height: 25px !important;
}

.no-hover tr {
  cursor: default;
}

.no-hover tr:nth-child(even) {
  background-color: #ffffff !important;
}

.no-hover tr:nth-child(odd) {
  background-color: #f2f2f2 !important;
}

.no-hover tr:first-child {
  background-color: #ffffff !important;
}

.no-hover tr:first-child:hover {
  background-color: #ffffff !important;
}

.separate-header tr {
  cursor: default;
}

.separate-header tr:nth-child(odd),
.separate-header-odd-gray tr:nth-child(even) {
  background-color: #ffffff !important;
}

.separate-header tr:nth-child(even),
.separate-header-odd-gray tr:nth-child(odd)  {
  background-color: #f2f2f2 !important;
}

.separate-header tr:first-child {
  background-color: #ffffff !important;
}

.separate-header tr:first-child:hover {
  background-color: #ffffff !important;
}

.separate-header-odd-gray tr:first-child:hover {
  background-color: #f2f2f2 !important;
}

.no-wrap td {
  white-space: nowrap;
}

.expo-now-table input, .expo-now-table select {
  border: 1px solid #697884;
  background-color: #fafafa;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 6px;
}

.expo-now-table textarea {
  border: 1px solid #697884;
  background-color: #fafafa;
  min-height: 26px;
  padding: 0 0 0 6px;
}

.xs-rows tr {
  min-height: auto;
}

.xs-rows input,
.xs-rows textarea {
  line-height: 16px;
  height: 16px;
  min-height: 16px;
}

.xs-rows input[type=checkbox] {
  min-height: 13px;
}

.expo-now-table input.qtyNotAllowed {
  border: 1px solid #B0001E;
}

.expo-now-table input:focus,
.expo-now-table textarea:focus
.expo-now-table select:focus{
  border: 1px solid #697884;
  background-color: #ffffff;
  outline: none;
}

.expo-now-table input:hover,
.expo-now-table select:hover,
.expo-now-table textarea:hover {
  border: 1px solid #697884;
  background-color: #ffffff;
  outline: none;
}

.expo-now-table a, .expo-now-table a:visited {
  color: #51718A;
  font-weight: 600;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  text-decoration: none;
  cursor: pointer;
}

.expo-now-table input[type=checkbox]{
  opacity: 1;
  max-height: 13px;
}

.expo-now-table input[type=checkbox]:before,
.expo-now-table input[type=checkbox]:checked:before {
  margin-top: -1px;
  margin-left: -1px;
  content: "";
  opacity: 1;
  display: block;
  width: 12px;
  height: 12px;
  max-height: 12px;
  border: 1px solid #697884;
  background-color: white;
}

.expo-now-table input[type=checkbox]:checked:after{
  margin-top: -13px;
  margin-left: 0px;
  content: "";
  opacity: 1;
  display: block;
  width: 12px;
  height: 12px;
  max-height: 12px;
  background-color: #697884;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
}

.expo-now-table pre {
  margin: 0;
  overflow: hidden;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
}

.expo-now-table .iconbutton {
  height: 16px;
  width: 20px;
  position: relative;
}

.expo-now-table .iconbutton img {
  position: absolute;
  top: -1px;
  left: 0;
}

.expo-now-table img[src="images/warning-triangle-toast.png"] {
  margin-right: 10px;
  height: 13px;
}

.expo-now-eula-textarea {
  width: 100%;
  height: calc(100vh - 300px);
  border: 1px solid #697884;
  overflow: auto;
}

.expo-now-eula-textarea p {
  margin: 5px;
  font-family:'Montserrat','HelveticaNeue',Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:600;
}

/* EXP.O NOW Pagination Buttons */

.expo-now-pagination .pagingButtons {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 100% !important;
  min-height: 32px;
}

.expo-now-pagination strong {
  font-weight: 600;
}

.expo-now-pagination select {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
}

.expo-now-pagination button {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 26px;
  border: 0;
  color: #ffffff;
  background-color: transparent;
}

.expo-now-pagination button:hover {
  background-color: #F7F7F7;
}

.expo-now-pagination button:disabled {
  background-color: transparent;
  cursor: default;
}

.expo-now-pagination button img {
  visibility: hidden;
}

.expo-now-pagination select {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  border: 1px solid #697884;
  background-color: #fafafa;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 6px;
}

.expo-now-pagination select:hover {
  border: 1px solid #697884;
  background-color: #ffffff;
  outline: none;
}

.expo-now-pagination select:focus {
  border: 1px solid #697884;
  background-color: #ffffff;
  outline: none;
}

.expo-now-pagination #NEXT_PAGE_BUTTON {
  background-image: url("../images/blue-1-chev-right.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 9.44px 15.2px;
  padding: 0 4px 0 6px;
}

.expo-now-pagination #NEXT_PAGE_BUTTON:disabled {
  background-image: url("../images/lightgray-1-chev-right.png");
}

.expo-now-pagination #LAST_PAGE_BUTTON {
  background-image: url("../images/blue-last-page.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20.8px 15.2px;
  padding: 0 8px 0 6px;
}

.expo-now-pagination #LAST_PAGE_BUTTON:disabled {
  background-image: url("../images/lightgray-last-page.png");
}

.expo-now-pagination #PREVIOUS_PAGE_BUTTON {
  background-image: url("../images/blue-1-chev-left.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 9.44px 15.2px;
  padding: 0 6px 0 4px;
}

.expo-now-pagination #PREVIOUS_PAGE_BUTTON:disabled {
  background-image: url("../images/lightgray-1-chev-left.png");
}

.expo-now-pagination #FIRST_PAGE_BUTTON {
  background-image: url("../images/blue-first-page.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20.8px 15.2px;
  padding: 0 6px 0 8px;
}

.expo-now-pagination #FIRST_PAGE_BUTTON:disabled {
  background-image: url("../images/lightgray-first-page.png");
}

.dynamic-right-justify tr {
  display: block;
  width: 100%;
}

.dynamic-right-justify td {
  float: right;
}

.dynamic-right-justify {
  display: block;
  width: 100%;
}

.dynamic-right-justify-container {
  display: block;
  width: 100%;
}

/* EXP.ONOW Form Controls */

.expo-now-filter {
  margin-left:20px;
}

.expo-now-filter table {
  border-collapse: separate;
  border-spacing: 10px 15px;
}

.expo-now-mnfr-shpr-button {
  width: 100%;
  max-width: 636px;
}

.expo-now-filter-search-button{
  max-width: 286px;
  width: 100%;
}

.en-search-basic-buttons button:first-child, 
.expo-now-mnfr-shpr-button button:first-child,
.expo-now-filter-search-button button:first-child {
  float: right;
}

.en-search-basic-buttons button:nth-child(2),
.expo-now-mnfr-shpr-button button:nth-child(2),
.expo-now-filter-search-button button:nth-child(2) {
  float: right;
  margin: 0 4px 0 0;
}

.expo-now-input-label {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  display: block;
  font-weight: 600;
  font-size: 12px;
  padding-bottom: 4px;
  color: #242424;
}

.inline-label {
  display: inline;
}

.expo-now-label {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-bottom: 4px;
  color: #242424;
}

.expo-now-input, .expo-now-select {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  border: 1px solid #697884;
  background-color: #fafafa;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 6px;
}

::-webkit-input-placeholder {
  color:#B4BCC1;
}

::-moz-placeholder {
  color:#B4BCC1;
}

:-ms-input-placeholder {
  color:#B4BCC1 !important;
}

::placeholder {
  color:#B4BCC1;
}

.expo-now-select {
  height: 28px;
}

.expo-now-input:focus, .expo-now-select:focus {
  border: 1px solid #697884;
  background-color: #ffffff;
  outline: none;
}

.expo-now-input:hover, .expo-now-select:hover {
  border: 1px solid #697884;
  background-color: #ffffff;
  outline: none;
}

.expo-now-input:disabled {
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
}

::-webkit-input-placeholder {
  color:#B4BCC1;
}

::-moz-placeholder {
  color:#B4BCC1;
}

:-ms-input-placeholder {
  color:#B4BCC1 !important;
}

::placeholder {
  color:#B4BCC1;
}

.en-required-input-asterisk{
  color: #eb0028;
  font-weight: 500;
}

.en-required-input{
  color: #eb0028;
  display: block;
}

.en-small-text{
  font-size: 10px
}

.en-med-text{
  font-size: 13px;
}

/* EXP.ONOW Buttons */
.expo-btn-primary {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  border: 0;
  padding: 8px 12px 8px 12px;
  color: #ffffff;
  background-color: #3C5365;
}

.expo-btn-primary:hover {
  background-color: #283641;
}

.expo-btn-primary:disabled {
  background-color: #e6e6e6;
  color: #8f8f8f;
  cursor: default;
}

.expo-btn-secondary {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  border: 0;
  padding: 8px 12px 9px 12px;
  color: #ffffff;
  background-color: #697884;
}

.expo-btn-secondary:hover {
  background-color: #283641;
}

.expo-btn-secondary:disabled {
  background-color: #e6e6e6;
  color: #8f8f8f;
  cursor: default;
}

.expo-btn-secondary-outline {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  border: 0;
  padding: 7px 12px 7px 12px;
  color: #697884;
  border: 1px solid #697884;
  background-color: #ffffff;
}

.expo-btn-secondary-outline:hover {
  color: #ffffff;
  background-color: #283641;
  border: 1px solid #283641;
}

.expo-btn-secondary-outline:disabled {
  background-color: #e6e6e6;
  color: #8f8f8f;
  border: 1px solid #8f8f8f;
  cursor: default;
}

.expo-btn-tertiary {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  border: 0;
  padding: 8px 12px 9px 12px;
  color: #697884;
  background-color: #ffffff;
}

.expo-btn-tertiary:hover{
   color: #3C5365;
   background-color: #f7f7f7;
}

.expo-btn-tertiary:disabled{
  color: #8f8f8f;
}

.expo-link-button-primary {
  text-decoration: none;
  display: inline-block;
  white-space: nowrap;
  line-height: 14px;
  color: #ffffff !important;
}

.expo-link-button-primary:visited {
  color: #ffffff !important;
}

.expo-link-button-primary:hover {
  color: #ffffff !important;
}

.expo-link-button {
  text-decoration: none;
  display: inline-block;
  white-space: nowrap;
  line-height: 14px;
  color: #697884 !important;
}

.expo-link-button:visited {
  color: #697884 !important;
}

.expo-link-button:hover {
  color: #ffffff !important;
}

/* EXP.ONOW Pill Tabs */

.active-pill-tab,
.inactive-pill-tab {
  text-transform: capitalize;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-weight: 600;
  margin: 0 0 0 12px;
  height: 16px;
  padding: 4px 20px 4px 20px;
  border-radius: 24px;
  text-decoration: none;
}

.active-pill-tab,
.active-pill-tab a,
.active-pill-tab a:hover {
  color: #ffffff !important;
  background-color: #3C5365;
  cursor: default;
}

.inactive-pill-tab,
.inactive-pill-tab a,
.inactive-pill-tab a:hover {
  color: #3C5365 !important;
  cursor: pointer;
}

/* EXP.ONOW SideNav */
.topRightNavCellRect {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  border: none;
  float: none;
  display: block;
  height: 31px;
  padding-top: 3px;
  width: 450px;
  display: flex;
  align-items: center;
}

.topRightNavCellRect input {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  border: 1px solid #697884;
  background-color: #fafafa;
  height: 22px;
}

.topRightNavCellRect input:focus {
  border: 1px solid #697884;
  background-color: #ffffff;
  outline: none;
}

.topRightNavCellRect input:hover {
  border: 1px solid #697884;
  background-color: #ffffff;
  outline: none;
}

.topRightNavCellRect a {
  color: #000000;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  text-decoration: underline;
}

.topRightNavCellRect button {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  border: 0;
  color: #ffffff;
  height: 26px;
  background-color: #3C5365;
  margin-left: 4px;
}

.topRightNavCellRect img {
  margin: 0;
  height: 14px;
  margin: 0 2px 0 2px;
  display: inline;
}

.booking-items-download-text {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  margin: 0 0 10px 0;
  display: block;
}

.booking-items-download-text a {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #3C5365;
}

.booking-items-download-icon {
  height: 15px;
  width: 15px;
}

.pin {
  margin-left: 12px;
  margin-top: 49px;
  width: 250px;
}

.user-registration {
	margin-left: 20px;
}

.user-registration-divider{
 height: 450px !important;
}
/* PO Custom Filter */

.po-custom-filter-inputs tr {
  display: flex;
  flex-direction: column;
}

.po-custom-filter-inputs td {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  text-align: left !important;
  font-weight: 600;
  font-size: 12px;
  padding-bottom: 4px;
}

.po-custom-filter-inputs label {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  display: block;
  font-weight: 600;
  font-size: 12px;
  padding: 10px 0 2px 0;
}


.po-custom-filter-inputs input, .po-custom-filter-inputs select {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-weight: normal;
  border: 1px solid #697884;
  background-color: #fafafa;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 6px;
}

.po-custom-filter-inputs select {
  height: 28px;
}

.po-custom-filter-inputs input:focus, 
.po-custom-filter-inputs select:focus {
  border: 1px solid #697884;
  background-color: #ffffff;
  outline: none;
}

.po-custom-filter-inputs input:hover, 
.po-custom-filter-inputs select:hover {
  border: 1px solid #697884;
  background-color: #ffffff;
  outline: none;
}

.expo-welcome-msg p{
  margin-bottom: 0px;
 }
 
.expo-welcome-title {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  position: relative; 
  margin-top: 0px;
}

.expo-login-date {
  font-size: 12px;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 18px;
  color: #8F8F8F;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 0 0;
}

.red-underline {
    margin: 12px 0 8px 0;
}

.expo-bulletin-container {
 font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
 align-content:center;
}

.expo-now-box-shadow {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); 
}
  
.expo-bulletin-container .box{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); 
	border: none;
    margin: 20px 60px 0 60px;
    width: calc(100% - 130px);
	overflow-wrap: break-word !important;
	align-content: center;
}

.expo-bulletin-container p:first-child{
	font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
	font-weight: 600 !important;
	font-size: 18px !important;	
	color:#b0001e !important;
}

.expo-bulletin-container .non-urgent p:first-child{
	font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
	font-weight: 600 !important;
	font-size: 18px !important;	
	color:#000000 !important;

}

.expo-bulletin-container pre{
	font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
	font-weight: 400 !important;
  font-size: 14px;
  white-space: pre-wrap;       /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;
  padding: 0 14px 0 14px;
}

.expo-book-title{
	font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size: 32px;
	letter-spacing: 1px;
	line-height:44px;
	align:center;
}

.expo-error {
	background: #FFCE00;
	font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    line-height: 19px;
    padding-left:0px;
    letter-spacing: 0.5px;
}

.expo-error img {
  height: 14px;
  margin-top:5px;
  margin-left:2px;
  display: inline;
}

.expo-info{
  background: #3C5365;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  font-size: 12px;
  line-height: 19px;
  padding-left:0px;
  letter-spacing: 0.5px;
  color: #F7F7F7;
}

.expo-booking-search-message{
  margin-top:20px;
  margin: 20px 60px 0 60px;
  width:calc(100% - 130px); 

}

.expo-booking-search-message .errorBox {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  font-size: 12px;
  line-height: 19px;
  letter-spacing: 0.5px;
  background: #3C5365;
  color:#F7F7F7;

  border-top-width:2px;
  margin-bottom:5px; 
  padding:5px;
  
  border: none;

  }
  
.expo-booking-search-message table{
 	width: 100%;
}

.brand-arrow {
  transform: skew(-20deg);
  margin: 8px 0 0 0;
  width: 146px;
  height: 5px;
}

.brand-arrow {
  transform: skew(-20deg);
  margin: 8px 0 0 0;
  width: 146px;
  height: 5px;
}

.arrow-long {
  float: left;
  width: 130px;
  height: 5px;
  background-color: #EB0028;
  margin: 0 0 0 0;
}

.arrow-tick {
  float: left;
  width: 3px;
  height: 5px;
  background-color: #EB0028;
  margin: 0 0 0 2px;

}

.arrow-booking-rules {
  height: auto;
  max-width: 75%;
  border: none;
  display: block;
}

.abcd-image-booking-rules {
  height: 25px;
  width: 25px;
  border: none;
}

/* Select Customer, Select Manufacturer, Select Shipper*/

.select-party-container {
  height: 100%;
  float: left;
  margin: 0 20px 20px 20px;
  width: calc(100% - 60px);
  padding: 20px 10px 10px 10px;
}

.select-party-container .box {
  border: none;
  padding: 0;
  width: 100%;
}

.expo-overflow {
  overflow: auto;
}

.en-small-table-height{
    max-height: 200px;
}

.expo-medium-table-height{
  height: 350px;
}

.expo-large-table-height{
  height: 500px;
}

.select-customer-form-table td {
  padding: 0 0 0 16px;
}

.select-customer-form-table label {
  padding-top: 10px;
}

.select-customer-button {
  float: right;
  margin: 8px 0 0 16px;
}

/*Quick search booking */
#bookingGo {
  background-color: #3C5365;
  color: transparent;
  width: 18px;
  background-image: url("../images/white-1-chev-right.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 7.86px 12.67px;
}

#bookingGo:hover {
  background-color: #283641;
}

/*User preferences*/
.user-preferences-container {
  height: 100%;
  float: left;
  margin: 0 20px 20px 20px;
  width: calc(100% - 60px);
  padding: 20px 10px 10px 10px;
}

.user-preferences-alert {
  float: left;
  margin: 0 20px 10px 20px;
  width: calc(100% - 40px);
}

.user-preferences-alert table {
  width: 100% !important;
}

.user-preferences-container .box {
  border: none;
}

.user-preferences-inputs {
  display: flex;
  flex-direction: column;
}

.user-preferences-inputs div, .user-preferences-inputs input {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
}

.user-preferences-inputs textarea {
  height: 80px;
}

.user-preferences-data {
  width: 50%;
  max-width: 360px;
}

.user-preferences-data-left {
  max-width: 360px;
}

.user-preferences-data-right {
  max-width: 250px;
}

.user-preferences-data-right button {
  float: right;
  margin: 0 0 0 8px;
}

.user-preferences-data-label {
  font-weight: 600;
  margin: 0 14px 0 0;
}

.user-preferences-row {
  display: flex;
  flex-direction: row;
  justify-content: start;
  margin: 0 0 16px 0;
}

/* invite user */
.en-invite-title {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  color: #3C5365;
  margin: 0 0 5 0;
  padding: 0;
}

/* Custom Search Criteria */
.en-search-title {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  color: #3C5365;
  margin: 0 0 0 0;
  padding: 0;
}

.en-search-criteria-data{
  max-width: 1100px;
}

.en-search-crit-left {
  float: left;
}

.en-search-crit-right {
  float: right;
}

.en-search-criteria-container {
  width: 330px
}

.en-search-sort-order {
  font-weight: 600;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
}

.en-search-sort-order-form {
  margin: 0 0 0 6px;
  font-weight: 600;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
}

.en-search-sort-order p {
  font-weight: 600;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
}

/*Shipper Parties*/
.en-shipper-parties-add-button-div{
  margin-top: 15px;
  margin-left: 10px;
}

.en-shipper-party-textarea{
  height: 80px;
}

.en-search-shipper-party-container {
  width: 370px;
}

.en-shipper-party-container tr td {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  display: block;
  font-weight: 600;
  font-size: 12px;
  padding-bottom: 4px;
  color: #242424;
  text-align: left;
}

.en-shipper-party-container input {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  border: 1px solid #697884;
  background-color: #fafafa;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 6px;
}

.en-search-shipper-party-container button,
.en-search-criteria-container button,
.en-search-sort-order button {
  position: relative;
  top: 4px;
}

.en-search-shipper-party-container tr,
.en-search-criteria-container tr,
.en-search-sort-order tr {
  display: block;
  margin: 0 0 16px 0;
  min-height: 47px;
}

.en-search-shipper-party-container input[type="radio"],
.en-search-shipper-party-container input[type="checkbox"],
.en-search-criteria-container input[type="radio"], 
.en-search-criteria-container input[type="checkbox"] {
  min-height: 12px;
}

.en-search-shipper-party-container tr td,
.en-search-criteria-container tr td,
.en-search-sort-order tr td {
  display: block
}

.en-search-shipper-party-container .searchLabel,
.en-search-criteria-container .searchLabel,
.en-search-sort-order .searchLabel {
  text-align: left;
}

.en-search-shipper-party-container label,
.en-search-shipper-party-container td,
.en-search-criteria-container label,
.en-search-sort-order label {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  display: block;
  font-weight: 600;
  font-size: 12px;
  padding-bottom: 4px;
  color: #242424;
}

.user-setup-requests-table select,
.en-search-shipper-party-container input,
.en-search-criteria-container input, 
.en-search-sort-order input, 
.en-search-shipper-party-container select,
.en-search-criteria-container select,
.en-search-sort-order select,
#SELECTED_SEARCH_CONFIGURATION {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  border: 1px solid #697884;
  background-color: #fafafa;
  min-height: 26px;
  line-height: 26px;
  padding: 0 0 0 6px;
}

.en-search-shipper-party-container input,
.en-search-criteria-container input {
  max-width: 277px
}

.en-search-shipper-party-container select,
.en-search-criteria-container select {
  min-width: 108px;
}

.en-search-shipper-party-container select,
.en-search-criteria-container select,
.en-search-sort-order select,
#SELECTED_SEARCH_CONFIGURATION {
  min-height: 28px;
}

.en-search-shipper-party-container select[multiple],
.en-search-criteria-container select[multiple] {
  height: 91px;
}

.en-search-shipper-party-container input:focus,
.en-search-criteria-container input:focus, 
.en-search-sort-order input:focus, 
.en-search-shipper-party-container select:focus,
.en-search-criteria-container select:focus,
.en-search-sort-order select:focus,
#SELECTED_SEARCH_CONFIGURATION:focus {
  border: 1px solid #697884;
  background-color: #ffffff;
  outline: none;
}

.en-search-shipper-party-container input:hover,
.en-search-criteria-container input:hover, 
.en-search-sort-order input:hover, 
.en-search-shipper-party-container select:hover,
.en-search-criteria-container select:hover,
.en-search-sort-order select:hover,
#SELECTED_SEARCH_CONFIGURATION:hover {
  border: 1px solid #697884;
  background-color: #ffffff;
  outline: none;
}

#SELECTED_SEARCH_CONFIGURATION { 
  float: left;
}

.en-search-container div table tr td{
	font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
}

.en-search-saveDropDown {
  width: 100%;
  margin-right: 8px;
  min-width: 890px;
  min-height: 29px;
  position: relative;
}

.en-search-configure-buttons,
.en-search-title-container {
  max-width: 830px;
  width: calc(100% - ( 100% - 510px ) / 2 + 25px );
  margin-right: 8px;
  min-width: 610px;
  min-height: 29px;
  position: relative;
}

.en-basic-search-title-container,
.en-search-basic-buttons {
  width: calc(100% - ( 100% - 430px ) / 2 );
  position: relative;
  min-height: 20px;
}

.en-basic-search-title-container {
  margin-bottom: 24px;
}

.en-search-saveDropDown {
	font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  padding-bottom: 3px;
  margin: 8px 0 16px 8px;
  float:left;
}

.en-search-saveDropDown div table tr td{
	font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
}

.en-search-configure-buttons .expo-btn-primary {
  position: absolute;
  right: 0;
}

.en-search-configure-buttons .expo-btn-secondary {
  position: absolute;
  right: 74px;
}

.en-search-title-container {
  margin: 0 0 12px 8px;
  position: relative;
}

.en-basic-search-title-container .link,
.en-search-title-container .link {
  position: absolute;
  right: 0;
  font-size: 14px;
}

.en-search-type-tabs .link {
  position: relative;
}

.en-search-type-tabs {
  position: absolute;
  right: 0;
  top: 0;
}

.en-search-type-tabs .active-pill-tab,
.en-search-type-tabs .inactive-pill-tab {
  display: inline-block;
}

.en-search-result{
	margin: 40px 0 0 0;
}

.en-search-result-table-container {
  display: block;
}

.en-search-result table,
.en-search-result tbody,
.en-search-result .expo-now-table {
  display: block;
}

.en-search-saveDropDown select {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  border: 1px solid #697884;
  background-color: #fafafa;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 6px;
}

.en-search-saveDropDown #ScheduleModule,
.en-search-saveDropDown #SaveModule {
	font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
	font-size:12px;
  font-weight:600;
  margin: 0px;
  float: none;
}

.en-search-saveDropDown img {
  display: none;
}

.en-search-saveDropDown a {
  display: block;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  border: 0;
  padding: 4px 12px 10px 12px;
  color: #697884;
  border: 1px solid #697884;
  background-color: #ffffff;
  height: 12px;
  text-decoration: none;
  text-align: center;
  float: left;
  margin: 0 0 0 4px;
}

.en-search-saveDropDown a:hover {
  color: #ffffff;
  background-color: #283641;
  border: 1px solid #283641;
}

.en-search-saveDropDown a:disabled {
  background-color: #e6e6e6;
  color: #8f8f8f;
  border: 1px solid #8f8f8f;
  cursor: default;
}

.en-search-configuration-container {
	margin:20px 0 40px 0;
}


.en-search-configuration-container #configTableDiv{
  flex-direction: column;
  display: flex;
}
.en-config-div{
  float: left;
  display: table;
  display: inline-flex;
}
.en-config-table-div{
  display: inline-flex;
  flex-direction: column;
  margin: 14px;

}
.en-config-table-div.lt-ie9-div{
  float: left;
  display: table-column;
  overflow: scroll;
  overflow-x: hidden;
  max-height: 200px;
  max-width: 380px;
  }

.en-config-label{
  white-space: nowrap;
  text-align: left;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  margin: 6px 0px 0px 6px;
  display: inline;
}

.en-config-table{
  height: 200px;
  max-height: 200px;
  overflow: scroll;
  overflow-y: auto;
  display: table;
  display: inline-block;
  overflow-x: hidden;
}
.en-config-table td{
  min-width: 35px;
}

.en-config-sort-label{
  margin: 6px 0px 6px 6px;
  display: block;
}

.en-config-sort-select{
  margin-left: 6px;
  margin-bottom: 15px;
  display: inline-block;
}

.en-search-pagination-container {
  display: block;
  position: relative;
  height: 29px;
  padding-bottom: 2px;
}

.en-search-pagination-container .expo-now-pagination {
  position: absolute;
  right: 0;

}

/* Add messages popup, used in several pages*/
.en-add-message-header-rule{
  font-size: smaller;
  font-weight: 400;
  display: inline;
}

.en-textAreaCounter{
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 200;
}

.en-message-textarea{
  width: 100%;
  border:1px #999 solid;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  color: #3C5365;
  font-size: 12px;

}

.en-messages-thread{
  width:100%;
  overflow: auto;
  border:1px #999 solid;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  color: #3C5365;
  font-size: 10px;

}

.en-messages-thread pre{
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  color: #3C5365;
  font-size: 12px;
}

.en-bulk-messages-div{
  height:140px;
  border:0px #999;
}

.en-bulk-messages-div button{
  padding: 5px 12px;
}

/* PO Details */
.en-po-detail-twistie {
  margin: 18px 0 18px 10px;
}

.en-po-line-item-container,
.en-po-line-item-container tbody:first-child {
  display: block;

}

.po-line-items-title {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  color: #3C5365;
  margin: 14px 0 0 10px;
}

.po-details-table td {
  padding-bottom: 6px;
}

.po-button-container {
  margin: 0 0 0 10px
}

.po-button-container table {
  border-collapse: collapse;
}

.en-shipper-party-notes {
  height: 80px;
}

/* PO Milestones */
.en-po-milestone,
.en-po-milestone a,
.en-po-milestone strong,
.en-po-milestone div,
.en-po-milestone td {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
}

.en-po-milestone .discussion-title,
.en-po-milestone .acknowledge-title,
.en-po-milestone .en-po-milestone-section-title {
  display: inline-block;
  margin: 16px 0 0 0;
  font-weight: 600;
  font-size: 14px;
  color: #3C5365;
}

.en-po-milestone-subtitle {
  font-size: 12px;
  font-weight: 600;
}

.en-po-milestone tr {
  background-color: inherit !important;
}

.en-po-milestone table:first-child tr .data {
  padding: 4px 2px 2px 14px !important;
}

.en-po-milestone table:first-child tr:first-child .data {
  padding: 2px !important;
}

.en-po-milestone input {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  border: 1px solid #697884;
  background-color: #fafafa;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 6px;
}

.en-po-milestone input:focus {
  border: 1px solid #697884;
  background-color: #ffffff;
  outline: none;
}

.en-po-milestone input:hover {
  border: 1px solid #697884;
  background-color: #ffffff;
  outline: none;
}

.en-po-milestone .expo-btn-secondary-outline {
  margin: 8px 0 0 0;
}

.en-po-milestone .milestone-button,
.en-po-milestone #calButton {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 26px;
  border: 0;
  color: #ffffff;
  background-color: transparent;
  margin: 0 0 0 4px;
  width: 22px;
  height: 22px;
  position: relative;
  top: 3px;
}

.en-po-milestone .milestone-button:hover ,
.en-po-milestone #calButton:hover {
  background-color: #F7F7F7;
}

.po-milestone-estimates-button {
  position: relative;
  left: 3px;
}

/* Booking Header */

.single-page-header-body {
  margin: 0;
}

.single-page-header-body .topRightNavCellRect {
  position: relative;
  top: -3px;
  width: none;
}

.header-version {
  font-size: 0.8em;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  padding: 0 0 0 8px;
  z-index: 2;
  position: relative;
}

.en-booking-title {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  font-size: 18px;
  font-weight: 500;
  padding: 8px 0 0 6px;
  float: left;
}

.en-booking-quick-search {
  float: right
}

.booking-header-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.booking-header-tab-row {
  position: absolute;
  bottom: 0;
}

.version-container {
  margin: 0 0 0 6px;
}

.en-booking-status {
  color: #51718A;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  font-weight: 700;
}

.booking-tab-container {
  padding: 0 0 0 6px;
}

.booking-tab {
  white-space: nowrap;
  text-align: center;  
  text-decoration: none;
  text-transform: uppercase;
  padding: 2px 0 1px 0;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  border: none;
  background: none;
  padding: 4px 4px 4px 4px;
}

.single-page-header-body .jump-links,
.single-page-header-body .right-links {
  margin: 6px 40px 0 6px;
}

.right-links .link {
  margin: 0 0 0 10px;
}

.booking-inactive-tab {
  color: #6a6a6a;
  cursor: pointer; 
}

.booking-inactive-tab:visited {
  color: #6a6a6a !important;
  cursor: pointer; 
}

.booking-inactive-tab:hover {
  color: #6a6a6a;
  cursor: pointer;
  border-bottom: 3px solid #5D777C ! important; 
}

.booking-active-tab {
  border-bottom: 3px solid #283641 ! important;
  color: #000; background:#FFF;  
  font-weight: 500; 
  cursor: default;
}

.booking-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.booking-header {
  position: relative; 
  margin: 0px 0px 5px 0px; 
  min-width: 100%;
  padding: 0 0 4px 0;
  background-color: #ffffff;
}

.booking-tab-content-container {
  display: block;
  flex: auto;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.booking-tab-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  padding: 6px 0 0 0;
}

.booking-lower-button {
  width: calc(100% - 60px);
  position: relative;
  height: 32px;
  padding: 16px 20px 16px 20px;
  background-color: #ffffff;
}

.booking-tab-content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
}

.booking-tab-content::-webkit-scrollbar-thumb{
  border-radius: 7px;
  background-color: #d9d9d9;
  height: auto;
}

.booking-item-container {
  float: left;
  margin: 6px 20px 20px 20px;
  width: calc(100% - 60px);
  padding: 20px 10px 10px 10px;
  height: calc(100vh - 224px);
  visibility: hidden;
}

.booking-item-container #ItemsFields {
  height: calc(100% - 30px);
  display: flex;
  flex-direction: column;
}

.booking-item-container .expo-now-table {
  flex: auto;
}

.booking-item-container .expo-now-table th:first-child {
  vertical-align: bottom;
}

.booking-item-container .expo-now-table input,
.booking-item-container .expo-now-table textarea {
  height: 13px;
}

.booking-item-container .expo-now-table input[type=checkbox] {
  margin: 0px;
}

.item-title {
  color: #3C5365;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  font-size: 16px;
  font-weight: 600;
  margin: -4px 0 8px 0;
}

.item-info {
  margin: 14px 0 14px 0;
}

.item-info-image {
  height: 14px;
  width: 14px;
}

.item-twistie-container {
  margin: 1px 0 10px 0;
}

.booking-item-filter-form {
  max-width: 700px;
}

/* .user-setup-requests-table tr { */
/*   margin: 0 0 8px 0; */
/* } */

.user-setup-requests-table tr,
.booking-item-filter-table tr {
  margin: 0 0 8px 0;
}

/* .user-setup-requests-table tr, */
/* .user-setup-requests-table td { */
/*   display: block; */
/* } */

.user-setup-requests-table tr,
.user-setup-requests-table td,
.booking-item-filter-table tr,
.booking-item-filter-table td {
  display: block;
}

.booking-item-filter-table, .searchLabel, .user-setup-requests-table{
  max-width: 200px;
  text-align: left;
}

.user-setup-requests-table label {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  display: block;
  font-weight: 600;
  font-size: 12px;
  padding-bottom: 4px;
  color: #242424;
}

.booking-item-filter-table .searchLabel label {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  display: block;
  font-weight: 600;
  font-size: 12px;
  padding-bottom: 4px;
  color: #242424;
}

.user-setup-requests-table select[multiple] {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  border: 1px solid #697884;
  background-color: #fafafa;
  padding: 0 0 0 6px;
}

.booking-item-filter-table select[multiple] {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  border: 1px solid #697884;
  background-color: #fafafa;
  min-width: 144px;
  padding: 0 0 0 6px;
  min-height: 80px;
}

.user-setup-requests-table input,
.booking-item-filter-table input {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  border: 1px solid #697884;
  background-color: #fafafa;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 6px;
}

.user-setup-requests-table select[multiple]:focus,.user-setup-requests-table input:focus,
.booking-item-filter-table select[multiple]:focus,.booking-item-filter-table input:focus {
  border: 1px solid #697884;
  background-color: #ffffff;
  outline: none;
}

.user-setup-requests-table select[multiple]:hover, .user-setup-requests-table hover,
.booking-item-filter-table select[multiple]:hover, .booking-item-filter-table hover {
  border: 1px solid #697884;
  background-color: #ffffff;
  outline: none;
}

.item-filter-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 632px;
  margin: 0 0 14px 0;
}

.item-filter-table-container {
  display: inline-block;
}

.item-filter-table-container table {
  border-collapse: collapse;
}

.booking-item-filter-buttons {
  max-width: 630px;
}
.booking-po-tab-small-text{
  font-size: 10px;
}

.booking-po-tab-po-table{
  margin-top: 15px;
}

/* booking request tab */
.booking-request-tab{
	margin-left:10px;
}

.booking-request-tab-summary-table{
	height: 150px;
	overflow-y:auto;
	overflow-x: hidden;
	margin-bottom: 10px;
}

.booking-request-tab-twistie-label{
  color: #697884;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  font-size: 13px;
  font-weight: 500;
  margin: -4px 0 8px 0;
}

.booking-request-panel-container,
.booking-request-on-water-panel-container,
.single-page-booking-panel-container {
  height: 100%;
  float: left;
  margin: 0 12px 20px 12px;
  width: calc(100% - 44px);
  padding: 10px 10px 10px 10px;
}

.booking-request-panel-container table {
  border-collapse: separate;
  border-spacing: 10px 15px;
}

#booking-details td {
  padding: 0px 40px 0 0;
}

.booking-request-flex-display-section{
	display: flex; 
}

#goods-details {
  z-index: 0;
  padding: 0 0 0 10px;
}

.booking-details-first-column {
  padding: 0 80px 0 0;
}

#fields_RoutingRequest input,
#fields_RoutingRequest select,
#goods-details .form-field-container {
  margin: 0 0 20px 0;
}


#goods-details #title_tw,
#goods-details .read-only-title-tw {
  margin: 0 0 6px 6px;
}

#goods-details input[type=checkbox] {
  margin: 0 0 8px 6px;
}

#goods-details #title_tw {
  margin: 0 0 6px 6px;
  font-weight: 600;
  font-size: 12px;
}

.routing-request-container {
  float: left;
  margin: 0 0 0 70px;
  top: -20px;
}

.goods-details-form {
  float: left;
}

.routing-request-title {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  cursor: pointer;
  color: #3C5365;
  font-size: 13px;
  font-weight: 500;
  text-decoration: underline;
  margin: 0 0 16px 0;
  display: block;
}

#special-instructions-table {
  border-collapse: collapse;
  border-spacing: 0;
}

#special-instructions-table textarea,
#special-instruction-on-water textarea{
  width: 600px;
  height: 60px;
}
#special-instruction-on-water{
  padding:10px 0 10px 7px;
}
.on-water-documentFields{
    border-spacing: 0 10px !important;
}
.expo-now-overlay {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  background-color: #FFCE00;
  border: none;
  color: #000000;
}
.booking-request-on-water-container-table td{
  padding: 5px 5px 5px 5px !important;
}

.booking-request-container-table{
  border-collapse: separate;
  border-spacing: 2px 2px !important;
}

.booking-request-container-table select,
.booking-request-container-table input{
    border: 1px solid #697884;
    padding: 4px 5px;
    width: 100px!important;
    background-color: #fafafa;
}

.booking-request-container-table-header {
	border: 0px;
	font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    font-weight: 600;
    color: #242424;
    background-color: #ffffff;
    align:left;
}

.booking-request-container-table input:focus {
  border: 1px solid #697884;
  background-color: #ffffff;
  outline: none;
}

.booking-request-container-table input:hover {
  border: 1px solid #697884;
  background-color: #ffffff;
  outline: none;
}

.booking-request-container-table input:disabled {
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
} 

.booking-request-container-title{
	display: flex;
}

.booking-request-input-error {
    font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
    border: 1px solid #B0001E;
    background-color: #fafafa;
    height: 26px;
    line-height: 26px;
    padding: 0 0 0 6px;
    font-weight: bold;
    color: #B0001E;
}

.booking-request-tab .expo-now-input:read-only, 
.booking-request-tab .expo-now-input[readonly=""],
.booking-request-tab .expo-now-input[readonly] {
  border: none;
  height: 28px;
  background: #ffffff;
}

.good-details-field-spacing,
.field-spacing{
  padding: 0 40px 0 0
}

.wood-packing-container,
.field-flex-display{
  display: flex;
  flex-direction: row;
}

.wood-packing-checkbox-container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

#fields_generalCargo,
#fields_lithium,
#fields_dg,
#fields_frequired,
#fields_fReleased,
.wood-packing-read-data {
  min-height: 28px;
  line-height: 28px;
}

.booking-request-readonly-data,
.read-only-delivery-method {
  padding: 0 0 0 8px;
}

.read-only-delivery-method {
  display: block;
  min-height: 28px;
  line-height: 28px;
}

.order-summary-container {
  width: calc(100% - 32px);
  margin: 0 16px 0 16px;
}

.booking-links-container {
  position: relative;
  min-height: 23px;
  margin: 0 18px 0 0;
}

.booking-links-container .disabled-save {
  background-color: #E6E6E6;
  color: #8F8F8F !important;
}

.booking-links-container .link,
.booking-links-container .link-disabled {
  margin: 0 8px 0 0;
}

.booking-save-button{
  margin-bottom: 5px;
}

/*Generate attach documents styles*/
#documents {
  margin: 0 0 0 10px;
}

#documents table {
  border-collapse: collapse;
  border-spacing: 0px;
}

#documents .expo-now-input,
#documents .expo-now-select {
  margin: 0 0 12px 0;
}

.documents-first-line {
  display: flex;
  align-items: center;
  margin: 0 0 14px 0;
}

.checkbox-container,
.documents-first-line button {
  margin: 0 14px 0 0;
}

.documents-table table {
  border-collapse: collapse;
  border-spacing: 0px;
}

.documents-table-buttons {
  display: flex;
  margin: 14px 0 0 0;
}
.on-water-documents-table-buttons{
  display: flex;
  margin: 14px 0 0 12px;
}
.per-po-table {
  padding: 0 50% 24px 0;
}

.attach-documents {
  color: #3C5365;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  font-size: 14px;
  font-weight: 600;
}

#javacriptDocErrorMess{
  border: 0px;
  width: 96%;
  overflow: hidden;
}

.edit-docs-remarks {
  width: 440px;
}

.po-invoice-edit {
  width: 450px;
  display: block;
}

.button-under-text {
  display: block;
  font-size: 10px;
  margin: 6px 0 0 0
}

.file-input {
  height: 0px;
}

.confirmation-tab td{
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  display: inline-block;
  padding-bottom: 6px;
  color: #242424;
}

.confirmation-tab-flex{
  display: flex;
}

.confirmation-tab-po-onhand-table{
  height: 250px;
  width: 350px;
  overflow: auto;
}

.booking-warnings-tab-table-div{
  border:0px;
  padding: 1px;
  margin-top: 32px;
  width: 100%;
}
.add-warning-popup-buttons{
  text-align: right;
  margin-right: 10px;
  margin-top: 20px;
}

.add-warning-popup-textarea{
  width: 245px;
  border:1px #999 solid;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  color: #3C5365;
  font-size: 12px;
}

.edit-doc-button {
  margin: 0 0 14px 0;
}

.edit-doc-details-button-container {
  margin: 12px 0 0 0;
}

.marks-and-numbers-container {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  margin: 0 22px 20px 22px;
  width: calc(100% - 58px);
  padding: 10px 10px 10px 10px;
}

.marks-and-numbers-container div,
.marks-and-numbers-container strong,
.marks-and-numbers-container span {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
}

.marks-and-numbers-title {
  color: #3C5365;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  font-size: 14px;
  font-weight: 600;
  margin: 10px 0 10px 0;
  padding: 0;
}

.marks-and-numbers-description-textarea {
  font-family: 'Lucida Console';
  border: 1px solid #697884;
  background-color: #ffffff;
  padding: 2px 0 2px 0;
  width: 333px;
  overflow-y: scroll;
  font-size: 13px;
}

.marks-and-numbers-textarea {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  border: 1px solid #697884;
  background-color: #ffffff;
}

.marks-and-numbers-booking-textarea {
  font-family: 'Lucida Console';
  border: 1px solid #697884;
  background-color: #ffffff;
  width: 160px;
  overflow-y: scroll;
  font-size: 13px;
}

.mn-button-container {
  padding: 12px 0 12px 0;
}

.multi-booking-btn-container {
  padding: 6px 20px 0 0;
}

.confirmation-tab-isf{
  margin-left: 0px;
  margin-top: 35px;
  height: 85px;
  width: 290px;
}

.confirmation-tab-shipment-note{
  margin-top: -20px;
}

.textarea-no-scroll {
  overflow: hidden;
}

.row{
  display: flex;
  margin-top: 12px;
  align-items: left;
}

/* vgm styles*/
.vgm-container{
  margin: 5px 10px 5px 10px;
}

.vgm-input-fields{
  margin-right: 12px;
  flex-basis: 24%;
}

.vgm-total-weight[readonly="readonly"]
{
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
}

.vgm-buttons-div{
  padding-right: 15px;
  text-align: right;
  margin-top: 10px;
}

/* VGM Datepicker */
#ui-datepicker-div {
  background: none;
  background-color: #697884;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  border-radius: 0px;
  border: none;
  padding: 25px 45px 25px 45px;
}

.ui-datepicker-month {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  color: #ffffff;
  font-size: 20px;
  font-weight: 300;
}

.ui-datepicker-year {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  color: #ffffff;
  font-weight: 300;
  background: none;
  background-color: #697884;
  font-size: 20px !important;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  width: 55px !important;
}

.ui-datepicker-year::-ms-expand {
  display: none;
}

.ui-widget-header {
  background: none !important;
  background-color: #697884 !important;
  font-size: 20px;
  border: none !important;
  margin-bottom: 10px;
}

.ui-datepicker-calendar thead {
  visibility: collapse;
}

.ui-state-default {
  background: none !important;
  background-color: #697884 !important;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  border-radius: 0px !important;
  border: 1px solid #697884 !important;
  color: #ffffff !important;
  text-align: center !important;
  font-size: 16px !important;
}

.ui-state-highlight {
  background: none !important;
  background-color: #697884 !important;
  border: 1px solid #B4BCC1 !important;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  border-radius: 0px !important;
  color: #ffffff !important;
  text-align: center !important;
  font-size: 16px !important;
}

.ui-state-active {
  background: none !important;
  background-color: #000000 !important;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  border-radius: 0px !important;
  border: 1px solid #697884 !important;;
  color: #ffffff !important;
  text-align: center !important;
  font-size: 16px !important;
}

.ui-state-hover {
  background: none !important;
  background-color: #283641 !important;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  border-radius: 0px !important;
  border: 1px solid #697884 !important;;
  color: #ffffff !important;
  text-align: center !important;
  font-size: 16px !important;
}

.ui-datepicker .ui-datepicker-prev {
  left: -30px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.ui-datepicker .ui-datepicker-next {
  right: -30px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 80px;
  height: 29px;
  width: 29px;
}

.ui-widget-header .ui-icon {
  background-image: url("../images/white-1-chev-right.png") !important;
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 7.86px 12.67px;
}

.po-lookup-form td, .po-lookup-form tr{
  display: block;
  background-color: #ffffff !important;
  text-align: left!important;
}

.po-lookup-form td:first-child{
  margin-top: 10px !important;
  margin-bottom: -10px;
}

.po-lookup-form label{
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 4px;
  color: #242424;
  text-align: left!important;
}

.po-lookup-form select{
  margin-left: 15px;
}

.po-lookup-form .iconbutton{
  margin-right: 5px;
  width: 0px;
}
/* For IE only*/
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
  .po-lookup-form .iconbutton{
    margin-right: 5px;
    width: 18px;
  }
}

/*used for lookups in booking request tab*/
.lookup-buttons-div{
  margin: 10px 15px 10px 0px;
  display: inline-block;
  float: right;
}

.lookup-port-buttons-div{
  margin: 10px 32px 10px 0px;
  display: inline-block;
  float: right;
}

.booking-history-title {
  display: block;
  color: #3C5365;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  font-size: 16px;
  font-weight: 600;
  margin: 12px 0 12px 4px;
}

.eventpre {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
}

.booking-tab-lookup-form{
margin-bottom: 10px;
}

.booking-tab-lookup-form label{
  margin-top: 10px;

}

.booking-tab-lookup-form td:first-child{
  display: block;
}

.popup-table-display{
  width: 97%;
  margin: 5px;
}

.booking-lower-button table {
  position: absolute;
}

.cancel-booking-warning-message{
  padding:20px 20px 10px 10px;
}

.cancel-booking-warning-button{
  padding:10px 20px 10px 10px;
}

.single-page-shipment-container td,
.single-page-shipment-container div {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
}

.single-page-shipment-container td {
  max-width: 210px;
}

.single-page-bottom-button-body {
  background-color: #ffffff;
  margin: 0;
}

.sp-bottom-button-container{
  padding: 6px 20px 0 20px;
}
.marks-pending-status-selection{
    padding-top: 10px;
}

.single-page-general-table .formLabel label,
.single-page-general-table label {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 12px;
  padding-bottom: 4px;
  color: #242424;
  width: 210px;
}

.single-page-general-table td {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  padding: 0 0 8px 0;
  width: 210px;
}

.single-page-general-table textarea {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  border: none;
}

.hasContainers .booking-request-container-table {
  width: 100px;
}

#legendRouteRequest {
  font-size: 13px;
  font-weight: 500;
}

.sp-booking-message-textarea {
  height: 80px
}

.sp-character-count {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
}

.booking-email-tab-title {
  height: 14px;
  line-height: 14px;
  font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  color: #3C5365;
}
.booking-email-tab-body{
  margin-left:20px;
}
.booking-email-tab-buttons{
  padding-top:15px;
  float:right;
}

.booking-email-tab-label {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 12px;
  padding-bottom: 4px;
  color: #242424;
}

.booking-email-tab-input{
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  border: 1px solid #697884;
  background-color: #fafafa;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 6px;
}

.add-message-popup-textarea{
  width: 100%;
  border:1px #999 solid;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  color: #3C5365;
  font-size: 12px;
  overflow: auto;
}

.view-user-filter-container {
  display: block;
  height: 193px;
  width: 660px;
}

.view-user-filter-container .en-search-criteria-container {
  float: left;
}

.view-user-buttons {
  width: 544px;
  display: flex;
  justify-content: flex-end;
}

.shipper-details-input {
  min-width: 300px;
}

.shipper-details-email {
  min-width: 600px;
}

.shipper-fcr-warning {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
}

.shipper-last-modified, .shipper-last-modified-data {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  color: #8F8F8F;
}

.shipper-last-modified-data {
  display: block;
  height: 26px;
  margin: 6px 0 0 6px;
}

.milestone-report-setting {
  display: block;
  margin: 6px 0 0 6px;
}

.bl-type-input {
  width: 300px;
}

#field_report_attachsection,
#country_time_zone input {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
}

.timezone-space {
  margin: 0 0 26px 0;
}

.letter-credit-error-section{
  display: block;
  float: left;
  margin: 0 20px 10px 20px;
  width: calc(100% - 40px);
  background: #FFCE00;
  line-height: 19px;
  padding-left:0px;
}

.letter-credit-error-message{
  border: 0px;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  letter-spacing: 0.5px;
  font-size: 12px;
  background: #FFCE00;
}

.view-users-warnings .expo-now-info-alert {
  margin: 0;
  width: 100%;
}

.shipper-profile-alert-reports-title,
.marks-nums-title,
.manage-users-title {
  height: 14px;
  line-height: 14px;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  padding: 10px 0 10px 0;
  color: #3C5365;
}

.country-time-zone {
  position: relative;
  top: -10px;
}

.invite-mfr-btn-div{
  margin-top: 50px;
}

.marks-nums-container, .cust-marks-nums-container {
  height: 100%;
  float: left;
  margin: 0 20px 20px 14px;
  width: calc(100% - 60px);
  padding: 0 10px 10px 10px;
}

.cust-marks-nums-container {
  padding-top: 10px;
}

#CustomersTemplate textarea {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  border: 1px solid #697884;
  background-color: #F7F7F7 !important;
  color: #8F8F8F
}

.marks-nums-sub-label {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  display: block;
  font-weight: 600;
  font-size: 10px;
  padding: 4px 0 2px 0;
  color: #8F8F8F;
}

.marks-nums-copy-down-container {
  margin: 0 0 16px 0;
}

#CustomersTemplate #customer_mn,
#marksNumbersTableTemplate #marksNumbers {
  height: 208px;
  margin-top: 18px;
}

#cusomizeButton {
  margin: 12px 0 0 0;
}

.marks-nums-button-container {
  padding: 12px 0 0 0;
}

.marks-nums-text,
#MN_Dictionary input {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
}

#mn_dictionary {
  margin: 0 0 18px 0;
}
.en-po-assign-search-buttons{
  width: calc(100% - ( 100% - 580px ) / 2 ) !important;
}

#poAssignModalMessage .user-preferences-alert,
#poAssignModalInfo .user-preferences-alert{
  margin:0 0 0 0 !important;
  width: 100% !important;
}

#poAssignModalMessage .expo-info,
#poAssignModalInfo .expo-info{
  padding-left: 10px !important;
}

.expo-info li {
  color: #F7F7F7 !important;
}

#poAssignModalMessage table{
  border-spacing: 0px !important;
}

#poAssignSearchMessage li{
  color: #F7F7F7 !important;
}

#poAssignSearchMessage .expo-info
{
  padding-left: 10px;
}

.po-assign-modal-search{
  padding-top:15px;
}

.manufacturer-registration-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;  
}

.manufacturer-registration-margin{
  margin: 0 100px 0 0;
}

.manufacturer-registration-email{
  width: 250px;
}
#view-po-assign-pagination{
  visibility: hidden;
}

.marks-numbers-error-message {
  border: 0px;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  letter-spacing: 0.5px;
  font-size: 12px;
  background: #FFCE00;
  margin: 0 24px 0 12px;
}

.marks-numbers-error-message p {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  letter-spacing: 0.5px;
  font-size: 12px
}

.mn-messages .expo-now-info-alert {
  width: calc(100% - 32px);
  margin: 0 0 0 10px;
}

.booking-documentFields td {
  padding:0 40px 0 0;
}

.booking-rule-button-container {
  width: calc(100% - 20px);
  padding-right: 20px;
  margin: 0 0 12px 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.booking-rule-button-container button {
  margin-left: 10px;
  text-decoration: none;
}

.booking-rule-button-container span {
  text-decoration: none;
}

.en-customer-config-title {
  color: #3C5365;
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  font-size: 14px;
  font-weight: 600;
}
.booking-rule-sub-title{
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 11px;
}

#customerBranchRemoveButton button{
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  border: 0 !important;
  padding: 7px 12px 7px 12px !important;
  color: #697884 !important;
  border: 1px solid #697884 !important;
  background-color: #ffffff !important;
}

#customerBranchRemoveButton button:hover {
  color: #ffffff;
  background-color: #283641 !important;
  border: 1px solid #283641 !important;
}

#customerBranchRemoveButton button:disabled {
  background-color: #e6e6e6 !important;
  color: #8f8f8f !important;
  border: 1px solid #8f8f8f !important;
  cursor: default !important;
}
.customer-branch-action-button {
  display: flex;
  flex-direction: row;
  padding-left: 10px;
  padding-top: 10px;
}

.customer-branch-lookup-title{
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .05em;
  position: relative;
  top: -8px;
}

.customer-branch-filter-button{
  padding-bottom: 10px;
}
.right-adjustify{
  padding-right: 10px;
}

.generic-font,
.generic-font table,
.generic-font td,
.generic-font tr,
.generic-font h2 {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
}

.blue-grey-color{
  color: #3C5365;
}

.customer-profile-message-board{
  margin: 0px 10px 0px 5px;
}

.booking-rule-sub-title{
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .05em;
}

.booking-rule-sub-heading{
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .05em;
  text-align: left;
}


.booking-date-rule-disabled-field{
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 6px;
}

.booking-rule-bold-label{
  font-weight: 600;
}

.booking-rule-small-text{
  font-size: 11px;
}

.booking-rules-table-legend,
.booking-rules-table-legend td {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  padding: 5px 0 5px 12px;
}

.container-size-restrictions-wrapper-table {
  min-width: 400px;
  border-width: 1px;
  border-collapse: collapse;
}

.container-size-restrictions-wrapper-table td {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
}

.container-size-restrictions-wrapper-table th {
  padding: 4px 0 4px 0;
}

.container-size-restrictions-wrapper-table .size-restriction-mode-type {
  padding: 0 4px 0 4px
}

.cust-config-legend {
  border-spacing: 0;
  overflow: auto;
}

.cust-config-legend table {
  border-collapse: collapse;
}

.cust-config-legend tr {
  min-height: 39px;
}

.cust-config-legend td {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  height: 26px;
  padding: 7px 20px 7px 7px;
}

.system-config-all-right {
  background-image: url(../images/white-1-chev-right.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px;
}

.system-config-all-left {
  background-image: url(../images/white-1-chev-left.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px;
}

.system-config-all-up {
  background-image: url(../images/white-1-chev-up.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px;
}

.system-config-all-down {
  background-image: url(../images/white-1-chev-down.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px;
}
.system-config-all-right-with-text {
  background-image: url(../images/white-1-chev-right.png);
  background-repeat: no-repeat;
  background-position: 90% center;
  padding-right: 25px;
  background-size: 8px;
}

.system-config-all-left-with-text {
  background-image: url(../images/white-1-chev-left.png);
  background-repeat: no-repeat;
  background-position: 10% center;
  padding-left: 25px;
  background-size: 8px;
}

.custom-ref-label-note {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  margin: 12px 0 12px 0;
  display: block;
}

.system-config-multi-select select {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  border: 1px solid #697884;
  background-color: #fafafa;
  height: 200px;
  padding: 0 0 0 6px;
}

.system-config-multi-select select:focus {
  border: 1px solid #697884;
  background-color: #ffffff;
  outline: none;
}

.system-config-multi-select select:hover {
  border: 1px solid #697884;
  background-color: #ffffff;
  outline: none;
}

.doc-lookup-table {
  margin-top: 5px;
  height: 225px;
  overflow: auto;
}

.search-button-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 12px 0 12px 0;
  padding: 0 4px 0 0;
}

.doc-lookup-form-container {
  height: 116px
}

.warning-lookup-form-container {
  height: 59px
}

.doc-lookup-label {
  padding: 12px 0 0 0;
}

.begins-input {
  display: flex;
  justify-content: flex-end;
}

.sys-config-row-delete {
  padding-top: 3px;
}

#DocumentTypeConfigurationTabContentArea .formSection {
  background-color: #F7F7F7;
}

.system-config-email-div {
  margin-top: 5px;
}

.pre-booking-rule-message-refresh{
  font-weight: 700;
  color:#F7F7F7;
}

.manage-users-container {
  height: 100%;
  float: left;
  margin: 20px 20px 20px 14px;
  width: calc(100% - 60px);
  padding: 0 10px 10px 10px;
}

.user-filter-table .expo-now-input-label, 
.user-filter-table .button-container {
 padding: 8px 0 0 0;
}

.manage-customer-table-padding {
	padding-left: 20px !important;
}

.fixed-layout {
  table-layout: fixed;
}

.grant-revoke-access-button-container button {
  font-family: 'Montserrat', 'Helvetica Neue' ,Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  border: 0;
  padding: 7px 12px 7px 12px;
  color: #697884;
  border: 1px solid #697884;
  background-color: #ffffff;
}

.grant-revoke-access-button-container button:hover {
  color: #ffffff;
  background-color: #283641;
  border: 1px solid #283641;
}

.grant-revoke-access-button-container button:disabled {
  background-color: #e6e6e6;
  color: #8f8f8f;
  border: 1px solid #8f8f8f;
  cursor: default;
}

.width-100-percent {
  width: 100%
}

.customer-search-assigned {
  width: 207px;
}

.cust-user-assignments-search-button {
  width: 211px;
  display: flex;
  justify-content: flex-end;
}

.branch-filter-form-container {
  margin: 10px 0 0 0;
}

.my-manufacturers-title {
  padding: 16px 0 16px 0;
}

.my-manufacturers-form {
  display: flex;
}

.my-manufacturers-form select,
.my-manufacturers-form input {
  margin: 0 6px 0 0;
}

.my-manufacturers-table {
  overflow-x: auto;
  display: block;
}

.invite-manufacturers{
  padding: 40px 0 0 0;
}