@main_color_get: #6DB8F2;
@main_color_put: #F3C41F;
@main_color_post: #9DCC71;
@main_color_head: #5A89B8;
@main_color_options: #9869C1;
@main_color_patch: #31A389;
@main_color_delete: #EC6129;
@sub_color_get: #F1F9FF;
@sub_color_put: #FFFBEE;
@sub_color_post: #F9FFF4;
@sub_color_head: #E8EFF8;
@sub_color_options: #FAF5FF;
@sub_color_patch: #F0FDFA;
@sub_color_delete: #FFF6F2;

.swagger-ui {

  @import "~antd/dist/antd";

  .wrapper {
    padding: 0;
    min-width: auto;
  }
  //.btn {
  //  font-size: 12px;
  //  font-weight: normal;
  //  box-shadow: none;
  //  border: 1px solid #D9D9D9;
  //  color: #666666;
  //  padding: 5px 16px;
  //}
  .errors-wrapper {
    margin: 0;
    background: #FEF0EF;
    border: 1px solid #FABEB9;
  }
  .info {
    margin: 0 0 20px 0;
  }
  .scheme-container {
    background: #f5f5f5;
    padding: 30px 15px;
  }
  .schemes-title {
    
  }
  .opblock {
    &.opblock-get {
      border-color: @main_color_get;
      background: @sub_color_get;
      .opblock-summary {
        border-color: @main_color_get;
      }
      .opblock-summary-method {
        background: @main_color_get;
      }
    }
    &.opblock-put {
      border-color: @main_color_put;
      background: @sub_color_put;
      .opblock-summary {
        border-color: @main_color_put;
      }
      .opblock-summary-method {
        background: @main_color_put;
      }
    }
    &.opblock-post {
      border-color: @main_color_post;
      background: @sub_color_post;
      .opblock-summary {
        border-color: @main_color_post;
      }
      .opblock-summary-method {
        background: @main_color_post;
      }
    }
    &.opblock-head {
      border-color: @main_color_head;
      background: @sub_color_head;
      .opblock-summary {
        border-color: @main_color_head;
      }
      .opblock-summary-method {
        background: @main_color_head;
      }
    }
    &.opblock-options {
      border-color: @main_color_options;
      background: @sub_color_options;
      .opblock-summary {
        border-color: @main_color_options;
      }
      .opblock-summary-method {
        background: @main_color_options;
      }
    }
    &.opblock-patch {
      border-color: @main_color_patch;
      background: @sub_color_get;
      .opblock-summary {
        border-color: @main_color_patch;
      }
      .opblock-summary-method {
        background: @main_color_patch;
      }
    }
    &.opblock-delete {
      border-color: @main_color_delete;
      background: @sub_color_delete;
      .opblock-summary {
        border-color: @main_color_delete;
      }
      .opblock-summary-method {
        background: @main_color_delete;
      }
    }
  }

  .response-col_status {
    font-size: 12px;
  }

  .json-schema-form-item {
    margin-bottom: 5px;
  }

  .json-schema-form-item-add,
  .json-schema-form-item-remove {
    border-color: #d9d9d9;
  }

  .btn,
  select,
  input,
  textarea {
    border-width: 1px;
  }

  input,
  textarea,
  .ant-select {
    width: 100%;
  }
  input {
    &:focus {
      border: 1px solid #3dd0e6;
      outline: 0;
      box-shadow: 0 0 0 2px rgba(0, 193, 222, 0.2);
    }
  }
  textarea {
    min-height: auto;
    border: 1px solid rgba(59, 65, 81, 0.3);
    &:focus {
      border: 1px solid #3dd0e6;
    }
  }
}