/*Global style-START*/
body {
  color: #333333;
  font-family: "Open Sans", "Malgun Gothic", "맑은 ê³ ë”•", Dotum, Gulim, Verdana, sans-serif;
}

h1 {
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: normal;
  color: #051766;
}

h2 {
  font-size: 1.1rem;
  line-height: 1.625rem;
  font-weight: normal;
  color: #051766;
}

h3 {
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: normal;
  color: #051766;
}

h4 {
  font-size: 0.925rem;
  line-height: 1.625rem;
  font-weight: normal;
  color: #051766;
}

h5 {
  font-size: 0.825rem;
  line-height: 1.625rem;
  font-weight: normal;
  color: #051766;
}

h6 {
  font-size: 0.725rem;
  line-height: 1.625rem;
  font-weight: normal;
  color: #051766;
}
p {
  color: #333333;
}
a,
a:hover,
a:focus {
  color: #051766;
}
ul li {
  color: #333333;
}
ul li a {
  color: #051766;
}
table tbody tr td {
  color: #333333 !important;
}
table thead tr th {
  color: #051766 !important;
}
label {
  margin-bottom: 0.2rem;
}

label,
.dimension-head,
.dimension-col1,
.flight-Head,
.sticky-top .rightSideDropDown a div,
.small,
.tracking .trackingtabs .nav-item .nav-link div,
.trackingCard .card-header,
.tracking .tl-labels-date,
.timeLineStatus .statusArea em,
.timeLineView .popover-content,
.historyItem em {
  font-size: 0.6875rem;
}

a,
.sortWraper,
.form-control,
.Select-control,
.dropdown-menu,
.input-group-text,
.table thead th,
.table .rt-th,
.sticky-top,
.non-sticky-top,
.calIconWrap input,
.alert,
.modal-body,
.table td,
.table .rt-td,
.viewBookingSummary .card-body p,
.rate_Charge,
.footerArea,
.Select-control .Select-value,
.Select .Select-menu-outer,
.trackingCard .card strong,
.tracking .tl-labels-status,
.tracking .tl-labels-loc,
.timeLineStatus .statusItems,
.timeLineView .popover-content .popover-heading,
.historyItem,
ol,
ul,
p,
.card {
  font-size: 0.8125rem;
}

.btn {
  font-size: 0.875rem;
}

.btn-sm {
  line-height: 1.125rem;
  font-size: 0.75rem;
}

.btn .fa,
.btn .far,
.btn .fas,
.btn .fab {
  font-size: 1rem;
}

.form-control,
.btn,
.dropdown-menu,
.input-group-text {
  line-height: 1.1rem !important;
}

.nav-item,
.btn {
  line-height: 1.25rem;
}

.accordion .card-header .abtn {
  width: 100%;
  border-radius: 0;
  margin: -1px 0;
  padding: 6px 10px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-top: 1px solid #082b62;
}

/*Accordion style*/
.accordion > .card {
  margin-top: 4px;
}

.accordion > .card > .card-header .abtn {
  background-color: #f0f0f0;
}

.accordion > .card > .card-header .abtn.collapsed {
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding-top: 7px;
  background-color: #fff;
}

.accordion > .card > .card-header {
  padding: 0;
  border: 0;
  background-color: transparent;
  margin: -1px -1px;
}

.accordion .btn-link {
  text-decoration: none;
}

.accordion {
  margin-bottom: 10px;
}

.input-group-text {
  padding: 0.375rem;
}

.card-body {
  padding: 10px;
}

.tab-content {
  padding: 10px 0;
}

input[type="file"].form-control {
  padding: 0.2rem 0.25rem !important;
}

.modal-title {
  font-size: 15px;
  line-height: 30px;
}

.sideWidget li {
  list-style: none;
  padding-bottom: 6px;
}

.sideWidget ul {
  margin: 0;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: #fff url(../images/select-arrow.png) right center no-repeat;
}

.form-control,
.calIconWrap input {
  border-color: #cccccc;
  color: #333333;
}

input.form-control[type="file"] {
  padding: 0.31rem 0.75rem;
}

.calIconWrap input {
  display: block;
  position: relative;
  z-index: 91;
  width: 100%;
  padding: 0.375rem 0.75rem;
  color: #495057;
  background-color: transparent;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.multipleBookingInput .inputOverlay::after {
  bottom: 4px;
  right: 9px;
}

.calIconWrap input:focus {
  color: #495057;
  background-color: transparent;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.calIconWrap .inputOverlay::after {
  color: #666;
  font-weight: normal;
}

.btn-primary {
  background-color: #566a81;
  border-color: #4d6279;
}

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

.btn-secondary {
  background-color: #f6f6f6;
  border-color: #dddddd;
  color: #566a81;
}

.btn-link {
  color: #051766;
}
.btn-link:hover,
.btn-link:focus {
  color: #051766;
}

.badge {
  border-radius: 0.1875rem;
}

.form-group {
  margin-bottom: 0.625rem;
}

.btn-primary {
  background-color: #004899;
  border-color: #004899;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #023e81;
  border-color: #023e81;
  box-shadow: 0 0 0 #000;
  color: #fff !important;
}

.btn-primary:active {
  background-color: #0253af !important;
  border-color: #0253af !important;
}

.btn-secondary {
  background-color: #fff;
  border-color: #3176d2;
  color: #2a63af;
}

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #3176d2;
  border-color: #3176d2;
  box-shadow: 0 0 0 #000;
  color: #fff !important;
}

.btn-secondary:active {
  background-color: #51a3e5 !important;
  border-color: #51a3e5 !important;
}

.btn-secondary:hover span,
.btn-secondary:focus span,
.btn-secondary:active span {
  color: #fff;
}

.btn:disabled,
.btn.disabled,
.full_disable .btn,
.full_disable .removeBtn,
.full_disable .addBtn {
  background-color: #dddddd;
  border-color: #dddddd;
  color: #9e9e9e;
}

.form-control:disabled,
.form-control[readonly],
.full_disable .form-control,
.full_disable .inputOverlay,
.full_disable .Select-control {
  background-color: #f7f7f7;
  border-color: #dddddd;
}

.full_disable .inputOverlay .form-control {
  background-color: transparent;
}

.full_disable {
  position: relative;
}

.full_disable:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: " ";
  display: block;
  background-color: #fff;
  opacity: 0.2;
  z-index: 1000;
}

a {
  color: #051766;
  display: inline-block;
}

.btn .btn-link,
.btn {
  padding: 0.375rem 0.625rem;
}

.btn-sm {
  padding: 5px 8px;
}

.page_btn_wrapper .btn {
  margin-left: 6px;
}

div .btn {
  margin-left: 4px;
}

div > .btn:first-child {
  margin-left: 0;
}

.badge {
  font-size: 0.6875rem;
  font-weight: normal;
}

.badge-secondary {
  background-color: #e2e3e5;
  color: #383d41;
  border: 1px solid #d6d8db;
}

.badge-info {
  background-color: #cce5ff;
  color: #004085;
  border: 1px solid #b8daff;
}

