/* Copyright (c) 2024 Huawei Technologies Co., Ltd.
openFuyao is licensed under Mulan PSL v2.
You can use this software according to the terms and conditions of the Mulan PSL v2.
You may obtain a copy of Mulan PSL v2 at:
         http://license.coscl.org.cn/MulanPSL2
THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
See the Mulan PSL v2 for more details. */
@import '@/styles/common.less';
//面包屑颜色
.@{container-prefix}-breadcrumb {
  padding-bottom: 16px;
}
.logContext_search_content{
  .@{container-prefix}-select-selector {
    width: 200px;
  }
  .select_item{
    padding-top: 20px;
  }
}

.cancel_btn {
  height: 32px;
  width: 96px;
  border: 1px solid #DCDCDC;
  color: #333333;
  border-radius: 6px !important;
}

.cancel_btn:hover {
  border: 1px solid #4B8BEA;
  color: #4B8BEA;
}

.cancel_btn:focus {
  border: 1px solid #234C9E;
  color: #234C9E;
}

.primary_btn {
  height: 32px;
  width: 96px;
  background-color: #356AC4;
  color: #fff;
  border-radius: 6px;
}

.primary_btn:hover {
  background-color: #4B8BEA !important;
  color: #fff !important;
  box-shadow: none !important;
}

.primary_btn:focus {
  background-color: #234C9E !important;
  border-color: #234C9E !important;
  box-shadow: none !important;
}

.hover {
  cursor: pointer;
}

.logs_search {
  .ant-form-item {
    margin-bottom: 0px;
  }
}

.search_content {
  margin: 20px 32px;
  padding: 20px 32px;
  background: #fff;

  .select_item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 64px;
    grid-row-gap: 40px;
  }

  .btn_item {
    display: flex;
    padding-top: 20px;
    gap: 16px;
    justify-content: flex-end;
    margin-top: 20px;
  }

  .@{container-prefix}-form-item {
    margin-bottom: 0px;
  }
}

.flex_between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex_start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.log_container {
  background-color: #fff;
  margin: 0 32px;
  padding: 0 32px 32px 32px;
}

.log_title {
  font-size: 16px;
  font-weight: 700;
  color: "#33333";
  // margin-bottom: 20px;
}

.radio_item {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.exports {
  color: #1890ff;
}

.right_arrow {
  display: flex;
  margin-right: 10px;
  align-items: center;
  padding-top: 5px;
}

.right_arrow::before {
  content: "";
  width: 4px;
  height: 16px;
  margin-right: 7px;
  background-color: #1890ff;
}

.logItems {
  max-height: 640px;
  overflow-y: auto;

  .logItem {
    display: flex;
    width: 100%;
    align-items: self-start;
    border-radius: 4px;
    padding: 8px 32px;
    font-size: 14px;
  }
}

.log_result {
  margin: 20px 32px;
  padding: 32px;
  background-color: #fff;
  height: 740px;

  .noSearch {
    margin: 0 auto;
    width: 256px;

    .search_img {
      margin-top: 141px;
      width: 256px;
      height: 204px;
    }

    .search_title {
      font-size: 16px;
      color: #89939b;
      text-align: center;
    }
  }

  .log_time {
    color: #666;
    min-width: 250px;
  }

  .log_content {
    color: #666;
    word-wrap: break-word;
    flex: 1;
    word-break: break-all;
  }

  .log_content:hover {
    cursor: pointer;
    background: #cfe7ffff;
  }

  .log_option {
    width: 130px;
    display: flex;
    gap: 4px;
    justify-content: flex-end;

    button {
      padding: 0;
      height: 22px;
    }
  }

  .log_details {
    border-radius: 4px;
    border: 1px solid #dcdcdcff;
    padding: 20px 32px;
    margin: 12px 32px 12px 90px;

    .logDetail_common {
      min-width: 220px;
      color: #89939b;
      margin-bottom: 12px;
    }

    .logDetail_padddingleft {
      padding-left: 32px;
    }

    .logDetail_value {
      font-size: 14px;
      color: #666;
    }
  }
}

.logSetContainer {
  background-color: #fff;

  .@{container-prefix}-tabs-nav {
    padding: 0px 0 0 32px;
    margin-bottom: 0;
  }

  .@{container-prefix}-tabs-content-holder {
    padding: 20px 32px;
    background: #f7f7f7ff;
  }

  .logAlerts {
    background: #fff;
    border-radius: 4px;
    padding: 32px;

    .logAlerts_top {
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px;
    }
  }

  .logJob {
    background: #fff;
    border-radius: 4px;
    padding: 32px;

    .pathWarp {
      max-width: 500px;
      word-break: break-all;
    }

    .logJob_top {
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px;
    }
  }

  .logCollecting {
    background: #fff;
    border-radius: 4px;
    padding: 32px;

    .logCollecting_title {
      font-size: 16px;
      color: #333;
      font-weight: bold;
      margin-bottom: 20px;
    }

    .logCollecting_title_time {
      margin-top: 24px;
    }

    .logCollecting_info {
      display: flex;
      height: 56px;
      width: 100%;
      line-height: 56px;
      border-radius: 4px;
      background: #fff;
      border: 1px solid #dcdcdcff;
      padding-left: 32px;
      margin-bottom: 8px;

      .logCollecting_info_title {
        font-size: 14px;
        color: #333;
        width: 30%;
      }

      .logCollecting_info_path {
        font-size: 14px;
        color: #89939b;
        width: 70%;

        .logCollecting_info_address {
          color: #333;
          margin-left: 10px;
        }
      }
    }

    .logCollecting_time {
      margin-left: 32px;
      font-size: 14px;
      margin-bottom: 16px;
      display: flex;

      .logCollecting_time_title {
        color: #89939b;
      }

      .logCollecting_time_num {
        margin-left: 24px;
        color: #333;
      }
    }
  }
}

.logSet_title {
  color: #333;
  font-weight: bold;
}

.form_container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.log_search {
  height: 32px;
  width: 48%;
}

.logContext {
  .logContext_top {
    .logContext_top_info {
      padding: 0 0 24px 32px;
      background: #fff;
      display: flex;

      .logContext_top_info_content {
        display: flex;

        .logContext_top_info_content_label {
          font-size: 16px;
          color: #89939b;
        }

        .logContext_top_info_content_value {
          font-size: 16px;
          color: #333;
          margin: 0 64px 0 14px;
        }
      }
    }
  }

  .logContext_search_content {
    margin: 20px 32px;
    background: #fff;
    padding: 20px 32px;

    .context_form {
      display: flex;

      .select_item {
        display: flex;
        justify-content: space-between;
        width: 80%;
        gap: 64px;

        .ant-form-item {
          margin-bottom: 0;
          flex: 1;
        }
      }

      .btn_item {
        flex: 1;
        display: flex;
        justify-content: flex-end;
        text-align: right;
        padding-top: 20px;
      }
    }
  }
}

.ant-breadcrumb {
  background-color: #fff;
  padding: 16px 0 16px 32px;
}

.form_model {
  display: flex;
  flex-direction: column;

  .path_line {
    gap: 10px;

    * {
      flex: 1;
    }
  }

  .formBtn {
    position: relative;
    display: flex;
    justify-content: flex-end;
    height: 32px;

    .container-patform-btn {
      padding: 6px 34px;
      border-radius: 6px;
    }
  }
}

.ant-picker {
  width: 100%;
}

.pop_modal {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and(min-width:1280px) and (max-width: 1680px) {
  .resetBtn {
    margin-left: 16px !important;
  }
}