/**
 * 08. Nav Menu
 */
.csf-nav-menu-options {
  clear: both;
  float: left;
  width: 100%;

  > .csf-fields {
    margin-left: -10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;

    > .csf-field {
      padding: 12px 14px 12px 12px;

      .csf-title {
        float: none;
        width: 100%;
        margin-bottom: 5px;
      }

      .csf-fieldset {
        float: none;
        width: 100%;
      }
    }
  }

  .csf-field-text input {
    width: 100%;
  }

  .csf-field-notice .csf-notice {
    padding: 15px;
  }
}

.csf-nav-menu-title {
  padding: 12px 14px 12px 12px;
  background-color: #f5f5f5;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;

  &:first-child {
    border-top: 0;
  }

  h4 {
    margin: 0;
    padding: 0;
    color: #23282d;
  }
}

.csf-nav-menu-icon {
  margin-right: 5px;
}