.badge-danger {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

.badge-success {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

.badge-warning {
  background-color: #fff3cd;
  color: #856404;
  border: 1px solid #ffeeba;
}

.input-group .input-group-append .btn span {
  color: #2a63af;
}

.input-group .input-group-append .btn:hover span {
  color: #fff;
}

.input-group .input-group-append .btn:hover {
  border-color: #3176d2;
}

.input-group > .input-group-wrapper {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
  padding: 0;
}

.input-group > .input-group-wrapper + .input-group-wrapper {
  margin-left: -1px;
}

.input-group > .input-group-wrapper input.form-control {
  border-radius: 0.25rem 0 0 0.25rem;
}

.input-group > .input-group-wrapper + .input-group-wrapper input.form-control {
  border-radius: 0 0.25rem 0.25rem 0;
}

.card.border-primary {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.table th {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.table .table {
  border-collapse: inherit;
}

th.sort {
  color: #004899;
  border-bottom: 2px solid #e96511 !important;
  background-color: #4b6ea2 !important;
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.02);
}

table.table tbody td td {
  border-bottom: 0px;
}

.table .expandedView .table,
.multipleBookingInput .overflowWraper_ {
  border-bottom: 1px solid #082b62;
  background-color: transparent;
}

.table-striped .expandedView tbody tr:nth-of-type(2n + 1) {
  background-color: transparent;
}

.table .expandedView .table tr:first-child .c1:after,
.table .expandedView .table tr:first-child .c1:before,
.table .expandedView tr:first-child .ic1:after,
.table .expandedView tr:first-child .ic1:before,
.mobileExpandView:before,
.mobileExpandView:after,
.multipleBookingInput .expandedView .overflowWraper:after,
.multipleBookingInput .expandedView .overflowWraper:before {
  content: "\f0d8";
  color: #fff;
  font-family: "Font Awesome 5 Pro", sans-serif;
  display: block;
  position: absolute;
  top: -8px;
  left: 34px;
  font-weight: 900;
  height: 10px;
  font-size: 24px;
  line-height: 0;
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.expandedView {
  padding: 0 !important;
}

.table .expandedView .table tr:first-child .c1:before,
.table .expandedView .table tr:first-child .ic1:before,
.mobileExpandView:before,
.multipleBookingInput .expandedView .overflowWraper:before {
  color: #e8e8e8;
  top: -6px;
}

.table .expandedView .table th {
  padding: 2px 0.375rem;
  position: relative;
}

.table-striped tbody tr:nth-of-type(2n + 1) .table .c1:after,
.table-striped tbody tr:nth-of-type(2n + 1) .table .ic1:after,
.expandedView.alternate-row-color1 .overflowWraper:after {
  color: #f9f9f9 !important;
}

.tableWraper table {
  table-layout: fixed;
}

.table tbody {
  border-top: 1px solid #f9f9f9;
}

.table td,
.table th,
.ReactTable .rt-th,
.ReactTable .rt-td {
  border-top: 0px solid #dee2e6;
  padding: 0.5rem 0.25rem;
}

.table tr td:last-child,
.table tr th:last-child {
  padding-right: 0.375rem;
}

.table tr td:first-child,
.table tr th:first-child {
  padding-left: 0.375rem;
}

.table td {
  border-bottom: 1px solid #e8e8e8;
}

.alternate-row-color1 {
  background-color: #f9f9f9;
}

.alternate-row-color2 {
  background-color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: #fff;
}

.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav.show > .nav-link {
  font-weight: bold;
}

.nav-tabs .nav-link {
  padding: 0.375rem 1.1rem 0.25rem 0.375rem;
  border-radius: 0;
  color: #333333b3;
}

.nav-tabs .nav-link.active {
  color: #051766;
  border-top: 1px solid #082b62;
}

.nav-tabs a.close-btn {
  position: absolute;
  right: 7px;
  top: 3px;
  color: #566a81;
  font-size: 0.6rem;
}

.accordion h5 button {
  color: #333333;
}

.preLoading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  overflow: hidden;
  outline: 0;
  background: url(../images/loading3.gif) center 50% #ffffff no-repeat;
  background-size: 150px 150px;
  opacity: 0.4;
  filter: alpha(opacity=50);
}

.loadingImage {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  left: 0;
  z-index: 10000;
  overflow: hidden;
  outline: 0;
  background: #ffffff80 no-repeat;
  line-height: 35rem;
}

.modal-content {
  border-radius: 0.3rem;
  border: 1px solid #e8e8e8;
  /* border-top:1px solid #004899;*/
}

.table thead th,
.ReactTable .rt-thead .rt-tr {
  vertical-align: top;
  border-bottom: 2px solid #e8e8e8;
  background-color: #f7fbff;
  font-weight: normal;
  color: #333333 !important;
}

.card,
.card-header {
  border-radius: 0 !important;
}

.card-header {
  background-color: #f0f0f0;
  color: #333;
  padding: 6px 10px;
  font-size: 0.875rem;
}

.modal-footer {
  border-top: 0px solid #e9ecef;
}

.modal-header {
  margin: 0 10px;
  padding: 6px 10px;
  border-bottom: 1px solid #e8e8e8;
}

.table-striped tbody tr:nth-of-type(2n + 1) {
  background-color: #f9f9f9;
}

.tooltip-inner {
  font-size: 0.6875rem;
}

.border-danger {
  border: 2px solid red;
}

.form-control.border-danger,
.border-danger-wraper.form-control,
.border-danger-wraper.inputOverlay input {
  padding: 0.3125rem 0.6875rem;
  border: 2px solid red !important;
}

.border-danger-wraper .Select-control {
  border: 2px solid red;
}

.form-control:focus,
.calIconWrap input:focus {
  box-shadow: 1px 0px 3px 1px #a8bed9;
  border-color: #8fc4ed;
}

.fa,
.fas,
.far,
.fal,
.fab {
  color: #666666;
}

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

.ui-widget-header a {
  background-color: transparent !important;
  border: 0px !important;
}

.ui-autocomplete {
  z-index: 1100;
}

.ui-widget-content {
  background-color: #f8f9fa !important;
}

.ui-widget-header {
  background-color: #004899 !important;
  background-image: none !important;
  border: 0 !important;
}

.ui-state-active,
.ui-state-hover,
.ui-state-default,
.ui-widget-content .ui-state-default {
  font-size: 0.75rem;
  color: #666 !important;
  border: 0 solid #007bff !important;
  background-color: #fff !important;
  text-align: center;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
  text-decoration: underline;
  background-color: #1c4e9d !important;
  color: #fff !important;
}

.ui-widget-content {
  background-color: #fff !important;
}

.ui-datepicker th {
  color: #666 !important;
  font-size: 0.9375rem !important;
  font-weight: normal !important;
}

.ui-datepicker-today .ui-state-default {
  background-color: #d5e1f1 !important;
}

.ui-widget.ui-widget-content {
  border: 0px solid red !important;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  padding: 0.375rem;
}

.ui-datepicker th {
  padding: 0.375rem !important;
}

.ui-datepicker .ui-datepicker-header {
  margin: -0.375rem -0.375rem 0 -0.375rem;
  border-radius: 4px 4px 0 0;
}

.ui-datepicker table {
  margin: 0 !important;
}

.ui-widget {
  z-index: 10000 !important;
}

.ui-autocomplete {
  font-size: 0.75rem !important;
}

.ui-menu-item {
  padding: 3px 10px !important;
}

.ui-state-focus {
  border: 0px solid #007bff !important;
  background-color: #e0e0e0 !important;
  color: #566a81 !important;
  padding: 4px 10px !important;
}

.ui-state-active,
.ui-state-hover {
  color: #566a81 !important;
  border: 1px solid #007bff !important;
  background-color: #e0e0e0 !important;
}

.dropdown-item:focus,
.dropdown-item:hover,
.ui-state-focus {
  background-color: #d5e1f1 !important;
  color: #333333 !important;
}

.ui-datepicker .ui-datepicker-header {
  padding: 0.5em 0 !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 7px !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px !important;
  top: 7px !important;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 2px !important;
  top: 7px !important;
}

#ui-id-5.ui-autocomplete li.ui-menu-item {
  position: relative;
}

#ui-id-5.ui-autocomplete li.ui-menu-item:after {
  content: " x ";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 3px;
  top: 6px;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  border-radius: 3px;
  color: #566a81;
}

.inputOverlay {
  position: relative;
  background-color: #fff;
  border-radius: 4px;
}

.inputOverlay:after {
  z-index: 90;
  content: "\f073";
  font-family: "Font Awesome 5 Pro", sans-serif;
  font-weight: 300;
  display: inline-block;
  position: absolute;
  bottom: 4px;
  right: 12px;
  font-size: 16px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #666666;
}

.searchWrap {
  padding: 0.625rem;
}

.monthSelection,
.searchWrap {
  background-color: #f0f0f0;
  border: 1px solid #bdbdbd;
  margin-bottom: 2rem;
  position: relative;
}

.advanceSearch_control {
  position: absolute;
  bottom: 11px;
  z-index: 900;
}

.monthSelection {
  background-color: #f8f9fa;
  padding: 8px 10px;
  color: #5274a7;
  margin: 5px 0 10px;
  border: 1px solid #ccd5e0;
}

.monthSelection a {
  color: #5274a7;
}

.sortWraper {
  padding: 5px 0;
}

.sortWraper a {
  padding: 2px 0 2px 10px;
}

.sortWraper a.active {
  text-decoration: underline;
  font-weight: bold;
}

.monthSelection {
  padding: 0;
  border-width: 1px 0;
  margin: 0;
  color: #333333;
  text-align: center;
}

.monthSelection .fa-chevron-left {
  padding-right: 0.25rem;
}

.monthSelection .fa-chevron-right {
  padding-left: 0.25rem;
}

.sortWraper a {
  color: #2a63af;
  padding: 0.375rem 0.625rem;
}

.monthSelection a.disabled,
.monthSelection a.disabled:hover {
  opacity: 0.3;
  cursor: default;
  text-decoration: none;
}

.overflowTr1 th {
  border-bottom: 0 !important;
  padding: 0 !important;
  font-size: 0.7rem !important;
  text-transform: uppercase;
}

.overflowTr2 th {
  padding-top: 5px !important;
}

.overflowTr1 .border-left,
.overflowTr1 .border-right {
  border-color: #e8f3ff !important;
}

.flightOperationStatus .overflowTr2 .c5,
.flightOperationStatus .overflowTr2 .c6,
.flightOperationStatus .overflowTr2 .c7,
.flightOperationStatus .overflowTr2 .c8,
.tracking .overflowTr2 .c3,
.tracking .overflowTr2 .c4,
.tracking .overflowTr2 .c5,
.fhlMonitoring .overflowTr2 .c12,
.fhlMonitoring .overflowTr2 .c13,
.fhlMonitoring .overflowTr2 .c14 {
  border-left: 1px solid #e8f3ff !important;
  border-right: 1px solid #e8f3ff !important;
  border-top: 1px solid #f0f0f0 !important;
}

.expandedViewBorderTop td,
.rt-tr-group .expandedViewBorderTop {
  border-top: 1px solid #082b62;
}

.expandedView table {
  margin: 0;
}

.expandedView {
  background-color: #e8f3ff;
}

.removeBtn,
.addBtn {
  padding: 0.375rem 0.5rem;
}

.add_remove_wrapper {
  padding-top: 1.655rem;
}

/*if no label*/
.add_newRow_wrapper {
  padding-bottom: 1.5rem;
}

.calIconWrap input {
  line-height: 1.15rem;
}

.btnWraper {
  margin: 1rem 0;
}

.searchWrap .btnWraper {
  margin: 0;
}

.input-group div {
  display: inline;
}

.separationPipe {
  background: url(../images/sprite.png) no-repeat -251px -6px;
  display: inline-block;
  width: 1px;
  height: 13px;
  margin: 0 7px 0 7px;
}

.heading-button-group button {
  margin: 1.6rem 0 0 1rem !important;
}

/*Global style-END*/

/*Single Booking*/
.dimensionField {
  vertical-align: middle;
}

.dimension-head .dimension-col1 {
  font-size: 13px;
  padding-top: 0px;
}

.dimension-col1 {
  width: 7%;
  text-align: center;
  padding-top: 6px;
  font-size: 15px;
}

.dimension-col2 {
  width: 93%;
  text-align: center;
}

.dimension-col3 {
  width: 16%;
}

.dimension-col3 .removeBtn {
  margin-left: 6px !important;
}

.dimension-head {
  padding: 4px 0;
}

.scrollable .dimension-col1 {
  padding-top: 6px;
  font-size: 15px;
}

.scrollable .dimension-col2 .sl-no {
  padding-top: 8px;
  font-size: 14px;
}

/*Single booking Popup*/
.modal-body .dimension-col2 {
  width: 93%;
}

.modal-body .dimension-col3 {
  display: none;
}

/*Booking*/
.bookingList .c1 {
  width: 10%;
}

.bookingList .c4 {
  width: 7%;
}

.bookingList .c5,
.bookingList .c6,
.bookingList .c7,
.bookingList .c8,
.bookingList .c9,
.bookingList .c10 {
  width: 6%;
}

.bookingList .c11,
.bookingList .c12,
.bookingList .c13 {
  width: 8%;
}

.bookingList .c15 {
  width: 6%;
}

.bookingList .c16 {
  width: 7%;
}

.bookingList td,
.bookingList th {
  padding: 0.55rem 0.25rem;
}

.bookingList .c2,
.bookingList .c3,
.bookingList .c3,
.bookingList .c4,
.bookingList .c5,
.bookingList .c6,
.bookingList .c7,
.bookingList .c8,
.bookingList .c9,
.bookingList .c10,
.bookingList .c12,
.bookingList .c13,
.bookingList .c14,
.bookingList .c11 {
  text-align: center;
}

.bookingList .c1 {
  width: 10%;
  text-align: center;
}

.bookingList .c2,
.bookingList .c3 {
  width: 5%;
}

.bookingList .cc1 {
  width: 73%;
}

.bookingList .cc2 {
  width: 22%;
}

.bookingList .tableWraper table {
  table-layout: inherit;
}

.bookingList td {
  vertical-align: middle;
}

/*.... Single booking Select ...*/
.Select-input > input {
  line-height: 1.1rem !important;
}

/*FHL Monitoring*/
.fhlMonitoring table {
  table-layout: inherit;
}

.fhlMonitoring .c8 {
  width: 10%;
}

.fhlMonitoring td.c8 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fhlMonitoring td,
.fhlMonitoring th {
  text-align: center;
}

.fhlMonitoring .c1 {
  width: 4%;
  text-align: left;
}

.fhlMonitoring .c2 {
  width: 10%;
}

.fhlMonitoring .c8 {
  width: 18%;
  text-align: left;
}

/*Multiple booking*/
.multipleBookingInput .c0 {
  width: 36px;
  padding-left: 0;
  padding-right: 0;
}

.multipleBookingInput .c11 {
  width: 4%;
  padding-right: 0 !important;
}

.multipleBookingInput thead span.c11 {
  width: 3%;
}

.multipleBookingInput .pl-5 {
  position: relative;
}

.multipleBookingInput .c1,
.multipleBookingInput .c2,
.multipleBookingInput .c3,
.multipleBookingInput .c4,
.multipleBookingInput .c5,
.multipleBookingInput .c6,
.multipleBookingInput .c7,
.multipleBookingInput .c8,
.multipleBookingInput .c9,
.multipleBookingInput .c9,
.multipleBookingInput .c10 {
  text-align: center;
}

.multipleBookingInput .c11 .expandBtn {
  font-size: 24px;
}

.multipleBookingInput .c0 a {
  font-size: 11px;
  padding-bottom: 2px;
}

.multipleBookingInput .c2,
.multipleBookingInput .c3 {
  width: 7%;
}

.multipleBookingInput thead span.c2,
.multipleBookingInput thead span.c3 {
  width: 6.75%;
}

.multipleBookingInput .c4,
.multipleBookingInput .c5,
.multipleBookingInput .c6,
.multipleBookingInput .c7,
.multipleBookingInput .c9,
.multipleBookingInput .c10 {
  width: 8.19%;
}

.multipleBookingInput thead span.c4,
.multipleBookingInput thead span.c5,
.multipleBookingInput thead span.c6,
.multipleBookingInput thead span.c7,
.multipleBookingInput thead span.c9,
.multipleBookingInput thead span.c10 {
  width: 8%;
}

.multipleBookingInput thead th > span {
  float: left;
  margin-left: 0.25rem;
}

.multipleBookingInput .c8 {
  width: 16%;
}

.multipleBookingInput thead span.c8 {
  width: 16%;
}

.multipleBookingInput .expandedView .overflowWraper {
  padding-top: 0;
  padding-bottom: 0;
}

.multipleBookingInput .expandedView .overflowWraper:before,
.multipleBookingInput .expandedView .overflowWraper:after {
  display: none;
}

.multipleBookingInput .expandedView td {
  background-color: transparent !important;
}

.multipleBookingInput .table .table {
  background-color: transparent;
  margin-bottom: 4px;
}

.multipleBookingInput .c2,
.multipleBookingInput .c3,
.multipleBookingInput .c4,
.multipleBookingInput .c5,
.multipleBookingInput .c6,
.multipleBookingInput .c7,
.multipleBookingInput .c8,
.multipleBookingInput .c9 {
  padding-right: 0;
}

.multipleBookingInput .scc {
  width: 10% !important;
}

.multipleBookingInput .clearBtn a {
  font-size: 0.65rem;
}

.multipleBookingInput td.pl-5 {
  padding-left: 2.8rem !important;
}

.multipleBookingInput .validationBtn {
  position: absolute;
  right: -1px;
  top: 11px;
  border: 2px solid #666;
  border-radius: 15px;
  width: 25px;
  height: 25px;
  padding: 0;
}

.multipleBookingInput .expandedView .overflowWraper {
  background-image: none !important;
}

.multipleBookingInput .inputOverlay::after {
  bottom: 4px;
  right: 9px;
}

.multipleBookingInput .pl-5 .expandBtn {
  position: absolute;
  left: 6px;
  bottom: 24px;
  padding: 0;
  font-size: 0.65rem;
}

.multipleBookingInput .pl-5 .expandBtn .fas.fa-angle-up,
.multipleBookingInput .pl-5 .expandBtn .fas.fa-angle-down {
  margin-left: 5px;
}

.multipleBookingInput .nopaddingTD .input-group-wrapper.col-3 input {
  padding-left: 0.45rem;
  padding-right: 0.45rem;
}

.multipleBookingInput2.multipleBookingInput td.pl-5 {
  padding-left: 0.375rem !important;
  padding-right: 3.8rem;
}

.flight-selection-arrow {
  background: url(../images/sprite.png) 74px -90px no-repeat;
}

.multipleBookingInput2.multipleBookingInput .pl-5 .expandBtn {
  right: 7px;
  left: auto;
  bottom: 20px;
}

.multipleBookingInput2 .col-2.flight-selection-arrow {
  padding: 0;
  flex: 0 0 13%;
  max-width: 100%;
}

.multipleBookingInput2 .col-10 {
  flex: 0 0 87%;
  max-width: 100%;
}

.wrapFlights .col-1.pr-0.pl-0 .btn span {
  font-size: 0.675rem;
}

.wrapFlights .col-1.pr-0.pl-0 .btn {
  margin-left: 0;
}

.multipleBookingInput .c1 {
  width: 16%;
  padding-right: 0;
}

.multipleBookingInput thead span.c1 {
  width: 15.65%;
  margin: 0;
}

.mb-control-table-wraper .mb-control-table td {
  padding: 0.42rem 0 0 0.25rem !important;
}

table.mb-control-table {
  margin-bottom: 0 !important;
}

td.mb-control-table-wraper {
  padding: 0;
}

.multipleBookingInput .tableWraper table,
.myCargo .tableWraper table {
  table-layout: auto;
}

.multipleBookingInput .expandedView .overflowWraper {
  position: relative;
}

.multipleBookingInput .bg-expandedView {
  margin: 0 3px;
}

.multipleBookingInput .table-striped table tr:nth-of-type(2n + 1) {
  background-color: transparent;
}

.multipleBookingInput .alert {
  margin: 0 6px 6px;
}

.multipleBookingInput .alert-warning {
  padding: 0.45rem 1.25rem;
}

.multipleBookingInput2 .c1 .input-group-wrapper.col-9 input {
  border-radius: 0 0 0 0 !important;
}

.multipleBookingInput2 .Select-control {
  height: 38px;
  text-align: left;
}

.multipleBookingInput .scc .Select-control .Select-clear-zone {
  position: absolute;
  top: 6px;
  left: 80px;
}

.cr-tracking-empty {
  align-items: flex-start !important;
}

.cr-tracking-d-none {
  display: none !important;
}

.cr-tracking .tl-img-dot-single span {
  background: url(../images/sprite.png) -2px -1px no-repeat;
  width: 8px;
  height: 20px;
  display: inline-block;
  position: relative;
  z-index: 99;
}
.hide-dot .dot::before {
  background-color: #fff;
  left: -1px;
}
.hide-dot span.dot {
  width: 0px;
}

/*This fix is specialy for IE10 and above*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .multipleBookingInput .tableWraper table,
  .multipleFhlInput .tableWraper table table {
    table-layout: fixed;
  }

  .multipleFhlInput .tableWraper table {
    table-layout: auto;
  }

  .multipleFhlInput .tableWraper table .tdWidthFix {
    width: 100%;
  }

  .multipleBookingInput2 .Select-control {
    height: 33px;
  }

  .multipleBookingInput2 .Select-control .Select-input {
    height: 33px;
  }

  .btn .btn-link,
  .btn {
    padding: 0.35rem 0.625rem;
  }

  .dailyScheduleTable .rt-td.c3-1 {
    height: 54px !important;
  }
}

.mb-combineAirportControl .col-6:last-child .Select-control {
  border-radius: 0 4px 4px 0;
}

.mb-combineAirportControl .col-6:first-child .Select-control {
  border-radius: 4px 0 0 4px;
}

.mb-combineAirportControl .col-6:first-child {
  padding-right: 0;
  margin-right: -1px;
}

.mb-combineAirportControl .col-6:last-child {
  padding-left: 0;
  margin-left: -1px;
}

/*Multiple FHL*/
.multipleFhlInput thead th > span.text-danger {
  float: none;
  margin-left: 0.25rem;
}

.multipleFhlInput .tableWraper th.c2 {
  width: 15%;
}

.multipleFhlInput .tableWraper th.c4 {
  width: 12%;
}

.multipleFhlInput .tableWraper th.c5 {
  width: 5%;
}

.multipleFhlInput .tableWraper th.c8 {
  width: 100%;
}

.multipleFhlInput td.details {
  width: 1px;
}

.tableMAWB td.c2 {
  width: 12%;
}

.tableMAWB td.c3 {
  width: 12%;
}

.tableMAWB td.c7 {
  width: 40%;
}

.multipleFhlInput td.mawb-to-hawb-dottedLine {
  padding-left: 6.3rem !important;
  background: url(../images/sprite.png) 74px -90px no-repeat;
}

.multipleFhlInput .c1 .input-group-wrapper.col-9 input {
  border-radius: 0 0 0 0 !important;
}

.multipleFhlInput .pl-5 .expandBtn {
  position: absolute;
  left: auto;
  bottom: 12px;
  padding: 0;
  right: 0px;
  z-index: 100;
}

/*Tracking*/
.timeLineView .tl-chart {
  position: relative;
  border: 1px /*solid red*/;
  background-color: transparent;
  border-radius: 4.5rem;
}

.timeLineView .tl-chart .tl-chart-label {
  position: absolute;
  top: 36%;
  width: 100%;
  font-size: 0.75rem;
  left: 0;
}

.timeLineView .tl-chart .tl-chart-label a {
  color: #333333;
}

.tl-chart-label strong {
  font-size: 1rem;
  display: block;
  line-height: 1rem;
}

.timeLineStatus {
  padding-left: 2.5rem;
}

.timeLineStatus ul {
  padding: 0;
}

.timeLineStatus .statusItems {
  position: relative;
  padding: 0px 5px 1rem 1rem;
}

.timeLineStatus .statusItems,
.tracking h2 {
  border-left: 1px dashed #566a81;
}

.timeLineStatus .statusItems:last-child {
  border-left: 0;
}

.timeLineStatus .statusItems .loc {
  background-color: #1c4e9d;
  position: absolute;
  left: -33px;
  padding: 2px 6px;
  color: #fff;
  border-radius: 4px;
  font-size: 0.6875rem;
}

.timeLineStatus.flightInformation .statusItems .loc {
  background-color: #1c4e9d;
  position: absolute;
  left: -25px;
  padding: 2px 6px;
  color: #fff;
  border-radius: 4px;
  font-size: 0.6875rem;
}

.timeLineStatus.flightInformation .statusItems .loc .fas {
  color: #ffffff;
}

.timeLineView .popupTimeLineDetails strong {
  padding: 0 0 0 8px;
}

.timeLineView .popupTimeLineDetails {
  padding: 0px 10px;
}

.timeLineView .popover-content .popover-heading {
  font-weight: bold;
  position: relative;
  font-size: 0.75rem;
  margin-top: 0.6rem;
}

.timeLineView .popupTimeLineDetails em,
.timeLineView .popupTimeLineDetails i {
  font-style: normal;
  padding: 0 10px;
}

.timeLineView .popover-content {
  width: 250px;
  padding-bottom: 10px;
}

.timeLineStatus .statusItems .loc:after {
  left: 93%;
  top: 4%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #1c4e9d;
  border-width: 0.59rem;
  margin-top: 0rem;
}

.flightInformation .liveStatus,
.tracking .sort-fa {
  border-radius: 1rem;
  font-size: 0.9rem;
}

.tracking h2 {
  margin-bottom: 0;
  padding-bottom: 1rem;
  margin-top: 2rem;
}

.tracking h2 span.far.fa-clock,
.tracking h2 span.fas.fa-plane {
  background-color: #fff;
  margin-left: -0.85rem;
  font-size: 1.4rem;
  width: 1.8rem;
  height: 1.8rem;
  text-align: center;
  vertical-align: middle;
  margin-right: 0.5rem;
  line-height: 1.78rem;
}

.tracking .sort-fa span.fa-sort {
  font-size: 0.875rem;
}

.temparatureHistory h2 {
  border: 0px !important;
}

.temparatureHistory h2 span {
  margin-left: 0 !important;
}

.tracking .table {
  table-layout: inherit;
}

.tracking .table td,
.tracking .table th {
  text-align: center;
}

.tracking .table .c1 {
  width: 10%;
}

.tracking .table .c2 {
  width: 20%;
}

.tracking .table .c3,
.tracking .table .c5 {
  width: 13%;
}

.tracking .table .c4 {
  width: 8%;
}

.tracking .tl-labels-loc {
  color: #1c4e9d;
}

.tracking .nav-tabs {
  margin-bottom: 10px;
}

.tracking .nav-tabs .nav-item {
  position: relative;
}

.tracking .trackingtabs .nav-item .nav-link {
  padding: 0.375rem 1.1rem 0.25rem 0.375rem;
  border-radius: 0;
  color: #333333b3;
}

.trackingCard .card strong {
  padding-bottom: 6px;
}

.tracking .trackingtabs .nav-item .nav-link.active {
  color: #1c4e9d;
  border-top: 1px solid #082b62;
}

.tracking .trackingtabs .nav-item a.close-btn {
  position: absolute;
  right: 7px;
  top: 3px;
  color: #566a81;
  font-size: 0.6rem;
}

.tracking .timeLineView {
  position: relative;
}

.tracking .timeLineView:after {
  position: absolute;
  content: " ";
  display: block;
  border-top: 1px dashed #999999;
  left: 8%;
  right: 14%;
  bottom: 10px;
}

.tracking .timeLineView .form-row > [class*="col-12"] {
  padding: 0;
}

.tracking .timeLineView .form-row .mr-lg-3 {
  margin-right: 0.4rem !important;
}

.tracking .timeLineView .form-row .ml-lg-3 {
  margin-left: 0.4rem !important;
}

.tracking .timeLineView .tl-chart-label.cargoStatusAll {
  top: 28%;
}

.tracking .timeLineView .tl-chart-label.cargoStatusAll strong {
  line-height: 1.3rem;
  font-size: 1.3rem;
  margin: 0 auto;
  width: 120px;
}

.tracking .timeLineView .tl-chart-label .other-airline-text {
  background-color: #cce5ff;
  color: #004085;
  top: 50px;
  border: 1px solid #b8daff;
  position: relative;
  z-index: 100;
  display: inline-block;
  font-size: 0.63rem;
}

.tracking .timeLineView label.cargoStatusText {
  background: #e8f3ffe6;
  border-radius: 10px;
  padding: 5px 5px;
  line-height: 0.8rem;
  margin-top: 0.2rem;
}

.cargoStatus .statusItems label.badge {
  font-size: 0.8rem;
}

.flightInformation .statusItems label.badge {
  font-size: 0.8rem;
}

.timeLineView .statusImg {
  position: relative;
  top: 3px;
}

.timeLineView .statusImg1,
.timeLineView .statusImg2,
.timeLineView .statusImg3,
.timeLineView .statusImg4 {
  background: url(../images/sprite.png) -9px 0 no-repeat;
  width: 25px;
  height: 21px;
  display: inline-block;
  margin-top: 8px;
}

.timeLineView .statusImg2 {
  background-position: -35px 0;
}

.timeLineView .statusImg3 {
  background-position: -60px 0;
}

.timeLineView .statusImg4 {
  background-position: -90px 0;
}

.timeLineStatus .statusItems .sep {
  padding: 0 8px;
  color: #f0f0f0;
}

.timeLineStatus .statusItems em i,
.historyItem em i {
  color: #9f9f9f;
  font-style: normal;
  padding-left: 4px;
}

.timeLineStatus .statusItems em,
.historyItem em {
  font-style: normal;
}

.tl-img-dot span {
  background: url(../images/sprite.png) -2px -1px no-repeat;
  width: 8px;
  height: 18px;
  display: inline-block;
  position: relative;
  z-index: 99;
}

.sideWidget .historyItem li {
  padding-bottom: 0.6rem;
  font-size: 0.865rem;
  border-bottom: 1px solid #0000001a;
}

.sideWidget .fuelSurCharge {
  text-align: center;
  padding: 0;
}

.sideWidget .fuelSurCharge:first-child {
  padding-right: 5px;
}

.sideWidget .fuelSurCharge:last-child {
  padding-left: 5px;
}

.sideWidget .fuelSurCharge span {
  line-height: 39px;
  margin-bottom: 4px;
  width: 100%;
  height: 50px;
  font-size: 0.765rem;
  font-weight: bold;
  color: #333333;
}

.sideWidget .card {
  border-top: 1px solid #082b62;
}

.timeLineView .stopsList {
  flex: 0 0 25%;
}

.stopsListInner {
  height: 140px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.stopListinnerWraper {
  background-color: #fff;
  position: relative;
  z-index: 100;
  width: 100%;
}

.stopListinnerWraper:before,
.stopListinnerWraper:after {
  content: " ";
  display: block;
  background-color: #d6dbeb;
  border-radius: 5px;
  width: 10px;
  height: 10px;
  top: calc(50% - 5px);
  position: absolute;
  left: -4px;
}

.stopListinnerWraper:after {
  right: -4px;
  left: auto;
}

.stopListinnerItemAll .dualFlight span {
  z-index: 9;
}

.stopListinnerItemAll .dualFlight .fas.fa-plane {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.stopListinnerItemAll .dualFlight {
  position: relative;
}

.stopListinnerItem {
  position: relative;
}

.stopListinnerItem:before {
  position: absolute;
  content: " ";
  display: block;
  border-top: 2px dotted #d6dbeb;
  left: 0;
  right: 0;
  top: calc(50% - 1px);
  z-index: 99;
}

.stopListinnerItemDots {
  position: relative;
  padding: 3px 0;
}

.stopListinnerItemDots:before,
.stopListinnerItemDots:after {
  position: absolute;
  content: " ";
  display: block;
  border-left: 2px dotted #d6dbeb;
  left: 0;
  right: auto;
  top: 0;
  bottom: 0;
  z-index: 99;
}

.stopListinnerItemDots:after {
  left: auto;
  right: 0;
}

.stopListinnerItem:first-child .stopListinnerItemDots:before,
.stopListinnerItem:first-child .stopListinnerItemDots:after {
  top: 50%;
}

.stopListinnerItem:last-child .stopListinnerItemDots:before,
.stopListinnerItem:last-child .stopListinnerItemDots:after {
  bottom: 50%;
}

.stopListinnerItemAll {
  background-color: #fff;
  position: relative;
  z-index: 99;
  padding: 0 5px 4px;
  display: inline-block;
}

.stopListinnerItemAll .normal-flight-container {
  border: 1px solid #d2dde8;
  border-radius: 5px;
  padding: 0px 4px 2px 3px;
  background: #e8f3ff;
  margin-right: 3px;
  font-size: 14px;
}

.stopListinnerItemAll .normal-flight-container .normalFlight i {
  color: #1c4e9d;
  margin-right: 2px;
}

.tracking .stopsListInner:before {
  position: absolute;
  content: " ";
  display: block;
  border-top: 2px dotted #d6dbeb;
  left: 0;
  right: 0;
  top: calc(50% - 1px);
  z-index: 99;
}

.stopListinnerItemDots a {
  font-size: 12px;
}

.timeLineView .tl-labels {
  position: relative;
}

.timeLineView .tl-labels .trucktrack {
  position: absolute;
  background: url(../images/sprite.png) -158px 0 no-repeat;
  width: 20px;
  height: 26px;
  bottom: -17px;
  right: 0;
  z-index: 999;
}

.timeLineView .tl-labels .trucktrack.trucktrack-off {
  background-position: -158px -28px;
  height: 15px;
}

.trackingCard .card {
  background-color: #f7f9fb;
  min-height: 77px;
  border-radius: 4px !important;
}

.trackingCard .card-header {
  background-color: #e8f3ff;
  border: 0;
}

.trackingCard .card-body {
  font-weight: bold;
}

.timeLineView .popover-content .popover-heading {
  position: relative;
  font-size: 0.75rem;
  margin-top: 0.5rem;
}

.timeLineView .popover-content .popover-heading:first-child {
  margin-top: 0;
  margin-bottom: 8px;
}

.timeLineView .popover-content .popover-heading:after {
  content: " ";
  left: 0;
  bottom: -5px;
  right: 0;
  z-index: 98;
  display: block;
  position: absolute;
  height: 1px;
  background-color: #c4d0de;
}

.timeLineView .popover-content .popover-heading span {
  background-color: #e8f3ff;
  z-index: 99;
  position: relative;
  margin-left: 10px;
  padding: 1px 8px 3px 7px;
  border-radius: 4px;
  border: 1px solid #cddcec;
  top: 11px;
  font-weight: normal;
}

.timeLineView .popover-content h6 {
  font-size: 0.875rem;
  margin: 0.5rem 0;
}

.tracking .accordion {
  margin-bottom: 10px;
}

.timeLineView .col-12.col-lg.ml-lg-3 #hanjin {
  left: auto !important;
  right: -40% !important;
  top: 113px !important;
}

.tracking .accordion .card-body {
  padding: 0;
}

.tracking .accordion table {
  margin: 0;
}

.tracking .tl-labels .popover {
  max-width: inherit;
}

.tracking .tl-labels .popover-content {
  width: 100%;
}

.tracking .popover {
  z-index: 1000 !important;
}

.timeLineView .popover {
  max-width: inherit;
}

.timeLineView .popover-content {
  width: 285px;
}

/*airMail Tracking*/
.airMailTracking .c1,
.airMailTracking .c2,
.airMailTracking .c3,
.airMailTracking .c5,
.airMailTracking .c6,
.airMailTracking .c7,
.airMailTracking .c8 {
  text-align: center;
}

.airMailTracking .c4,
.airMailTracking .c5 {
  text-align: right;
}

.airMailTracking .c1,
.airMailTracking .c2 {
  width: 9%;
}

.airMailTracking .c4 {
  width: 6%;
}

.airMailTracking .c3,
.airMailTracking .c6,
.airMailTracking .c7,
.airMailTracking .c8 {
  width: 16%;
}

/*Invoice Reference*/
.invoiceRefTable .footer-font th.c1,
.invoiceRefTable .footer-font th.c2,
.invoiceRefTable .footer-font th.c3,
.invoiceRefTable .footer-font th.c4 {
  font-size: 0.8125rem !important;
}

/*Daily Schedule*/
.dailyScheduleTable .c4 {
  text-align: right;
}

.dailyScheduleTable .duration span,
.availabilityYes,
.availabilityNo,
.weeklySchedule .fa-plane {
  font-size: 17px;
}

.dailyScheduleTable .duration label {
  display: block;
  margin: 0;
  font-size: 0.7rem !important;
}

.dailyScheduleTable .c5 .fa-plane,
.dailyScheduleTable .c6 .fa-plane,
.dailyScheduleTable .c7 .fa-plane {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.fa-plane.availabilityYes {
  color: #41a602;
}

.fa-plane.availabilityNo {
  color: #ec0303;
}

.dailyScheduleTable .c1 a {
  font-weight: normal;
  margin: 7px 0 -7px;
  display: block;
  font-size: 0.8rem;
}

.dailyScheduleTable .c1 strong {
  font-weight: normal;
}

.dailyScheduleTable .c1 .flightDetails {
  font-weight: normal;
  font-size: 0.8rem;
}

.dailyScheduleTable .c5 {
  width: 11% !important;
  text-align: center;
}

.dailyScheduleTable.OALTable .c7 {
  width: 33% !important;
  text-align: center;
}

.modaloverlay .dailyScheduleTable .c8,
.modaloverlay .dailyScheduleTable .c9 {
  width: 3% !important;
}

.dailyScheduleTable .c5 .alert {
  padding: 0.5rem 0 0;
}

.dailyScheduleTable .c6 {
  width: 11% !important;
  text-align: center;
  overflow: visible !important;
}

.dailyScheduleTable .c7 {
  width: 11% !important;
  text-align: center;
}

.dailyScheduleTable .c567 {
  width: 27%;
}

.dailyScheduleTable .c567 label {
  text-align: center;
}

.dailyScheduleTable .modal-footer {
  padding-left: 0;
  padding-right: 0;
}

.dailyScheduleTable .btn-success,
.dailyScheduleTable .btn-danger {
  border-color: #004899;
  background-color: #fff;
  color: #004899;
}

.dailyScheduleTable .btn-success .fa-plane:before,
.fa.fa-plane.availabilityYes:before {
  content: "";
  background: url(../images/dailyFlight1.png);
  width: 18px;
  height: 16px;
  display: inline-block;
  transform: rotate(90deg);
}

.dailyScheduleTable .btn-success:hover,
.dailyScheduleTable .btn-danger:hover {
  background-color: #3176d2;
  border-color: #3176d2;
  color: #fff;
}

.dailyScheduleTable .btn-success:focus,
.dailyScheduleTable .btn-danger:focus {
  background-color: #51a3e5;
  border-color: #51a3e5;
  color: #fff;
}

.dailyScheduleTable .btn-success:hover span,
.dailyScheduleTable .btn-danger:hover span,
.dailyScheduleTable .btn-success:focus span,
.dailyScheduleTable .btn-danger:focus span {
  color: #fff;
}

.dailyScheduleTable .btn-success span {
  color: #039a03;
}

.dailyScheduleTable .btn-danger span {
  color: #d9534f;
}

.dailyScheduleTable .btn-success:hover .fa-plane::before {
  content: "\f072";
  background-image: none;
  transform: rotate(0deg);
}

.dailyScheduleTable .c1,
.weeklySchedule td.c1 {
  font-size: 0.8125rem;
}

.dailyScheduleTable .c3,
.dailyScheduleTable .c4 {
  font-size: 0.8125rem;
  width: 13% !important;
}

.modalClass .dailyScheduleTable .c3,
.modalClass .dailyScheduleTable .c4 {
  width: 11% !important;
}

.modalClass .dailyScheduleTable .c8 {
  width: 8% !important;
}

.dailyScheduleTable .c1 {
  width: 24% !important;
}

.modalClass .dailyScheduleTable .c1 {
  width: 23% !important;
}

.dailyScheduleTable .c3-1 {
  width: 10% !important;
  text-align: center;
  line-height: 16px;
}

.dailyScheduleTable td.c3,
.dailyScheduleTable td.c4 {
  width: 20%;
}

.dailyScheduleTable .c8 {
  width: 6% !important;
}

.dailyScheduleTable .c8 a {
  padding: 0;
}

.dailyScheduleTable .c3 label,
.dailyScheduleTable .c4 label {
  display: block;
  margin: 0;
}

.dailyScheduleTable .rt-td.c3,
.dailyScheduleTable .rt-td.c4,
.dailyScheduleTable .rt-td.c3-1 {
  background: url(../images/flightArrow.png) no-repeat center 7px;
}

.dailyScheduleTable .rt-td.c3 {
  background-position: left 9px;
}

.dailyScheduleTable .rt-td.c4 {
  background-position: right 9px;
}

.dailyScheduleTable .rt-td.c3-1 {
  height: 53px;
}

.dailyScheduleTable td.c1,
.dailyScheduleTable td.c5,
.dailyScheduleTable td.c6,
.dailyScheduleTable td.c7,
.dailyScheduleTable td.c8 {
  vertical-align: middle;
}

.dailyScheduleTable td.c3 {
  background-position: left 8px;
}

.dailyScheduleTable td.c4 {
  background-position: right 8px;
}

.dailyScheduleTable td.duration {
  position: absolute;
  top: 3px;
  left: -74px;
  text-align: center;
  width: 10rem;
}

.dailySchedule .table .expandedView .table {
  position: relative;
}

.dailyScheduleTable td.c9,
.dailyScheduleTable th.c9 {
  width: 3% !important;
}

.dailyScheduleTable td.c1 span {
  vertical-align: middle;
}

.dailyScheduleTable .duration span.fa {
  font-size: 0.75rem;
}

.availabilityYes,
.availabilityNo,
.weeklySchedule .fa-plane {
  font-size: 1rem;
}

.flightOperationStatus .expandedView,
.dailyScheduleTable td {
  position: relative;
}

.flightNameType {
  font-weight: bold;
}

.flightNameType .flightDetails {
  font-weight: normal;
}

.flightDetails {
  font-size: 12px;
}

.flightIconLabel {
  background: url(../images/sprite.png) no-repeat -183px -3px;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin: 0 3px 0 2px;
}

.flightIconLabel.flightIconLabel-f {
  background-position: -206px -5px;
}

.flightIconLabel.flightIconLabel-p {
  background-position: -186px -6px;
}

.flightIconLabel.flightIconLabel-t {
  background-position: -226px -5px;
}

.flightIconLabel.flightIconLabel-r {
  background-position: -186px -26px;
}

/*Menu Area*/
.navigation3.bg-primary {
  background-color: #051766 !important;
  padding: 1px 0;
}

.navbar-light .navbar-nav .nav-link {
  color: #051766;
  font-weight: bold;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: #051766;
  font-weight: bold;
}

.navigation3.bg-primary .subDropdown {
  font-size: 0.8125rem;
  padding-bottom: 0px;
  background-color: #051766;
}

.navigation3.bg-primary .subDropdown:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-right: 55px solid transparent;
  top: 100%;
  border-bottom: none;
  border-top: 33px solid #051766;
}

.navigation3 .navbar-nav .nav-item .nav-link {
  padding-left: 20px;
  padding-right: 20px;
  border-right: 1px solid #374585;
  border-left: 1px solid #374585;
  margin: -1px 0 -1px -1px;
  text-align: center;
  font-weight: bold;
  font-size: 0.9125rem;
}

.navigation3 .navbar-nav .nav-item .subDropdown .nav-link {
  white-space: nowrap;
  font-size: 0.8125rem;
  padding-left: 15px;
  padding-right: 15px;
  width: auto;
  border: 0px solid red;
  text-align: left;
  font-weight: normal;
}

.sticky-top .rightSideDropDown a,
.sticky-top .rightSideDropDown a:hover {
  color: #4a5e74;
  text-decoration: none;
}

.non-sticky-top .rightSideDropDown a .fa.fa-bell {
  color: #dc3545;
}

.sticky-top > .bg-white {
  text-transform: uppercase;
}

.sticky-top .subDropdown {
  display: none;
  position: absolute;
  border: 0px solid rgba(0, 0, 0, 0.15);
  list-style: none;
  z-index: 1000;
  background-color: #ffffff;
  padding: 1em;
}

.sticky-top .navigation3 .subDropdown {
  min-width: 100%;
  left: -1px;
}

.navigation3 .navbar-nav .nav-item:last-child .subDropdown {
  left: auto;
  right: 0;
}

.sticky-top .subDropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sticky-top li:hover .subDropdown {
  display: block !important;
}

.hoverSearch {
  position: relative;
}

.hoverSearch #searchArea {
  position: absolute;
  right: 39px;
  width: 600px !important;
  border: 0px;
  padding: 18px 0 0 18px;
  top: -11px;
  bottom: -14px;
  background-color: #fff;
  -webkit-animation-name: run;
  -webkit-animation-duration: 200ms;
}

.hoverSearch .btn span.fa {
  color: #fff;
}

#searchButton {
  width: 42px;
  position: relative;
  top: 0px;
  left: 0px;
  box-shadow: none !important;
}

