.show-hide-animation {
  opacity: 1; }
  .show-hide-animation.ng-hide-add, .show-hide-animation.ng-hide-remove {
    transition: all 0.3s ease-in 0.2s; }
  .show-hide-animation.ng-hide {
    opacity: 0; }

.show-animation {
  opacity: 1; }
  .show-animation.ng-hide-remove {
    transition: all 0.3s ease-in 0.5s; }
  .show-animation.ng-hide {
    opacity: 0; }

.repeated-item.ng-enter,
.repeated-item.ng-move {
  transition: all 0.2s ease-in-out;
  opacity: 0; }

.repeated-item.ng-enter.ng-enter-active,
.repeated-item.ng-move.ng-move-active {
  opacity: 1; }

.repeated-item.ng-leave {
  -webkit-animation: 0.2s my_animation;
          animation: 0.2s my_animation; }

@-webkit-keyframes my_animation {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes my_animation {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.animate-repeat {
  /* -webkit-transition: 0.6s ease-in-out all;
    transition: 0.6s ease-in-out all;*/ }

.animate-repeat.ng-enter {
  transition: all ease-in-out 0.5s; }

.animate-repeat.ng-enter {
  opacity: 0; }

.animate-repeat.ng-enter.ng-enter-active {
  opacity: 1; }

/**
 * Stagger Leave (hide) animation
 */
/*.animate-repeat.ng-leave-stagger {
    !* this will have a 100ms delay between each successive leave animation *!
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;

    !* in case the stagger doesn't work then these two values
     must be set to 0 to avoid an accidental CSS inheritance *!
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}*/
/**
 * Stagger ENTER ANIMATION
 */
.animate-repeat.ng-enter-stagger {
  /* this will have a 100ms delay between each successive enter animation */
  transition-delay: 0.2s;
  /* in case the stagger doesn't work then these two values
     must be set to 0 to avoid an accidental CSS inheritance */
  transition-duration: 0s; }

.fadeInUp-animation-on-show-hide.ng-hide-remove {
  -webkit-animation-name: fadeInUp;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s; }

.fadeInUp-animation-on-show-hide.ng-hide-add {
  -webkit-animation-name: fadeOutDown;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

/*-------------- ripple animation -------------------- */
.ripple {
  position: relative;
  overflow: hidden; }

/*.ripple:after {
    content: "";
    background: rgba(255, 255, 255, 0.3);
    display: block;
    position: absolute;
    border-radius: 50%;
    padding-top: 240%;
    padding-left: 240%;
    margin-top: -120%;
    margin-left: -120%;
    opacity: 0;
    transition: all 1s;
}

.ripple:active:after {
    padding-top: 0;
    padding-left: 0;
    margin-top: 0;
    margin-left: 0;
    opacity: 1;
    transition: 0s;
}*/
/*--------- home tab animation ------------------ */
.tabfade.ng-hide-remove {
  -webkit-animation: 0.3s tabanimation;
  animation: 0.3s tabanimation; }

@-webkit-keyframes tabanimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  70% {
    opacity: 0.5;
    -webkit-transform: scale(50%);
            transform: scale(50%); }
  100% {
    opacity: 1;
    -webkit-transform: scale(100%);
            transform: scale(100%); } }

@keyframes tabanimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  70% {
    opacity: 0.5;
    -webkit-transform: scale(50%);
            transform: scale(50%); }
  100% {
    opacity: 1;
    -webkit-transform: scale(100%);
            transform: scale(100%); } }

.fadeInUp.ng-hide-remove {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.4, 1.4, 1.4);
    transform: scale3d(1.4, 1.4, 1.4); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.4, 1.4, 1.4);
    transform: scale3d(1.4, 1.4, 1.4); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.dashboard {
  /*position:absolute;
  width:100%;
  height:100%;
  top:40%;*/
  position: absolute;
  left: 70px;
  right: 0px;
  top: 70px;
  bottom: 0px;
  background: #ebf1f5; }
  .dashboard .top-heading-bar {
    background-color: #718b98;
    /*height: 50px;*/ }
  .dashboard .dashboard-tab-headings ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    height: 50px; }
    .dashboard .dashboard-tab-headings ul li {
      float: left;
      display: inline-block;
      margin-left: 10px;
      transition: all 0.2s linear;
      height: 50px; }
      .dashboard .dashboard-tab-headings ul li a {
        color: #fff;
        display: inline-block;
        padding: 15px 15px 10px;
        color: rgba(255, 255, 255, 0.6);
        transition: all 0.4s linear; }
        .dashboard .dashboard-tab-headings ul li a span {
          background-position: left center;
          background-repeat: no-repeat;
          display: inline-block;
          width: 30px;
          height: 20px;
          vertical-align: bottom;
          opacity: 0.8; }
      .dashboard .dashboard-tab-headings ul li:nth-child(1) span {
        background-image: url("../../../images/dashboard-icons.png");
        background-position: 7px center; }
      .dashboard .dashboard-tab-headings ul li:nth-child(2) span {
        background-image: url("../../../images/dashboard-icons.png");
        background-position: -20px center; }
      .dashboard .dashboard-tab-headings ul li:nth-child(3) span {
        background-image: url("../../../images/dashboard-icons.png");
        background-position: -45px center; }
      .dashboard .dashboard-tab-headings ul li:nth-child(4) span {
        background-image: url("../../../images/dashboard-icons.png");
        background-position: -75px center; }
      .dashboard .dashboard-tab-headings ul li:nth-child(5) span {
        background-image: url("../../../images/dashboard-icons.png");
        background-position: -105px center; }
      .dashboard .dashboard-tab-headings ul li:nth-child(6) span {
        background-image: url("../../../images/dashboard-icons.png");
        background-position: -133px center; }
      .dashboard .dashboard-tab-headings ul li:nth-child(7) span {
        background-image: url("../../../images/dashboard-icons.png");
        background-position: -156px center;
        width: 27px; }
      .dashboard .dashboard-tab-headings ul li:nth-child(8) span {
        background-image: url("../../../images/dashboard-icons.png");
        background-position: -177px center; }
      .dashboard .dashboard-tab-headings ul li:nth-child(9) span {
        background-image: url("../../../images/dashboard-icons.png");
        background-position: -202px center; }
      .dashboard .dashboard-tab-headings ul li.active {
        border-bottom: 5px solid #1976d2; }
        .dashboard .dashboard-tab-headings ul li.active span {
          opacity: 1; }
        .dashboard .dashboard-tab-headings ul li.active a {
          color: white; }
  .dashboard .dashboard-tabpanel {
    padding: 70px 0px; }
  .dashboard h1 {
    font-weight: normal;
    font-size: 2.3rem;
    color: #455A64; }
  .dashboard .item {
    min-height: 150px;
    border: solid 1px #cccccc;
    cursor: pointer;
    margin: 10px;
    text-align: center;
    line-height: 150px; }
  .dashboard .home-page-circle {
    width: 160px;
    height: 70px;
    border-radius: 50%;
    background-color: #ebf1f5;
    border: 3px solid #ebf1f5;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: all 0.2s linear;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 20px; }
    .dashboard .home-page-circle.img01 {
      background-image: url("../../../images/dashboard_img_create_pairing_new.png"); }
    .dashboard .home-page-circle.img02 {
      background-image: url("../../../images/dashboard_img_crewing_new.png"); }
    .dashboard .home-page-circle.img03 {
      background-image: url("../../../images/dashboard_img_flight_watch_new.png"); }
    .dashboard .home-page-circle.img04 {
      background-image: url("../../../images/dashboard_img_manage_pairing_new.png"); }
    .dashboard .home-page-circle.img05 {
      background-image: url("../../../images/dashboard_img_crew_schedule_new.png"); }
    .dashboard .home-page-circle.img06 {
      background-image: url("../../../images/dashboard_img_crew_profile_new.png"); }
    .dashboard .home-page-circle.img07 {
      background-image: url("../../../images/dashboard_img_training_watch_new.png"); }
    .dashboard .home-page-circle.img08 {
      background-image: url("../../../images/dashboard_img_crew_tracking_new.png"); }
    .dashboard .home-page-circle.img09 {
      background-image: url("../../../images/dashboard_img_training_schedule_new.png"); }
    .dashboard .home-page-circle.img10 {
      background-image: url("../../../images/dashboard_img_manage_bidding_new.png"); }
    .dashboard .home-page-circle.img11 {
      background-image: url("../../../images/dashboard_img_target_hours_new.png"); }
    .dashboard .home-page-circle.img12 {
      background-image: url("../../../images/dashboard_img_manage_rules_new.png"); }
    .dashboard .home-page-circle.img13 {
      background-image: url("../../../images/dashboard_img_roster_cycle.png"); }
    .dashboard .home-page-circle.img14 {
      background-image: url("../../../images/dashboard_img_roster_schedule.png"); }
    .dashboard .home-page-circle.img15 {
      background-image: url("../../../images/dashboard_img_crew_manual_assignment.png"); }
    .dashboard .home-page-circle.img16 {
      background-image: url("../../../images/dashboard_img_configure_auto_schedule.png"); }
    .dashboard .home-page-circle.img17 {
      background-image: url("../../../images/dashboard_img_assignment.png"); }
    .dashboard .home-page-circle.img18 {
      background-image: url("../../../images/dashboard_img_pairing_discrepancy.png"); }
    .dashboard .home-page-circle.img19 {
      background-image: url("../../../images/dashboard_img_adhoc_flights.png"); }
    .dashboard .home-page-circle.img20 {
      background-image: url("../../../images/dashboard_img_crew_validations.png"); }
    .dashboard .home-page-circle.img21 {
      background-image: url("../../../images/dashboard_img_assign_training.png"); }
    .dashboard .home-page-circle.img22 {
      background-image: url("../../../images/dashboard_img_cabin_flight_admin.png"); }
    .dashboard .home-page-circle.img23 {
      background-image: url("../../../images/dashboard_img_air_safety_admin.png"); }
    .dashboard .home-page-circle.img24 {
      background-image: url("../../../images/dashboard_img_manage_roles.png"); }
    .dashboard .home-page-circle.img25 {
      background-image: url("../../../images/dashboard_img_manage_users.png"); }
    .dashboard .home-page-circle.img26 {
      background-image: url("../../../images/dashboard_img_airports.png"); }
    .dashboard .home-page-circle.img27 {
      background-image: url("../../../images/dashboard_img_airports_registration.png"); }
    .dashboard .home-page-circle.img28 {
      background-image: url("../../../images/dashboard_img_manage_crew_flights.png"); }
    .dashboard .home-page-circle.img29 {
      background-image: url("../../../images/dashboard_img_document_manage.png"); }
    .dashboard .home-page-circle.img30 {
      background-image: url("../../../images/dashboard_img_app_message_history.png"); }
    .dashboard .home-page-circle.img31 {
      background-image: url("../../../images/dashboard_img_app_message_config.png"); }
  .dashboard .title {
    text-align: center;
    font-weight: 500;
    margin-top: 10px;
    cursor: pointer;
    font-size: 1.3rem;
    color: #718b98; }
    .dashboard .title:hover, .dashboard .title:focus {
      color: #1976d2;
      font-size: 1.3rem;
      transition: color 0.1s linear; }
      .dashboard .title:hover:after, .dashboard .title:focus:after {
        color: #1976d2;
        width: 100%; }
  @media (min-width: 1599px) {
    .dashboard .circle-text {
      width: 60%; } }
  .dashboard .home-icon {
    height: 150px; }
  .dashboard .scrollable-tab-content {
    max-height: 90%;
    overflow: auto; }