@import 'variables';
@import 'calendar';
@import 'time';
@import 'slider';

.im-btn {
  display: inline-block;
  background-color: #ffffff;
  border: 0;
  outline: 0;
  cursor: pointer;
  line-height: 1;

  &:before {
    margin-right: 6px;
  }
}

.m-input-moment {
  display: inline-block;
  padding: 12px 15px;
  border-radius: 3px;
  border: 1px solid @color-gray;

  .options {
    width: 100%;
    display: inline-block;
    margin-bottom: 4px;

    button {
      float: left;
      width: 50%;
      color: @color-blue;
      text-align: center;
      font-size: 16px;
      padding: 7px;
      border: 1px solid @color-blue;
      border-radius: 3px;

      &:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }

      &:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
      }

      &.is-active {
        color: #ffffff;
        background-color: @color-blue;
      }
    }

  }

  .options {
    &.side-by-side {
      display: none;
      margin: 0px;
    }
  }

  .options.side-by-side button {
    display: none;
  }
  .options.side-by-side button:first-child {
    border-left: 1px solid @color-blue;
    border-right: 0 !important;
  }


  .tab {
    width: 250px;
    display: none;
    height: 310px;

    &.is-active {
      display: block;
    }
  }

  .tabs {
    margin-bottom: 11px;
  }
  .side-by-side .tab {
    float: left;
    margin: 10px;
  }

  .btn-save {
    display: block;
    margin-top: 10px;
    width: 100%;
    background-color: @color-blue;
    padding: 12px 0;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    border-radius: 3px;
  }
}