.navigation3 .navbar-nav .nav-item {
  position: relative;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.navigation3 .navbar-nav {
  width: 100%;
}

.languageSelect a {
  display: inline-block;
  text-decoration: underline;
}

.languageSelect a.actived {
  font-weight: bold;
  text-decoration: none;
}

.non-sticky-top .rightSideDropDown a.btn-link,
.non-sticky-top .rightSideDropDown abtn-link:hover {
  padding: 0;
  font-size: 1.5rem;
}

.nav-link.active {
  background-color: #202f62;
}

.nav-item .subDropdown .nav-link.active {
  background-color: transparent;
}

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

.navbar-dark.bg-light.d-lg-block.d-none.pb-1.pt-1 {
  border-bottom: 1px solid #f0f0f0;
  background-color: #fafafa !important;
}

.dropdown-menu,
ul.desktopmenu .subDropdown {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border: 0px;
  border-radius: 0;
  text-transform: none;
}

.nav-link.dropdown-toggle.pr-0 {
  color: #ff9000;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2rem + 2px);
}

#closeSearch {
  position: absolute;
  right: 43px;
  background-color: #566a81;
  border: 0px;
  top: -3px;
  border-radius: 10px;
  padding: 0;
  width: 18px;
  height: 18px;
  font-size: 10px;
  color: #fff;
}

