/* Don't show page loading if no javascript */
.no-js #loader {
	display: none;
}

.js #loader {
	display: block;
	position: absolute;
	left: 100px;
	top: 0;
}

/* Body */
html {
	font-size: 100%;
}

body {
	background-color: #ffffff !important;
	display: flex;
	min-height: 100vh;
	min-width: 100%;
	flex-direction: column;
	font-family: 'Poppins' !important;
}

.container {
	flex: 1;
}

.container-table {
	display: table;
}

.container-table-cell {
	display: table-cell;
	vertical-align: middle;
}

.white-background {
	background-color: #ffffff !important;
}

.blue-background {
	background-color: #110139 !important;
}

/* Fixed position for Header & Breadcrumb - desktop */
.sticky-header {
	top: 0px;
	width: 100%;
	position: fixed;
	z-index: 999;
}

.header-spacer-holder-large {
	top: 0px !important;
	height: 65px !important;
}

.header-spacer-holder-small {
	top: 0px !important;
	height: 40px !important;
}

/* Header */
.top-bar, .top-bar a {
	font-size: 95%;
	background-color: #ffffff !important;
}

.top-bar-right {
	text-align: right;
	margin: 0px !important;
}

.top-bar-section a:link, .top-bar-section a:visited, .top-bar-section a:hover, .top-bar-section a:active {
	color: #000000 !important;
	text-decoration: none;
}

.top-bar-section .menu-icon::after {
	background: #000000;
	box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;
}

.top-bar .logo {
	margin: 0px;
}

.top-bar .company-name {
	margin-left: 15px;
}

.top-bar .mobile {
	top: 0px;
	z-index: 999;
	position: absolute;
}

.top-bar .logo h1 {
	margin-bottom: 0px !important;
}

.top-bar .login-user {
	font-size: 90%;
	color: #000000 !important;
	padding-left: 10px;
}

.top-bar .fa-question-circle {
	color: #f15d22 !important;
}

.top-bar .user-icon {
	color: #f15d22 !important;
}

/* Footer */
.footer-white {
	line-height: 40px;
	color: #000000;
	padding: 10px !important;
	flex-shrink: 0;
}

.footer-white .footer-menu, .footer-white .copyright {
	font-size: 90%;
	margin: 5px 0px 0px 0px;
}

.footer-white .footer-menu a:link, .footer-white .footer-menu a:visited, .footer-white .footer-menu a:hover, .footer-white .footer-menu a:active {
	color: #000000;
	text-decoration: none;
}

/* Footer Navigation */
.footer-navi {
	margin-top: 10px;
}

.footer-navi div {
	line-height: 40px;
}

.footer-navi .footer-navi-separator {
	margin-left: 5px;
	margin-right: 5px;
}

.footer-navi .fa-home {
	margin-left: 20px;
	color: #F15D22;
	font-size: 20px;
}

/* Login | Forgot Password | Two Factor Authentication | Password Toggle */
.login-box .login-form-title, .forgot-password-box .forgot-password-form-title, .two-factor-authentication-box .two-factor-authentication-form-title {
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	margin-top: 10px;
	margin-bottom: 30px;
}

.login-box a {
	color: #000000;
}

.login-box .forgot-password {
	font-size: 95%;
	letter-spacing: 0.4px;
}

#login-form .button, #forgot-password-form .button, #two-factor-authentication-form .button {
	width: 100%;
	font-size: 110%;
	font-weight: bold;
	background-color: #F15D22 !important;
	padding: 8px 8px 8px 8px;
}

#forgot-password-form .back-to-login, #two-factor-authentication-form .back-to-login {
	padding-top: 8px;
}

.password-wrapper {
	position: relative;
}

.password-wrapper input { 
	padding-right: 40px;
}

.password-wrapper .toggle-password {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

/* Login Verification */
.login-verification-box {
	border-radius: 5px;
	margin: 20px 0;
	padding: 20px 20px 0 20px;
	text-align: center;
}

.login-verification-box #recaptcha_element {
	text-align: center;
	text-align: -moz-center;
}

.login-verification-box .message {
	text-align: center;
}

/* Travel Request Approval */
.travel-request-approval-box {
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	margin-top: 70px;
	margin-bottom: 20px;
}

/* Login Resend Two Factor Authentication */
.resend-two-factor-authentication-box {
	color: #000000;
}

/* Top bar menu hover underline - desktop only */
.top-bar-section > .is-dropdown-submenu-parent > a, .top-bar-section > li > a {
	border-bottom: solid 3px transparent;
}

.top-bar-section > .is-dropdown-submenu-parent > a:hover, .top-bar-section > li > a:hover {
	border-bottom: solid 3px #dc821c;
}

.top-bar-menu-item {
	padding-top: 5px;
	background: #ffffff;
}

/* Mobile menu - at bottom */
.mobile-icon-bar {
	position: fixed;
	bottom: 0px;
	width: 100%;
	background: #110139;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	z-index: 999;
}

.mobile-icon-bar button {
	padding: 8px;
	cursor: pointer;
}

.mobile-icon-bar button svg, .mobile-icon-bar button i, .mobile-icon-bar button img {
	color: #ffffff;
	font-size: 2rem;
	max-height: 2rem;
	max-width: 2rem;
}

/* Google Map */
.map-column {
	height: 393px;
}

#map-canvas {
	height: 100%;
	margin: 0px;
	padding: 0px
}

/* Sub Menu */
.sub-menu {
	padding-top: 5px !important;
}

.sub-menu .menu-option {
	margin-bottom: 1px !important;
	cursor: default;
}

.sub-menu .menu-option > a {
	background: #333 none repeat scroll 0 0 !important;
	color: #fff !important;
	font-size: 0.8125rem;
}

.sub-menu .menu-option:hover > a {
	background: #666 none repeat scroll 0 0 !important;
}

/* Side Menu */
.side-menu {
	border-right: 3px solid #F15D22;
	text-align: left;

	/* Standard */
	height: calc(100% - 10px) !important;

	/* Firefox */
	height: -moz-calc(100% - 10px) !important;

	/* WebKit */
	height: -webkit-calc(100% - 10px) !important;

	/* Opera */
	height: -o-calc(100% - 10px) !important;
}

.side-menu .menu-option {
	margin-bottom: 1px !important;
	padding: 10px;
}

.side-menu .menu-option > a {
	padding-left: 10px;
	font-size: 110%;
	font-weight: 500;
	color: #0E002B !important;
	background-color: #ffffff !important;
}

.side-menu .menu-option > a:hover, .side-menu .menu-option > a:focus {
	color: #888888 !important;
	background-color: #ffffff !important;
}

.active {
	text-decoration: underline;
	text-decoration-color: #F15D22;
}

/* Page Loading */
.page-loading {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/loading.gif') center no-repeat #fff;
}

/* Process Loading */
.process-loading {
	width: 40px;
	height: 40px;
	z-index: 9999;
	background: url('../images/loading.gif') center no-repeat #fff;
	margin: 0 auto;
}

.full-width {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: initial;
}

.box-content {
	padding: 10px 5px 0px 5px;
	background: rgba(255, 255, 255, .5);
	box-shadow: 2px 1px 3px #CCCCCC, -2px -1px 3px #CAD1D1;
	margin-bottom: 10px;
}

.form-title {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
	height: 34px;
	padding-left: 5px;
}

.form-buttons {
	padding-bottom: 15px;
}

.form-buttons .button {
	padding: 10px 40px 10px 40px;
}

.form-buttons-float {
	background: #ffffff;
	font-weight: bold;
	text-decoration: none;
	position: fixed;
	right: 10px;
	bottom: 60px;
	padding-bottom: 0px;
	z-index: 999 !important;
}

.form-select {
	font-size: .875rem;
	margin-bottom: 0px;
}

.action-option-box {
	margin: 0px 0px 15px 0px;
	padding-bottom: 15px;
	border-bottom: 1px solid #f15d22;
}

.action-option-box .button {
	height: 40px;
	padding-top: 10px;
	margin-bottom: 8px;
}

.table-box {
	background: #fff;
	border: 0px solid #ddd;
	margin: 0px 0px 35px 0px;
}

.table-box > .button-group.right > li > a {
	z-index: 999 !important;
}

.table-box .button-group .cancel-link svg {
	vertical-align: middle;
}

.report-head th, .report-align-center, .report-align-center th {
	text-align: center;
}

.report-align-right {
	text-align: right;
}

label {
	cursor: default;
}

.label {
	font-size: 90%;
	color: #4d4d4d !important;
}

.legend {
	color: #777;
	font-weight: bold;
	border-bottom: 1px solid #dcdcdc;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-bottom: 4px;
}

input[type="text"], input[type="password"], select[type="select"], textarea[type="textarea"], .select2-selection {
	border-radius: 5px !important;
	background-color: #f3f3f3 !important;
}

input::placeholder {
	color: #222222;
}

.align-right {
	text-align: right;
}

table .col-w30 {
	width: 30px;
}

table .col-w50 {
	width: 50px;
}

table .col-w70 {
	width: 70px;
}

table .col-w90 {
	width: 90px;
}

table .col-w120 {
	width: 120px;
}

table .col-w130 {
	width: 130px;
}

table .col-w150 {
	width: 150px;
}

table .col-w180 {
	width: 180px;
}

table .col-w230 {
	width: 230px;
}

table .col-w300 {
	width: 300px;
}

/* Dashboard */
.dashboard .login-user {
	font-size: 130%;
	font-weight: bold;
	color: #000000 !important;
	margin-left: 23px;
}

.dashboard .dashboard-options {
	text-align: center;
}

.dashboard .dashboard-button {
	font-size: 100%;
	width: 90%;
}

.dashboard .dashboard-button:nth-child(odd) {
	font-weight: bold;
	color: #ffffff;
	border: 3px solid #F15D22;
	background-color: #F15D22 !important;
	border-radius: 4px;
}

.dashboard .dashboard-button:nth-child(even) {
	font-weight: bold;
	color: #ffffff;
	border: 3px solid #110139;
	background-color: #110139 !important;
	border-radius: 4px;
}

.dashboard-button-group-h {
	text-align: center;
}

.dashboard-button-group-h .dashboard-button {
	height: 40px;
	min-width: 180px;
	border-radius: 10px;
	margin: 1px 5px 1px 5px;
	padding-top: 10px;
}

