add-task-bar-global {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  z-index: 1;
  height: 0;
  overflow: visible;
  margin-top: 20px;
  max-width: 600px;

  .add-task-bar-wrapper {
    border: 2px solid transparent;
    border-bottom-width: 3px;
    //background: #ffffff;
    position: relative;
    @include ng-blend-in-out(1);


    @include dark-theme(){

    }
    //&.is-show-from-bottom {
    //  position: fixed;
    //  left: 10%;
    //  width: 80%;
    //  bottom: 20px;
    //  @include ng-slide-in-out(1, 120%);
    //}

    > ng-md-icon {
      position: absolute;
      left: 10px;
      top: 50%;
      margin-top: -2px;
      transform: translateY(-50%);
      z-index: 2;
    }
  }

  add-task-bar {
    input {
      padding-left: 50px !important;
    }

  }

  @media (max-width: $layout-xs) {
    width: 90%;
  }
}