.clearBtn a {
  padding: 0;
}

/*Weekly schedule*/
.weeklySchedule .c2,
.weeklySchedule .c3,
.weeklySchedule .c4,
.weeklySchedule .c5,
.weeklySchedule .c6,
.weeklySchedule .c7,
.weeklySchedule .c8 {
  width: 7.5%;
  text-align: center;
}

.weeklySchedule3 .c2,
.weeklySchedule3 .c3,
.weeklySchedule3 .c4,
.weeklySchedule3 .c5,
.weeklySchedule3 .c6,
.weeklySchedule3 .c7,
.weeklySchedule3 .c8 {
  width: 9%;
  text-align: center;
}

.weeklySchedule3 .fa-plane {
  font-size: 1.5rem;
}

.weeklySchedule3 .dc1 {
  margin-right: 5px;
}

.weeklySchedule .c9,
.weeklySchedule .c10 {
  width: 11%;
  text-align: center;
}

.weeklySchedule .c11 {
  text-align: center;
}

.weeklySchedule .c11.fltType span {
  color: #004899;
}

.weeklySchedule .fa-plane {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*Monthly schedule*/
.monthlySchedule .c1 {
  width: 5%;
  text-align: center;
}

.monthlySchedule .c2 {
  text-align: center;
}

/*Flight Operation Status*/
.flightOperationStatus .tableWraper table {
  table-layout: inherit;
}

.flightOperationStatus .c3 {
  width: 11%;
}

.flightOperationStatus .ic3,
.flightOperationStatus .ic4,
.flightOperationStatus .ic5,
.flightOperationStatus .ic6 {
  width: 15%;
}

.flightOperationStatus .ic1,
.flightOperationStatus .ic2,
.flightOperationStatus .ic3,
.flightOperationStatus .ic4,
.flightOperationStatus .ic5,
.flightOperationStatus .ic6,
.flightOperationStatus .ic7,
.flightOperationStatus .c3,
.flightOperationStatus .c4,
.flightOperationStatus .c5,
.flightOperationStatus .c6,
.flightOperationStatus .c7,
.flightOperationStatus .c8,
.flightOperationStatus .c9,
.flightOperationStatus .c2 {
  text-align: center;
}

.flightOperationStatus .table {
  margin-bottom: 0;
}

.flightOperationStatus .c1,
.flightOperationStatus .c4 {
  width: 8%;
}

.flightOperationStatus .c5,
.flightOperationStatus .c6,
.flightOperationStatus .c7,
.flightOperationStatus .c8 {
  width: 7%;
}

.flightOperationStatus .c2 {
  width: 10%;
}

.flightOperationStatus .c2 div {
  width: 150px;
}

.flightOperationStatus .c2 div span {
  display: inline-block;
}

.flightOperationStatus .c9,
.flightOperationStatus .c11 {
  width: 10%;
}

.flightOperationStatus .c10 {
  width: 12%;
}

.flightOperationStatus .table-responsive {
  overflow: inherit;
}

#DailyOnBoardList .detailClick1tr1 .c1 {
  width: 10%;
}

#dailySalesResult .wrap-awb {
  width: 10%;
}

td.categoryTable {
  padding: 0px;
  color: #fff !important;
  background-color: transparent !important;
  border: 0 !important;
}

td.categoryTable h5 {
  color: #566a81;
  z-index: 1000;
  box-shadow: 0 0 5px 1px #1b87e366;
  position: relative;
  margin: 6px 0 0 0;
  font-size: 0.7rem;
  border: 1px solid #a7b7cb;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 21px;
  border-bottom: 0px solid #4a5e74;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #ffffff 0%,
    #f3f3f3 50%,
    #ededed 51%,
    #ffffff 100%
  );
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #f3f3f3 50%,
    #ededed 51%,
    #ffffff 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    #f3f3f3 50%,
    #ededed 51%,
    #ffffff 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}

/*View Summary*/
.viewBookingSummary .c1 {
  width: 13%;
  vertical-align: middle;
}

.viewBookingSummary .c2 {
  width: 17%;
}

.viewBookingSummary .c2,
.viewBookingSummary .c3,
.viewBookingSummary .c4,
.viewBookingSummary .c5,
.viewBookingSummary .c6,
.viewBookingSummary .c7,
.viewBookingSummary .c8 {
  text-align: center;
  vertical-align: middle;
}

.viewBookingSummary td.c8 {
  font-size: 1rem;
}

.viewBookingSummary .card-body p {
  margin-bottom: 0;
  font-weight: bold;
}