.dashboard-nav-card-user {
	background: transparent;
	border: 0px;
	border-bottom: 4px solid #c86419;
	color: #110139 !important;
	display: flex;
	align-items: center;
	min-height: 80px;
	padding: 5px !important;
	position: relative;
	width: 100%;
	margin-bottom: 6px;
}

.dashboard-nav-card-user svg {
	min-width: 80px;
}

.dashboard-nav-card-user h4 {
	font-weight: bold;
}

.dashboard-nav-card {
	background: #fefefe;
	border: 0px solid #eeeeee;
	padding-bottom: 5px;
}

.dashboard-nav-card .chartjs-render-monitor {
	max-height: 280px !important;
}

.dashboard-nav-card label {
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 30px;
}

.dashboard-nav-card .orange-underline {
	border-bottom: solid 3px #dc821c;
	margin-bottom: 15px;
}

.dashboard-quick-links {
	margin-bottom: 15px;
}

.dashboard-quick-links .button {
	background: #110139;
	font-weight: bold;
}

.dashboard-quick-links .button:nth-child(even) {
	color: #ffffff !important;
	border: 3px solid #f15d22 !important;
	background-color: #f15d22 !important;
}

.dashboard-quick-links .button:hover, .dashboard-quick-links .button:focus {
	background: #130157;
}

.dashboard-support-contacts {
	margin-top: 10px;
	border: unset;
}

.dashboard-support-contacts .callout {
	border: 0px;
}

.dashboard-support-contacts h5 {
	font-weight: bold;
	margin-bottom: 10px;
}

.dashboard-support-contacts a {
	color: #000000 !important;
}

#upcoming-panel, #reports-panel {
	margin-bottom: 20px;
}

#upcoming-panel h5, #reports-panel h5 {
	font-weight: bold;
	margin-bottom: 10px;
}

#upcoming-panel .dashboard-nav-card {
	border: 0px;
	margin-bottom: 20px;
}

#upcoming-panel .dashboard-nav-card .scrollable-vertical {
	min-height: 350px;
	height: 350px;
}

#upcoming-panel table td {
	font-size: 90%;
	border: 1px solid black;
}

#upcoming-panel table .header {
	text-align: center;
	color: #ffffff;
	background: #110139;
}

#upcoming-flight-filter-table label {
	font-size: 110%;
	color: #000000;
	font-weight: bold;
}

#upcoming-flight-filter-table tbody, #upcoming-bus-filter-table tbody {
	border: none !important;
}

#upcoming-flight-filter-table input, #upcoming-bus-filter-table input, #upcoming-flight-filter-table .selection .select2-selection {
	margin-bottom: 0px !important;
}

#upcoming-flight-panel2 .dashboard-nav-card, #upcoming-bus-panel2 .dashboard-nav-card {
	border: 0px;
	margin-bottom: 20px;
}

#upcoming-flight-panel2 table td, #upcoming-bus-panel2 table td {
	font-size: 90%;
	border: 1px solid black;
}

#upcoming-flight-panel2 table .header, #upcoming-bus-panel2 table .header {
	text-align: center;
	background-color: #130157;
	color: #ffffff;
}

#reports-panel div {
	margin-bottom: 10px;
}

#reports-panel a {
	color: #000000;
	font-weight: bold;
	border-bottom: solid 1px #000000;
}

.dashboard-calendar, .my-calendar, .details-calendar {
	border-radius: 2px;
	padding: 0px 5px 10px 5px;
}

.booking-calendar {
	border-radius: 2px;
	padding: 0px 5px 10px 5px;
	margin-right: 5px;
}

.record-group {
	margin-bottom: 5px;
}

.record-group:hover {
	background-color: #eeeeee;
}

.record-group .count {
	float: right;
	padding-right: 20px;
}

.record-group .count a, .record-group .link {
	color: #000000;
}

.record-group .service-info {
	font-weight: bold;
}

.record-group .service-time {
	font-size: 90%;
}

.dashboard-nav-card .scrollable-vertical {
	min-height: 266px;
	height: 266px;
}

.scrollable-vertical-h160 {
	min-height: 160px !important;
	height: 160px !important;
}

.scrollable-vertical-60vh {
	height: auto !important;
	max-height: 60vh !important;
	position: relative;
}

.scrollable-vertical {
	overflow: hidden;
	overflow-y: scroll;
	margin-left: 5px;
	margin-right: 5px;
}

.scrollable-vertical a {
	color: #000000;
}

.scrollable-vertical .button, .scrollable-vertical .label {
	margin-top: 10px;
	margin-bottom: 5px;
}

.scrollable-vertical hr {
	border: 0px;
	height: 1px;
	background: #EEEEEE;
	margin: 10px 0px 10px 0px;
}

.dashboard-nav-card li {
	list-style-type: none;
}

.up-coming-transport-flight-wrapper .header, .up-coming-transport-bus-wrapper .header {
	color: #ffffff;
	background: #110139;
}

/* system message */
.system-message {
	margin: 0 0 10px 0 !important;
}

/* user */
#user-profile-switch {
	background: #828282;
	margin: 5px 0px 0px 0px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.9;
	overflow: hidden;
	z-index: 999;
}

#user-list #tbdata_wrapper div:nth-child(2) {
	text-align: right;
}

.user-internal-comment-template {
	display: none;
}

.user-internal-comment {
	background-color: #F5FAFF;
	margin-bottom: 5px;
}

.user-internal-comment-creater {
	font-size: 90%;
}

.user-type-label {
	font-size: 90%;
	color: #4d4d4d !important;
	padding: 3px 5px 3px 5px;
	border-radius: 4px;
	line-height: 30px;
}

select .select2-preferred-location-from, select .select2-preferred-location-to {
	font-family: 'FontAwesome', 'Poppins' !important;
}

/* company type/user role table */
.company-type-box td:first-child input, .user-permission-box td:first-child input {
	padding-top: 3px;
	margin: 2px 10px !important;
}

.company-type-box tr td, .user-permission-box tr td {
	background: #fdfdfd none repeat scroll 0 0;
}

.company-type-box td:nth-child(2), .user-permission-box td:nth-child(2) {
	padding: 2px 15px 2px 15px;
}

/* transport service */
.transport-stop-template {
	display: none;
}

.transport-stop {
	background-color: #F5FAFF;
	margin-bottom: 5px;
}

/* transport service log */
#update-service-log-box .title {
	font-weight: bold;
	background: #f8f8f8;
	height: 50px;
}

#update-service-log-box .data {
	height: 50px;
}

/* travel request */
.travel-booking-internal-fields {
	border: 2px solid #a5a2a4;
}

.travel-booking-template {
	display: none;
}

.travel-booking-summary {
	font-size: 85%;
	line-height: 35px;
}

.travel-request-user-name {
	font-weight: bold;
	line-height: 45px;
}

.travel-request-action-option-box {
	border-top: 1px solid #F15D22;
	border-bottom: 1px solid #F15D22;
	padding: 10px 0px 10px 0px;
	margin-bottom: 15px;
}

.travel-request-action-option-box table {
	margin: 0px;
}

.travel-request-action-option-box tbody {
	border: 0px;
}

.travel-request-action-option-box td {
	background: #ffffff;
	padding: 0px;
}

.travel-booking {
	margin-bottom: 5px;
}

.travel-booking .travel-request-notes-message {
	padding: 10px 0px 10px 0px;
}

#booking-prompt {
	border-radius: 5px;
	height: 230px;
}

#booking-prompt .message {
	font-size: 110%;
	height: 100px;
	text-align: left;
}

.delete-rotation-button, .delete-transport-service-button, .delete-accommodation-service-button, .delete-employee-button, .delete-certificate-file-button {
	color: #000000 !important;
}

.service-table-button {
	height: 40px;
	padding: 9px 20px 9px 20px !important;
	margin-bottom: 10px !important;
}

.service-table {
	height: 1px;
}

.service-table td {
	background-color: #ffffff;
	border-bottom: 1px solid #e3e3e3;
}

.service-wrapper, .search-tran-wrapper {
	vertical-align: top;
}

.search-tran-wrapper hr {
	border-top: 1.5px dashed #555555;
	margin: 10px 0px 10px 0px;
}

.service-wrapper .transport-service, .search-tran-wrapper .travel-tran-service {
	border-radius: 5px;
	padding-left: 5px;
	margin-bottom: 2px;
}

.service-wrapper .transport-service {
	padding-bottom: 1px;
}

.service-wrapper.transport-service a {
	color: #000000;
}

.service-wrapper .transport-service input, .search-tran-wrapper .travel-tran-service input {
	margin-right: 2px;
	margin-bottom: 0px;
}

.service-wrapper .transport-service .select-option, .service-wrapper .accommodation-service .select-option {
	color: #ffffff !important;
	background-color: #110139;
	border-radius: 5px;
	text-align: right;
	padding-right: 5px;
	height: 100%;
}

.service-wrapper .transport-service .select-option input[type=checkbox], .service-wrapper .accommodation-service .select-option input[type=checkbox] {
	/* Double-sized Checkboxes */
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
	transform: scale(1.5);
	padding: 10px;
	margin-left: 5px;
}

.service-wrapper .accommodation-service {
	border-radius: 5px;
	padding-left: 5px;
	margin-bottom: 2px;
	height: 100%;
}

.service-wrapper.accommodation-service a {
	color: #000000;
}

.service-wrapper .service-full-booked-highlight {
	border: 2px solid #d9471c;
	border-left: 10px solid #d9471c;
}

.search-message {
	text-align: center;
}

.show-transport-service {
	margin-top: 20px;
}

.service-full-booked-message {
	font-weight: bold;
	color: #d9471c;
}

.easy-autocomplete {
	width: 100% !important;
}

.easy-autocomplete input {
	width: 100%;
}

.easy-autocomplete-container {
	margin-top: -15px;
	margin-left: -20px;
	width: 108% !important;
}

#transport-connect-search, #transport-flight-search, #transport-bus-search, #transport-pool-vehicle-search, #transport-self-drive-form, #external-sector-form, #accommodation-search, #accommodation-change {
	border-radius: 15px;
	border: 2px solid #110139;
}

#transport-connect-search input, #transport-flight-search input, #accommodation-search input {
	border-radius: unset;
}

#transport-connect-search #search-tran-connect-reset-button, #transport-flight-search #search-tran-flight-reset-button, #transport-bus-search #search-tran-bus-reset-button, #transport-pool-vehicle-search #search-tran-pool-vehicle-reset-button, #transport-self-drive-form #search-tran-self-drive-reset-button, #external-sector-form #search-external-sector-reset-button, #accommodation-search #search-acco-reset-button, #accommodation-change #update-acco-reset-button {
	border: 0px;
}

