@import url("variables.css");

/*Search docs */
.search-doc-box {
  margin-top: 20px;
  background-image: url(../assets/images/new/logo.svg);
  background-repeat: no-repeat;
  background-position: 80% center;
}
.search-doc-box .container .wrapper {
  border: solid 1px var(--border-color);
  padding: 0px 25px 30px;
  margin-bottom: 30px;
}
.search-doc-box .form {
  display: flex;
  gap: 13px;
}
.search-doc-box .form input {
  flex-basis: 70%;
}
.search-doc-box .form select {
  flex-basis: 20%;
}
.search-doc-box .form button {
  flex-basis: 10%;
}
.result-info {
  border: solid 1px var(--active-color);
  padding: 5px 10px;
  margin-left: 25px;
  margin-bottom: 10px;
}
.results-summary {
  font-size: 1.1rem;
  margin: 10px 10px 30px 25px;
}
.one-result {
  margin-bottom: 30px;
}
.result-info {
  width: fit-content;
}
[class*="doc-icon-"] {
  display: inline-block;
  padding: 10px 0 10px 22px;
  font-size: 0.9rem;
  margin-right: 5px;
  text-decoration: none;
  color: #333;
}
.doc-name {
  font-size: 1.2rem;
  line-height: 1.7rem;
  text-decoration: none;
  color: var(--primary-bg-color);
  padding-left: 0;
  margin-left: 25px;
  display: block;
}
.doc-icon-calendar {
  background: url("../assets/images/new/icon-cal.svg") no-repeat left center;
  background-size: 15px 16px;
}
.doc-icon-download {
  background: url("../assets/images/new/icon-download.svg") no-repeat left 12px;
}
.doc-icon-actuality {
  background: url("../assets/images/new/icon-current.svg") no-repeat left center;
}
@media screen and (max-width: 992px) {
  main.content-page > .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 768px) {
  .search-doc-box .form {
    flex-direction: column;
  }
  .search-doc-box .form input,
  .search-doc-box .form select,
  .search-doc-box .form button {
    flex-basis: 100%;
  }
  .result-info {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    /*padding: 15px 15px 0 0;*/
  }
  .doc-name,
  .result-info,
  .results-summary {
    margin-left: 0;
  }
  h2.simple-header {
    font-size: 1.1rem;
    font-weight: 400;
  }
  /*.result-info {
    border: 0 none;
  }*/
  .one-result {
    /*border: solid 1px #d3d3d3;
    padding: 0 20px 60px 20px;*/
    position: relative;
  }
  /*.doc-icon-actuality {
    position: absolute;
    bottom: 20px;
  }*/
}
@media screen and (max-width: 440px) {
  .result-info{
    flex-direction: column;
    gap:0;
  }
  [class*="doc-icon-"]{
    padding: 5px 0 5px 22px;
  }
}