@import url('http://fonts.googleapis.com/css?family=Roboto')
.T-I-atl
  width 77.6px

.inboxsdk__composeButton
  margin-right 10px
  width 95px

.drift-send
  box-shadow none
  background-color #0176FF
  border 1px solid #3079ed
  color #fff
  cursor pointer !important
  width 77.6px

  &.hidden
    display none

.inboxsdk__compose_actionToolbar
  .inboxsdk__composeButton
    >div
      opacity 1 !important

.inboxsdk__composeButton
  &.inboxsdk__button_hover
    box-shadow unset !important
    box-shadow 0 !important
    background-color transparent !important
    background-image none !important
    border-color transparent !important

.drift-inbox-send
  height 35px !important
  width 60px !important

  img
    &.inboxsdk__button_iconImg
      height 35px
      width 60px

.drift-inbox-calendar
  height 35px !important
  width 35px !important

  img
    &.inboxsdk__button_iconImg
      height 35px
      width 35px

.drift-inbox-calendar-loader
  height 35px !important
  width 35px !important

  img
    &.inboxsdk__button_iconImg
      margin-top 8px
      height 20px
      width 20px

.T-I
  &.J-J5-Ji
    &.aoO
      &.L3
        &.drift-compose-select
          cursor pointer
          width max-content
          min-width 0px
          margin 0px
          margin-left 7px
          padding 0px
          border-top-left-radius 0px
          border-bottom-left-radius 0px

          img
            padding 3px 2px 0px 0px
            width 20px
            height 20px

.aX.move-format-bar-for-drift
  bottom: 0 !important

.drift-compose-select
  width 25px
  margin 20px 100px
  position relative

  input[type=checkbox]
    visibility hidden

    &:checked
      ~label
        background #13CB6E

        &:after
          opacity 1

  img
    margin-left 10px

  label
    cursor pointer
    position absolute
    width 15px
    height 15px
    top 4px
    left 0
    background #eee
    border 1px solid #ddd
    border-radius 4px

    &:after
      opacity 0
      content ''
      position absolute
      width 7px
      height 4px
      background transparent
      top 3px
      left 3px
      border 3px solid #eee
      border-top none
      border-right none
      transform rotate(-45deg)

.drift-outbound-gmail-notification
  font-family var(--main-font-family), 'Roboto', Helvetica, sans-serif

.drift-outbound-tooltip
  z-index 1111
  background #394F5A
  border-radius 3px
  height 40px
  width 190px
  position relative

  &:after
    top 100%
    left 50%
    border solid transparent
    content " "
    height 0
    width 0
    position absolute
    pointer-events none
    border-top-color #394F5A
    border-width 10px
    margin-left -10px

  p
    margin 7px 0px
    color white
    font-size 12px
    line-height 1.2
    font-weight 500
    text-align center
    font-family var(--main-font-family), 'Roboto', Helvetica, sans-serif

.drift-email-injection
  position: relative

.calendar-error
  background: rgba(255, 0,0, 0.1);
  height: 296px;
  width: 472px;
  position: absolute;
  top: 0px;
  border: 1px solid red

.calendar-error-message
  color: #E6314F
  display: flex
  padding-bottom: 10px
  .calendar-error-message-icon
    height: 14px
  .calendar-error-message-text
    padding-left: 10px