.search-acco-wrapper, .search-tran-wrapper {
	margin-bottom: 10px;
}

.travel-tran-service, .travel-acco-service, .travel-employee {
	border-radius: 5px;
	padding-left: 2px;
	margin-bottom: 5px;
}

.travel-tran-service a, .travel-acco-service a {
	margin-right: 2px;
}

.travel-employee a {
	margin: 5px 2px 5px 2px !important;
}

.search-service-info {
	font-weight: bold;
	color: #110139 !important;
}

.change-segment-fee-item {
	font-weight: bold;
	color: #110139 !important;
	line-height: 50px;
	height: 50px;
}

.search-service-price, .service-price {
	font-weight: bold;
	font-size: 90%;
	color: #110139 !important;
	text-align: left;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	margin-right: 2px !important;
}

.search-service-message-column {
	position: relative;
	display: table;
}

.search-service-message {
	font-size: 90%;
	color: #110139 !important;
	margin-top: 10px;
	padding-right: 2px;
	vertical-align: middle;
  	display: table-cell;
}

.search-employee-info {
	font-weight: bold;
	color: #110139 !important;
	line-height: 45px;
}

.search-employee-info label {
	color: #110139 !important;
}

.search-employee-info select {
	margin: 0px;
}

.search-stop-info, .search-acco-info {
	font-size: 90%;
	color: #110139 !important;
}

.travel-service-add-button {
	border-radius: 15px !important;
	margin: 10px 0px 0px 0px;
	padding: 5px 20px 5px 20px;
}

.update-message-type svg {
	margin-bottom: -1px;
}

.change-request {
	margin-bottom: 10px;
}

.change-request .status {
	font-size: 80%;
	position: absolute;
	z-index: 1;
}

.change-request .dropdown.menu li a {
	cursor: pointer;
	color: #fefefe !important;
}

.change-request .dropdown.menu > li.is-dropdown-submenu-parent > a {
	border-radius: 2px;
	padding: 0px 3px 0px 3px !important;
	margin: 2px 0px 0px 4px;
}

.change-request .dropdown.menu > li.is-dropdown-submenu-parent > a.alert {
	background: #cc4b37 !important;
}

.change-request .dropdown.menu > li.is-dropdown-submenu-parent > a.warning {
	background: #ffae00 !important;
}

.change-request .dropdown.menu > li.is-dropdown-submenu-parent > a.success {
	background: #3adb76 !important;
}

.change-request .dropdown.menu > li.is-dropdown-submenu-parent > a.primary {
	background: #1779ba !important;
}

.change-request .dropdown.menu > li.is-dropdown-submenu-parent > a.secondary {
	background: #767676 !important;
}

.change-request .message {
	border-radius: 5px;
	border: 1px solid #dddddd;
	background-color: #eeeeee;
	padding: 10px 5px 10px 5px;
	margin-bottom: 5px;
}

.change-request .message .message-status {
	font-size: 90%;
	width: 100%;
	text-align: right;
	display: inline-block;
	margin-bottom: 5px;
}

.internal-message {
	margin-bottom: 10px;
}

.internal-message .message {
	border-radius: 5px;
	border: 1px solid #dddddd;
	background-color: #eeeeee;
	padding: 10px 5px 10px 5px;
}

.qantas-booking-reference {
	margin: 0px 0px 5px 10px;
}

.cancelled-segment {
	margin: 0px 0px 5px 10px;
}

.booking-message-createdtime, .update-message-createdtime, .cancelled-segment-createdtime {
	font-size: 95%;
	color: #333333 !important;
}

.booking-message-username, .update-message-username, .cancelled-segment-username {
	font-size: 95%;
}

.booking-message-change-request, .booking-message-change-request-status {
	font-size: 80%;
	border-radius: 2px;
	color: #fefefe !important;
	padding: 3px;
}

.booking-message-change-request-status {
	cursor: pointer;
}

.delete-booking-checkbox, .send-message-checkbox {
	margin-bottom: unset !important;
}

.transport-booking-fields-group, .accommodation-booking-fields-group {
	vertical-align: bottom;
}

.transport-booking-fields-update-button, .accommodation-booking-fields-update-button {
	color: #000000;
	border-radius: 4px;
	border: 1px solid #000000 !important;
}

.transport-booking-fields-wrap, .accommodation-booking-fields-wrap {
	display: flex;
	position: relative;
	bottom: 8px;
	margin-top: 2px;
}

.transport-booking-fields-wrap .vehicle-rego-number-label, .transport-booking-fields-wrap .keycafe-booking-code-label, .accommodation-booking-fields-wrap .source-reservation-number-label, .accommodation-booking-fields-wrap .booking-room-number-label {
	width: 85px !important;
	padding-top: 5px;
	text-align: right;
}

.transport-booking-fields-wrap .vehicle-rego-number, .transport-booking-fields-wrap .keycafe-booking-code, .accommodation-booking-fields-wrap .source-reservation-number, .accommodation-booking-fields-wrap .booking-room-number {
	width: 100px !important;
	height: 30px !important;
	border-radius: 5px;
	margin: 0px;
}

.transport-color-code {
	border: 2px solid #F15D22;
}

.transport-full-color-code {
	border: 2px solid #110139;
}

.transport-full-color-code:hover {
	border: 2px solid #110139;
}

.transport-closed-color-code {
	border: 2px solid #914744;
}

.transport-pending-process-color-code {
	border: 2px solid #916544;
}

.transport-past-color-code {
	border: 2px solid #918c90;
}

.add-transport-button {
	font-weight: bold;
	color: #DBA901;
	border: 3px solid #DBA901;
	background-color: #ffffff !important;
}

.add-transport-button:hover, .add-transport-button:focus {
	font-weight: bold;
	color: #bd8c01;
	border: 3px solid #bd8d01;
}

.accommodation-color-code {
	border: 2px solid #110139;
}

.accommodation-full-color-code {
	background: #e07167 !important;
}

.add-accommodation-button {
	font-weight: bold;
	color: #0133DB;
	border: 3px solid #0133DB;
}

.accommodation-past-color-code {
	background: #918c90 !important;
}

.fee-label {
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	padding-right: 10px;
	line-height: 30px;
}

.fee-block {
	font-weight: bold;
	font-size: 90%;
	color: #000000 !important;
	border: 1px solid #000000;
	text-align: center;
	margin-top: 3px !important;
	margin-bottom: 3px !important;
	margin-right: 2px !important;
}

.card-form {
	border: 2px solid #130157;
	border-radius: 4px;
	padding: 10px 5px 10px 5px;
}

#card-element {
	font-size: 80%;
}

#card-element [type="text"] {
	height: 35px;
	margin-bottom: 8px;
}

#card-errors {
	color: #bd1622;
	margin-top: 5px;
}

#card-instruction {
	margin-bottom: 10px;
}

#card-instruction img {
	height: 50px;
}

.location-swap {
	position: absolute;
	color: #000000;
}

.location-swap svg {
	rotate: 90deg;
}

.self-drive-disclaimer {
	font-size: 95%;
	margin: 10px 0px 20px 0px;
}

/* Group Travel Request */
.group-travel-request-search hr {
	background-color: #f15d22;
	height: 2px;
	border: 0;
	max-width: 100% !important;
}

.search-employee-wrapper {
	margin-bottom: 10px;
	color: #bd1622;
}

#ms-search-employee {
	width: 100% !important;
}

.employee-selector {
	font-size: 90%;
}

/* Payment Processing */
.payment-processing {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #eee;
}

.payment-processing .message-box {
	position: absolute;
	border: 5px solid #130157;
	border-radius: 4px;
	width: 350px;
	height: 100px;
	line-height: 80px;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -40%);
	text-align: center;
}

.payment-invoice-table-header {
	font-weight: bold;
	vertical-align: top;
}

.section-1 .payment-invoice-table-header, .section-3 .payment-invoice-table-header {
	width: 300px;
}

.section-2 .payment-invoice-table-header {
	width: 20%;
}

.payment-invoice-table-detail {
	vertical-align: top;
}

.payment-invoice-pdf-table-header {
	font-weight: bold;
	vertical-align: top;
	font-size: 90%;
}

.section-1 .payment-invoice-pdf-table-header, .section-3 .payment-invoice-pdf-table-header {
	width: 300px;
}

.section-2 .payment-invoice-pdf-table-header {
	width: 20%;
}

.payment-invoice-pdf-table-detail {
	vertical-align: top;
	font-size: 90%;
}

.payment-invoice-pdf-footer {
	font-size: 90%;
}

.employee-color-code {
	background: #3795db !important;
}

.employee-color-code:hover {
	background: #3682c7 !important;
}

.service-category-icon {
	max-height: 50px;
	max-width: 50px;
}

.email-company-logo {
	max-height: 100px;
	max-width: 100px;
	margin-bottom: 10px;
}

.certificate-file-link {
	vertical-align: middle;
	line-height: 30px;
}

.certificate-file-link:hover, .certificate-file-link:focus {
	background-color: #f0edf5 !important;
}

.travel-itinerary {
	font-weight: bold;
	margin-bottom: 0px;
	height: 60px;
}

.travel-itinerary td {
	vertical-align: top;
}

.travel-itinerary-icon {
	text-align: right !important;
	padding-right: 0px !important;
}

.travel-itinerary-summary td {
	background: #ffffff;
}

.travel-itinerary-summary-option {
	text-align: right !important;
	padding-right: 0px !important;
}

.travel-itinerary-summary-option a {
	color: #F15D22 !important;
}

.travel-itinerary-button-group {
	margin-bottom: 5px;
}

.travel-itinerary-date {
	font-weight: bold;
}

.travel-itinerary-line-break {
	border-bottom: 1px solid #f5f5f5;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 4px;
}

/* booking dropdown menu */
div#booking-dropdown-menu {
	position: relative;
	margin-bottom: 10px;
	line-height: 28px;
}

div#booking-dropdown-menu a {
	padding: 3px 15px 5px;
}

.booking-dropdown-toggle {
	font-weight: bold;
	display: inline-block;
	width: 240px;
	height: 40px;
	text-align: center;
	border-radius: 4px;
}

