Imed modal sass modificado exemplo

modal-modificado.sass

/home/imed/Documentos/workspace/imedicina-web/js/css/SASS/_custom.sass


.modal-support-channel
  padding: 0 !important
  left: auto !important
  text-align: left
  position: fixed
  left: auto

  @keyframes slideInRight
    0%
      opacity: 0
      -webkit-transform: translateX(400px)
      -ms-transform: translateX(400px)
      transform: translateX(400px)

    100%
      -webkit-transform: translateX(0)
      -ms-transform: translateX(0)
      transform: translateX(0)

  .modal-dialog
    width: 700px
    margin: 0
    border-radius: 0
    height: 100%
    box-shadow: none
    background-color: #fff

    .modal-content
      background-clip: padding-box
      background-color: #FFFFFF
      border: 1px solid transparent
      border-radius: 0
      box-shadow: none
      outline: 0 none
      position: relative

      .modal-header
        padding: 20px
        .modal-title
          margin: 0
          font-size: 16pt
          color: $brand-color-blue
          font-weight: 300
          border: none

      .modal-body
        padding: 30px 20px
        h4
          font-size: 9pt
          color: #999
          font-weight: 300
          text-transform: uppercase

        ul
          li
            margin-left: 15px
            border-bottom: 1px solid #eee
            &:last-child
              border: none

            a
              color: $navy
              padding: 8px 0
              display: inline-block
              font-size: 10pt
              &:hover
                color: $brand-color-blue
              i
                color: $brand-color-pink

        .hr-line-dashed
          border-top: 2px dashed #ddd
          margin: 25px 0

        .btn-tour-start,
        .btn-chat
          border-color: transparent
          background: $brand-color-blue
          margin: 6px
          i
            margin-right: 5px

.fc-toolbar h4
  font-size: 18px
  line-height: 1.3em

/* Ajuste icone e cor dos tooltips de ajuda */
.icon-tooltip
  margin-left: 5px
  display: inline-block
  &:before
    content: "?"
    font-size: 11px
    display: inline-block
    background-color: $brand-color-blue
    font-family: 'Roboto'
    padding: 1px
    border-radius: 50%
    color: #fff
    font-weight: 500
    width: 12px
    height: 12px
    text-align: center
    vertical-align: top
    cursor: help
    z-index: 9
  
  
  
  <div class="modal fade modal-support-channel" data-backdrop="static" data-keyboard="false"
         id="modal-support-channel"
         modal-render="true" role="dialog" tabindex="-1">
        <div class="modal-dialog" role="document">
            <div class="modal-content">