.modal-content {
  border-radius: 0px; }

.grey-bg {
  background-color: #eceff1; }

.modal {
  top: 150px; }

.invalid-input-text {
  color: #e53935 !important; }

.invalid-input {
  border: solid 1px #e53935 !important; }

body > .modal {
  z-index: 2010 !important; }
  body > .modal.alert-small-modal-window {
    z-index: 2011 !important; }
  body > .modal.training-multiple-crew-assign {
    z-index: 2009 !important; }

.modal-backdrop {
  top: 110px; }

.modal-header {
  border-bottom: none;
  padding: 25px 30px 5px; }
  .modal-header.blue {
    background-color: #2196f3;
    padding: 15px 30px 15px; }
    .modal-header.blue h4.modal-title {
      color: #fff; }
    .modal-header.blue .close {
      color: #fff;
      opacity: 1;
      text-shadow: none; }
  .modal-header .sel-date {
    font-size: .9rem;
    font-weight: 600;
    padding: 5px 0px; }

.alert-modal-window .modal-dialog {
  width: 600px; }

.help-modal-window .modal-dialog {
  width: 900px; }

.alert-small-modal-window {
  margin-top: 110px; }
  .alert-small-modal-window .modal-dialog {
    width: 450px; }

.pax-override-window {
  margin-top: 100px;
  max-width: 350px;
  margin-left: 500px; }

.pax-override-header {
  padding: 20px 20px 0px; }

.crew-base-history-header {
  padding: 20px 30px 0px 30px; }

.crew-base-history-table {
  display: block; }
  .crew-base-history-table td {
    width: 130px !important;
    padding: 10px;
    padding-left: 15px; }

.crew-base-history-table-body {
  display: block;
  height: 240px;
  overflow-y: auto;
  overflow-x: hidden; }

.crew-acmi-history-table {
  width: 800px;
  table-layout: fixed;
  border-collapse: collapse; }

.crew-acmi-history-table th,
.crew-acmi-history-table td {
  padding: 10px 10px 10px 15px;
  box-sizing: border-box; }

.crew-acmi-history-table-body {
  display: block;
  max-height: 240px;
  overflow-y: auto;
  overflow-x: hidden; }

.crew-acmi-history-table thead,
.crew-acmi-history-table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed; }

.crew-base-history-table-header {
  background-color: #E2E9EF; }

.crew-acmi-history-table-header {
  background-color: #E2E9EF; }

tr.crew-base-history-table-row:nth-child(odd) {
  background-color: #F9F9F9; }

tr.crew-base-history-table-row:nth-child(even) {
  background-color: #FFFFFF; }

tr.crew-acmi-history-table-row:nth-child(odd) {
  background-color: #F9F9F9; }

tr.crew-acmi-history-table-row:nth-child(even) {
  background-color: #FFFFFF; }

.table-modal-window .modal-dialog, .add-pattern-modal-window .modal-dialog, .add-training-modal-window .modal-dialog, .add-event-modal-window .modal-dialog, .history-modal-window .modal-dialog, .training-sync-modal-window .modal-dialog {
  width: 1200px; }

.modal-title {
  color: #2196f3; }

.modal-footer {
  border-top: none; }
  .modal-footer .btn {
    font-size: 16px;
    padding: 7px 22px;
    border-radius: 2px;
    font-weight: 500;
    text-transform: uppercase; }
  .modal-footer .btn:hover, .modal-footer .btn:focus {
    color: #fff; }
  .modal-footer .btn-grey {
    margin-left: 10px; }

.modal-body {
  padding: 20px 30px 30px; }
  .modal-body input[type=text], .modal-body textarea, .modal-body select {
    color: #636363; }
  .modal-body.add-pattern .add-pattern-container {
    max-height: 325px;
    overflow: auto;
    overflow-x: hidden; }
    .modal-body.add-pattern .add-pattern-container .add-pattern-wrapper {
      transition: all 0.2s ease-in; }
      .modal-body.add-pattern .add-pattern-container .add-pattern-wrapper.isSelected {
        border: solid 2px #718B98; }
      .modal-body.add-pattern .add-pattern-container .add-pattern-wrapper .pattern-div-body {
        background-color: #ffffff; }
        .modal-body.add-pattern .add-pattern-container .add-pattern-wrapper .pattern-div-body .pattern-box-outer {
          padding: 10px;
          background-color: #f5fbd6;
          margin: 5px; }
          .modal-body.add-pattern .add-pattern-container .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner {
            display: inline-block;
            width: 100px;
            margin: 2px; }
            .modal-body.add-pattern .add-pattern-container .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner.FLIGHT {
              background-color: #1976d2; }
            .modal-body.add-pattern .add-pattern-container .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner.OFF {
              background-color: #C8D3D9; }
            .modal-body.add-pattern .add-pattern-container .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner.EVENT {
              background-color: #f0ad0d; }
              .modal-body.add-pattern .add-pattern-container .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner.EVENT .pattern-box-content .end-loc {
                margin-top: 17px; }
              .modal-body.add-pattern .add-pattern-container .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner.EVENT .pattern-box-content .arrow-line {
                top: 12px; }
              .modal-body.add-pattern .add-pattern-container .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner.EVENT .pattern-box-content .arrow-right {
                top: 16px; }
            .modal-body.add-pattern .add-pattern-container .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner.REST {
              float: right;
              position: relative;
              top: -1px;
              left: -4px;
              border-bottom: 76px solid #e4e8eb;
              border-right: 100px solid transparent; }
            .modal-body.add-pattern .add-pattern-container .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner.TRAINING {
              background-color: #07ad8c; }
            .modal-body.add-pattern .add-pattern-container .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner .pattern-box-content {
              height: 50px;
              padding-top: 10px; }
              .modal-body.add-pattern .add-pattern-container .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner .pattern-box-content .arrow-line {
                width: 20px;
                left: 5px;
                top: 4px;
                background-color: #fff; }
              .modal-body.add-pattern .add-pattern-container .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner .pattern-box-content .arrow-right {
                border-left-color: #fff;
                top: 8px;
                left: 2px; }
              .modal-body.add-pattern .add-pattern-container .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner .pattern-box-content .start-loc.location {
                float: left; }
              .modal-body.add-pattern .add-pattern-container .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner .pattern-box-content .end-loc.location {
                float: right; }
  .modal-body.add-pattern .no-pairing {
    text-align: center;
    color: #fff;
    padding: 10px;
    background-color: #718b98; }
  .modal-body.add-pattern .header-container {
    /*padding-right: 24px;*/ }
  .modal-body.add-pattern .loading-panel {
    height: 300px;
    background-color: white; }
    .modal-body.add-pattern .loading-panel .animation-container {
      width: 50px;
      height: 50px;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      top: 0;
      bottom: 0; }
      .modal-body.add-pattern .loading-panel .animation-container .spinner {
        margin: 10px auto;
        width: 180px; }
        .modal-body.add-pattern .loading-panel .animation-container .spinner > div {
          background-color: #1976d2;
          width: 15px;
          height: 15px;
          margin-left: 3px; }
  .modal-body.regulation-view .table-section table.header {
    width: 100%;
    border-bottom: 1px solid #f0f0f0; }
    .modal-body.regulation-view .table-section table.header th {
      padding: 10px; }
      .modal-body.regulation-view .table-section table.header th.seeAll {
        width: 100px; }
      .modal-body.regulation-view .table-section table.header th:nth-child(0) {
        padding-left: 0px; }
  .modal-body.regulation-view .table-section table .isError {
    background-color: #f17c7c;
    color: white;
    padding: 15px !important;
    border-left: 1px solid #fff; }
  .modal-body.regulation-view .table-section table .isWarning {
    background-color: #f7aa04;
    color: white;
    padding: 15px !important;
    border-left: 1px solid #fff; }
  .modal-body.regulation-view .table-section table.header thead tr th:nth-child(1) {
    width: 15%;
    padding-left: 0px; }
  .modal-body.regulation-view .table-section table.header thead tr th:nth-child(2) {
    width: 5%; }
  .modal-body.regulation-view .table-section table.header thead tr th:nth-child(3) {
    width: 32%; }
  .modal-body.regulation-view .table-section table.header thead tr th:nth-child(4) {
    width: 10%; }
  .modal-body.regulation-view .table-section table.header thead tr th:nth-child(5) {
    width: 13%; }
  .modal-body.regulation-view .table-section table.header thead tr th:nth-child(6) {
    width: 13%; }
  .modal-body.regulation-view .table-section table.header thead tr th:nth-child(7) {
    width: 10%; }
  .modal-body.regulation-view .table-section table.content tbody tr {
    border-bottom: 1px solid #f0f0f0; }
    .modal-body.regulation-view .table-section table.content tbody tr td:nth-child(1) {
      width: 15%; }
    .modal-body.regulation-view .table-section table.content tbody tr td:nth-child(2) table tbody tr {
      border-bottom: 1px solid #fff; }
      .modal-body.regulation-view .table-section table.content tbody tr td:nth-child(2) table tbody tr td:nth-child(1) {
        width: 5%; }
      .modal-body.regulation-view .table-section table.content tbody tr td:nth-child(2) table tbody tr td:nth-child(2) {
        width: 40%; }
      .modal-body.regulation-view .table-section table.content tbody tr td:nth-child(2) table tbody tr td:nth-child(3) {
        width: 10%; }
      .modal-body.regulation-view .table-section table.content tbody tr td:nth-child(2) table tbody tr td:nth-child(4) {
        width: 15%; }
      .modal-body.regulation-view .table-section table.content tbody tr td:nth-child(2) table tbody tr td:nth-child(5) {
        width: 15%; }
      .modal-body.regulation-view .table-section table.content tbody tr td:nth-child(2) table tbody tr:hover {
        background-color: #f0f0f0; }
    .modal-body.regulation-view .table-section table.content tbody tr td:nth-child(3) {
      width: 10%; }
  .modal-body.regulation-view .table-section .content-table {
    height: 350px;
    overflow-y: auto; }
  .modal-body.assign-event-modal-body .event-right-list .height-30 {
    height: 30px; }
  .modal-body.assign-event-modal-body .event-right-list .event-link {
    text-overflow: ellipsis;
    overflow: hidden;
    /*width: 100%;*/
    display: inline-block;
    white-space: nowrap; }
  .modal-body.crew-filter .multi-select-selected label {
    text-transform: uppercase;
    color: #215ca5;
    margin-bottom: 15px; }
  .modal-body.crew-filter .multi-select-selected .selected-values {
    margin-left: -5px; }
    .modal-body.crew-filter .multi-select-selected .selected-values .alert {
      font-size: 0.9rem;
      color: #fff;
      padding: 4px 10px;
      margin-bottom: 10px;
      margin-left: 5px;
      font-weight: 500;
      border-radius: 3px;
      display: inline-block;
      float: left; }
      .modal-body.crew-filter .multi-select-selected .selected-values .alert.alert-success {
        background-color: #7cc576; }
      .modal-body.crew-filter .multi-select-selected .selected-values .alert.alert-danger {
        background-color: #ff8a80; }
      .modal-body.crew-filter .multi-select-selected .selected-values .alert.alert-primary {
        background-color: #06b7d6; }
      .modal-body.crew-filter .multi-select-selected .selected-values .alert .close {
        text-shadow: none;
        opacity: 1; }
        .modal-body.crew-filter .multi-select-selected .selected-values .alert .close i {
          position: relative;
          top: unset;
          right: unset;
          color: #fff;
          float: right;
          font-size: 17px;
          margin-left: 10px; }

/*----------------- panels ------------------------- */
.dimming.open {
  background: none;
  top: 152px;
  height: 525px;
  display: none; }

.panels.panel-left, .panels.panel-right {
  top: 110px;
  bottom: 46px;
  /*  min-height: 736px;*/
  z-index: 2002;
  height: unset; }

.panels.panel-right.open {
  -ms-box-shadow: -1px 0px 1px 0px rgba(206, 211, 214, 0.75);
  box-shadow: -1px 0px 1px 0px rgba(206, 211, 214, 0.75); }

.panels.panel-left.open {
  -ms-box-shadow: 3px 0px 6px 0px rgba(206, 211, 214, 0.75);
  box-shadow: 3px 0px 6px 0px rgba(206, 211, 214, 0.75); }

.panels.panel-bottom.open {
  -ms-box-shadow: 0px -5px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px -5px 10px 0px rgba(0, 0, 0, 0.1); }

.panels.panel-top.open {
  top: 152px !important;
  width: 310px;
  height: 525px;
  -ms-box-shadow: 0px 2px 10px 0px #ced3d6;
  box-shadow: 0px 2px 10px 0px #ced3d6; }

.panels.panel-top {
  width: 310px; }

/*----------------- Modal tabs ------------------------- */
.modal-body .nav-tabs li a {
  background: none !important;
  border: none;
  color: #85adc0;
  font-weight: 500;
  padding: 15px; }

.modal-body .nav-tabs li a:focus, .modal-body .nav-tabs li a:hover {
  border: none; }

.modal-body .nav-tabs li.active a {
  color: #18314f;
  border-bottom: 4px solid #2196f3; }

.modal-body .tab-content {
  padding-top: 15px; }

.modal-title {
  display: inline-block; }

.modal-header .close {
  margin-top: 0px; }

.drag-drop-left {
  background-color: #2196f3;
  height: 296px;
  padding: 80px;
  text-align: center;
  color: #fff; }
  .drag-drop-left i {
    font-size: 38px; }

.confirmation-txt {
  font-size: 16px;
  display: inline-block;
  margin-right: 15px; }

.confirmation-footer {
  padding: 25px; }

.checkbox-right-align {
  float: left;
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px; }
  .checkbox-right-align label {
    float: left;
    position: relative;
    top: 0px;
    margin-right: 10px; }

.checkbox-right-align-fixed-width {
  float: left;
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px; }
  .checkbox-right-align-fixed-width label {
    float: left;
    position: relative;
    top: 0px;
    margin-right: 10px;
    display: inline-block;
    width: 30px; }

.checkbox-right-align-flexible-width {
  float: left;
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px; }
  .checkbox-right-align-flexible-width label {
    float: left;
    position: relative;
    top: 0px;
    margin-right: 10px;
    display: inline-block; }

.flightinfo-modal-window .modal-dialog {
  width: 1200px; }
  .flightinfo-modal-window .modal-dialog .modal-content .modal-header {
    padding: 15px 15px 10px;
    background-color: #2196f3; }
    .flightinfo-modal-window .modal-dialog .modal-content .modal-header .close {
      color: #fff;
      font-weight: normal;
      text-shadow: none;
      opacity: 1;
      margin-top: 2px; }
      .flightinfo-modal-window .modal-dialog .modal-content .modal-header .close i {
        font-size: 28px; }
    .flightinfo-modal-window .modal-dialog .modal-content .modal-header h4.modal-title {
      color: #fff; }
      .flightinfo-modal-window .modal-dialog .modal-content .modal-header h4.modal-title .flight-path {
        display: inline-block;
        margin-left: 30px; }
        .flightinfo-modal-window .modal-dialog .modal-content .modal-header h4.modal-title .flight-path .flight-img {
          display: inline-block;
          width: 150px;
          margin: 0 10px; }
          .flightinfo-modal-window .modal-dialog .modal-content .modal-header h4.modal-title .flight-path .flight-img .line {
            width: 100%;
            height: 3px;
            background-color: #fff;
            position: relative;
            top: -17px;
            opacity: 0.5; }
        .flightinfo-modal-window .modal-dialog .modal-content .modal-header h4.modal-title .flight-path i {
          vertical-align: middle; }
  .flightinfo-modal-window .modal-dialog .modal-content .modal-body label.inline-label {
    pointer-events: auto; }
  .flightinfo-modal-window .modal-dialog .modal-content .modal-body .nav-tabs li:first-child a {
    padding-left: 0px; }
  .flightinfo-modal-window .modal-dialog .modal-content .modal-body .nav-tabs li a {
    color: #212121; }
  .flightinfo-modal-window .modal-dialog .modal-content .modal-body .nav-tabs li.active a {
    color: #2196f3; }
  .flightinfo-modal-window .modal-dialog .modal-content .modal-body .no-assigned-crew {
    color: #fff;
    background-color: #99acb6;
    padding: 10px; }

.flightinfo-modal-window .time-drop-down .select-component .dropdown-menu li a {
  padding: 10px 5px !important;
  font-size: 11px; }

.flightinfo-modal-window .mvt-message {
  padding: 5px !important; }

.flightinfo-modal-window .center-align {
  text-align: center; }

.flightinfo-modal-window .font-12 {
  font-size: 12px !important; }

.flightinfo-modal-window .no-records {
  text-align: center;
  padding: 10px !important;
  font-size: 13px; }

.flight-crew-notification-modal-window .modal-dialog {
  width: 900px; }
  .flight-crew-notification-modal-window .modal-dialog .modal-content .modal-header {
    padding: 15px 15px 10px;
    background-color: #2196f3; }
    .flight-crew-notification-modal-window .modal-dialog .modal-content .modal-header .close {
      color: #fff;
      font-weight: normal;
      text-shadow: none;
      opacity: 1;
      margin-top: 2px; }
      .flight-crew-notification-modal-window .modal-dialog .modal-content .modal-header .close i {
        font-size: 28px; }
    .flight-crew-notification-modal-window .modal-dialog .modal-content .modal-header h4.modal-title {
      color: #fff; }
      .flight-crew-notification-modal-window .modal-dialog .modal-content .modal-header h4.modal-title .flight-path {
        display: inline-block;
        margin-left: 30px; }
        .flight-crew-notification-modal-window .modal-dialog .modal-content .modal-header h4.modal-title .flight-path .flight-img {
          display: inline-block;
          width: 150px;
          margin: 0 10px; }
          .flight-crew-notification-modal-window .modal-dialog .modal-content .modal-header h4.modal-title .flight-path .flight-img .line {
            width: 100%;
            height: 3px;
            background-color: #fff;
            position: relative;
            top: -17px;
            opacity: 0.5; }
        .flight-crew-notification-modal-window .modal-dialog .modal-content .modal-header h4.modal-title .flight-path i {
          vertical-align: middle; }
  .flight-crew-notification-modal-window .modal-dialog .modal-content .modal-body label.inline-label {
    pointer-events: auto; }
  .flight-crew-notification-modal-window .modal-dialog .modal-content .modal-body .nav-tabs li:first-child a {
    padding-left: 0px; }
  .flight-crew-notification-modal-window .modal-dialog .modal-content .modal-body .nav-tabs li a {
    color: #212121; }
  .flight-crew-notification-modal-window .modal-dialog .modal-content .modal-body .nav-tabs li.active a {
    color: #2196f3; }
  .flight-crew-notification-modal-window .modal-dialog .modal-content .modal-body .no-assigned-crew {
    color: #fff;
    background-color: #99acb6;
    padding: 10px; }

.flight-crew-notification-modal-window .time-drop-down .select-component .dropdown-menu li a {
  padding: 10px 5px !important;
  font-size: 11px; }

.sms-modal-window .modal-dialog {
  width: 900px; }
  .sms-modal-window .modal-dialog .modal-content .modal-header {
    padding: 15px;
    background-color: #2196f3; }
    .sms-modal-window .modal-dialog .modal-content .modal-header .close {
      color: #fff;
      font-weight: normal;
      text-shadow: none;
      opacity: 1;
      margin-top: 2px; }
      .sms-modal-window .modal-dialog .modal-content .modal-header .close i {
        font-size: 28px; }
    .sms-modal-window .modal-dialog .modal-content .modal-header h4.modal-title {
      color: #fff; }
  .sms-modal-window .modal-dialog .modal-content .modal-body {
    padding: 5px 30px; }
    .sms-modal-window .modal-dialog .modal-content .modal-body label.inline-label {
      pointer-events: auto; }
    .sms-modal-window .modal-dialog .modal-content .modal-body table {
      margin-top: 10px;
      border: none !important; }
      .sms-modal-window .modal-dialog .modal-content .modal-body table thead {
        background-color: #718b98; }
        .sms-modal-window .modal-dialog .modal-content .modal-body table thead th {
          padding: 1px !important; }
      .sms-modal-window .modal-dialog .modal-content .modal-body table tbody tr td {
        padding: 1px !important; }

.sms-modal-window .td-vertical-align {
  vertical-align: middle; }

.crew-shedule-change-notification-modal-window .modal-dialog {
  width: 750px; }
  .crew-shedule-change-notification-modal-window .modal-dialog .modal-content .modal-header {
    padding: 15px 15px 10px;
    background-color: #2196f3; }
    .crew-shedule-change-notification-modal-window .modal-dialog .modal-content .modal-header .close {
      color: #fff;
      font-weight: normal;
      text-shadow: none;
      opacity: 1;
      margin-top: 2px; }
      .crew-shedule-change-notification-modal-window .modal-dialog .modal-content .modal-header .close i {
        font-size: 28px; }
    .crew-shedule-change-notification-modal-window .modal-dialog .modal-content .modal-header h4.modal-title {
      color: #fff; }
      .crew-shedule-change-notification-modal-window .modal-dialog .modal-content .modal-header h4.modal-title .flight-path {
        display: inline-block;
        margin-left: 30px; }
        .crew-shedule-change-notification-modal-window .modal-dialog .modal-content .modal-header h4.modal-title .flight-path .flight-img {
          display: inline-block;
          width: 150px;
          margin: 0 10px; }
          .crew-shedule-change-notification-modal-window .modal-dialog .modal-content .modal-header h4.modal-title .flight-path .flight-img .line {
            width: 100%;
            height: 3px;
            background-color: #fff;
            position: relative;
            top: -17px;
            opacity: 0.5; }
        .crew-shedule-change-notification-modal-window .modal-dialog .modal-content .modal-header h4.modal-title .flight-path i {
          vertical-align: middle; }
  .crew-shedule-change-notification-modal-window .modal-dialog .modal-content .modal-body {
    background-color: #eff2f6; }
    .crew-shedule-change-notification-modal-window .modal-dialog .modal-content .modal-body label.inline-label {
      pointer-events: auto; }
    .crew-shedule-change-notification-modal-window .modal-dialog .modal-content .modal-body .checkbox-left-align {
      float: left;
      display: inline-block;
      margin-right: 10px;
      margin-top: 10px; }
      .crew-shedule-change-notification-modal-window .modal-dialog .modal-content .modal-body .checkbox-left-align label {
        float: right;
        position: relative;
        top: 0px;
        margin-left: 10px;
        color: #344252; }
    .crew-shedule-change-notification-modal-window .modal-dialog .modal-content .modal-body .text {
      color: #344252; }
    .crew-shedule-change-notification-modal-window .modal-dialog .modal-content .modal-body textarea {
      background-color: #ffffff;
      color: #344252;
      border: solid 1px #d9d9d9;
      border-radius: 10px; }
    .crew-shedule-change-notification-modal-window .modal-dialog .modal-content .modal-body .nav-tabs li:first-child a {
      padding-left: 0px; }
    .crew-shedule-change-notification-modal-window .modal-dialog .modal-content .modal-body .nav-tabs li a {
      color: #212121; }
    .crew-shedule-change-notification-modal-window .modal-dialog .modal-content .modal-body .nav-tabs li.active a {
      color: #2196f3; }
    .crew-shedule-change-notification-modal-window .modal-dialog .modal-content .modal-body .no-assigned-crew {
      color: #fff;
      background-color: #99acb6;
      padding: 10px; }

.crew-shedule-change-notification-modal-window .time-drop-down .select-component .dropdown-menu li a {
  padding: 10px 5px !important;
  font-size: 11px; }

/*---------------------------------------- edit roster cycle---------------------------------- */
.edit-roster-cycle-modal-window .modal-dialog {
  width: 600px; }
  .edit-roster-cycle-modal-window .modal-dialog .modal-content .modal-header {
    padding: 15px 15px 10px;
    background-color: #2196f3; }
    .edit-roster-cycle-modal-window .modal-dialog .modal-content .modal-header .close {
      color: #fff;
      font-weight: normal;
      text-shadow: none;
      opacity: 1;
      margin-top: 2px; }
      .edit-roster-cycle-modal-window .modal-dialog .modal-content .modal-header .close i {
        font-size: 28px; }
    .edit-roster-cycle-modal-window .modal-dialog .modal-content .modal-header h4.modal-title {
      color: #fff; }
      .edit-roster-cycle-modal-window .modal-dialog .modal-content .modal-header h4.modal-title .flight-path {
        display: inline-block;
        margin-left: 30px; }
        .edit-roster-cycle-modal-window .modal-dialog .modal-content .modal-header h4.modal-title .flight-path .flight-img {
          display: inline-block;
          width: 150px;
          margin: 0 10px; }
          .edit-roster-cycle-modal-window .modal-dialog .modal-content .modal-header h4.modal-title .flight-path .flight-img .line {
            width: 100%;
            height: 3px;
            background-color: #fff;
            position: relative;
            top: -17px;
            opacity: 0.5; }
  .edit-roster-cycle-modal-window .modal-dialog .modal-content .modal-body {
    background-color: #eff2f6; }
  .edit-roster-cycle-modal-window .modal-dialog .modal-content .group {
    align: center; }

/*---------------------------------- ignore restore regulation violations----------------------------- */
.ignore-and-restore-violations-modal-window .modal-body {
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .ignore-and-restore-violations-modal-window .modal-body .input-section {
    position: relative;
    margin-top: 0.5rem; }
    .ignore-and-restore-violations-modal-window .modal-body .input-section label {
      position: relative;
      top: 0; }
    .ignore-and-restore-violations-modal-window .modal-body .input-section textarea {
      width: 100%;
      border: solid 1px #d9d9d9;
      border-radius: 5px;
      padding: 10px; }
    .ignore-and-restore-violations-modal-window .modal-body .input-section .remarks-length {
      width: 100%;
      padding-top: 0.1rem; }
      .ignore-and-restore-violations-modal-window .modal-body .input-section .remarks-length small {
        float: right;
        color: #8097a2; }

.ignore-and-restore-violations-modal-window .modal-footer {
  margin-bottom: 1rem; }

/*---------------------------------------- add pattern --------------------------------------- */
.add-pattern-wrapper {
  font-size: 12px;
  width: 100%;
  margin-bottom: 2px; }
  .add-pattern-wrapper .pattern-div-header {
    /*    width: 1132px;*/
    padding: 2px;
    background-color: #d7e2e8;
    cursor: pointer; }
    .add-pattern-wrapper .pattern-div-header .headers {
      float: left;
      display: inline-block;
      text-overflow: ellipsis;
      overflow: hidden;
      /*white-space: nowrap;*/
      color: #0e3154; }
      .add-pattern-wrapper .pattern-div-header .headers.bold {
        font-weight: bold; }
      .add-pattern-wrapper .pattern-div-header .headers i {
        vertical-align: middle;
        line-height: 0.3; }
      .add-pattern-wrapper .pattern-div-header .headers a {
        color: #0e3154; }
      .add-pattern-wrapper .pattern-div-header .headers .open-pairing {
        background-color: #05a754;
        color: white;
        padding: 2px;
        font-size: 0.8rem;
        font-weight: 300;
        border-radius: 3px;
        margin-left: 0px;
        white-space: normal; }
      .add-pattern-wrapper .pattern-div-header .headers.search .group {
        margin-bottom: 0px;
        margin-top: 10px;
        padding-right: 15px; }
        .add-pattern-wrapper .pattern-div-header .headers.search .group.multiple {
          display: inline-block; }
          .add-pattern-wrapper .pattern-div-header .headers.search .group.multiple select {
            font-size: 14px;
            font-weight: 300;
            color: #90a2ac; }
    .add-pattern-wrapper .pattern-div-header.red-header {
      background-color: #f64f34; }
      .add-pattern-wrapper .pattern-div-header.red-header .headers {
        color: #fff; }
        .add-pattern-wrapper .pattern-div-header.red-header .headers a {
          color: #fff; }
    .add-pattern-wrapper .pattern-div-header.is-training {
      background-color: #006600; }
      .add-pattern-wrapper .pattern-div-header.is-training .headers {
        color: #fff; }
        .add-pattern-wrapper .pattern-div-header.is-training .headers a {
          color: #fff; }
  .add-pattern-wrapper .pattern-div-body {
    background-color: #fafdec;
    width: 100%;
    padding: 5px 10px;
    display: none;
    /* height: 65px;*/ }
    .add-pattern-wrapper .pattern-div-body .pattern-box-outer {
      float: left;
      display: inline-block;
      margin-right: 2px; }
      .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner {
        height: auto; }
        .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner .pattern-box-header {
          text-transform: uppercase;
          height: 25px;
          width: 100%;
          background-color: rgba(0, 0, 0, 0.1);
          color: #fff;
          font-size: 12px;
          padding: 3px 5px; }
          .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner .pattern-box-header i {
            vertical-align: sub;
            font-size: 16px;
            margin-right: 5px; }
        .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner .pattern-box-content {
          padding: 7px;
          width: 100%;
          float: left; }
          .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner .pattern-box-content .location {
            font-size: 12px;
            color: #fff;
            display: inline-block; }
            .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner .pattern-box-content .location span {
              display: block;
              font-size: 10px; }
          .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner .pattern-box-content .arrow-line {
            display: inline-block;
            height: 2px;
            background-color: #f2b116;
            position: relative;
            top: -10px; }
          .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner .pattern-box-content .arrow-right {
            display: inline-block;
            width: 0px;
            height: 0px;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            border-left: 5px solid #f2b116;
            position: relative;
            top: -6px;
            left: -3px; }
        .add-pattern-wrapper .pattern-div-body .pattern-box-outer .pattern-box-inner.blue {
          background-color: #299af2; }
    .add-pattern-wrapper .pattern-div-body.open-pattern {
      display: block; }

.add-pattern-modal-window .modal-footer {
  margin: 25px; }
  .add-pattern-modal-window .modal-footer .btn {
    float: right; }

.history-modal-window .header-container .pattern-div-header {
  background-color: #718b98; }

.training-sync-modal-window .header-container .pattern-div-header {
  background-color: #718b98; }

.pattern-div-header.row-content {
  background-color: white; }
  .pattern-div-header.row-content.alternate {
    background-color: #ececec; }

.show-expiry-modal-window .modal-dialog {
  width: 700px; }
  .show-expiry-modal-window .modal-dialog .header-container .pattern-div-header {
    width: 100%;
    background-color: #718b98; }
  .show-expiry-modal-window .modal-dialog .pattern-div-header {
    width: 100%; }
    .show-expiry-modal-window .modal-dialog .pattern-div-header.row-content {
      background-color: white; }
      .show-expiry-modal-window .modal-dialog .pattern-div-header.row-content.alternate {
        background-color: #ececec; }

/*---------------------- add Training -------------------------------------- */
.add-training-modal-window .modal-header span {
  font-weight: 500; }

.add-training-modal-window .modal-header .group {
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 10px; }

.add-training-modal-window .modal-header .select-dropdown {
  width: 150px;
  height: 22px;
  min-width: 70px; }
  .add-training-modal-window .modal-header .select-dropdown .select-dropdown-label {
    padding-top: 0px;
    padding-bottom: 0px; }
  .add-training-modal-window .modal-header .select-dropdown ul.dropdown-menu {
    min-width: 95px; }

.add-training-modal-window .small-label {
  color: #1976d2;
  top: 0px; }

.add-training-modal-window .modal-body {
  height: 450px; }

.add-training-modal-window .canvas {
  overflow: hidden;
  width: 100%;
  position: absolute;
  bottom: 0px !important;
  top: 0px !important;
  width: 1135px; }
  .add-training-modal-window .canvas .date-filters-top-header {
    width: 95.2%;
    position: absolute;
    background-color: #d6e1e8;
    height: 30px;
    z-index: 1;
    left: 45px;
    z-index: 1001; }
    .add-training-modal-window .canvas .date-filters-top-header .date-num {
      line-height: 2.2;
      font-size: 0.9rem;
      font-weight: 500;
      padding-left: 10px;
      float: left;
      border-bottom: none;
      width: 15%; }
    .add-training-modal-window .canvas .date-filters-top-header .filter-col {
      float: left;
      height: 27px;
      /*width:120px;*/ }
      .add-training-modal-window .canvas .date-filters-top-header .filter-col label {
        margin-bottom: 0px;
        line-height: 1.9;
        padding: 0px 10px; }
      .add-training-modal-window .canvas .date-filters-top-header .filter-col .select-component {
        margin-bottom: 0px;
        font-size: 12px; }
        .add-training-modal-window .canvas .date-filters-top-header .filter-col .select-component .select-dropdown {
          height: 28px;
          border-bottom: 0px; }
          .add-training-modal-window .canvas .date-filters-top-header .filter-col .select-component .select-dropdown .select-dropdown-label {
            padding-top: 3px;
            padding-bottom: 3px;
            font-size: 13px; }
        .add-training-modal-window .canvas .date-filters-top-header .filter-col .select-component .showlabel {
          display: none !important; }
      .add-training-modal-window .canvas .date-filters-top-header .filter-col:last-child {
        margin-left: 20px; }
  .add-training-modal-window .canvas .canvas-wrapper {
    width: 1135px;
    height: 100%;
    background-color: #ebf1f5;
    overflow: hidden; }
    .add-training-modal-window .canvas .canvas-wrapper .canvas-30day-temp {
      height: 100%;
      overflow: hidden;
      width: 1135px; }
      .add-training-modal-window .canvas .canvas-wrapper .canvas-30day-temp .left-section {
        min-width: 44px;
        height: 100%;
        overflow-y: hidden;
        overflow-x: scroll;
        position: absolute;
        left: 0px; }
        .add-training-modal-window .canvas .canvas-wrapper .canvas-30day-temp .left-section .top-header {
          width: 44px; }
          .add-training-modal-window .canvas .canvas-wrapper .canvas-30day-temp .left-section .top-header .number {
            width: 44px;
            border-right: 1px solid #ccd7dd; }
        .add-training-modal-window .canvas .canvas-wrapper .canvas-30day-temp .left-section .data-row {
          min-height: 35px;
          background-color: #ebf1f5; }
          .add-training-modal-window .canvas .canvas-wrapper .canvas-30day-temp .left-section .data-row .number {
            width: 44px;
            padding: 0px;
            line-height: 2.8;
            height: 35px; }
      .add-training-modal-window .canvas .canvas-wrapper .canvas-30day-temp .right-section {
        float: none;
        height: 100%;
        overflow: auto;
        position: absolute;
        right: 0px;
        left: 44px;
        width: 1090px; }
        .add-training-modal-window .canvas .canvas-wrapper .canvas-30day-temp .right-section .right-section-table {
          position: relative; }
          .add-training-modal-window .canvas .canvas-wrapper .canvas-30day-temp .right-section .right-section-table .top-header {
            width: 1080px;
            z-index: 4; }
            .add-training-modal-window .canvas .canvas-wrapper .canvas-30day-temp .right-section .right-section-table .top-header .day-view .twentyfour-hour-view {
              height: 30px; }
              .add-training-modal-window .canvas .canvas-wrapper .canvas-30day-temp .right-section .right-section-table .top-header .day-view .twentyfour-hour-view .time .hour {
                padding: 0px;
                line-height: 4.4;
                text-align: center;
                height: 60px;
                font-weight: 500; }
          .add-training-modal-window .canvas .canvas-wrapper .canvas-30day-temp .right-section .right-section-table .data-col .twentyfour .hour {
            position: absolute;
            top: 0px;
            bottom: 0px;
            width: auto;
            float: left;
            display: inline-block;
            z-index: 3;
            border-right: 1px solid #ccd7dd; }
          .add-training-modal-window .canvas .canvas-wrapper .canvas-30day-temp .right-section .right-section-table .data-row {
            z-index: 2;
            height: 35px;
            min-height: 35px;
            background-color: #ebf1f5; }

.add-training-modal-window .training-block {
  display: inline-block;
  width: 40px;
  color: #fff;
  text-align: center;
  font-size: 11px;
  background-color: #0bae8e;
  cursor: pointer;
  /*padding: 5px;*/ }
  .add-training-modal-window .training-block .training-name {
    font-size: 12px;
    line-height: 1.5; }
  .add-training-modal-window .training-block .end-time {
    position: absolute;
    bottom: 2px;
    right: 0px;
    left: 0px; }

.add-training-modal-window .popover {
  font-family: 'Roboto', sans-serif;
  padding: 0px;
  border-bottom: 4px solid #1976d2; }
  .add-training-modal-window .popover .popover-title {
    background-color: #15b66d;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    padding: 10px; }
    .add-training-modal-window .popover .popover-title .close {
      text-shadow: none;
      opacity: 1;
      line-height: 1; }
      .add-training-modal-window .popover .popover-title .close i {
        color: #fff;
        font-size: 16px;
        vertical-align: top; }
  .add-training-modal-window .popover .arrow {
    display: none; }
  .add-training-modal-window .popover .popover-content {
    padding: 0px;
    font-size: 12px; }
  .add-training-modal-window .popover.right {
    margin-left: 0px; }

.add-training-modal-window .text-indent-date {
  text-indent: -5px; }

.add-training-modal-window .trainig-pattern-view .canvas .canvas-wrapper .canvas-30day-temp.training-pattern .right-section .top-header {
  width: 90.26%;
  left: 76px;
  overflow: hidden;
  top: 88px;
  min-height: 30px; }

.add-training-modal-window .trainig-pattern-view .loading-panel {
  height: 300px;
  background-color: white; }
  .add-training-modal-window .trainig-pattern-view .loading-panel .animation-container {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0; }
    .add-training-modal-window .trainig-pattern-view .loading-panel .animation-container .spinner {
      margin: 10px auto;
      width: 200px; }
      .add-training-modal-window .trainig-pattern-view .loading-panel .animation-container .spinner > div {
        background-color: #1976d2;
        width: 16px;
        height: 16px;
        border-radius: 8px;
        margin-left: 10px; }

.generatepattern-modal-window .modal-dialog {
  width: 730px; }
  .generatepattern-modal-window .modal-dialog .date-list {
    list-style: none;
    padding-left: 0px;
    margin-top: 13px; }
    .generatepattern-modal-window .modal-dialog .date-list li {
      float: left;
      margin-left: 12px;
      margin-right: 12px;
      margin-bottom: 0px; }
      .generatepattern-modal-window .modal-dialog .date-list li:last-child {
        margin-right: 0px; }
    .generatepattern-modal-window .modal-dialog .date-list input[type=checkbox] {
      display: none; }
    .generatepattern-modal-window .modal-dialog .date-list input[type=checkbox] + label {
      background: #999;
      height: 25px;
      width: 25px;
      border-radius: 50%;
      display: inline-block;
      padding: 0 0 0 0px;
      text-align: center;
      line-height: 2;
      font-size: 0.9rem;
      color: #fff; }
    .generatepattern-modal-window .modal-dialog .date-list input[type=checkbox]:checked + label {
      background: #2196f3;
      height: 25px;
      width: 25px;
      border-radius: 50%;
      display: inline-block;
      padding: 0 0 0 0px; }
    .generatepattern-modal-window .modal-dialog .date-list [type="checkbox"]:not(:checked) + label:before, .generatepattern-modal-window .modal-dialog .date-list [type="checkbox"]:checked + label:before {
      display: none; }
    .generatepattern-modal-window .modal-dialog .date-list [type="checkbox"]:not(:checked) + label:after, .generatepattern-modal-window .modal-dialog .date-list [type="checkbox"]:checked + label:after {
      display: none; }
    .generatepattern-modal-window .modal-dialog .date-list .date-circle {
      width: 25px;
      height: 25px;
      border-radius: 50%;
      background-color: #bdc3c7;
      color: #787b7d;
      line-height: 26px;
      text-align: center;
      font-size: 12px; }
    .generatepattern-modal-window .modal-dialog .date-list .active {
      background-color: #2196f3;
      color: #fff; }

.add-event-modal-window .modal-content {
  background: #fbfbfb;
  background: linear-gradient(90deg, #fbfbfb 33.7%, #fff 33.7%);
  /*background: -webkit-linear-gradient(90deg, #fbfbfb 33.7%, #fff 33.7%);
    background: -o-linear-gradient(90deg, #fbfbfb 33.7%, #fff 33.7%);
    background: -moz-linear-gradient(90deg, #fbfbfb 33.7%, #fff 33.733.7%);
    background: linear-gradient(90deg, #fbfbfb 33.7%, #fff 33.7%);*/ }

.add-event-modal-window .modal-header .date {
  color: #7c94a0;
  font-weight: 500; }

.add-event-modal-window .nav-tabs li a {
  color: #212121;
  padding-top: 0px;
  padding-bottom: 14px; }

.add-event-modal-window .nav-tabs li:first-child a {
  padding-left: 0px; }

.add-event-modal-window .event-right-list a {
  font-size: 0.8rem;
  color: #636363;
  padding: 0px 10px;
  color: #8097a2; }
  .add-event-modal-window .event-right-list a.active-list-item {
    padding: 5px;
    border-radius: 2px;
    background-color: #f99e04;
    color: #fff; }
    .add-event-modal-window .event-right-list a.active-list-item i {
      font-size: 14px;
      vertical-align: middle;
      color: #fff; }

.add-event-modal-window .checkbox-right-align {
  margin-right: 0px; }

.add-event-modal-window .select-dropdown .dropdown-menu {
  width: 100%; }

.add-event-modal-window .group i {
  right: 0px; }

.add-event-modal-window textarea {
  min-height: 102px; }

.add-event-modal-window .btn-continue {
  padding: 5px 50px; }

.add-event-modal-window .btn-disabled {
  padding: 5px 50px;
  background-color: #cccccc;
  border: 1px solid #999999;
  color: #666666; }

.add-memo-modal-window button.btn {
  padding: 5px 20px;
  text-transform: uppercase;
  font-weight: 500; }
  .add-memo-modal-window button.btn:hover {
    color: #fff; }

.add-memo-modal-window .select-component .showlabel {
  display: none !important; }

.add-memo-modal-window .select-component .select-dropdown {
  height: 34px; }
  .add-memo-modal-window .select-component .select-dropdown .btn {
    padding-left: 0px;
    font-weight: normal;
    text-transform: none; }
    .add-memo-modal-window .select-component .select-dropdown .btn:hover {
      color: #8097a2; }

.add-memo-modal-window label {
  margin-bottom: 0px;
  top: 5px; }

.add-memo-modal-window textarea {
  color: #8097a2; }

.addnewcheck-modal-window .modal-dialog {
  width: 450px; }
  .addnewcheck-modal-window .modal-dialog .modal-content .modal-header {
    padding: 15px 15px 10px;
    background-color: #2196f3; }
    .addnewcheck-modal-window .modal-dialog .modal-content .modal-header .close {
      color: #fff;
      font-weight: normal;
      text-shadow: none;
      opacity: 1;
      margin-top: 2px; }
      .addnewcheck-modal-window .modal-dialog .modal-content .modal-header .close i {
        font-size: 28px; }
    .addnewcheck-modal-window .modal-dialog .modal-content .modal-header .modal-title {
      color: #fff; }
  .addnewcheck-modal-window .modal-dialog .modal-content .btn {
    padding: 5px 20px;
    text-transform: uppercase;
    font-weight: 500; }
    .addnewcheck-modal-window .modal-dialog .modal-content .btn:hover {
      color: #fff; }

.missing-items-popup-window {
  z-index: 1071 !important; }
  .missing-items-popup-window .modal-dialog {
    width: 1200px; }
    .missing-items-popup-window .modal-dialog .modal-content .modal-header {
      padding: 15px 30px 15px;
      background: #2196f3; }
      .missing-items-popup-window .modal-dialog .modal-content .modal-header h4 {
        color: #fff; }
      .missing-items-popup-window .modal-dialog .modal-content .modal-header .close {
        opacity: 1;
        text-shadow: none;
        color: #fff; }
    .missing-items-popup-window .modal-dialog .modal-content .modal-body .font-16 {
      color: #2196f3; }
    .missing-items-popup-window .modal-dialog .modal-content .modal-body .table-section {
      margin-bottom: 30px; }
      .missing-items-popup-window .modal-dialog .modal-content .modal-body .table-section .content-table {
        max-height: 120px;
        overflow-y: auto; }
      .missing-items-popup-window .modal-dialog .modal-content .modal-body .table-section table {
        margin-top: 0px; }
        .missing-items-popup-window .modal-dialog .modal-content .modal-body .table-section table.header {
          width: 100%;
          border-bottom: 1px solid #ddd; }
          .missing-items-popup-window .modal-dialog .modal-content .modal-body .table-section table.header thead tr th {
            padding: 10px 0px; }
            .missing-items-popup-window .modal-dialog .modal-content .modal-body .table-section table.header thead tr th:nth-child(1) {
              width: 17%; }
            .missing-items-popup-window .modal-dialog .modal-content .modal-body .table-section table.header thead tr th:nth-child(2) {
              width: 12%; }
            .missing-items-popup-window .modal-dialog .modal-content .modal-body .table-section table.header thead tr th:nth-child(3) {
              width: 9%; }
            .missing-items-popup-window .modal-dialog .modal-content .modal-body .table-section table.header thead tr th:nth-child(4) {
              width: 10.5%; }
            .missing-items-popup-window .modal-dialog .modal-content .modal-body .table-section table.header thead tr th:nth-child(5) {
              width: 25.5%; }
      .missing-items-popup-window .modal-dialog .modal-content .modal-body .table-section.missing-trainings table.header {
        width: 100%; }
        .missing-items-popup-window .modal-dialog .modal-content .modal-body .table-section.missing-trainings table.header thead tr th:nth-child(1) {
          width: 15%; }
        .missing-items-popup-window .modal-dialog .modal-content .modal-body .table-section.missing-trainings table.header thead tr th:nth-child(2) {
          width: 8%; }
        .missing-items-popup-window .modal-dialog .modal-content .modal-body .table-section.missing-trainings table.header thead tr th:nth-child(3) {
          width: 7%; }
        .missing-items-popup-window .modal-dialog .modal-content .modal-body .table-section.missing-trainings table.header thead tr th:nth-child(4) {
          width: 17%; }
        .missing-items-popup-window .modal-dialog .modal-content .modal-body .table-section.missing-trainings table.header thead tr th:nth-child(5) {
          width: 30%; }

.missing-items-popup-window-training {
  z-index: 1071 !important; }
  .missing-items-popup-window-training .modal-dialog {
    width: 1200px; }
    .missing-items-popup-window-training .modal-dialog .modal-content .modal-header {
      padding: 15px 30px 15px;
      background: #2196f3; }
      .missing-items-popup-window-training .modal-dialog .modal-content .modal-header h4 {
        color: #fff; }
      .missing-items-popup-window-training .modal-dialog .modal-content .modal-header .close {
        opacity: 1;
        text-shadow: none;
        color: #fff; }
    .missing-items-popup-window-training .modal-dialog .modal-content .modal-body .font-16 {
      color: #2196f3; }
    .missing-items-popup-window-training .modal-dialog .modal-content .modal-body .table-section {
      margin-bottom: 30px; }
      .missing-items-popup-window-training .modal-dialog .modal-content .modal-body .table-section .content-table {
        max-height: 120px;
        overflow-y: auto; }
      .missing-items-popup-window-training .modal-dialog .modal-content .modal-body .table-section table {
        margin-top: 0px; }
        .missing-items-popup-window-training .modal-dialog .modal-content .modal-body .table-section table.header {
          width: 100%;
          border-bottom: 1px solid #ddd; }
          .missing-items-popup-window-training .modal-dialog .modal-content .modal-body .table-section table.header thead tr th {
            padding: 10px 0px; }
            .missing-items-popup-window-training .modal-dialog .modal-content .modal-body .table-section table.header thead tr th:nth-child(1) {
              width: 12%; }
            .missing-items-popup-window-training .modal-dialog .modal-content .modal-body .table-section table.header thead tr th:nth-child(2) {
              width: 12.1%; }
            .missing-items-popup-window-training .modal-dialog .modal-content .modal-body .table-section table.header thead tr th:nth-child(3) {
              width: 9.5%; }
            .missing-items-popup-window-training .modal-dialog .modal-content .modal-body .table-section table.header thead tr th:nth-child(4) {
              width: 10.5%; }
            .missing-items-popup-window-training .modal-dialog .modal-content .modal-body .table-section table.header thead tr th:nth-child(5) {
              width: 25.5%; }

@media screen and (min-width: 1700px) {
  .add-event-modal-window .modal-dialog {
    width: 1600px; } }

.inline-modal-wrapper {
  position: relative; }
  .inline-modal-wrapper.expand-me {
    height: 648px;
    top: 50px;
    -ms-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.35); }
    .inline-modal-wrapper.expand-me .add-training-modal-window .modal-body .canvas {
      width: 96.6% !important; }
      .inline-modal-wrapper.expand-me .add-training-modal-window .modal-body .canvas .date-filters-top-header {
        width: 97%; }
      .inline-modal-wrapper.expand-me .add-training-modal-window .modal-body .canvas .canvas-wrapper .canvas-30day-temp.training-pattern .left-section .data-row .data-col {
        background-color: #ebf1f5; }
      .inline-modal-wrapper.expand-me .add-training-modal-window .modal-body .canvas .canvas-wrapper .canvas-30day-temp.training-pattern .right-section .right-section-table {
        height: 1060px; }
        .inline-modal-wrapper.expand-me .add-training-modal-window .modal-body .canvas .canvas-wrapper .canvas-30day-temp.training-pattern .right-section .right-section-table .data-col {
          padding: 0px;
          height: 60px; }
      .inline-modal-wrapper.expand-me .add-training-modal-window .modal-body .canvas .canvas-wrapper .canvas-30day-temp.training-pattern .right-section .top-header {
        top: 98px;
        left: 75px;
        width: 93.7%; }
        .inline-modal-wrapper.expand-me .add-training-modal-window .modal-body .canvas .canvas-wrapper .canvas-30day-temp.training-pattern .right-section .top-header .training-headers {
          border-top: none;
          height: 30px; }
  .inline-modal-wrapper.modal-open {
    overflow: visible; }
  .inline-modal-wrapper .modal {
    position: absolute;
    top: 0px;
    background-color: #fff;
    border-bottom: 3px solid #a7b7c0; }
    .inline-modal-wrapper .modal .modal-dialog {
      margin-top: 0px;
      margin-bottom: 0px; }
      .inline-modal-wrapper .modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none; }
        .inline-modal-wrapper .modal .modal-dialog .modal-content .modal-header {
          padding: 20px 30px 20px; }
        .inline-modal-wrapper .modal .modal-dialog .modal-content .modal-body {
          padding: 0px 30px 0px; }
        .inline-modal-wrapper .modal .modal-dialog .modal-content .modal-footer {
          margin: 0px 30px; }
      .inline-modal-wrapper .modal .modal-dialog.modal-sm {
        width: 94% !important; }

.modal-content.small-width {
  width: 320;
  height: 250; }

.multiplecrewsingletraining .trainer-section {
  border-right: 1px solid #dbdbdb; }
  .multiplecrewsingletraining .trainer-section .more-req {
    font-size: 0.8em;
    color: #848484;
    padding: 5px; }
  .multiplecrewsingletraining .trainer-section .trainer {
    min-height: 120px;
    max-height: 120px;
    height: 120px;
    overflow-x: hidden;
    overflow-y: auto; }
  .multiplecrewsingletraining .trainer-section .trainee {
    min-height: 299px;
    max-height: 299px;
    height: 299px;
    overflow-x: hidden;
    overflow-y: auto; }

.multiplecrewsingletraining i.red-icon {
  color: #f1717f; }

.multiplecrewsingletraining .btn-search-modal {
  background-color: #2283f2;
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  vertical-align: bottom;
  margin-top: 5px; }

.multiplecrewsingletraining .headerbar {
  padding: 10px 15px; }
  .multiplecrewsingletraining .headerbar h4 {
    margin: 0px; }
  .multiplecrewsingletraining .headerbar.blue {
    background-color: #4da5ff; }
  .multiplecrewsingletraining .headerbar.lightblue {
    background-color: #73bbff; }

.multiplecrewsingletraining .filterarea {
  padding: 10px 0px 0px;
  background-color: #f8f8f8;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb; }
  .multiplecrewsingletraining .filterarea .group {
    margin-bottom: 15px; }

.multiplecrewsingletraining .filterresults {
  padding: 0px 0px 15px;
  border-left: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  max-height: 250px;
  height: 250px;
  overflow-y: auto; }
  .multiplecrewsingletraining .filterresults .result-row {
    border-bottom: 1px solid #dbdbdb;
    padding: 15px 0px;
    /*&:first-child{
          border-top: 1px solid #dbdbdb;
      }*/ }
    .multiplecrewsingletraining .filterresults .result-row .assign-me {
      position: relative;
      color: #009393;
      font-weight: 500; }
      .multiplecrewsingletraining .filterresults .result-row .assign-me label {
        padding-right: 30px; }
    .multiplecrewsingletraining .filterresults .result-row:last-child {
      border-bottom: none; }

.multiplecrewsingletraining .filterlabels {
  padding: 15px 0px;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb; }
  .multiplecrewsingletraining .filterlabels h4 {
    margin: 0px 0px 5px; }
  .multiplecrewsingletraining .filterlabels label b {
    color: #212121; }

.multiplecrewsingletraining .max-height-60 {
  max-height: 60px;
  overflow-y: auto;
  height: 40px; }

.multiplecrewsingletraining .max-height-300 {
  height: 300px; }

.multiplecrewsingletraining .trainee-border-bottom {
  border-bottom: 1px solid #dbdbdb; }

.multiplecrewsingletraining .non-req {
  color: #828282;
  font-size: 0.9em; }

.length-ellipsis {
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 75%;
  white-space: nowrap;
  overflow: hidden; }

.away-pairing {
  background-color: #f9f100;
  color: #ff0000;
  padding: 2px;
  font-size: 0.8rem;
  font-weight: 400;
  border-radius: 3px;
  margin-left: 0px; }

.max-crew-bidding-modal-window {
  /*overflow: hidden !important;*/ }
  .max-crew-bidding-modal-window .modal-backdrop {
    top: 70px; }
  .max-crew-bidding-modal-window .modal-open .modal {
    top: 85px; }
  .max-crew-bidding-modal-window .tableBodyScroll thead, .max-crew-bidding-modal-window .tableBodyScroll tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed; }
  .max-crew-bidding-modal-window .tableBodyScroll thead tr {
    background-color: #718b98; }
  .max-crew-bidding-modal-window .tableBodyScroll thead th {
    padding: 5px !important; }
  .max-crew-bidding-modal-window .tableBodyScroll tbody {
    display: block;
    max-height: 300px;
    overflow-y: scroll;
    font-size: 13px; }
    .max-crew-bidding-modal-window .tableBodyScroll tbody tr:nth-child(even) {
      background-color: white; }
    .max-crew-bidding-modal-window .tableBodyScroll tbody tr:nth-child(odd) {
      background-color: #ececec; }
  .max-crew-bidding-modal-window .width-20 {
    width: 20%; }
  .max-crew-bidding-modal-window .width-40 {
    width: 40%; }
  .max-crew-bidding-modal-window .width-25 {
    width: 25%; }
  .max-crew-bidding-modal-window .vertically-middle {
    vertical-align: middle; }
  .max-crew-bidding-modal-window .input_row {
    padding: 5px 5px 5px 0px; }

.modal.max-crew-bidding-modal-window {
  top: 85px; }

.add-flying-hours-modal-window .apply-button {
  background-color: #2196f3; }

.add-flying-hours-modal-window .cancel-button {
  background-color: #8299a5; }

.edit-cabin-flight-modal-window {
  top: 65px; }
  .edit-cabin-flight-modal-window .modal-dialog {
    width: 1050px; }
    .edit-cabin-flight-modal-window .modal-dialog .modal-body {
      padding: 5px 30px 5px;
      font-size: 13px;
      max-height: 600px;
      overflow-y: auto; }
  .edit-cabin-flight-modal-window .data-overflow {
    overflow-x: hidden;
    overflow-y: auto; }
  .edit-cabin-flight-modal-window .inbound, .edit-cabin-flight-modal-window .outbound {
    height: 115px;
    width: 100%;
    background-color: #d3d3d3;
    color: #000; }
    .edit-cabin-flight-modal-window .inbound.selected, .edit-cabin-flight-modal-window .outbound.selected {
      background-color: #97bee4; }
    .edit-cabin-flight-modal-window .inbound:hover, .edit-cabin-flight-modal-window .outbound:hover {
      cursor: pointer; }
  .edit-cabin-flight-modal-window .padding-0 {
    padding: 0px !important; }
  .edit-cabin-flight-modal-window .panel-heading {
    background-color: #2ea940;
    color: #fff;
    cursor: pointer; }
  .edit-cabin-flight-modal-window .font-10 {
    font-size: 10px; }
  .edit-cabin-flight-modal-window .font-12 {
    font-size: 12px; }
  .edit-cabin-flight-modal-window .font-13 {
    font-size: 13px; }
  .edit-cabin-flight-modal-window .font-35 {
    font-size: 35px; }
  .edit-cabin-flight-modal-window .font-45 {
    font-size: 45px; }
  .edit-cabin-flight-modal-window .padding-top-15 {
    padding-top: 15px; }
  .edit-cabin-flight-modal-window .panel-default > .panel-heading + .panel-collapse > .panel-body {
    padding: 0px;
    padding-top: 15px; }
  .edit-cabin-flight-modal-window section {
    padding: 20px;
    padding-top: 0px; }
  .edit-cabin-flight-modal-window .special-remarks {
    overflow-y: auto;
    overflow-x: hidden; }
  .edit-cabin-flight-modal-window .row-select {
    background-color: lightblue; }
  .edit-cabin-flight-modal-window .cursor_pointer {
    cursor: pointer; }
  .edit-cabin-flight-modal-window .padding-3 {
    padding: 3px; }
  .edit-cabin-flight-modal-window .pointer-events-none {
    pointer-events: none; }
  .edit-cabin-flight-modal-window .width_60_percent_duty {
    width: 60%; }
  .edit-cabin-flight-modal-window .display_inline {
    display: inline; }
  .edit-cabin-flight-modal-window .width_90_percent_duty {
    width: 90%; }
  .edit-cabin-flight-modal-window .width_90_percent_duty .showlabel {
    display: none !important; }
  .edit-cabin-flight-modal-window .crew-id-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 6px; }
  .edit-cabin-flight-modal-window .copy-icon {
    font-size: 18px;
    cursor: pointer;
    color: #3b82f6;
    /* optional blue */ }
  .edit-cabin-flight-modal-window .copied-label {
    color: green;
    margin-left: 5px;
    font-size: 12px; }
  .edit-cabin-flight-modal-window .copy-icon:hover {
    color: #1e40af; }
  .edit-cabin-flight-modal-window .width_40_percent {
    width: 60%; }
  .edit-cabin-flight-modal-window .margin-bottom-5 {
    margin-bottom: 5px; }
  .edit-cabin-flight-modal-window .width-40 {
    width: 40%; }
  .edit-cabin-flight-modal-window .width-25 {
    width: 25%; }

.view-cabin-flight-modal-window {
  top: 65px; }
  .view-cabin-flight-modal-window .modal-dialog {
    width: 1050px; }
    .view-cabin-flight-modal-window .modal-dialog .modal-body {
      padding: 5px 30px 5px;
      font-size: 13px;
      max-height: 600px;
      overflow-y: auto;
      -webkit-user-select: text;
         -moz-user-select: text;
          -ms-user-select: text;
              user-select: text; }
  .view-cabin-flight-modal-window .data-overflow {
    overflow-x: hidden;
    overflow-y: auto;
    /*height: 850px;*/
    height: auto; }
  .view-cabin-flight-modal-window .inbound, .view-cabin-flight-modal-window .outbound {
    height: 110px;
    width: 100%;
    background-color: #d3d3d3;
    color: #000; }
    .view-cabin-flight-modal-window .inbound.selected, .view-cabin-flight-modal-window .outbound.selected {
      background-color: #97bee4; }
    .view-cabin-flight-modal-window .inbound:hover, .view-cabin-flight-modal-window .outbound:hover {
      cursor: pointer; }
  .view-cabin-flight-modal-window .panel-heading {
    background-color: #2ea940;
    color: #fff;
    cursor: pointer; }
  .view-cabin-flight-modal-window .font-10 {
    font-size: 10px; }
  .view-cabin-flight-modal-window .font-13 {
    font-size: 13px; }
  .view-cabin-flight-modal-window .font-35 {
    font-size: 35px; }
  .view-cabin-flight-modal-window .font-45 {
    font-size: 45px; }
  .view-cabin-flight-modal-window .padding-top-15 {
    padding-top: 15px; }
  .view-cabin-flight-modal-window .panel-default > .panel-heading + .panel-collapse > .panel-body {
    padding: 0px;
    padding-top: 15px; }
  .view-cabin-flight-modal-window section {
    padding: 20px;
    padding-top: 0px; }
  .view-cabin-flight-modal-window .special-remarks {
    overflow-x: hidden; }
  .view-cabin-flight-modal-window .row-select {
    background-color: lightblue; }
  .view-cabin-flight-modal-window .cursor_pointer {
    cursor: pointer; }
  .view-cabin-flight-modal-window .padding-3 {
    padding: 3px; }
  .view-cabin-flight-modal-window .pointer-events-none {
    pointer-events: none; }
  .view-cabin-flight-modal-window .width_60_percent_duty {
    width: 60%; }
  .view-cabin-flight-modal-window .display_inline {
    display: inline; }
  .view-cabin-flight-modal-window .width_90_percent_duty {
    width: 90%; }
  .view-cabin-flight-modal-window .width_90_percent_duty .showlabel {
    display: none !important; }
  .view-cabin-flight-modal-window .width_40_percent {
    width: 60%; }
  .view-cabin-flight-modal-window .tr-data {
    position: relative;
    padding: 5px 0px !important;
    height: 30px;
    top: 3px; }
  .view-cabin-flight-modal-window .width-40 {
    width: 40%; }
  .view-cabin-flight-modal-window .width-25 {
    width: 25%; }

.voyage-report-modal-window .static-label {
  font-size: 14px;
  font-weight: bold;
  color: #a7a7a7; }

.voyage-report-modal-window .font-10 {
  font-size: 10px; }

.voyage-report-modal-window .red-color-text {
  color: red; }

.voyage-report-modal-window .modify-distribution-list h5 {
  color: #a7a7a7;
  font-weight: 400; }
  .voyage-report-modal-window .modify-distribution-list h5 a {
    font-size: 0.8rem;
    color: #2196f3;
    text-decoration: underline;
    margin-left: 10px; }

.voyage-report-modal-window .modify-distribution-list .alert-success {
  background-color: #7cc576;
  color: #fff; }

.voyage-report-modal-window .modify-distribution-list ul {
  padding-left: 0px;
  list-style: none; }
  .voyage-report-modal-window .modify-distribution-list ul li {
    margin-bottom: 5px; }
    .voyage-report-modal-window .modify-distribution-list ul li.selected {
      font-weight: 500; }
    .voyage-report-modal-window .modify-distribution-list ul li.alert-success {
      background-color: #7cc576;
      color: #fff; }

.voyage-report-modal-window .crew-list-to-add {
  overflow-y: auto;
  max-height: 200px;
  padding-left: 0px; }
  .voyage-report-modal-window .crew-list-to-add ul {
    list-style: none;
    padding-left: 0px; }
  .voyage-report-modal-window .crew-list-to-add .selected-values {
    max-height: none; }
  .voyage-report-modal-window .crew-list-to-add .alert-success {
    background-color: #7cc576;
    color: #fff; }
  .voyage-report-modal-window .crew-list-to-add .crew-comment-section:nth-child(even) {
    background-color: white; }
  .voyage-report-modal-window .crew-list-to-add .crew-comment-section:nth-child(odd) {
    background-color: #ececec; }

div.approve-cabin-flight-modal-window {
  z-index: 2021 !important; }

.message-manager-modal-window .tableBodyScroll thead, .message-manager-modal-window .tableBodyScroll tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed; }

.message-manager-modal-window .tableBodyScroll th, .message-manager-modal-window .tableBodyScroll td {
  padding: 10px !important; }

.message-manager-modal-window .tableBodyScroll tr td:first-child {
  padding-left: 10px !important; }

.message-manager-modal-window .tableBodyScroll tr th:first-child {
  padding-left: 15px !important; }

.message-manager-modal-window .tableBodyScroll tbody {
  display: block;
  max-height: 300px;
  overflow-y: scroll;
  font-size: 13px; }
  .message-manager-modal-window .tableBodyScroll tbody tr:nth-child(even) {
    background-color: white; }
  .message-manager-modal-window .tableBodyScroll tbody tr:nth-child(odd) {
    background-color: #ececec; }

.delay-codes-modal-window .tableBodyScroll {
  font-size: 12px; }
  .delay-codes-modal-window .tableBodyScroll thead th:first-child {
    padding-left: 15px !important; }
  .delay-codes-modal-window .tableBodyScroll th, .delay-codes-modal-window .tableBodyScroll td {
    padding: 10px !important; }
  .delay-codes-modal-window .tableBodyScroll tr td:first-child {
    padding-left: 10px !important; }
  .delay-codes-modal-window .tableBodyScroll tr th:first-child {
    padding-left: 15px !important; }
  .delay-codes-modal-window .tableBodyScroll thead, .delay-codes-modal-window .tableBodyScroll tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed; }
  .delay-codes-modal-window .tableBodyScroll tbody {
    display: block;
    max-height: 300px;
    overflow-y: scroll; }
    .delay-codes-modal-window .tableBodyScroll tbody tr:nth-child(even) {
      background-color: white; }
    .delay-codes-modal-window .tableBodyScroll tbody tr:nth-child(odd) {
      background-color: #ececec; }

div.add-cabin-flight-feedback-modal-window {
  z-index: 2021 !important; }

.delayed-report-timing-window .modal-dialog {
  width: 1600px; }

.delayed-report-timing-window .modal-footer {
  margin: 25px; }
  .delayed-report-timing-window .modal-footer .btn {
    float: right; }

.invalid-input {
  color: red !important; }

.disable-calendar .ui-datepicker-trigger {
  pointer-events: none; }

.duty-change-reason-dropdown .select-component {
  text-transform: none !important; }
  .duty-change-reason-dropdown .select-component .select-dropdown-label,
  .duty-change-reason-dropdown .select-component .dropdown-menu li a {
    text-transform: none !important; }