ul.booking-dropdown {
	display: none;
	position: absolute;
	top: 100%;
	margin-top: 0px;
	margin-left: 0px;
	padding: 5px 0px 0px 0px;
	background-color: #ffffff !important;
	border: 1px solid #dddddd;
	z-index: 99;
	width: 240px;
	text-align: left;
}

ul.booking-dropdown li {
	list-style-type: none;
}

ul.booking-dropdown li a {
	color: #000000;
	text-decoration: none;
	padding: 0em 1em;
	display: block;
}

/* CSV export dropdown menu */
div#export-dropdown-menu {
	position: relative;
	margin-bottom: 10px;
	line-height: 28px;
	margin: 0px 2px 0px 2px;
}

div#export-dropdown-menu a {
	font-size: 14px;
	padding: 3px 15px 5px;
}

.export-dropdown-toggle {
	font-weight: bold;
	display: inline-block;
	width: 170px;
	height: 40px;
	text-align: center;
	border-radius: 4px;
}

ul.export-dropdown {
	display: none;
	position: absolute;
	top: 100%;
	margin-top: 0px;
	margin-left: 0px;
	padding: 5px 0px 0px 0px;
	background-color: #ffffff !important;
	border: 1px solid #dddddd;
	z-index: 99;
	width: 170px;
	text-align: left;
}

ul.export-dropdown li {
	list-style-type: none;
}

ul.export-dropdown li a {
	color: #000000;
	text-decoration: none;
	padding: 0em 1em;
	display: block;
}

/* reservation & manifests dropdown menu */
div#reservation-dropdown-menu, div#manifests-dropdown-menu {
	position: relative;
	line-height: 37px;
	margin: 0px 2px 0px 2px;
}

div#reservation-dropdown-menu a, div#manifests-dropdown-menu a {
	font-size: 14px;
	height: 45px;
}

.reservation-dropdown-toggle, .manifests-dropdown-toggle {
	font-weight: bold;
	display: inline-block;
	width: 150px;
	height: 40px;
	text-align: center;
	border-radius: 4px;
}

ul.reservation-dropdown, ul.manifests-dropdown {
	display: none;
	position: absolute;
	top: 100%;
	margin-top: 0px;
	margin-left: 0px;
	padding: 5px 0px 0px 0px;
	background-color: #ffffff !important;
	border: 1px solid #dddddd;
	z-index: 99;
	width: 150px;
	text-align: left;
}

ul.reservation-dropdown li, ul.manifests-dropdown li {
	list-style-type: none;
}

ul.reservation-dropdown li a, ul.manifests-dropdown li a {
	color: #000000;
	text-decoration: none;
	padding: 10px 0px 0px 10px;
	display: block;
}

/* pool vehicle*/
.pool-vehicle-dashboard-filter {
	margin-bottom: 15px;
}

.pool-vehicle-dashboard-filter .label {
	font-size: 110%;
	font-weight: bold;
	background-color: unset !important;
	margin-top: 5px;
}

.pool-vehicle-dashboard-filter .navigation {
	font-size: 120%;
	font-weight: bold;
	color: #000000;
	background-color: unset !important;
	margin-top: 5px;
}

.pool-vehicle-dashboard-filter .cell span {
	display: inline-block;
}

.pool-vehicle-dashboard-filter .date-option, .pool-vehicle-dashboard-filter .rego-label, .pool-vehicle-dashboard-filter .spec-label {
	margin-left: 15px;
}

.pool-vehicle-dashboard-filter .rego-option, .pool-vehicle-dashboard-filter .spec-option {
	margin-left: 3px;
}

.pool-vehicle-dashboard-filter .rego-option .select2-container, .pool-vehicle-dashboard-filter .spec-option .select2-container {
	top: 14px !important;
}

.pool-vehicle-dashboard-filter .date-option input {
	width: 120px;
}

.pool-vehicle-dashboard-filter .rego-option .select2-selection {
	width: 120px;
	margin-bottom: 0px !important;
}

.pool-vehicle-dashboard-filter .spec-option .select2-selection {
	width: 420px;
	margin-bottom: 0px !important;
}

.pool-vehicle-dashboard-filter .update-button {
	margin-left: 10px;
}

.pool-vehicle-dashboard-filter .update-button a {
	margin-top: 10px;
}

.pool-vehicle-dashboard-table thead {
	color: #ffffff;
	background: #110139;
}

.pool-vehicle-dashboard-table tbody {
	border: 0px !important;
}

.pool-vehicle-dashboard-table tbody tr {
	background-color: #ffffff !important;
}

.pool-vehicle-booking-table thead {
	color: #110139;
	background: #ffffff;
}

.pool-vehicle-booking-table .header-month {
	font-size: 90%;
	color: #ffffff;
	background: #110139;
}

.pool-vehicle-booking-table tbody {
	border: 0px !important;
}

.pool-vehicle-booking-table tbody tr {
	background-color: #ffffff !important;
}

.pool-vehicle-booking-table thead th, .pool-vehicle-booking-table tbody td {
	font-size: 90%;
	border: 1px solid #dddddd;
}

.pool-vehicle-booking-table .pool-vehicle-booked {
	background-color: #d1f2f9 !important;
}

.pool-vehicle-booking {
	margin: 0px !important;
}

.pool-vehicle-booking tbody {
	border: 0px !important;
}

.pool-vehicle-booking tbody tr {
	background-color: #ffffff !important;
}

.pool-vehicle-booking tbody tr td {
	padding: 0px !important;
}

.pool-vehicle-dashboard-table .pool-vehicle-booking {
	margin: 0px;
}

.pool-vehicle-manager-button-group .button {
	padding: 10px 20px 10px 20px !important;
	margin: 0px 0px 15px 2px !important;
}

.pool-vehicle-booking-popup {
	position: relative;
	display: inline-block;
}

.pool-vehicle-booking-popup a {
	color: #000000;
}

.pool-vehicle-booking-popup .pool-vehicle-booking-popup-text {
	visibility: hidden;
	min-width: 140px;
	background-color: black;
	color: #fff;
	text-align: left;
	padding: 4px 4px;
	border-radius: 4px;
	position: absolute;
	z-index: 1;
	right: 50%;
}

.pool-vehicle-booking-popup:hover .pool-vehicle-booking-popup-text {
	visibility: visible;
}

.pool-vehicle-booking-popup:hover {
	cursor: pointer;
}

/* filter */
.reveal-title {
	font-size: 100%;
	font-weight: bold;
	margin-top: 0px !important;
	margin-bottom: 10px !important;
	padding-left: 5px;
}

.reveal {
	z-index: 999 !important;
}

.reveal span {
	color: #4d4d4d;
}

/* Error */
.error {
	text-align: center;
}

/* Privacy Policy */
.privacy-policy {
	list-style-type: none;
}

.privacy-policy li {
	font-weight: bold;
}

.privacy-policy p {
	margin-left: 20px;
}

.privacy-policy .sub-paragraph {
	margin-left: 40px;
}

/* Data Loading */
.data-loading {
	font-weight: bold;
	height: 35px;
}

/* Scroll to top */
.scrollToTop {
	width: 45px;
	height: 45px;
	padding: 10px;
	text-align: center;
	background: #dddddd;
	font-weight: bold;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	display: none;
	border-radius: 3px;
}

.scrollToTop i {
	color: #444;
}

.scrollToTop:hover {
	text-decoration: none;
}

/*
 * Alert Box
 */
.alert-box {
	width: 100%;
	padding: 8px 2px 8px 4px;
}

.alert-box.callout {
	color: #ffffff;
	font-weight: bold;
}

.alert-box.alert {
	border: 2px solid #cc4b37;
	border-radius: 8px;
	background-color: #cc4b37;
}

.alert-box.warning {
	border: 2px solid #ffae00;
	border-radius: 8px;
	background-color: #ffae00;
}

.alert-box.success {
	border: 2px solid #92d050;
	border-radius: 8px;
	background-color: #92d050;
}

.alert-box.info {
	border: 2px solid #1779ba;
	border-radius: 8px;
	background-color: #1779ba;
}

.alert-box i {
	border: 2px solid #fefefe;
	border-radius: 50%;
	padding: .3em .325em;
	margin-right: 0.5rem;
}

/*
 * Callouts - outlined boxes with colour coded left borders
 */
.callout-subtle {
	border: 0px;
	width: 100%;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	background: #e9e9e9;
	color: #0a0a0a;
	border-left: 6px solid #8a8a8a;
}

.callout-subtle.success {
	background: #e9e9e9;
	color: #0a0a0a;
	border-left: 6px solid #3adb76;
}

.callout-subtle.alert {
	background: #e9e9e9;
	color: #0a0a0a;
	border-left: 6px solid #cc4b37;
}

.callout-subtle.warning {
	background: #e9e9e9;
	color: #0a0a0a;
	border-left: 6px solid #ffae00;
}

.callout-subtle.primary {
	background: #e9e9e9;
	color: #0a0a0a;
	border-left: 6px solid #1779ba;
}

.callout-subtle.radius {
	border-radius: 2px;
}

.cancel-link, .back-link, .to-link {
	font-weight: bold;
	padding: 2px 25px 2px 25px;
	line-height: 40px;
	color: #110139 !important;
}

.color-transparent {
	background-color: transparent;
}

.color-green-text {
	color: #57b757 !important;
}

.color-blue-text {
	color: #017aaa !important;
}

.color-red-text {
	color: #e84214 !important;
}

.color-black-text {
	color: #0a0a0a !important;
}

.color-white-text {
	color: #ffffff !important;
}

.color-brown-text {
	color: #aa7332 !important;
}

.color-orange-text {
	color: #f15d22 !important;
}

.color-green-background, .color-green-background:hover, .color-green-background:focus {
	background-color: #57b757 !important;
}

.color-blue-background, .color-blue-background:hover, .color-blue-background:focus {
	background-color: #017aaa !important;
}

.color-grey-background, .color-grey-background:hover, .color-grey-background:focus {
	background-color: #7f7f7f !important;
}

.button-color-green, .button-color-green:hover, .button-color-green:focus {
	font-weight: bold;
	color: #57b757 !important;
	border: 3px solid #57b757 !important;
	background-color: #ffffff !important;
}

.button-color-red, .button-color-red:hover, .button-color-red:focus {
	font-weight: bold;
	color: #e84214 !important;
	border: 3px solid #e84214 !important;
	background-color: #ffffff !important;
}