.total-charge {
  border-top: 1px solid #bdbdbd;
  background-color: #f0f0f0;
  margin-top: 5px;
  padding: 3px 0;
}

.rate_Charge .col-lg-5.col-12 {
  padding-left: 20px;
}

.noSpotRate .fal.fa-hourglass-start {
  font-size: 100px;
  color: #d0d0d0;
  margin: 1rem 0 0.5rem;
}

/*Mobile Specific-START*/
.mobileViewWraper .timeLineFlight .flight1,
.mobileViewWraper .timeLineFlight .flight2 {
  background: url(../images/flightArrow.png) no-repeat;
  min-width: 18%;
}

.mobileViewWraper .timeLineFlight strong {
  font-size: 1rem;
  font-weight: normal;
  line-height: 0.9rem;
}

.mobileViewWraper .flightNumbers strong {
  font-weight: normal;
  font-size: 1rem;
  color: #ccc;
}

.mobileViewWraper .flightNumbers span {
  font-size: 0.55rem;
  font-weight: normal;
  margin-bottom: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
}

.mobileViewWraper .timeLineFlight .flight1 {
  padding-left: 0;
}

.mobileViewWraper .timeLineFlight .flight2 {
  padding-right: 0;
}

.mobileViewWraper .timeLineFlight .duration label {
  line-height: 5px;
}

.mobileItems .alert {
  padding: 5px 1.25rem;
}

.mobileUserMenu {
  left: auto;
  right: 0;
  border-radius: 0;
  top: 72%;
  font-size: 14px;
  min-width: 8rem;
  box-shadow: 0px 0px 2px #ccc;
}

.mobileUserMenu .dropdown-item {
  padding: 0.25rem 1rem;
}

/*Mobile Specific-END*/

/*My Cargo*/
.myCargo .timeLineView .tl-chart .tl-chart-label {
  top: calc(50% - 32px);
  font-size: 0.6rem;
}

.myCargo .timeLineView .tl-chart {
  margin: 20px 0;
}

.myCargo .bookedStatus,
.myCargo .unUsedStatus {
  padding-left: 20px;
  margin-right: 15px;
  position: relative;
}

.myCargo .unUsedStatus:before,
.myCargo .bookedStatus:before {
  position: absolute;
  content: " ";
  display: inline-block;
  width: 16px;
  height: 16px;
  left: 0;
}

.myCargo .bookedStatus:before {
  background-color: #4d58a7;
}

.myCargo .unUsedStatus:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJklEQVQImWNgYGAwRsK+BgYG/xmwCPgyYBEwZsAiYMyAIcDAYAwAiDwMmG4AHsUAAAAASUVORK5CYII=)
    repeat;
}

.myCargo .tl-chart-label strong {
  margin-bottom: 5px;
  font-size: 0.9rem;
}

.myCargoFilter .Select {
  width: 52%;
  display: inline-block;
}

.myCargoFilter {
  width: 100%;
}

.myCargoFilter label {
  float: left;
}

.chartWrapper {
  height: 200px;
  padding-top: 25px;
}

.myCargo .tl-labels-loc {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.myCargo .Select-menu-outer {
  width: auto;
  min-width: 110px;
}

.myCargo .timeLineView .popover-content {
  width: auto;
  padding: 10px;
}

.myCargo .timeLineView .popover-content .tl-labels-head,
.myCargo .tl-labels-loc {
  color: #1c4c9d;
  text-align: center;
  font-size: 0.9rem;
}

.myCargo .timeLineView .popover {
  max-width: 400px;
  top: 230px;
  left: calc(50% - 170px);
}

.myCargo .accordion .card-body {
  padding: 0.5rem !important;
}

.myCargo .prp_value {
  display: inline-block;
  font-size: 1.2rem;
}

.myCargo .prp_value .small {
  font-size: 0.85rem;
}

.myCargo .chart-small-color {
  fill: #fff;
}

.myCargo .myBooking td,
.myCargo .myBooking th {
  text-align: center;
}

.myCargo .myBooking .c5,
.myCargo .myBooking .c6 {
  text-align: right;
  width: 10%;
}

.myCargo .myBooking .c1,
.myCargo .myBooking .c4,
.myCargo .myBooking .c3 {
  width: 13%;
}

.myCargo .myBooking .c2 {
  width: 11%;
}

.myCargo .GCPFilterSelect {
  width: 370px;
}

.myCargo .GCPFilterSelect #gcp_plot_dest {
  width: 50px;
}

#onlineClaim .Select-menu-outer #claimTypeInputField {
  max-height: 100px !important;
  margin-bottom: 15px !important;
  overflow-y: auto !important;
}

@media (max-width: 767px) {
  .modal-open .modal {
    padding: 0 !important;
  }

  .form-group label.errorWrap {
    margin-top: 0px;
  }

  .form-control::placeholder {
    font-size: 0.75rem;
  }

  .small {
    font-size: 79%;
  }

  .chargableWeight {
    display: block;
  }

  .desktopmenu {
    display: none;
  }

  .dailyScheduleTable .duration {
    left: -49%;
    width: inherit;
  }

  .dailyScheduleTable .c1 {
    width: 100px;
  }

  .dailyScheduleTable .c2 {
    width: 140px;
  }

  .dailyScheduleTable .c3 {
    width: 160px;
  }

  .dailyScheduleTable .c4 {
    width: 160px;
  }

  .dailyScheduleTable .c5 {
    width: 80px;
  }

  .dailyScheduleTable .c6 {
    width: 80px;
  }

  .dailyScheduleTable .c7 {
    width: 80px;
  }

  .weeklySchedule .c1 {
    width: 90px;
  }

  .weeklySchedule .c2,
  .weeklySchedule .c3,
  .weeklySchedule .c4,
  .weeklySchedule .c5,
  .weeklySchedule .c6,
  .weeklySchedule .c7,
  .weeklySchedule .c8 {
    width: 50px;
  }

  .weeklySchedule .c9,
  .weeklySchedule .c10 {
    width: 125px;
  }

  .weeklySchedule .c11 {
    width: 130px;
  }

  .flightOperationStatus th,
  .flightOperationStatus td {
    width: 100px;
  }

  #navbarSupportedContent,
  #navbarSupportedContentSecond {
    margin: 0 -15px;
    background-color: #566a81;
    position: absolute;
    top: 62px;
    left: 15px;
    right: 50px;
    border: 1px solid #7e93a9;
    z-index: 1000;
  }

  #navbarSupportedContent a,
  #navbarSupportedContentSecond a {
    color: #fff !important;
    padding: 0.5rem 15px;
    border-bottom: 1px solid #7e93a9;
  }

  #navbarSupportedContent li .dropdown-menu a,
  #navbarSupportedContentSecond li .dropdown-menu a {
    padding: 0.5rem 15px 0.5rem 20px;
  }

  #navbarSupportedContent .dropdown-menu,
  #navbarSupportedContentSecond .dropdown-menu {
    border: 0;
    padding: 0;
    position: absolute;
  }

  #navbarSupportedContent .dropdown-menu a:hover,
  #navbarSupportedContentSecond .dropdown-menu a:hover {
    background-color: transparent;
  }

  .sticky-top .navbar-toggler {
    padding: 0;
    border: 0;
  }

  .sticky-top {
    position: relative;
  }

  label {
    font-size: 0.8rem;
  }

  .card .pl-4 {
    padding: 0 !important;
  }

  .noFormControlSpace .form-control {
    margin-bottom: 6px;
  }

  .monthlySchedule .c1 {
    width: 60px;
  }

  .monthlySchedule .c2 {
    width: 150px;
  }

  .monthlySchedule .c3 {
    width: 120px;
  }

  .monthlySchedule .c4,
  .monthlySchedule .c5,
  .monthlySchedule .c6 {
    width: 100px;
  }

  #DGRow h3 {
    display: inline-block !important;
  }

  .mobilemenu .active {
    background-color: #004899;
  }

  #navbarSupportedContent1 {
    display: block !important;
  }
}

@-webkit-keyframes run {
  0% {
    left: 0%;
  }

  100% {
    left: -950%;
  }
}

@media (max-width: 767px) {
  .mobStatusArea {
    margin: 10px -10px 0;
    padding: 8px 10px;
    background-color: #fafafa;
  }

  .mobHeadArea,
  .mobileViewWraper .flightNameType {
    margin: -10px -10px 0;
    background-color: #f0f0f0;
    padding: 8px 10px;
  }

  .mobHeadArea {
    font-size: 1rem;
  }

  .badge {
    font-size: 13px;
    font-weight: normal !important;
  }

  .badge-danger {
    background-color: transparent;
    color: #721c24;
  }

  .badge-success {
    color: #155724;
  }

  a span.fas {
    font-size: inherit;
  }

  .flightDetailsBtn a {
    padding: 8px 0;
  }

  .timeLineFlight {
    margin: 10px 0;
    padding-top: 8px;
  }

  .multi-route-flight {
    position: absolute;
    width: 100%;
    text-align: center;
    top: -4px;
  }

  .footerArea,
  .mobileViewWraper .flightDetailesItem {
    padding: 5px 10px;
    margin-bottom: 8px;
    border: 1px solid #bdbdbd;
    background-color: #fff;
  }

  .mobileViewWraper .mobileItems {
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #bdbdbd;
  }

  .mobileExpandView {
    margin: 0 -10px;
    padding: 7px;
    background-color: #e8f3ff;
    position: relative;
    border-top: 1px solid #bdbdbd;
  }

  .mobileExpandView:before {
    color: #bdbdbd;
  }

  .mobileExpandView:before,
  .mobileExpandView:after {
    height: 9px;
    font-size: 20px;
  }

  .mobileViewWraper .flightDetailesItem:last-child {
    margin-bottom: 0;
  }

  .mobileViewWraper .flightNameType {
    margin-top: -5px;
  }

  .mobileViewWraper .timeLineFlight label {
    font-size: 0.65rem;
    display: block;
  }

  .col-4.text-center .small {
    vertical-align: top;
  }

  .mobButtonWrap {
    margin-top: 10px;
  }

  .mobileViewWraper .timeLineFlight .flight1 {
    background-position: left -2px !important;
  }

  .mobileViewWraper .timeLineFlight .flight2 {
    background-position: right -2px !important;
  }

  .mobileViewWraper .timeLineFlight .duration {
    top: -48px;
    position: relative;
    text-align: center;
  }

  .dailyScheduleTable .duration span.fa {
    font-size: 0.95rem;
  }

  .input-group-append .input-group-text {
    height: 2.1rem;
  }

  .input-group > .form-control {
    text-overflow: ellipsis;
  }

  .form-group label {
    margin-top: 8px;
    margin-bottom: 0px;
  }

  .col-lg-6.offset-1.col-12.text-right {
    margin-left: 0;
    margin-top: 10px;
  }

  .col-lg-6.col-6.pr-0.pt-2 {
    padding-top: 0 !important;
  }

  .col-lg-5.col-12,
  .col-lg-7.col-12 {
    margin-bottom: 10px;
  }

  .mobHeadArea .btn-sm {
    padding: 3px 8px;
  }

  .mobStatusArea .col-12.pr-0.text-center {
    padding-left: 0;
  }

  .bookingList .mobileViewWraper .timeLineFlight .duration {
    position: absolute;
    left: -25px;
    text-align: center;
    background-color: #fff;
    top: 6px;
  }

  .mobileExpandView .flightNameType {
    text-align: center;
    display: inherit !important;
  }

  .mobileExpandView .row.pt-2 .col-12.pr-0 {
    text-align: center;
    padding-left: 0;
  }
}

@media (max-width: 1023px) {
  :root {
    font-size: 1rem;
  }
}

@media (min-width: 1204px) {
  .container {
    max-width: 1400px;
    width: 92%;
  }

  :root {
    font-size: 1.125rem;
  }
}

/*Can remove after UI wiring*/
.bookingList .expandedViewBorderTop {
  position: relative;
}

.bookingList .expandedViewBorderTop:after {
  content: " ";
  display: block;
  background-color: #082b62;
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  right: 0;
  top: -1px;
}

.bookingList table table {
  text-align: center;
}

.bookingList .ic1 {
  width: 25%;
}

.bookingList .ic2 {
  width: 15%;
}

.bookingList .ic3 {
  width: 30%;
}

.bookingList .ic4 {
  width: 30%;
}

.detailClick1tr,
.detailClick2tr,
.detailClick3tr,
.detailClick4tr {
  cursor: default;
}

#exampleModal .modal-dialog {
  max-width: 1100px;
}

.dateChange span {
  font-size: 11px;
  border-radius: 2px;
  line-height: 13px;
  display: block;
}

.dateChange div {
  font-size: 9px;
  line-height: 13px;
}

.dateChange .badge {
  padding: 1px 3px;
  font-size: 12px;
}

.dateChange {
  font-size: 0.7rem;
}

.rightSideDropDown .badge-danger {
  position: relative;
  top: -13px;
  font-size: 11px;
  font-weight: normal;
  right: 7px;
}

.dropdownSplitStyle li:nth-child(1) {
  width: 250px;
}

.dropdownSplitStyle li:nth-child(2) {
  width: 326px;
}

.dropdownSplitStyle li {
  display: inline-block;
}

.dropDownStyle3 li {
  display: inline-block;
  width: 145px !important;
  margin-right: 20px;
}

.dropDownStyle3 li:nth-child(2) {
  margin-right: 0;
}

.dropDownStyle2 li {
  padding: 5px 0;
}

.dropDownStyle1 {
  padding: 0 !important;
}

.dropDownStyle1 li {
  display: inline-block;
  width: 145px;
  border-right: 1px solid #eaecef;
  padding: 0 15px 20px;
}

.dropDownStyle1 li:nth-child(5) {
  border-right: 0px solid red;
}

.dropdown .dropdown-menu {
  max-height: 300px;
  overflow: auto;
}

.hidden {
  display: none;
}

.unhidden {
  display: block;
}

.toggleValue1 {
  display: none;
}

.toggleValue .toggleValue1 {
  display: inline-block;
}

.toggleValue .toggleValue2 {
  display: none;
}

.multiselect {
  width: 100%;
  background-color: #fff;
  border: 1px solid #ced4da;
  text-align: left;
}

.multiselectDiv .btn-group {
  width: 100%;
}

.multiselect-container > li > a > label {
  padding-left: 10px !important;
  color: #4a5e74;
}

#navbarSupportedContent1 {
  display: none !important;
}

.sortWraper {
  padding: 0;
}

.monthSelection strong {
  font-size: 0.9375rem;
  line-height: 1.875rem;
}

