body {
  font-family: "Open Sans", sans-serif !important;
}
/* CSS customs for DataTable */
table.dataTable thead > tr > th,
table.dataTable thead > tr > th.sorting:first-child {
  background-color: #375486;
}
table.dataTable thead .sorting {
  background-color: #375486;
}
table.dataTable thead th {
  padding: 3px 10px 3px 10px;
}
table.dataTable thead > tr > th {
  font-size: 11px;
}
table.dataTable tbody > tr > td {
  font-size: 10px;
}
table.dataTable tbody > tr > td .btn {
  font-size: 11px;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 0px;
  margin: 0px;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
  height: 25px;
  /*   padding: 0px 0px 0px 0px!important; */
}

table.dataTable tbody tr.arrival,
.arrival {
  background-color: #f3ffe1;
}

table.dataTable tbody tr.departure,
.departure {
  background-color: #b5e5f5;
}

table.dataTable tbody tr.connection {
  background-color: #f5efb0;
}

table.dataTable tbody tr.row_separator td {
  border-top: 1px solid #929292;
}

table.dataTable tbody tr.arrive {
  background-color: white;
}

table.dataTable tbody tr.departure {
  background-color: #dae8ff;
}

table.dataTable tbody tr.ssr_connecting {
  background-color: #fcda9a;
}
div.dataTables_scrollHead {
  background-color: #375486;
}
div.dataTables_scrollHeadInner {
  width: unset !important;
}
div#location_resource_status_div li.select2-selection__choice {
  width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*table.dataTable tbody tr.cancel {
   background-color: #ffa4a4 !important;
}*/
/* CSS customs for DataTable */
.card-body.p-0 .table tbody > tr > td:last-of-type {
  padding-right: 0rem !important;
}
/* CSS customs for table */
table tr.text-center th {
  text-align: center;
}
.notice .table > thead > tr > th,
.notice .table > tbody > tr > th,
.notice .table > tfoot > tr > th,
.notice .table > thead > tr > td,
.notice .table > tbody > tr > td,
.notice .table > tfoot > tr > td {
  padding: 3px 10px 3px 10px;
}
/* CSS customs for table */

.highlight_droppable {
  background-color: #b2bec4 !important;
}

.border-right {
  border-right: 1px solid #000000;
}

.face {
  position: absolute;
  border: 2px solid #fff;
}

.header-primary {
  color: #fff;
  background-color: #337ab7 !important;
  border-color: #337ab7;
  border-top: 0px !important;
}

.header-primary:hover {
  color: #fff;
  background-color: #ff0000;
  border-color: #337ab7;
  border-top: 0px !important;
}

.header-default {
  color: #333;
  background-color: #b8b8b8;
  border-color: #ccc;
  border-top: 0px !important;
}

.highlight_time {
  color: #000000 !important;
  font-weight: bold !important;
  font-size: 14pt !important;
  background-color: #2e9afe !important;
  border-top: 1px solid #000000 !important;
}

.max-content {
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
}

.services-agent-layer-title {
  display: inline-block;
  padding-right: 5px;
  border-right: 1px #989898 solid;
  margin-right: 5px;
}

.carousel-control.left {
  background-image: none;
}
.carousel-control.right {
  background-image: none;
}
.carousel-control {
  color: #696969;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 15%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 15%;
}