.button-color-blue, .button-color-blue:hover, .button-color-blue:focus {
	font-weight: bold;
	color: #017aaa !important;
	border: 3px solid #017aaa !important;
	background-color: #ffffff !important;
}

.button-color-orange, .button-color-orange:hover, .button-color-orange:focus {
	font-weight: bold;
	color: #f15d22 !important;
	border: 3px solid #f15d22 !important;
	background-color: #ffffff !important;
}

.button-color-brown, .button-color-brown:hover, .button-color-brown:focus {
	font-weight: bold;
	color: #b96714 !important;
	border: 3px solid #b96714 !important;
	background-color: #ffffff !important;
}

.button-color-maroon, .button-color-maroon:hover, .button-color-maroon:focus {
	font-weight: bold;
	color: #940000 !important;
	border: 3px solid #940000 !important;
	background-color: #ffffff !important;
}

.button-color-grey, .button-color-grey:hover, .button-color-grey:focus {
	font-weight: bold;
	color: #7f7f7f !important;
	border: 3px solid #7f7f7f !important;
	background-color: #ffffff !important;
}

.button-navy, .button-navy:hover, .button-navy:focus {
	font-weight: bold;
	color: #ffffff !important;
	border: 3px solid #110139 !important;
	background-color: #110139 !important;
	border-radius: 4px;
}

.button-gold, .button-gold:hover, .button-gold:focus {
	font-weight: bold;
	color: #ffffff !important;
	border: 3px solid #f4a13b !important;
	background-color: #f4a13b !important;
	border-radius: 4px;
}

.button-brown, .button-brown:hover, .button-brown:focus {
	font-weight: bold;
	color: #ffffff !important;
	border: 3px solid #aa7332 !important;
	background-color: #aa7332 !important;
	border-radius: 4px;
}

.button-orange, .button-orange:hover, .button-orange:focus {
	font-weight: bold;
	color: #ffffff !important;
	border: 3px solid #f15d22 !important;
	background-color: #f15d22 !important;
	border-radius: 4px;
}

.button-beige, .button-beige:hover, .button-beige:focus {
	font-weight: bold;
	color: #ffffff !important;
	border: 3px solid #fbf5e5 !important;
	background-color: #fbf5e5 !important;
	border-radius: 4px;
}

.button-grey, .button-grey:hover, .button-grey:focus {
	font-weight: bold;
	color: #ffffff !important;
	border: 3px solid #7f7f7f !important;
	background-color: #7f7f7f !important;
	border-radius: 4px;
}

.button-green, .button-green:hover, .button-green:focus {
	font-weight: bold;
	color: #ffffff !important;
	border: 3px solid #57b757 !important;
	background-color: #57b757 !important;
	border-radius: 4px;
}

.button-red, .button-red:hover, .button-red:focus {
	font-weight: bold;
	color: #ffffff !important;
	border: 3px solid #e84214 !important;
	background-color: #e84214 !important;
	border-radius: 4px;
}

/*
 * Message notification
 */
.button-badge {
	background-color: #1779ba;
	text-decoration: none;
	padding: 1rem 1.5rem;
	position: relative;
	display: inline-block;
	border-radius: .2rem;
	transition: all ease 0.4s;
}

.button-badge:hover {
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.badge {
	position: absolute;
	top: -10px;
	right: -10px;
	font-size: .8em;
}

/*
 * Email Log
 */
 .email-log .grid-x {
	margin: 5px 0px 10px 0px;
}

/*
 * Calendar
 */
#calendar, .details-calendar, div[id^="calendar-"] {
	margin: 15px 5px 10px 5px;
	background-color: #FBF5E5 !important;
}

#calendar table, div[id^="calendar-"] table {
	margin-bottom: 0;
	background: none;
}

#calendar table thead, div[id^="calendar-"] table thead {
	background: none;
}

#calendar table thead tr td, div[id^="calendar-"] table thead tr td {
	font-weight: normal;
}

#calendar table tr:nth-of-type(even), div[id^="calendar-"] table tr:nth-of-type(even) {
	background: none;
}

#calendar h2, div[id^="calendar-"] h2 {
	font-size: 1.6875rem;
}

#calendar .fc-day-header, [id^="calendar-"] .fc-day-header {
	color: #000000 !important;
	background-color: #FBF5E5 !important;
}

#calendar .fc-header-toolbar, .details-calendar .fc-header-toolbar, [id^="calendar-"] .fc-header-toolbar {
	margin-bottom: 5px !important;
}

#calendar .fc-header-toolbar h2, .details-calendar .fc-header-toolbar h2, [id^="calendar-"] .fc-header-toolbar h2 {
	font-weight: bold;
	font-size: 110%;
	margin-top: 5px;
	padding: 0px 15px 0px 15px;
}

#calendar .fc-prev-button, #calendar .fc-next-button, .details-calendar .fc-prev-button, .details-calendar .fc-next-button, [id^="calendar-"] .fc-prev-button, [id^="calendar-"] .fc-next-button {
	border: 0px !important;
}

#calendar .fc-prev-button, #calendar .fc-next-button, [id^="calendar-"] .fc-prev-button, [id^="calendar-"] .fc-next-button {
	color: #ffffff;
	border-radius: 80% !important;
	background-color: #110139;
	background-image: none;
	padding: 0px 2px 0px 2px;
	height: 18px;
}

#calendar .fc-prev-button .fc-icon, #calendar .fc-next-button .fc-icon, [id^="calendar-"] .fc-prev-button .fc-icon, [id^="calendar-"] .fc-next-button .fc-icon {
	font-size: 75%;
	height: unset;
}

#calendar .fc-prev-button, [id^="calendar-"] .fc-prev-button {
	margin: 9px 3px 0px 0px !important;
}

#calendar .fc-next-button, [id^="calendar-"] .fc-next-button {
	margin: 9px 0px 0px 3px !important;
}

#calendar .fc-today-button, .details-calendar .fc-today-button, [id^="calendar-"] .fc-today-button {
	font-weight: bold;
	font-size: 110%;
	border: 0px !important;
	color: #110139 !important;
	text-transform: capitalize;
	background: none;
}

#calendar .fc-today, .details-calendar .fc-today {
	background-color: #f5aa8c !important;
}

#calendar .fc-day-top {
	text-align: center;
}

#calendar .fc-day-top .fc-day-number {
	float: unset;
}

#calendar .fc-past, #calendar .fc-future, .details-calendar .fc-past, .details-calendar .fc-future {
	color: #000000 !important;
	background-color: #ffffff !important;
}

#calendar .fc-state-disabled {
	opacity: unset;
}

#calendar table, #calendar table thead,  #calendar table tbody, #calendar table tr th, #calendar table tr td, .details-calendar table, .details-calendar table thead,  .details-calendar table tbody, .details-calendar table tr th, .details-calendar table tr td {
	border: 0px !important;
}

/* fix border missing - foundation overwrite issue */
.button {
	background-color: #01A0DB;
	border-radius: 4px;
}

.button:hover, .button:focus {
	background-color: #018fc7;
}

.fc-content-skeleton table tbody {
	background-color: transparent !important;
}

.datepicker-close {
	height: 15px !important;
	top: -15px !important;
	display: none !important;
}

.datepicker-close .svg-inline--fa.fa-w-12 {
	width: 15px !important;
}

.button-group {
	margin-bottom: unset !important;
}

.button-group .button {
	margin: 0px 2px 0px 2px;
}

.switch .switch-paddle span {
	color: #fefefe;
}

/*
 * Overlay
 */
.overlay {
	display: none;
	position: absolute;
	background: #828282;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.9;
	overflow: hidden;
	z-index: 999;
}

.overlay .content {
	position: relative;
	background: #ffffff;
	margin: auto;
	top: 30%;
	height: 200px;
	width: 400px;
	line-height: 200px;
	opacity: 1 !important;
	border-radius: 5px;
	text-align: center;
}

/*
 * Datatable styles
 */
div.dataTables_wrapper {
	width: 100% !important;
}

div.dataTables_wrapper div.dataTables_length {
	margin-left: 5px;
}

div.dataTables_wrapper div.dataTables_length select {
	font-size: 95%;
	height: 38px !important;
	border: 1px solid #eeeeee;
	padding: 2px 25px 2px 10px;
	margin-bottom: 5px !important;
}

div.dataTables_wrapper td a.button {
	margin-bottom: 0px !important;
}

div.dataTables_wrapper thead {
	font-size: 95%;
	color: #ffffff;
	background: #110139;
}

div.dataTables_wrapper tbody {
	font-size: 95%;
}

div.dataTables_wrapper div.dataTables_info {
	margin-left: 5px;
}

div.dataTables_wrapper div.details-table {
	background: #eeeeee;
	padding: 5px 0px 5px 0px;
}

div.dataTables_wrapper .user-icon {
	color: #f15d22 !important;
	font-size: 200%;
	padding: 6px 0px 0px 5px;
}

div.dataTables_wrapper .paginate_button.current {
	background: #110139;
}

div.dataTables_filter label {
	float: left !important;
	margin-bottom: 10px !important;
}

.dt-actions-column {
  white-space: nowrap; /* don't wrap buttons */
}

/* Foundation overrides */
.is-dropdown-submenu-parent {
	z-index: 999 !important;
}

button.radius, .button.radius {
	border-radius: 3px;
}

button.round, .button.round {
	border-radius: 1000px;
}

.dropdown.menu .is-dropdown-submenu-parent > a {
	padding-right: 8px !important;
	line-height: unset !important;
}

.dropdown.menu .is-dropdown-submenu-parent > a::after {
	content: none !important;
}

.dropdown.menu li a {
	color: #000000 !important;
}

.dropdown-menu.divider {
	margin: 5px 0;
	background-color: #000000 !important;
}

.is-dropdown-submenu {
	border: 0px !important;
	text-align: left !important;
	margin-left: 3px;
}

.is-dropdown-submenu .line-break {
	border-bottom: 1px solid #424242;
}

.is-dropdown-submenu a:hover, .is-dropdown-submenu a:hover {
	border-bottom: solid 3px #dc821c;
	opacity: 0.9;
}

.accordion {
	margin-bottom: 0px !important;
}

.accordion-title {
	font-weight: bold;
	font-size: 100% !important;
}

.message-record-table {
	border-collapse: unset !important;
}

.button-container1 .button, .ckeckin .switch {
	margin-bottom: 0px !important;
}

.button-container2 {
	width: 150px;
}