.footerArea {
  background-color: #186686;
  color: #ccc;
  padding: 10px;
  margin-top: 2rem;
  width: 100%;
  bottom: 0;
}

.footerAreaRemoveAbsolute {
  position: absolute;
}

.flightIconLabel {
  font-size: 0.56rem;
  font-weight: 800;
  margin: 0 4px 0 2px;
}

.tableOption2 th {
  border: 0 !important;
  background-color: transparent !important;
  padding: 0;
}

.tableOption2 td {
  border: 0 !important;
  background-color: transparent !important;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
}

.showBasic .advanceSearchTxt,
#clickAdvance .basicSearchTxt {
  display: none;
}

.showBasic .basicSearchTxt {
  display: block !important;
}

.nopaddingTD td {
  padding-bottom: 0;
  border-bottom: 0;
}

.headingSearchflights {
  padding-top: 2px;
}

/*++++++++++++++++++++++++Operations-Cargo Acceptance Result- added by TCC+++++++++++++++++++++++++++*/
.Acceptance .expand {
  background: rgba(232, 243, 255, 1);
  border-bottom: 1px solid #202f62;
}

.Acceptance .rowborder {
  background-color: rgba(232, 243, 255, 1);
}

.border-warning {
  border: 1px solid #ffc13d;
  border-radius: 31px;
  padding: 4px 5px;
  font-size: 11px;
}

.border-success {
  border: 1px solid #28a756;
  border-radius: 31px;
  padding: 4px 4px;
  font-size: 12px;
}

.preLoader {
  margin: 2px 10px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  select::-ms-expand {
    display: none;
  }

  input::-ms-clear {
    display: none;
  }
}

.loadabilityParentwrapper .table .bg-info {
  background-color: #004899 !important;
  color: #fff !important;
}

.wordWrapNumber {
  word-wrap: break-word;
}

/*fix for ugly style in multiple select */
.Select--multi .Select-control {
  overflow: auto !important;
  padding-left: 5px;
}

/*fix for ugly style in multiple select */
.Select--multi .Select-value-label {
  min-width: 41px;
}

.Select--multi .Select-value {
  margin-left: 0px !important;
  margin-right: 5px;
  margin-top: 3px;
}

.Select--multi .Select-multi-value-wrapper {
  padding-bottom: 1px;
  padding-top: 1px;
}

/* Fix for setting same height for input, select input,input group text & date components */
.calIconWrap input,
.Select-control,
input.form-control,
select.form-control,
.input-group-text,
.input-group-append .btn-secondary {
  height: 36px !important;
}

.spinner {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 10000;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 64px;
  margin: 20% auto;
}

.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.5s infinite;
  background: #cbd2d8;
}

.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.5s infinite;
  background: #005bd6;
}

.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.5s infinite;
  background: #5c91c1;
}

.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.5s infinite;
  background: #5c91c1;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(19px, 0);
  }
}

.form-control,
.calIconWrap input {
  padding: 0.175rem 0.45rem !important;
}

/*Added Below for the RWB Phase 2*/
.recharts-responsive-container {
  height: auto !important;
}

.display-xl-none {
  display: none;
}

.display-mobileDevice {
  display: none;
}

@media (max-width: 767px) {
  .mt-xs-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xs-3 {
    margin-top: 1rem !important;
  }

  .mb-xs-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xs-2 {
    margin-left: 0.5rem !important;
  }

  .mr-xs-2 {
    margin-right: 0.5rem !important;
  }

  .pt-xs-2 {
    padding-top: 0.5rem !important;
  }

  .pb-xs-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xs-2 {
    padding-left: 0.5rem !important;
  }

  .pr-xs-2 {
    padding-right: 0.5rem !important;
  }

  .p-xs-0 {
    padding: 0px !important;
    margin-left: 3px;
  }

  .p-xs-1 {
    padding: 0.35rem !important;
  }

  .pl-xs-0 {
    padding-left: 0px !important;
  }

  .pr-xs-0 {
    padding-right: 0px !important;
  }

  .m-xs-0 {
    margin: 0px !important;
  }

  .mr-xs-0 {
    margin-right: 0px !important;
  }

  .ml-xs-0 {
    margin-left: 0px !important;
  }

  .w-xs-100 {
    width: 100% !important;
  }

  span.dot:before {
    content: " ";
    display: block;
    background-color: #a2a0a0;
    border-radius: 5px;
    width: 10px;
    height: 10px;
    top: -6px;
    position: absolute;
    left: 4px;
  }

  .tl-img-dot span {
    background: none !important;
    width: 10px;
    height: 127px;
    border-right: 1px dashed #d3d3d3;
    display: inline-block;
    position: absolute;
    z-index: 99;
    border-top: 1px solid #333;
    margin-top: 51px;
  }

  .departChart .dot {
    height: 266px !important;
  }

  .deliveryChart .dot {
    height: 0 !important;
  }

  .stopsListInner {
    transform: rotate(90deg);
    left: 22px;
    padding: 0;
    margin: 0;
    top: calc(51% - 68px);
  }

  .tracking .timeLineView .form-row .ml-lg-3 {
    margin-left: 0px !important;
  }

  .tracking .timeLineView:after {
    display: none !important;
  }

  #navbarSupportedContentMobile .dropdown .dropdown-menu {
    position: relative !important;
    background-color: transparent;
    top: 0px;
  }

  .sticky-top .navbar {
    box-shadow: 0 0px 3px 0px #bdbdbd;
  }

  .tracking .timeLineView .tl-chart-label .other-airline-text {
    right: 20px;
  }

  .t-75 {
    top: 0px !important;
  }

  .timeLineView .tl-labels .trucktrack {
    bottom: -7px;
    right: 55px;
  }

  .stopListinnerItemAll {
    transform: rotate(-90deg) !important;
    top: -30px;
  }

  .xs-text-left {
    text-align: left !important;
  }

  .scheduleModal {
    min-width: 80% !important;
  }

  .mt-xs-4 {
    margin-top: 1.67rem;
  }

  .mt-xs-35 {
    margin-top: 1.2rem;
  }

  .display-xl-none {
    display: block;
  }

  .dimension-head {
    display: none !important;
  }

  .display-mobileDevice {
    display: block !important;
  }

  .dimension-col3 {
    width: 14%;
  }

  .dimension-col3 {
    padding-top: 1.6rem;
  }

  #onlineClaim .searchWrap ol {
    padding-left: 10px;
  }

  .table-responsive-mobile {
    overflow-x: auto;
  }

  .fos-listWrap {
    min-width: 1300px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .mt-mde-2 {
    margin-top: 0.5rem !important;
  }

  .w-sm-100 {
    width: 100% !important;
  }

  .p-med-0 {
    padding: 0px !important;
  }

  .m-med-0 {
    margin: 0px !important;
  }

  span.dot:before {
    content: " ";
    display: block;
    background-color: #a2a0a0;
    border-radius: 5px;
    width: 10px;
    height: 10px;
    top: -6px;
    position: absolute;
    left: 4px;
  }

  .tl-img-dot span {
    background: none !important;
    width: 10px;
    height: 127px;
    border-right: 1px dashed #d3d3d3;
    display: inline-block;
    position: absolute;
    z-index: 99;
    border-top: 1px solid #333;
    margin-top: 51px;
  }

  .departChart .dot {
    height: 266px !important;
  }

  .deliveryChart .dot {
    height: 0 !important;
  }

  .stopsListInner {
    transform: rotate(90deg);
    left: 79px;
    padding: 0;
    margin: 0;
    top: calc(-31% - 41px);
    width: 66%;
  }

  .tracking .timeLineView .form-row .ml-lg-3 {
    margin-left: 0px !important;
  }

  .tracking .timeLineView:after {
    display: none !important;
  }

  .calIconWrap input,
  .Select-control,
  input.form-control,
  select.form-control,
  .input-group-text,
  .input-group-append .btn-secondary {
    height: 32px !important;
  }

  .landing_search {
    position: relative !important;
  }

  .banner-img,
  .landing-carousel .carousel-control-prev,
  .landing-carousel .carousel-control-next {
    height: 317px !important;
  }

  .landing-carousel ul.carousel-indicators {
    top: 233px !important;
  }

  .carousel-caption {
    top: 66px !important;
  }

  .x {
    width: 100% !important;
  }

  .carousel-inner img {
    height: 100%;
  }

  .carousel-caption {
    top: 66px !important;
  }

  .container-sm-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .t-75 {
    top: 0px !important;
  }

  .timeLineView .tl-labels .trucktrack {
    right: 106px;
  }

  .stopListinnerItemAll {
    transform: rotate(-90deg) !important;
    top: -30px;
  }

  .mt-med-4 {
    margin-top: 1.7rem;
  }

  .ml-med-0 {
    margin-left: 0px !important;
  }

  .mr-med-0 {
    margin-right: 0px !important;
  }

  .offset-1 {
    margin-left: 2.333333%;
  }

  .viewBookingSummary .table-responsive {
    display: inline-table !important;
  }

  .table-responsive-tablet {
    overflow-x: auto;
  }

  .fos-listWrap {
    min-width: 1300px;
  }

  .col-lg-5.col-12,
  .col-lg-7.col-12 {
    margin-bottom: 10px;
  }

  .weeklySchedule .c11.fltType span {
    color: #004899;
    display: block;
  }
}

/*ipad issue in booking page*/
@media (min-width: 768px) and (max-width: 991px) {
  .display-xl-none {
    display: block;
  }

  .mt-med-2 {
    margin-top: 1.2rem;
  }

  .mt-mdb-2 {
    margin-top: 0.5rem !important;
  }

  .ml-mdb-0 {
    margin-left: 0px !important;
  }
}

@media screen and (device-aspect-ratio: 40/71) {
  .timeLineView .tl-chart .tl-chart-label {
    left: 10px !important;
  }

  .badge {
    font-size: 10px !important;
  }

  .tracking .timeLineView .tl-chart-label .other-airline-text {
    right: 7px !important;
  }

  .timeLineView .tl-labels .trucktrack {
    right: 45px !important;
  }
}

.smallModal {
  max-width: 500px !important;
}

.mediumModal {
  max-width: 700px !important;
}

.t-75 {
  top: 75px;
}

/* for mobile landscape view*/
@media screen and (min-width: 566px) and (max-width: 812px) and (orientation: landscape) {
  .mobileDevice .stopsListInner {
    left: 46% !important;
  }

  .stopsListInner {
    width: 60%;
  }

  /*.mobileDevice .mobileRightMenu{width:auto!important;}*/
}

/*Added Below for the RWB Phase 2 Ends*/

@media (min-width: 768px) {
  .viewBookingSummary .table-responsive {
    display: inline-table !important;
  }

  #multiBookingTable,
  #multipleFHLWrapper {
    min-width: 1200px;
  }

  #trackShipmentBar {
    font-size: 1.1rem;
  }
}

/*-----------------------Tracking style change start----------------*/
.tracking .estDepDate {
  color: #004899;
}

.tracking .estDepDate span {
  color: #fff;
  background: #004899;
  padding: 1px 6px;
  border-radius: 50%;
  margin-right: 4px;
}

/*-----------------------Tracking style change ends----------------*/

/*-----Schedule table style change-----*/

@media only screen and (min-width: 992px) and (max-width: 1600px) {
  .dailyScheduleTable .rt-td.c3 div label:nth-of-type(2) span,
  .dailyScheduleTable .rt-td.c4 div label:nth-of-type(2) span {
    color: #fff;
    background: #004899;
    padding: 1px 6px;
    border-radius: 50%;
    margin-right: 2px;
  }

  .dailyScheduleTable .rt-td.c3 div label:nth-of-type(2),
  .dailyScheduleTable .rt-td.c4 div label:nth-of-type(2) {
    color: #004899;
    font-size: 10px;
    margin-left: -5px;
  }

  .rt-tbody .rt-tr-group .rt-tr .rt-td.c3-1 {
    min-height: 71px !important;
  }
}

.rt-tbody .rt-tr-group .rt-tr .rt-td.c3 {
  min-height: 75px !important;
}

.rt-tbody .rt-tr-group .rt-tr .rt-td.c4 {
  min-height: 75px !important;
}

.rt-tbody .rt-tr-group .rt-tr .rt-td.c3-1 {
  min-height: 72px !important;
}

.dailyScheduleTable .rt-td.c3 div label:nth-of-type(2),
.dailyScheduleTable .rt-td.c4 div label:nth-of-type(2) {
  color: #004899;
}

.dailyScheduleTable .rt-td.c3 div label:nth-of-type(2) span,
.dailyScheduleTable .rt-td.c4 div label:nth-of-type(2) span {
  color: #fff;
  background: #004899;
  padding: 1px 6px;
  border-radius: 50%;
  margin-right: 4px;
}

.timeLineFlight .flight1 label:nth-of-type(2),
.timeLineFlight .flight2 label:nth-of-type(2),
.expandedView .rt-td.c3 label:nth-of-type(2),
.expandedView .rt-td.c4 label:nth-of-type(2) {
  color: #004899;
}

.timeLineFlight .flight1 label:nth-of-type(2) span,
.timeLineFlight .flight2 label:nth-of-type(2) span,
.expandedView .rt-td.c3 label:nth-of-type(2) span,
.expandedView .rt-td.c4 label:nth-of-type(2) span {
  color: #fff;
  background: #004899;
  padding: 1px 6px;
  border-radius: 50%;
  margin-right: 4px;
}

@media only screen and (max-width: 767px) {
  .mobileViewWraper .timeLineFlight .duration {
    top: -6px !important;
    position: absolute !important;
    text-align: center;
  }
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
  .dailyScheduleTable .rt-td.c3 div label:nth-of-type(2),
  .dailyScheduleTable .rt-td.c4 div label:nth-of-type(2) {
    color: #004899;
    font-size: 10px;
    margin-left: -5px;
  }

  .dailyScheduleTable .rt-td.c3 div label:nth-of-type(2) span,
  .dailyScheduleTable .rt-td.c4 div label:nth-of-type(2) span {
    color: #fff;
    background: #004899;
    padding: 1px 4px;
    border-radius: 50%;
    margin-right: 2px;
  }
}

/*-----Schedule table style change end-----*/