/* Admin LTE */
.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
  background-color: #00c0ef !important;
}
.bg-info,
.bg-success,
.bg-warning,
.bg-danger,
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  color: #696969;
}
.small-box {
  border-radius: 2px;
  position: relative;
  display: block;
  margin-bottom: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.small-box > .inner {
  padding: 10px;
}

.small-box h3,
.small-box p {
  z-index: 5;
}
.small-box h3 {
  font-size: 38px;
  font-weight: bold;
  margin: 0 0 10px 0;
  white-space: nowrap;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Source Sans Pro", sans-serif;
}

.small-box h3,
.small-box p {
  z-index: 5;
}
.small-box p {
  font-size: 15px;
}

.small-box .icon {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: absolute;
  top: -10px;
  right: 10px;
  z-index: 0;
  font-size: 90px;
  color: rgba(0, 0, 0, 0.15);
}

.small-box > .small-box-footer {
  position: relative;
  text-align: center;
  padding: 3px 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 10;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
a {
  color: #3c8dbc;
}

.border-right {
  border-right: 1px solid #d5d5d5 !important;
}

/* Dashboard Pax carousel */
.page-header {
  border-bottom: 1px solid #bcbcbc;
}

.main-carousel-div {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
}

.col-padding {
  padding-top: 10px;
  padding-bottom: 10px;
}

.carousel-indicators {
  bottom: -50px;
}
.carousel-indicators-numbers li {
  text-indent: 0;
  margin: 0 2px;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 100%;
  line-height: 30px;
  color: #fff;
  background-color: #999;
  transition: all 0.25s ease;
}
.carousel-indicators-numbers .active {
  margin: 0 2px;
  width: 30px;
  height: 30px;
  background-color: #00a7d0;
}

.widget-user-header-custom {
  height: 70% !important;
  padding: 19px !important;
}

.widget-user-header-none {
  background: #0165ac;
  color: white;
}

.widget-user-username-custom {
  margin-top: 7% !important;
}

.box-footer-custom {
  height: 30% !important;
}

.widget-user-image-custom {
  top: 60% !important;
  left: 47% !important;
}

.img-circle-custom {
  background-color: #f1f1f1 !important;
  width: 18% !important;
}

.icon-flight {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: absolute;
  top: 0px;
  right: 20px;
  z-index: 0;
  font-size: 40px;
  color: rgba(0, 0, 0, 0.15);
}

.quadrat {
  -webkit-animation: alert-change 1s 10; /* Safari 4+ */
  -moz-animation: alert-change 1s 10; /* Fx 5+ */
  -o-animation: alert-change 1s 10; /* Opera 12+ */
  animation: alert-change 1s 10; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes alert-change {
  0%,
  49% {
    background-color: rgb(117, 209, 63);
  }
  50%,
  100% {
    background-color: #e50000;
  }
}

/* AdminLTE override rules */
.skin-blue .main-header .navbar {
  background-color: #375486;
}
.skin-blue .main-header li.user-header {
  background-color: #375486;
}
.skin-blue .main-header .logo {
  background-color: #375486;
  border-color: #375486;
}
.skin-blue .main-header .logo:hover,
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color: #314b78;
  border-color: #314b78;
}
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a {
  border-left-color: #375486;
}
/* AdminLTE override rules */

.table-label-icon-size {
  width: 20px;
  height: 20px;
  padding-top: 5px;
  display: inline-block;
}

.table-label-time-size {
  width: 19px;
  height: 19px;
}

.progress.totals_bar {
  margin-top: 0px !important;
  height: 15px;
}

/* Main View */
.height-100 {
  height: 100%;
}
.box-current-group {
  border: 1px grey solid;
  border-radius: 5px;
  background-color: white;
}
.box-current-group:hover span.badge {
  display: inherit;
}
.box-current-group-body:empty + span.badge {
  display: none !important;
}
.box-current-group-title {
  background-color: #efeded;
  border-radius: 5px 5px 0px 0px;
}
.box-current-group > span.badge {
  position: absolute;
  top: -6px;
  right: 6px;
  display: none;
}
.box-current-group-body {
  padding: 10px 10px;
}
.box-current-group-selected {
  border: 2px #337ab7 solid !important;
}
.margin-left-right-5 {
  margin-right: 5px;
  margin-left: 5px;
}
.mr-5 {
  margin-right: 5px;
}
.flight-date-filter {
  line-height: 34px;
  margin-right: 10px;
  width: 8%;
}
.min-max-filter {
  width: 11%;
}
.time-range-filter {
  width: 9%;
}
.zone-filter {
  width: 10%;
}
.transit-times {
  display: inline-block;
  vertical-align: middle;
}

/* Position for shortcut info help layer for ssr */
.row#info-help {
  margin-bottom: 50px;
}

.legend-icon {
  margin-right: 2px;
  font-size: 8px;
  vertical-align: middle;
}

.legend-column {
  min-height: 25px;
  padding-right: 0px;
}
/* Position for shortcut info help layer for ssr */

/* Dashboard planner */
.custom-tab-panel {
  padding: 10px;
  background-color: white;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-radius: 3px;
}

.info-box-content.custom-info-box-content {
  margin-left: unset;
  width: auto;
  display: inline-block;
}
.info-box-icon.info-box-icon-right {
  width: 60px !important;
}

.info-box-icon .btn-info-box-icon {
  font-size: 35px;
  padding: 20px 12px;
  background-color: transparent;
}
/* Dashboard planner */

.counter-custom {
  background: #515151;
  position: absolute;
  color: white;
  z-index: 10000;
  top: -10px;
  left: 178%;
  border-radius: 9px;
  padding: 3px;
  font-weight: bold;
}
.tabulator-row-custom-alert-orange.odd {
  background-color: rgb(255, 250, 181);
}

.tabulator-row-custom-alert-orange.even {
  background-color: rgb(255, 250, 181);
}

.tabulator-row-custom-alert-grey.odd {
  background-color: rgb(156, 156, 156);
}

.tabulator-row-custom-alert-grey.even {
  background-color: rgb(182, 182, 182);
}

.tabulator-row.tabulator-selectable:hover {
  background-color: #769bcc;
}

.tabulator-row.tabulator-selected,
.tabulator-row.tabulator-selected:hover {
  background-color: #3d3d3d;
  color: white;
}

.survey-success-unselected {
  color: #9acd32;
  opacity: 0.6;
}

.survey-warning-unselected {
  color: #ffd700;
  opacity: 0.6;
}

.survey-danger-unselected {
  color: #ff6347;
  opacity: 0.6;
}