.has-tip {
	font-weight: unset !important;
	border-bottom: unset !important;
	cursor: context-menu !important;
}

/*
 * System maintenance mode
 */
.system-maintenance-message {
	border: 1px solid #bd1622;
	border-radius: 4px;
	padding: 5px 2px 5px 2px;
	color: #ffffff;
	background-color: #952827;
}

/*
 * New registration
 */
.registration-link {
	padding-top: 40px;
	font-size: 95%;
	text-align: center;
	letter-spacing: 0.4px;
}

.registration-link a {
	color: #F15D22 !important;
}

/*
 * Itinerary PDF table
 */
.itinerary-pdf-table {
	border: 0px;
	margin-bottom: 10px;
}

.itinerary-pdf-table .travel-itinerary-icon {
	text-align: left !important;
	width: 60px !important;
}

.itinerary-pdf-table .travel-itinerary-column {
	vertical-align: top;
}

.itinerary-pdf-table .travel-itinerary-heading {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.itinerary-pdf-table .travel-itinerary-summary {
	margin-bottom: 10px;
}

.itinerary-pdf-table .travel-itinerary-summary td {
	line-height: 20px;
}

/*
 * manifest
 */
.seat-available {
	cursor: pointer;
}

.seat-selected {
	border: 3px solid #a43b3d;
}

.seat-not-available {
	background: url('../images/seat-not-available.png') center no-repeat #eeeeee;
	background-size: 60px 40px;
}

.transport-manifest {
	font-size: 95%;
}

.transport-manifest .blue-header thead tr {
	background: #130157;
	color: #fefefe;
}

.transport-manifest tfoot td {
	font-weight: normal;
}

.manifest-booking-owner {
	font-weight: bold;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.manifest-name-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/*
 * transport manifest stops summary
 */
.transport-stops-summary {
	border: 0px;
	margin-bottom: 0px !important;
}

.transport-stop-summary-block {
	font-size: 95%;
	text-align: right;
	display: inline-block;
	border: 1px solid #eeeeee;
	border-radius: 6px;
	min-width: 30px;
	padding: 0px 2px 0px 2px;
	margin: 0px;
}

.transport-stop-popup {
	position: relative;
	display: inline-block;
}

.transport-stop-popup .transport-stop-popup-text {
	visibility: hidden;
	min-width: 140px;
	background-color: black;
	color: #fff;
	text-align: left;
	padding: 4px 4px;
	border-radius: 4px;
	position: absolute;
	z-index: 1;
	right: 180%;
}

.transport-stop-popup:hover .transport-stop-popup-text {
	visibility: visible;
}

.freight-booking-table {
	border: 1px solid #ddd !important;
	border-collapse: initial;
}

.freight-booking-table .button-container1 {
	background: #efe7e5;
}

.freight-booking-table th {
	background: #eaf1fa;
}

.freight-booking-table td {
	background: #f2f5fa;
}

.transport-new-seat-price, .transport-new-seat-allocation, .accommodation-new-room-allocation, .accommodation-total-rooms {
	text-align: center;
	text-align: -moz-center;
}

.transport-new-seat-price input {
	width: 70px !important;
	margin: 0px;
}

.transport-new-seat-allocation input, .accommodation-new-room-allocation input, .accommodation-total-rooms input {
	width: 70px !important;
	margin: 0px;
	text-align: center;
}

.flight-seat-allocations td, .accommodation-room-allocations td {
	border-bottom: 1pt solid #bbbbbb;
	background:white;
}

.flight-seat-allocations .seat-allocated, .accommodation-room-allocations .room-allocated {
	border-left: 1pt solid #eeeeee;
}

/*
 * accommodation manifest
 */
.accommodation-date-selection {
	height: 45px;
	line-height: 45px;
	font-size: 120%;
	font-weight: bold;
	margin-left: 10px;
}

.accommodation-date-selection a {
	vertical-align: center;
	color: #111111;
}

.accommodation-date-selection select {
	width: 120px;
	margin: 0px;
}

.accommodation-booking-status-tab .tabs-title a {
	color: #111111;
	font-size: 90%;
}

/* accommodation confirmation */
.accommodation-confirmation {
	border-radius: 5px;
	border: 1px solid #ddd;
	margin: 20px 0;
	padding: 10px 20px 0 20px;
}

/* approver confirmation */
.approver-confirmation {
	border-radius: 5px;
	border: 1px solid #ddd;
	margin: 20px 0;
	padding: 10px 20px 0 20px;
}

/*
 * transport manifest settings
 */
.manifest-setting-table tbody tr td:first-child {
	width: 330px;
}

.manifest-setting-table .boarding-time input {
	margin: 0px;
}

.manifest-setting-table .boarding-time .boarding-time-explain {
	font-size: 90%;
	line-height: 39px;
}

.manifest-setting-table .auto-release-seats-time input {
	margin: 0px;
}

.manifest-setting-table .auto-release-seats-time .auto-release-seats-time-explain {
	font-size: 90%;
	line-height: 39px;
}

.manifest-setting-table .web-check-time input {
	margin: 0px;
}

.manifest-setting-table .web-check-time .web-check-time-explain {
	font-size: 90%;
	line-height: 39px;
}

.manifest-setting-table .manifest-email-option input, .manifest-setting-table .manifest-email-option a {
	margin: 0px;
}

.manifest-setting-table .auto-csv-receiver-email {
	margin-bottom: 5px;
}

.manifest-setting-table .manifest-sms-option textarea {
	margin: 0px;
}

.manifest-setting > *:first-child:not(thead) td:first-child {
	width: 100px;
}

/*
 * transport equipments
 */
#seat-map-preview {
	border-width: 0px 3px 0px 3px;
	border-style: solid;
	border-color: #cccccc;
	margin-bottom: 20px;
}

#seat-map-preview-scrollable {
	margin-bottom: 20px;
	overflow-y: scroll;
	max-height: 480px;
}

.seat-map-title {
	height: 30px;
	text-align: center;
}

.seat-map-info {
	font-size: 90%;
	margin-bottom: 10px;
	text-align: center;
}

.seat-map-info span {
	display: inline-block;
	border-radius: 3px;
	width: 15px;
	height: 15px;
	margin-bottom: -2px;
}

.seat-map-options {
	list-style :none;
	padding: 0;
	margin: 0;
	width: auto;
}

.seat-map-options tr {
	background: #eeeeee;
}

.seat-map-options td input {
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 6px !important;
	height: 25px;
	width: 25px;
}

.seat-map-body {
	list-style :none;
	margin: 0px 20px 0px 20px !important;
}

.seat-map-body .zone-row {
	height: 30px;
	list-style :none;
	padding: 0;
	margin: 10px 0px 0px 0px !important;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	font-size: 120%;
	font-weight: bold;
	color: #619cbb;
	border-top: 2px dashed;
	border-color: #619cbb !important;
}

.seat-map-body .zone-row li {
	text-align: center;
	width: 100%;
}

.seat-map-body .exit-row {
	height: 25px;
	list-style :none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

.seat-map-body .exit-row .exit-left {
	width: 50%;
	margin-left: 2px;
	margin-top: -1px;
}

.seat-map-body .exit-row .exit-left span {
	width: 35px;
	border-radius: 3px;
	color: #ff0000;
	background: #00dd1c;
	line-height: 15px;
	padding: 0px 5px 0px 5px;
	margin: 6px 0px 0px 0px;
}

.seat-map-body .exit-row .exit-left input {
	margin-left: 10px;
}

.seat-map-body .exit-row .exit-right {
	width: 50%;
	margin-right: 2px;
	margin-top: -1px;
	text-align: right;
}

.seat-map-body .exit-row .exit-right span {
	width: 35px;
	border-radius: 3px;
	color: #ff0000;
	background: #00dd1c;
	line-height: 15px;
	padding: 0px 5px 0px 5px;
	margin: 6px 0px 0px auto;
}

.seat-map-body .exit-row .exit-right input {
	margin-right: 10px;
}

.seat-map-body .seat-row {
	list-style :none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
}

.seat-map-body .seat-row .exit-space-holder {
	width: 40px;
}

.seat-map-body .seat {
	width: 40px;
	height: 40px;
	display: flex;
	border-radius: 5px;
	padding: 5px;
	position: relative;
	margin: 1px 1px 1px 1px;
	align-items: center;
}

.seat-map-body .seat .number {
	font-size: 110%;
	font-weight: bold;
	color: #000000;
}

.seat-map-body .seat .setting {
	width: 100%;
	text-align: right;
}

.seat-map-body .seat .setting button {
	cursor: pointer;
	color: #aaaaaa;
}

.seat-map-body .seat .setting button:hover {
	color: #000000;
}

.seat-map-body .seat-standard, .seat-map-info .seat-standard {
	background: #cbe3eb;
}

.seat-map-body .seat-bulkhead, .seat-map-info .seat-bulkhead {
	background: #d5ebd7;
}

.seat-map-body .seat-extralegroom, .seat-map-info .seat-extralegroom {
	background: #e4dfd3;
}

.seat-map-body .seat-na, .seat-map-info .seat-na {
	background: #aa3320;
}

.seat-map-body .aisles, .seat-map-options .aisles {
	width: 40px;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	padding-top: 6px;
}

#seat-dialog-form input {
	margin-bottom: 0px;
}

#seat-dialog-form .button-group {
	width: 300px;
	position: absolute;
	bottom: 0;
}

.supplier-company-selector, .customer-company-selector {
	font-size: 90%;
}

/*
 * boarding pass list
 */
.boarding-pass-list tr {
	border: 1px solid #ddd !important;
}

/*
 * boarding pass
 */
.boarding-pass-title {
	border: 1px solid #ddd !important;
	background-color: #eaeaea;
	padding: 5px;
	margin-bottom: 20px;
	font-weight: bold;
}

.boarding-pass {
	border: 1px solid #ddd !important;
	background-color: #eaeaea;
	padding: 5px;
	margin-bottom: 20px;
}

.boarding-pass div {
	margin-bottom: 10px;
}

