/*
 * @author pmeijer / https://github.com/pmeijer
 */

div.replace-base-dialog {
  div.modal-header {
    .header-icon {
      font-size: 20px;
      margin-right: 1ex;
      display: inline-block;
      color: #333;
    }
    span {
      font-size: 24px;
    }
  }
  .modal-content {
    .toggle-info-btn {
      font-size: 65%;
      vertical-align: top;
      cursor: pointer;
      color: #333;
      &:hover {
        color: #2a6496;
      }
    }
    .info-message {
      display: inline-block;
      width: 95%;
      margin-bottom: 2ex;
      margin-left: 0.5ex;
      opacity: 0.90;
      &.hidden {
        display: none;
      }
    }
    .message-badge {
      margin-bottom: 0;
      margin-top: 12px;
    }
  }
}