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

div.create-new-project-dialog {

  div.modal-content {
    div.modal-header {
      .header-icon {
        height: 24px;
        width: 24px;
        margin-right: 1ex;
        display: inline-block;
        vertical-align: middle;
        background-size: 24px 24px;
      }
      span {
        font-size: 24px;
        vertical-align: middle;
      }
    }
    div.pre-body {
      padding: 15px 15px 0 15px;

      .tabContainer {
        ul.nav.nav-tabs {
          margin-bottom: 0;

          li {
            width: 86px;
            text-align: center;
            &.disabled-from-config {
              display: none;
            }
          }
        }
      }
    }
    div.modal-body {
      form.form-horizontal {
        display: none;
        &.activated {
          display: inherit;
        }

        span.selection {
          .selector {
            display: inline-block;
            width: 100%;
            padding: 0;
            &.widget {
              border: none;
            }
          }
          .asset-widget {
            width: 100%;
            height: 100%;
            padding-top: 0.3ex;
            a.btn-dialog-open {
              font-size: 120%;
              padding-top: 0.6ex;
            }
          }
          &.selection-blob {
            padding: 0;
          }
        }
        i.toggle-info-btn {
          font-size: 65%;
          vertical-align: top;
          cursor: pointer;
          color: #333;
          &:hover {
            color: #2a6496;
          }
        }
        span.type-description {
          display: inline-block;
          width: 95%;
          margin-bottom: 2ex;
          margin-left: 0.5ex;
          opacity: 0.90;
          &.hidden {
            display: none;
          }
        }
      }
    }
    div.modal-footer {
      button.btn-create {
        display: none;
        &.activated {
          display: inline-block;
        }
      }
    }
  }
}