.boarding-pass table {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.boarding-pass .barcode-section {
	text-align: right;
}

.boarding-pass .user {
	font-size: 120%;
	margin-top: 5px;
}

.boarding-pass .depart-date {
	font-size: 110%;
}

.boarding-pass .transport-info {
	text-align: center;
}

.boarding-pass .transport-info table {
	width: 100%;
}

.boarding-pass .transport-info .name {
	font-weight: bold;
	margin-bottom: 5px;
}

.boarding-pass .transport-info .time {
	color: #ff0000;
	font-weight: bold;
	margin-bottom: 5px;
}

.boarding-pass .seat-info {
	font-size: 110%;
}

/*
 * check list
 */
.final-check .cell {
	height: 35px;
}

.final-check-checkbox {
	display: inline-block;
	width: 18px;
}

/*
 * ground check list
 */
.check-list-summary .title {
	background: #eeeeee;
}

.check-list-summary .title-sub {
	font-size: 85%;
}

.check-list-summary .total td {
	background: #eaeaea;
}

.check-list-summary input, .check-list-summary-group input {
	background-color: #ffffff;
	margin: 0px;
}

/*
 * QR code
 */
.qrcode-text {
	padding-right: 1.7em;
	margin-right: 0;
	display: initial;
}

.qrcode-text-btn {
	display: inline-block;
	background: url("../images/qr_icon.svg") 50% 50% no-repeat;
	height: 20px;
	width: 20px;
	margin-left: -25px;
	cursor: pointer;
}

.qrcode-text-btn > input[type=file] {
	overflow: hidden;
	width: 20px;
	height: 20px;
	opacity: 0;
	cursor: pointer;
}

.qrcode-submit-button {
	float: right;
}

/*
 * Label window
 */
#label-window-box {
	min-height: 150px;
}

#label-window-box .content {
	margin-top: 20px;
}

/*
 * Transport boarding pass PDF
 */
#transport-boarding-pass-pdf div {
	text-align: center;
}

#transport-boarding-pass-pdf .supplier {
	font-weight: bold;
	font-size: 160%;
	height: 40px;
	margin-bottom: 14px;
}

#transport-boarding-pass-pdf .title {
	font-weight: bold;
	font-size: 170%;
	height: 40px;
}

#transport-boarding-pass-pdf .transport {
	font-weight: bold;
	font-size: 160%;
	height: 40px;
}

#transport-boarding-pass-pdf .from {
	font-size: 90%;
}

#transport-boarding-pass-pdf .to {
	font-size: 90%;
}

#transport-boarding-pass-pdf .to-name {
	font-weight: bold;
	font-size: 160%;
}

#transport-boarding-pass-pdf .depart-date {
	font-weight: bold;
	font-size: 160%;
	text-align: center;
}

#transport-boarding-pass-pdf .traveller-name {
	font-size: 130%;
	text-align: center;
}

#transport-boarding-pass-pdf .bar-code {
	height: 70px;
}

#transport-boarding-pass-pdf .boarding-time {
	height: 30px;
}

#transport-boarding-pass-pdf .gate {
	font-weight: bold;
	font-size: 160%;
	height: 40px;
}

#transport-boarding-pass-pdf .sequence {
	height: 40px;
}

#transport-boarding-pass-pdf .seat-no {
	font-weight: bold;
	font-size: 300%;
}

/*
 * Transport boarding pass HTML
 */
#transport-boarding-pass-html {
	width: 77mm;
	border: 0px solid black;
	margin-bottom: 5px;
	padding-top: 65px;
}

#transport-boarding-pass-html div {
	text-align: center;
}

#transport-boarding-pass-html .supplier {
	font-weight: bold;
	font-size: 160%;
	height: 40px;
	margin-top: 5px;
	margin-bottom: 30px;
}

#transport-boarding-pass-html .title {
	font-weight: bold;
	font-size: 170%;
	height: 40px;
}

#transport-boarding-pass-html .transport {
	font-weight: bold;
	font-size: 160%;
	height: 40px;
}

#transport-boarding-pass-html .from {
	font-size: 90%;
}

#transport-boarding-pass-html .to {
	font-size: 90%;
}

#transport-boarding-pass-html .to-name {
	font-weight: bold;
	font-size: 160%;
}

#transport-boarding-pass-html .depart-date {
	font-weight: bold;
	font-size: 160%;
	text-align: center;
}

#transport-boarding-pass-html .traveller-name {
	font-size: 130%;
	text-align: center;
}

#transport-boarding-pass-html .bar-code {
	height: 70px;
}

#transport-boarding-pass-html .boarding-time {
	height: 30px;
}

#transport-boarding-pass-html .gate {
	font-weight: bold;
	font-size: 160%;
	height: 40px;
}

#transport-boarding-pass-html .sequence {
	height: 40px;
}

#transport-boarding-pass-html .seat-no {
	font-weight: bold;
	font-size: 300%;
}

/*
 * Transport bag tag PDF
 */
#transport-bag-tag-pdf #line {
	width: 100%;
	border-bottom: 2px solid black;
	margin-top: 5px;
	margin-bottom: 5px;
}

#transport-bag-tag-pdf #block-a {
	height: 185px;
	text-align: center;
	margin-bottom: 0px;
}

#transport-bag-tag-pdf #block-a .sequence {
	font-size: 70%;
}

#transport-bag-tag-pdf #block-a .space-a {
	height: 60px;
}

#transport-bag-tag-pdf #block-a .flight-info {
	font-size: 80%;
	text-align: center;
}

#transport-bag-tag-pdf #block-a .traveller-name {
	font-size: 80%;
}

#transport-bag-tag-pdf #block-a .arrival-name {
	font-weight: bold;
	font-size: 130%;
}

#transport-bag-tag-pdf #block-a .space-b {
	height: 20px;
}

#transport-bag-tag-pdf #block-b {
	text-align: center;
}

#transport-bag-tag-pdf #block-b table {
	height: 160px;
	margin: 0px;
}

#transport-bag-tag-pdf #block-b .bar-code1, #transport-bag-tag-pdf #block-b .bar-code2 {
	text-align: center;
}

#transport-bag-tag-pdf #block-b .sequence1, #transport-bag-tag-pdf #block-b .sequence2 {
	text-align: center;
	font-size: 100%;
	line-height: 15px;
}

#transport-bag-tag-pdf #block-c {
	height: 30px;
}

#transport-bag-tag-pdf #block-d {
	height: 20px;
}

#transport-bag-tag-pdf #block-d .date-time-info {
	font-size: 70%;
	text-align: right;
	margin-right: 10px;
}

#transport-bag-tag-pdf #block-d .flight-info {
	font-size: 120%;
	text-align: center;
}

#transport-bag-tag-pdf #block-e {
	height: 30px;
	font-size: 80%;
}

#transport-bag-tag-pdf #block-f {
	height: 325px;
	line-height: 325px;
	font-size: 260%;
	font-weight: bold;
	text-align: center;
	vertical-align: center;
}

#transport-bag-tag-pdf #block-g {
	text-align: center;
	margin-bottom: 10px;
}

#transport-bag-tag-pdf #block-g .traveller-name {
	font-size: 80%;
}

#transport-bag-tag-pdf #block-g .flight-info {
	font-size: 80%;
}

#transport-bag-tag-pdf #block-g .space-a {
	height: 7px;
}

#transport-bag-tag-pdf #block-g .sequence {
	font-size: 80%;
}

/*
 * Transport bag tag HTML
 */
#transport-bag-tag-html {
	width: 50mm;
	border: 0px solid black;
	margin-top: 16px;
	margin-bottom: 5px;
}

#transport-bag-tag-html #line {
	width: 100%;
	border-bottom: 2px solid black;
	margin-top: 5px;
	margin-bottom: 5px;
}

#transport-bag-tag-html #block-a {
	height: 185px;
	text-align: center;
	margin-bottom: 0px;
}

#transport-bag-tag-html #block-a .sequence {
	font-size: 70%;
}

#transport-bag-tag-html #block-a .space-a {
	height: 60px;
}

#transport-bag-tag-html #block-a .flight-info {
	font-size: 80%;
	text-align: center;
}

#transport-bag-tag-html #block-a .traveller-name {
	font-size: 80%;
}

#transport-bag-tag-html #block-a .arrival-name {
	font-weight: bold;
	font-size: 130%;
}

#transport-bag-tag-html #block-a .space-b {
	height: 20px;
}

#transport-bag-tag-html #block-b {
	text-align: center;
}

#transport-bag-tag-html #block-b table {
	width: 100%;
	height: 120px;
	margin: 0px;
}

#transport-bag-tag-html #block-b .rotate-left {
	width: 180px;
	height: 100%;
	background: transparent !important;
	-webkit-transform:rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

#transport-bag-tag-html #block-b .rotate-right {
	width: 190px;
	height: 100%;
	background: transparent !important;
	-webkit-transform:rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#transport-bag-tag-html #block-b .bar-code1 {
	width: 100%;
	text-align: center;
	background: transparent !important;
}

#transport-bag-tag-html #block-b .bar-code2 {
	width: 100%;
	text-align: center;
	background: #ffffff;
}

#transport-bag-tag-html #block-b .bar-code3 {
	width: 100%;
	text-align: center;
	background: #ffffff;
}

#transport-bag-tag-html #block-b .bar-code4 {
	width: 100%;
	text-align: center;
	background: transparent !important;
}

#transport-bag-tag-html #block-b .sequence1, #transport-bag-tag-html #block-b .sequence2 {
	text-align: center;
	font-size: 100%;
	background: #ffffff;
}

#transport-bag-tag-html #block-c {
	height: 30px;
}

#transport-bag-tag-html #block-d {
	height: 40px;
}

#transport-bag-tag-html #block-d .date-time-info {
	font-size: 70%;
	text-align: right;
	margin-right: 10px;
}

#transport-bag-tag-html #block-d .flight-info {
	font-size: 120%;
	text-align: center;
	margin-top: 5px;
}

#transport-bag-tag-html #block-e {
	height: 82px;
	font-size: 80%;
}

#transport-bag-tag-html #block-e div {
	margin-top: 2px;
	margin-bottom: 3px;
}

#transport-bag-tag-html #block-f {
	height: 315px;
	line-height: 315px;
	font-size: 260%;
	font-weight: bold;
	text-align: center;
	vertical-align: center;
}

#transport-bag-tag-html #block-g {
	text-align: center;
	margin-bottom: 10px;
}

#transport-bag-tag-html #block-g .traveller-name {
	font-size: 80%;
}

#transport-bag-tag-html #block-g .flight-info {
	font-size: 80%;
}

#transport-bag-tag-html #block-g .space-a {
	height: 7px;
}

#transport-bag-tag-html #block-g .sequence {
	font-size: 80%;
}

.payment-history-option {
	text-align: center;
}

.payment-refund-button {
	margin-bottom: 0px;
}