/*-------Reservation Information start--------*/
.reservationInformation,
.resInfodetailsList {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

.reservationInformation {
  padding-top: 4px;
  margin-bottom: 5px;
}

.resInfoId {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.resInfoDetails {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.resInfoListItem {
  padding: 0 5px;
  color: #333333;
  font-size: 0.82rem;
  min-width: 145px;
  text-align: left;
}

.resInfoListItemCenter {
  padding: 0 5px;
  color: #9f9f9f;
  font-size: 0.82rem;
}

.resInfodetailsList {
  margin-bottom: 5px;
  align-items: center;
}

.resInfoListItem span {
  color: #fff;
  background: #004899;
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 0.6875rem;
  text-align: center;
  padding-bottom: 3px;
  margin-right: 4px;
}

.resInfoId span {
  color: #212529;
}

@media only screen and (min-width: 280px) and (max-width: 992px) {
  .resInfoId {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 5px 5px;
  }

  .reservationInformation {
    flex-wrap: wrap;
  }
}

/*-------Reservation Information end--------*/

@media only screen and (min-width: 280px) and (max-width: 991px) {
  .SingleDatePicker_picker
    .DayPicker_focusRegion
    .DayPicker_transitionContainer
    .CalendarMonth
    table.CalendarMonth_table
    tbody
    tr
    td {
    width: 39px !important;
  }
}

/*-----------AWB tracking Information---------*/
.tracking-data-box {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  text-align: left;
}

.tracking .timeLineView:after {
  bottom: auto;
  top: 253px;
}

.tracking-data-box .popover-content {
  width: 100% !important;
  min-height: 100px;
}

.tracking-data-box .popover-content .popupTimeLineDetails {
  padding: 0px 12px;
}

.tracking-data-box .popover-content .popupTimeLineDetails em {
  padding: 0px 5px 0 0;
}

.tracking-data-box .popover-content .popupTimeLineDetails i {
  padding: 0px 5px 0 5px;
}

.popover-sub-heading {
  width: 100%;
  padding: 0px 12px;
}

.popupTimeLineDetails {
  border-bottom: 1px solid #cfcfcf;
  padding-bottom: 8px !important;
}

.popupTimeLineDetails:last-child {
  border-bottom: 1px solid #fff !important;
}

.popover-sub-heading span {
  font-weight: 600;
  font-size: 0.6875rem;
}

.cr-tracking .tl-img-dot span {
  background: url(../images/sprite.png) -18px -21px no-repeat;
  width: 8px;
  height: 28px;
  display: inline-block;
  position: relative;
  z-index: 99;
}

.cr-tracking .stopsListInner {
  height: 70px;
  width: 90%;
  margin: 0 auto;
  position: relative;
  justify-content: flex-end;
  align-items: flex-end !important;
}

.cr-tracking .stopsListInner:before {
  position: absolute;
  content: " ";
  display: block;
  border-top: 2px dotted #d6dbeb;
  left: 0;
  right: 0;
  top: calc(100% - 1px);
  z-index: 99;
}

.listCenterLine {
  min-height: 165px;
  justify-content: center;
}

.listCenterLine .listCenterLineInner:before {
  position: absolute;
  content: " ";
  display: block;
  border-left: 2px dotted #d6dbeb;
  z-index: 99;
  height: 100%;
}

.cr-airport-dispaly {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  margin-top: -15px;
}

.cr-airport-dispaly .plane-icon {
  background: #e8f3ff;
  font-size: 13px;
  padding: 3px 4px;
  border-radius: 4px;
  z-index: 999;
  margin: 2px 5px;
  border: 1px solid #d8dadc;
  color: #004899;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cr-airport-dispaly .plane-icon .fa-plane {
  color: #004899;
  font-weight: bold;
}

.cr-airport-dispaly .plane-icon span {
  margin: 0 2px;
}

.timeLineView .popover-content .popover-heading {
  margin: 10px 0;
}

.mh-crstatus {
  min-height: 95px;
}

@media (min-width: 280px) and (max-width: 1023px) {
  .tl-img-dot span {
    background: none !important;
    width: 10px;
    height: 100%;
    border-right: 1px dashed #d3d3d3;
    display: inline-block;
    position: absolute;
    z-index: 99;
    border-top: 1px solid #333;
    margin-top: 51px;
  }
}

@media (min-width: 280px) and (max-width: 974px) {
  .cr-tracking .tl-chart .recharts-responsive-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .cr-tracking .tl-chart .tl-chart-label {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 130px;
    top: 0;
    padding-top: 10px;
  }

  .cr-tracking .stopsListInner:before {
    position: absolute;
    content: " ";
    display: block;
    border-top: 2px dotted #d6dbeb;
    left: 0;
    right: 0;
    top: calc(0% - 1px);
    z-index: 99;
  }

  .cr-tracking .stopsListInner {
    height: 70px;
    width: 100%;
    margin: 0 auto;
    position: static;
    justify-content: flex-start;
    align-items: flex-start !important;
  }

  .connectInner {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .dconnect-pc .listCenterLine {
    display: none !important;
  }

  .connectInnerLeft hr {
    width: 100%;
    height: 1px;
    border-bottom: 2px dotted #d6dbeb;
    background: #fff;
    border-top: none;
  }

  .connectInnerLeft {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .d-mobile {
    min-height: 200px;
    padding-top: 20px !important;
  }

  .cr-airport-dispaly {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    margin-top: 0px;
    flex-wrap: wrap;
    margin-left: 70px;
  }
}

@media only screen and (min-width: 1186px) {
  .tracking .timeLineView:after {
    bottom: auto;
    top: 240px;
  }
}

@media only screen and (min-width: 280px) and (max-width: 1023px) {
  .cr-tracking .tl-img-dot span {
    background: none !important;
    width: 10px;
    height: 100%;
    border-right: 1px dashed #d3d3d3;
    display: inline-block;
    position: absolute;
    z-index: 99;
    border-top: 1px solid #333;
    margin-top: 51px;
  }

  .cr-tracking .tl-img-dot-single span {
    background: none !important;
    width: 10px;
    height: 100%;
    border-right: 1px dashed #d3d3d3;
    display: inline-block;
    position: absolute;
    z-index: 99;
    border-top: 1px solid #333;
    margin-top: 51px;
  }
}

@media (min-width: 280px) and (max-width: 991px) {
  .timeLineView .tl-chart .tl-chart-label {
    position: absolute;
    top: 0% !important;
    margin-top: 0%;
    width: 100%;
    font-size: 0.75rem;
    left: 0 !important;
  }

  .listCenterLine .listCenterLineInner:before {
    position: absolute;
    content: " ";
    display: none;
    border-left: 2px dotted #d6dbeb;
    z-index: 99;
    height: 100%;
  }

  .connectInnerLeft hr {
    width: 100%;
    height: 1px;
    border-bottom: 2px dotted #d6dbeb;
    background: #fff;
    border-top: none;
  }

  .d-mobile {
    min-height: 200px !important;
  }

  .tracking .cr-tracking .stopsListInner:before {
    position: absolute;
    content: " ";
    display: block;
    border-top: 2px dotted #d6dbeb;
    left: 0;
    right: 0;
    top: calc(5% - 1px);
    z-index: 99;
  }

  .tracking .cr-tracking .stopsListInner.no-connection-value:before {
    position: absolute;
    content: " ";
    display: block;
    border-top: 2px dotted #d6dbeb;
    left: 0;
    right: 0;
    top: calc(5% - 6px) !important;
    z-index: 99;
  }

  .tracking .timeLineView .tl-chart-label.cargoStatusAll {
    top: 0% !important;
    padding-top: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1240px) {
  .timeLineView .popover-content .popover-heading {
    font-size: 0.6rem;
  }
}

@media only screen and (min-width: 992px) {
  .d-mobile .tl-labels-date .tracking-data-box {
    width: 80%;
    margin: 0 auto;
  }

  .tracking .cr-tracking .stopsListInner:before {
    position: absolute;
    content: " ";
    display: block;
    border-top: 2px dotted #d6dbeb;
    left: 0;
    right: 0;
    top: calc(96% - 1px);
    z-index: 99;
  }

  .dconnect-pc .listCenterLine {
    min-height: 145px;
    justify-content: center;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1185px) {
  .tracking .timeLineView:after {
    bottom: auto;
    top: 240px;
  }
}

@media only screen and (min-width: 1024px) {
  .tracking .timeLineView:after {
    position: absolute;
    content: " ";
    display: block;
    border-top: 1px dashed #999999;
    left: 7%;
    right: 12%;
  }
}

@media only screen and (min-width: 540px) and (max-width: 974px) {
  .stopListinnerWraper:before,
  .stopListinnerWraper:after {
    content: " ";
    display: block;
    background-color: #d6dbeb;
    border-radius: 5px;
    width: 10px;
    height: 10px;
    top: calc(0% - 5px);
    position: absolute;
  }

  .stopListinnerItem:before {
    position: absolute;
    content: " ";
    display: block;
    border-top: 2px dotted #d6dbeb;
    left: 0;
    right: 0;
    top: calc(0% - 1px);
    z-index: 99;
  }

  .cr-tracking .stopsListInner {
    height: 95px;
    width: 60%;
    margin: 0 auto;
    position: static;
    justify-content: flex-start;
    align-items: flex-start !important;
  }

  .stopListinnerItemAll {
    transform: rotate(-90deg) !important;
    top: -15px;
  }
}

@media only screen and (min-width: 280px) and (max-width: 539px) {
  .cr-tracking .stopsListInner {
    height: 95px;
    width: 100%;
    margin: 0 auto;
    position: static;
    justify-content: flex-start;
    align-items: flex-start !important;
  }

  .stopListinnerItemAll {
    transform: rotate(-90deg) !important;
    top: -0px;
  }
}

/*.mh-badge {
  min-height: 92.75px !important;
}*/
@media only screen and (min-width: 280px) and (max-width: 320px) {
  .cr-tracking .stopsListInner {
    height: 55%;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cr-tracking .tl-chart .recharts-responsive-container {
    display: block;
  }

  .timeLineView .tl-chart .tl-chart-label {
    top: 36% !important;
    display: block;
    padding-top: 0px !important;
  }

  .tracking .timeLineView .tl-chart-label.cargoStatusAll {
    top: 30% !important;
    padding-top: 0px !important;
  }
}

@media all and (-ms-high-contrast: none) and (min-width: 280px) and (max-width: 991px),
  (-ms-high-contrast: active) and (min-width: 280px) and (max-width: 991px) {
  .cr-tracking .tl-chart .recharts-responsive-container {
    display: block;
  }

  .timeLineView .tl-chart .tl-chart-label {
    top: 28% !important;
    display: block;
    padding-top: 0px !important;
  }

  .tracking .timeLineView .tl-chart-label.cargoStatusAll {
    top: 30% !important;
    padding-top: 0px !important;
  }

  .reservationInformation,
  .resInfodetailsList {
    display: block;
  }
}

@media all and (-ms-high-contrast: none) and (min-width: 280px) and (max-width: 991px),
  (-ms-high-contrast: active) and (min-width: 280px) and (max-width: 991px) {
  .cr-tracking .stopsListInner {
    height: 42% !important;
    width: 60%;
    margin: 0 auto;
    position: static;
    justify-content: flex-start;
    align-items: flex-start !important;
  }
}

@media all and (-ms-high-contrast: none) and (min-width: 280px) and (max-width: 739px),
  (-ms-high-contrast: active) and (min-width: 280px) and (max-width: 739px) {
  .cr-tracking .stopsListInner {
    height: 40px;
    width: 60%;
    margin: 0 auto;
    position: static;
    justify-content: flex-start;
    align-items: flex-start !important;
  }
}

@media all and (-ms-high-contrast: none) and (min-width: 540px) and (max-width: 991px),
  (-ms-high-contrast: active) and (min-width: 540px) and (max-width: 991px) {
  .cr-tracking .stopsListInner {
    height: 66px;
    width: 60%;
    margin: 0 auto;
    position: static;
    justify-content: flex-start;
    align-items: flex-start !important;
  }
}

@media all and (-ms-high-contrast: none) and (min-width: 280px) and (max-width: 640px),
  (-ms-high-contrast: active) and (min-width: 280px) and (max-width: 640px) {
  .cr-tracking .stopsListInner {
    height: 40px;
    width: 60%;
    margin: 0 auto;
    position: static;
    justify-content: flex-start;
    align-items: flex-start !important;
  }
}

@media all and (-ms-high-contrast: none) and (min-width: 280px) and (max-width: 640px),
  (-ms-high-contrast: active) and (min-width: 280px) and (max-width: 640px) {
  .connectInner {
    justify-content: flex-start;
  }
}

@media all and (-ms-high-contrast: none) and (min-width: 640px) and (max-width: 768px),
  (-ms-high-contrast: active) and (min-width: 640px) and (max-width: 768px) {
  .connectInnerLeft {
    justify-content: flex-end;
  }

  .connectInnerLeft hr {
    width: 76%;
  }

  .connectInner {
    justify-content: center;
  }
}

@media all and (-ms-high-contrast: none) and (min-width: 769px) and (max-width: 991px),
  (-ms-high-contrast: active) and (min-width: 769px) and (max-width: 991px) {
  .connectInnerLeft {
    justify-content: flex-end;
  }

  .connectInnerLeft hr {
    width: 90%;
  }

  .connectInner {
    justify-content: center;
  }
}

#loginModal,
#forgotPassModal {
  color: #333;
}
#loginModal span,
#forgotPassModal span {
  color: #051766;
}
.join {
  color: #5e5e5e;
}
/*icon styles*/
.w-32 {
  width: 32px !important;
}
.w-28 {
  width: 28px !important;
}
.w-26 {
  width: 26px !important;
}
.w-24 {
  width: 24px !important;
}
.w-18 {
  width: 18px !important;
}
.w-16 {
  width: 16px !important;
}
.w-12 {
  width: 12px !important;
}
.w-8 {
  width: 8px !important;
}
.top-0 {
  top: 0 !important;
}
.left-0 {
  left: 0 !important;
}
img.w-12 {
  width: 12px;
  min-width: 12px !important;
}
img.w-8 {
  width: 8px;
  min-width: 8px !important;
}
a:hover,
a:focus {
  color: #051766 !important;
  text-decoration: underline;
}
#navbarSupportedContentThird
  li.nav-item
  ul.subDropdown
  li.nav-item
  a.nav-link:hover,
#navbarSupportedContentThird
  li.nav-item
  ul.subDropdown
  li.nav-item
  a.nav-link:focus {
  color: #fff !important;
}
#navbarSupportedContentSecond ul.navbar-nav li.nav-item a.nav-link:hover,
#navbarSupportedContentSecond ul.navbar-nav li.nav-item a.nav-link:focus {
  color: #fff !important;
}
#navbarSupportedContentSecond
  li.nav-item
  ul.subDropdown
  li.nav-item
  a.nav-link:hover,
#navbarSupportedContentSecond
  li.nav-item
  ul.subDropdown
  li.nav-item
  a.nav-link:focus {
  color: #fff !important;
}
#navbarSupportedContentThird ul.navbar-nav li.nav-item a.nav-link:hover,
#navbarSupportedContentThird ul.navbar-nav li.nav-item a.nav-link:focus {
  color: #fff !important;
}
.timeLineView .tl-chart .tl-chart-label a:hover,
.timeLineView .tl-chart .tl-chart-label a:focus {
  color: #333333 !important;
}

/* NEW BUTTON CHANGE */
.btn {
  padding: 0.375rem 1rem;
}
/* Button Primary */
.btn-primary,
.btn-outline-primary {
  background-color: #57bbeb !important;
  color: #051766 !important;
  border: 2px solid #57bbeb !important;
  border-radius: 24px !important;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  padding: 0.375rem 0.475rem !important;
  text-decoration: none !important;
}
.btn-primary span,
.btn-outline-primary span {
  color: #051766 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: #57bbeb !important;
  color: #051766 !important;
  border: 2px solid #ffffff !important;
  outline: 1px solid #001b6b !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
.btn-primary:hover span,
.btn-primary:focus span,
.btn-outline-primary:focus span,
.btn-outline-primary:hover span {
  color: #051766 !important;
}

.btn-primary:active,
.btn-outline-primary:active {
  position: relative;
  background-color: #051766 !important;
  color: #ffffff !important;
  border: 2px solid #051766 !important;
  outline: 1px solid #051766 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
.btn-primary:active span,
.btn-outline-primary:active span {
  color: #ffffff !important;
}
.btn-primary:disabled,
.btn-outline-primary:disabled {
  background-color: #d9d9d9 !important;
  color: #5e5e5e !important;
  border: 2px solid transparent !important;
  cursor: not-allowed;
  outline: none;
}
.btn-primary:disabled span,
.btn-outline-primary:disabled span {
  color: #5e5e5e !important;
}

/* Button Secondary */
.btn-secondary,
.btn-success {
  background-color: #ffffff !important;
  border: 1px solid #051766;
  color: #051766 !important;
  border-radius: 24px !important;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  padding: 0.375rem 0.475rem !important;
  text-decoration: none !important;
}
.btn-secondary span,
.btn-success span {
  color: #051766 !important;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-success:hover,
.btn-success:focus {
  position: relative;
  background-color: #ffffff !important;
  color: #051766 !important;
  border: 1px solid #001b6b !important;
  outline: 1px solid #001b6b;
  cursor: pointer;
  outline-offset: 2px;
  box-shadow: none !important;
  text-decoration: none !important;
}
.btn-secondary:hover span,
.btn-secondary:focus span,
.btn-success:hover span,
.btn-success:focus span {
  color: #051766 !important;
}
.btn-secondary:active,
.btn-success:active {
  background-color: #051766 !important;
  color: #ffffff !important;
  border-color: #051766 !important;
  cursor: pointer;
  outline-offset: 0px;
  box-shadow: none !important;
  text-decoration: none !important;
}
.btn-secondary:active span,
.btn-success:active span {
  color: #ffffff !important;
}
.btn-secondary:disabled,
.btn-success:disabled {
  position: relative;
  background-color: #ffffff !important;
  color: #a4a4a4 !important;
  border: 2px solid #a4a4a4 !important;
  border-radius: 24px !important;
  cursor: pointer;
  outline: none;
}
.btn-secondary:disabled span,
.btn-success:disabled span {
  color: #a4a4a4 !important;
}
/*--other buttons--*/
.btn-primary.track-search-form {
  padding: 0.375rem 0.375rem !important;
}
.btn-primary.airmail-track-search-form {
  padding: 0.375rem 10px !important;
}
.btn-secondary.mycargo-refresh {
  padding: 6px !important;
}
.btn-secondary.mycargo-refresh span {
  display: flex;
}
.btn-secondary.daily-sales-search {
  padding: 0.375rem 12px !important;
}
.btn-primary.daily-sales-search {
  padding: 0.375rem 12px !important;
}
.input-group-append .btn-secondary {
  padding: 0.375rem 12px;
  margin-left: 5px;
}
/*--NAV CHANGES--*/

.navigation3.bg-primary .navbar-nav li.active.nav-item {
  background-color: #374585 !important;
}

/*--Modal Related--*/
.modal-header .close {
  font-weight: normal;
  font-size: 27px;
  padding: 1.1rem 0.5rem 1rem;
  color: #051766;
  opacity: 1 !important;
}
.scrollable {
  overflow-y: auto;
  max-height: 200px;
  margin-bottom: 10px;
  padding: 10px 0 !important;
}

/*-- Mobile changes--*/
@media only screen and (max-width: 991px) {
  .track-search .btn-primary,
  .airmail-track-search-rwd .btn-primary {
    padding: 0.375rem 0.65rem !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn-primary.track-search-form {
    padding: 0.375rem 16px !important;
  }
}
.mr-custom.success-check i,
.mr-custom.warning i {
  margin-bottom: -3px;
}
#MyCargo
  .accordion
  .card
  .card-body
  .form-row
  .GCPFilterSelect
  .Select-control {
  margin-bottom: 5px;
}
#multiBookingTable .input-group .input-group-append .btn-secondary {
  padding: 0.375rem 0.5rem !important;
  margin-left: 0px !important;
  border-radius: 0 !important;
  border: 1px solid #cccccc !important;
}
#multiBookingTable
  .input-group
  .input-group-append
  .btn-secondary:hover::before,
#multiBookingTable
  .input-group
  .input-group-append
  .btn-secondary:focus::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border: none !important;
  border-radius: 24px;
  z-index: -1;
}
#searchArea .input-group-append .searchArea-btn {
  padding: 4px 0.3rem !important;
  margin-left: 1px;
  border-radius: 0 !important;
  background-color: #fff;
  border: 1px solid #cfcfcf !important;
}
#searchArea input.form-search {
  box-shadow: none !important;
}
#searchButton .fa-search::before {
  content: "";
  background-image: url(../images/icons/search.png) !important;
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}
#searchButton .fa-times::before {
  content: "";
  background-image: url(../images/icons/close.png) !important;
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-top: 5px !important;
}
.btn-mobile-primary,
.btn-mobile-primary:hover,
.btn-mobile-primary:focus {
  position: absolute !important;
  background-color: #57bbeb !important;
  color: #051766 !important;
  border: 1px solid #57bbeb !important;
  border-radius: 24px !important;
  cursor: pointer;
  outline: none !important;
  z-index: 1;
  padding: 0.375rem 0.5rem;
  width: auto !important;
  top: 15px !important;
  right: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
.btn-mobile-secondary,
.btn-mobile-secondary:hover,
.btn-mobile-secondary:focus {
  position: absolute !important;
  background-color: #ffffff !important;
  color: #051766 !important;
  border: 1px solid #051766 !important;
  border-radius: 24px !important;
  cursor: pointer !important;
  outline: none !important;
  z-index: 1 !important;
  padding: 0.375rem 0.5rem !important;
  width: auto !important;
}
.ui-menu .ui-menu-item,
.ui-widget {
  font-family: KoreanAirSans, sans-serif !important;
}
.moneyBackStatic {
  display: flex;
  align-items: center;
}
.landing-multiple-tracking:hover,
.landing-multiple-tracking:focus {
  color: #fff !important;
  text-decoration: underline;
}
.input-group .input-group-append .btn-secondary {
  border-radius: 0 !important;
  border-color: #ccc;
}
.input-group .input-group-append .btn-secondary:hover,
.input-group .input-group-append .btn-secondary:focus,
.input-group .input-group-append .btn-secondary:active {
  outline: none !important;
  border-color: #ccc !important;
}
.btn-secondary:disabled:hover,
.btn-secondary:disabled:focus,
.btn-secondary.disabled:focus {
  position: relative;
  background-color: #ffffff !important;
  color: #a4a4a4 !important;
  border: 2px solid #a4a4a4 !important;
  border-radius: 24px !important;
  cursor: pointer;
  outline: none;
  box-shadow: none !important;
}
.btn-secondary:disabled:hover .fa,
.btn-secondary:disabled:focus .fa,
.btn-secondary.disabled:focus .fa {
  filter: grayscale(1) !important;
}
.myBooking tbody tr td,
.myBooking tbody tr td a {
  font-size: 0.75rem;
}
.barcodeLabel form .searchWrap .form-group .form-group .btn-primary {
  max-width: 120px;
  padding-left: 0;
  padding-right: 0;
}
#onlineClaim .btn-secondary,
#onlineClaim .btn-primary {
  padding: 0.375rem 0.475rem;
}
.btn-secondary.addBtn {
  padding: 4px !important;
  margin-bottom: 2px !important;
}
.btn-secondary.removeBtn {
  padding: 4px !important;
  margin-right: 2px !important;
  margin-bottom: 2px !important;
}
.modal-header .close,
.modal-body .close {
  background: url(../images/icons/close.png) no-repeat;
  width: 12px;
  height: 12px;
  background-size: contain;
  z-index: 99;
  position: absolute;
  top: 13px;
  right: 15px;
  display: block;
  margin: 0;
  padding: 7px !important;
  outline: none !important;
  opacity: 1 !important;
}
.path-frontpage .modal-header .close{
  top: 15px;
  padding: 6px !important;
}
#login .modal-header .close,
#forgotpass .modal-header .close{
  top: 15px;
  padding: 6px !important;
}
#Character_inq .modal-header .close{
  top: 14px;
}
#session-references .modal-header .close{
  top: 16px;
  padding: 6px !important;
}
.modal-header .close:hover,
.modal-body .close:hover,
.modal-header .close:focus,
.modal-body .close:focus,
.modal-header .close:active,
.modal-body .close:active {
  outline: none !important;
  box-shadow: none !important;
}
.modal-header .close span,
.modal-body .close span {
  display: none;
}
.captcha-type-challenge--image .captcha__element > .form-item {
  flex: auto;
  min-width: 13em;
  margin: 0;
  width: 100%;
}
.profile-edit {
  background: #57bbeb;
  border-radius: 25px;
  padding: 5px 5px;
  font-size: 8px;
  position: relative;
  top: 6px;
  left: -13px;
  color: #051766 !important;
}
.moneyBackStatic span {
  position: relative !important;
  top: 0px !important;
  margin-right: 5px !important;
}
a:hover .btn,
a:hover .btn-primary,
a:hover .btn-secondary {
  text-decoration: none !important;
}

