.network_tab {

  .network_selection {
      max-width: 340px;
      width: 200px;
      display: inline-block;
      margin-right: 30px;

      li {
        padding: 8px;
        background-color: #effff7;
        border: 1px solid #ccc;
        font-weight: 700;
        font-size: 14px;
        cursor: pointer;
        position: relative;

        .active { float: right; }

        .mb-icon {
            font-size: 18px;
            margin-right: 12px;
            width: 30px;
            line-height: 25px;
            vertical-align: middle;
        }
        img { width: 20px;
          height: auto;
          vertical-align: middle;
          margin-right: 12px;
        }

        .label {
            vertical-align: middle;
            line-height: 25px;
        }

      } // li
      .maxajax-load-spinner
      {
          position: relative;
          float: right;
          margin-top: -35px;
      }

  }

  form.mb-ajax-form  {
    display: inline;
  }
  .network_editor {
      width: 70%;
      max-width: 640px;
      vertical-align: top;
      display: inline-block;
      margin-top: 42px;

      .return_default {
          float: right;
          cursor: pointer;
      }
      input[name="label"]
      {
        font-weight: 400;
      }
      .load-error {
        font-size: 14px;
        border-left: 4px solid #ff0000;
        padding: 8px 0 8px 16px;
      }
      .inside {
        padding: 20px;
        .the_switch {
          margin-top: 5px;
        }
      }
      .customnetwork_select{
        p.cns-toolbar {
            padding: 8px 0;
            display: inline-block;
            margin: 15px 0;
            width: 100%;
            line-height: 30px;

            .selected {
                font-weight: 700;
                margin-right: 8px;
                font-size: 18px;
                vertical-align: middle;

            }
            button {
                float: right;
                margin-right: 35px;
                vertical-align: middle;
            }
        }
        ul
            li.the_network {
            background-color: #ffeffe;
            padding: 12px 8px;
            font-size: 16px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            cursor: pointer;
            &.selected {
              box-shadow: 2px 2px 2px #0073aa;
              border: 3px solid #0073aa;
            }
            .mb-icon, img {
              margin-right: 25px;
              vertical-align: middle;
            }
            .is_imported {
              font-size: 12px;
              float: right;
              color: green;

            }
        } // ul

      } // customnetwork_select
      .option select {
        width: auto;
      }
      .the_icon_preview {
        min-width: 30px;
        min-height: 30px;
      }

      .option.save_network {
          margin: 25px 0;

      }
  }

}