.payment-refund-form-field {
	margin-bottom: 5px;
}

.payment-refund-form-field div:nth-child(1) {
	vertical-align: middle;
	line-height: 40px;
}

.payment-refund-form-field input {
	margin-bottom: 0px;
}

/*
 * Transport onboard passenger list PDF
 */
#transport-onboard-passenger-list-pdf {
	padding-top: 20px;
}

#transport-onboard-passenger-list-pdf div {
	font-size: 70%;
	text-align: left;
	margin-bottom: 8px;
}

#transport-onboard-passenger-list-pdf .supplier {
	font-weight: bold;
	font-size: 90%;
	margin-bottom: 5px;
}

#transport-onboard-passenger-list-pdf table {
	font-size: 60%;
}

#transport-onboard-passenger-list-pdf table .passenger-list-header td {
	font-weight: bold;
}

#transport-onboard-passenger-list-pdf table .passenger-list td {
	line-height: 15px;
}

#transport-onboard-passenger-list-pdf table .passenger-list-seat {
	width: 40px;
}

#transport-onboard-passenger-list-pdf table .passenger-list-gender {
	width: 30px;
}

#transport-onboard-passenger-list-pdf table .passenger-list-bags {
	width: 30px;
}

#transport-onboard-passenger-list-pdf .bag-check-sign span {
	display: table-cell;
	border-bottom: 1px solid black;
}

#transport-onboard-passenger-list-pdf .ramp-loader-sign {
	width: 60%;
	display: table-cell;
	border-bottom: 1px solid black;
	margin-top: 40px;
}

/*
 * Transport onboard passenger list HTML
 */
#transport-onboard-passenger-list-html {
	width: 80mm;
	font-size: 85%;
	padding-left: 10px;
	padding-top: 65px;
}

#transport-onboard-passenger-list-html div {
	text-align: left;
	margin-bottom: 5px;
}

#transport-onboard-passenger-list-html .supplier {
	font-weight: bold;
	font-size: 130%;
}

#transport-onboard-passenger-list-html table {
	font-size: 80%;
}

#transport-onboard-passenger-list-html table .passenger-list-header td {
	font-weight: bold;
}

#transport-onboard-passenger-list-html table .passenger-list td {
	background-color: #ffffff;
	line-height: 15px;
}

#transport-onboard-passenger-list-html table .passenger-list-seat {
	width: 40px;
}

#transport-onboard-passenger-list-html table .passenger-list-gender {
	width: 30px;
}

#transport-onboard-passenger-list-html table .passenger-list-bags {
	width: 30px;
}

#transport-onboard-passenger-list-html .bag-check-sign table tr {
	background-color: #ffffff !important;
}

#transport-onboard-passenger-list-html .ramp-loader-sign {
	width: 60%;
	border-bottom: 1px solid black;
	margin-top: 40px;
}

/* Web Check */
.web-check .alert-box.callout {
	color: #000000;
}

.web-check .cancel-link {
	color: #000000;
}

.web-check-logo-box {
	margin: 10px 0px 5px 0px;
}

.web-check-logo-box .web-check-title {
	color: #d77226;
	font-size: 120%;
	font-weight: bold;
}

.web-check-logo-box hr {
	margin-top: 10px;
}

.web-check-box label {
	color: #000000;
}

.web-check-confirm-box label {
	color: #000000;
	font-weight: bold;
}

.web-check-confirm-box .info {
	color: #000000;
	margin-bottom: 20px;
}

.web-check-question-box label {
	color: #000000;
}

.web-check-question-box select {
	max-width: 110px;
}

.web-check-question-box .mobile-country-code {
	max-width: 180px !important;
}

.web-check-question-box .mobile {
	display: initial !important;
	max-width: 140px !important;
}

.web-check-question-box #dangerous_goods_yes_radio {
	height: 20px;
}

.web-check-question-box #dangerous_goods_yes_label {
	color: #ea472d;
	font-size: 160%;
	font-weight: bold;
}

.web-check-question-box #dangerous_goods_no_radio {
	height: 20px;
}

.web-check-question-box #dangerous_goods_no_label {
	color: #67d948;
	font-size: 160%;
	font-weight: bold;
}

.web-check-final-box label {
	color: #000000;
}

.web-check-final-box .info {
	color: #000000;
	margin-bottom: 20px;
}

.web-check-seat-select-box .seat-number label {
	color: #ffffff !important;
}

.web-check-seat-select-box .seat-map {
	background-color: #ffffff !important;
}

/* jQuery UI - Fix scrolling */
.ui-draggable-handle {
	-ms-touch-action: initial !important;
	touch-action: initial !important;
}

/* Bulk BP Print */
.bulk-bp-title {
	font-weight: bold;
}

.bulk-bp-flight-info {
	font-weight: bold;
}

.bulk-bp-table {
	border: 1px solid #333 !important;
	border-collapse: initial;
	font-size: 80%;
}

.bulk-bp-table thead tr th {
	font-weight: bold;
	border: 1px solid #333 !important;
	padding: 2px;
	text-align: center;
}

.bulk-bp-table tbody tr td {
	border: 1px solid #333 !important;
	padding: 2px;
}

.bulk-bp-table tfoot tr td {
	font-weight: bold;
	border: 1px solid #333 !important;
	padding: 2px;
}

.bulk-bp-transport-boarding-pass {
	border: 1px solid #333 !important;
	width: 56mm;
	height: 130mm;
	float: left;
}

.bulk-bp-transport-boarding-pass #transport-boarding-pass-pdf {
	font-size: 75%;
}

.bulk-bp-transport-boarding-pass #transport-boarding-pass-pdf .supplier {
	height: 30px;
}

.bulk-bp-transport-boarding-pass #transport-boarding-pass-pdf .title {
	height: 25px;
}

.bulk-bp-transport-boarding-pass #transport-boarding-pass-pdf .boarding-time {
	height: 20px;
}

.bulk-bp-transport-boarding-pass #transport-boarding-pass-pdf .gate {
	height: 20px;
}

.bulk-bp-transport-boarding-pass #transport-boarding-pass-pdf .sequence {
	height: 20px;
}

/* Manifest Form - 1 */
.manifest-form-1-head {
	width: 100%;
	text-align: center;
}

.manifest-form-1-logo {
	float: left !important;
	text-align: left !important;
	width: 200px;
}

.manifest-form-1-title {
	font-weight: bold;
	font-size: 120%;
}

.manifest-form-1-table {
	border: 1px solid #333 !important;
	border-collapse: initial;
	font-size: 80%;
	width: 100%;
}

.manifest-form-1-table thead tr th {
	font-weight: bold;
	border: 1px solid #333 !important;
	padding: 2px;
	text-align: center;
}

.manifest-form-1-table tbody tr td {
	border: 1px solid #333 !important;
	padding: 2px;
}

.manifest-form-1-captain-sign span {
	display: table-cell;
	border-bottom: 1px solid black;
}

.manifest-summary-info-title {
	font-weight: bold;
	display: inline-block;
	width: 80px !important;
}

.manifest-summary-info-value {
	display: inline-block;
	width: 30px !important;
	text-align: left;
}

/*
 * select2
 */
.select2-container {
	width: 100% !important;
	display: block !important;
}

.select2-container--default .select2-selection--single {
	border-radius: 5px !important;
	border: 1px solid #cacaca !important;
	height: 40px !important;
	line-height: 40px !important;
	margin-bottom: 20px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 40px !important;
	padding-left: 12px !important;
	color: #0a0a0a !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 40px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	margin: 0px !important;
}

.select2-container--default .select2-selection--multiple {
	border-radius: 5px !important;
	border: 1px solid #cacaca !important;
	height: 4rem !important;
	margin-bottom: 10px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	margin-left: 0px !important;
	bottom: 0px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered button {
	line-height: 1.5 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered span {
	font-size: 105% !important;
}

.select2-container--default .select2-results__options .select2-results__option {
	padding: 0px 0px 0px 6px !important;
}

/* Sticky Menu and Header  */
.sticky-filter-bar {
    position: sticky;
    top: 60px;
    background-color: white; /* Ensure it doesn't overlap with content */
    z-index: 998; /* Ensure it stays on top of table content */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Adds shadow to distinguish */
}

.sticky-side-menu {
    position: sticky;
    top: 60px;
    background-color: white; /* Ensure it doesn't overlap with content */
}

.pvm-table-header {
    position: sticky;
    top: 130px;
    background-color: white; /* Ensure it doesn't overlap with content */
    z-index: 998; /* Ensure it stays on top of table content */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Adds shadow to distinguish */
}

tr.sticky-flight-display-table {
	position: sticky;
	top: -1px;
	background: #fff; 
	z-index: 1;
}

/* Seat Layout Map  */
.seat-map-rows-with-numbers {
	display: flex;
}

#seat-map-row-numbers {
	padding-top: 25px;
	margin-right: 10px;
}

.row-number-wrapper {
	display: flex;
	align-items: center;
	height: 42px;
	line-height: 40px;
	gap: 4px;
}

#seat-map-row-numbers .row-number-wrapper .setting button {
	cursor: pointer;
	color: #aaaaaa;
}

#seat-map-row-numbers .row-number-wrapper .number {
	font-size: 110%;
	font-weight: bold;
}

.dashed-line {
	border: none;
	border-top: 2px dashed #619cbb;
	margin: 0 0 15px 0;
}

.seat-map-zone-name {
	width: 220px;
	text-align: right;
	font-size: 120%;
	font-weight: bold;
	color: #619cbb;
	padding-right: 10px;
	padding-top: 40px;
}

.small-icon {
	font-size: 12px;
}

.zone-name-spacer {
	height: 40px;
}

.exit-row-spacer {
	height: 25px;
}

.seat-map-row-number {
	font-weight: bold;
	min-width: 30px;
	text-align: right;
}

.seat-map-row-wrapper {
	display: flex;
}

.seat-map-left-column {
	display: flex;
	flex-direction: row;
	align-items: end;
	margin-right: 25px;
}

.seat-map-right-column {
	flex: 1;
	border-width: 0px 3px 0px 3px;
	border-style: solid;
	border-color: #cccccc;
	padding-left: 20px;
	padding-right: 20px;
}

/* Prevent floating for aisle dialog buttons */
.aisle-dialog-buttons.form-buttons{
	position: static !important;
}

/* Common CSS */
.mt-5 {
	margin-top: 5px;
}