/* other_sites Button  */
.other_sites {
  background-color: #ffffff !important;
  border: 1px solid #051766;
  color: #051766 !important;
  border-radius: 24px !important;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  padding: 0.375rem 0.475rem !important;
}
.other_sites span {
  color: #051766 !important;
}

.other_sites:focus,
.other_sites:hover {
  position: relative;
  background-color: #ffffff !important;
  color: #051766 !important;
  border: 1px solid #001b6b !important;
  outline: 1px solid #001b6b;
  cursor: pointer;
  outline-offset: 2px;
  box-shadow: none !important;
}
.other_sites:focus span,
.other_sites:hover span {
  color: #051766 !important;
}
.other_sites:active {
  background-color: #051766 !important;
  color: #ffffff !important;
  border-color: #051766 !important;
  cursor: pointer;
  outline-offset: 0px;
  box-shadow: none !important;
}
.other_sites:active span {
  color: #ffffff !important;
}
.other_sites:disabled {
  position: relative;
  background-color: #ffffff !important;
  color: #a4a4a4 !important;
  border: 2px solid #a4a4a4 !important;
  border-radius: 24px !important;
  cursor: pointer;
  outline: none;
}
.other_sites:disabled span {
  color: #a4a4a4 !important;
}

@media only screen and (min-width: 240px) and (max-width: 768px) {
  .btn-mobile-primary {
    width: auto !important;
    margin-right: 8px !important;
  }
  #login .modal-header {
    min-height: 32px !important;
  }
  #login .modal-body .ke-portal-user-login-form .form-group .login-btn {
    width: 100%;
  }
  #login .modal-header .close{
    top: 11px;
  }
  #forgotpass .modal-header {
    min-height: 32px !important;
  }
  #forgotpass .modal-header .close{
    top: 11px;
  }
}
#login .modal-header {
  min-height: 32px !important;
}

/* myBtn Button  */
#myBtn {
  background-color: #ffffff !important;
  border: 1px solid #051766;
  color: #051766 !important;
  border-radius: 24px !important;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  padding: 0.375rem 0.375rem !important;
  width: 46px !important;
  height: 46px !important;
}
#myBtn span {
  color: #051766 !important;
}

#myBtn:focus,
#myBtn:hover {
  background-color: #ffffff !important;
  color: #051766 !important;
  border: 1px solid #001b6b !important;
  outline: 1px solid #001b6b;
  cursor: pointer;
  outline-offset: 2px;
  box-shadow: none !important;
}
#myBtn:focus span,
#myBtn:hover span {
  color: #051766 !important;
}
#myBtn:active {
  background-color: #051766 !important;
  color: #ffffff !important;
  border-color: #051766 !important;
  cursor: pointer;
  outline-offset: 0px;
  box-shadow: none !important;
}
#myBtn:active span {
  color: #ffffff !important;
}
#myBtn:disabled {
  position: relative;
  background-color: #ffffff !important;
  color: #a4a4a4 !important;
  border: 2px solid #a4a4a4 !important;
  border-radius: 24px !important;
  cursor: pointer;
  outline: none;
}
#myBtn:disabled span {
  color: #a4a4a4 !important;
}
.eu-cookie-compliance-buttons .agree-button,
.eu-cookie-compliance-buttons .disagree-button{
  background-color: #ffffff !important;
  border: 1px solid #051766;
  color: #051766 !important;
  border-radius: 24px !important;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  padding: 0.375rem 0.475rem !important;
  text-decoration: none !important;
}
#myBtn .gototop-icon{
  display: inline-block;
}
#myBtn:active .gototop-icon{
  display: none;
}
#myBtn .gototop-focus-icon{
  display: none;
}
#myBtn:active .gototop-focus-icon{
  display: inline-block;
}
.ke-portal-user-forgot-password-form .back-to-login-btn .back-to-login-icon{
  display: inline-block;
}
.ke-portal-user-forgot-password-form .back-to-login-btn:active .back-to-login-icon{
  display: none;
}
.ke-portal-user-forgot-password-form .back-to-login-btn .back-to-login-focus-icon{
  display: none;
}
.ke-portal-user-forgot-password-form .back-to-login-btn:active .back-to-login-focus-icon{
  display: inline-block;
}
#advertiseModal .modal-header{
  min-height: 35px;
}
#profile .modal-header .close{
  background: none !important;
}
.loadability-check-modal .modal-header .close{
  top: 13px;
}
#profile-image span.profile-edit:active{
  background: #051766;
  color: #fff !important;
}