/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/thingspace-portal/components/content/search/clientlibs/css/facets.less
Error: FileError: 'variables.less' wasn't found in /apps/thingspace-portal/components/content/search/clientlibs/css/facets.less on line 1, column 1:
1 @import (reference) "/etc/clientlibs/simple/main/css/variables.less";
2 


(uncompiled LESS src is included below)
*****************************************************/
@import (reference) "/etc/clientlibs/simple/main/css/variables.less";

.search-facets {
  @inactive: #999;
  @active: @emphasis-color;
  @search-facet--border-color: (@base-color--dark);
  margin-bottom: 1rem;
  margin-top:1rem;
  border:1px solid @search-facet--border-color;
  min-height: 28px;

  dl {
    margin: 0;
    padding: 0;
    list-style: none;
	margin-bottom: 1rem;

    dt {
      margin: 1rem 0 .75rem 0;
      font-weight: bold;
    }

    dd {
      margin: 0 .5rem 0 0;
      padding: 0;
      display: inline-block;
    }
  }

   button.search-facet-toggle {
		float:right;
        background:none;
        border:none;
        }
    .coral-Icon--accordionDown {
		display:block;
    }

    .coral-Icon--accordionUp {
		display:none;
    }

  .search-facets--content {
	padding:5px;

    }
  input[type=checkbox] {
    display: none;
  }

  label {
    border: solid 1px @inactive;
    color: @inactive;

    padding: .25rem .5rem;
    font-size: .9rem;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }

  input[type=checkbox]:checked + label {
      color: @active;
      border-color: @active;
  }
}

.search-facets.open {
	  .coral-Icon--accordionDown {
		display:none;
    }

    .coral-Icon--accordionUp {
		display:block;
    }
}

/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/thingspace-portal/components/content/search/clientlibs/css/search-field.less
Error: NameError: variable @base-color--dark is undefined in /apps/thingspace-portal/components/content/search/clientlibs/css/search-field.less on line 8, column 33:
7   @search-field--button--width: 4rem;
8   @search-field--border-color: (@base-color--dark);
9 


(uncompiled LESS src is included below)
*****************************************************/
// @import (reference) "/etc/clientlibs/simple/main/css/variables.less";



.search-component .search-field {
  @search-field--width: 100%;
  @search-field--button--width: 4rem;
  @search-field--border-color: (@base-color--dark);

  position: relative;
  width: 100%;

  .search-field--wrapper {
    position: relative;

    input[type="text"] {
      border: solid 1px @search-field--border-color;
      font-size: 2rem;
      padding: 1rem (@search-field--button--width + 1rem) 1rem 1rem;
      width: @search-field--width;
      .border-box;
    }

    input[type="submit"] {
      position: absolute;
      top: .25rem;
      right: .25rem;
      padding: 1rem - .25rem;

      border: 0;
      border-radius: 4px;
      background-color: @action-color;

      color: white;
      font-size: 2rem;
      width: @search-field--button--width;
    }

  }
  /* Search Field - -Autocomplete */

  .quick-lists {
    background-color: @bg-color;
    border: solid 1px @search-field--border-color;
    border-top-style: dashed;
    display: none;
    left: 0;
    margin-top: -1px;
    position: absolute;
    width: @search-field--width;
    .border-box;

    dl, dt, dd {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    a {
      padding: 1rem;
      text-decoration: none;
      display: block;

      &:hover {
        background-color: @base-color;
      }
    }

    .quick-suggestions,
    .quick-results {
      display: none;

      dt {
        padding: 1rem 0 .5rem 1rem;
        margin: 0;
        font-size: 1.1rem;
        font-weight: bold;
        font-style: italic;
      }
    }

    .quick-suggestions {
      background-color: @base-color;
      font-size: .8rem;
      padding-bottom: 1rem;

      dd {
        padding: .4rem 1rem;
        font-style: italic;
        cursor:pointer;
      }
    }

    .quick-results {
      a {
        padding: 1rem;
        text-decoration: none;
        display: block;

        &:hover {
          background-color: @base-color;
        }
      }
    }
  }
}
/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/thingspace-portal/components/content/search/clientlibs/css/results.less
Error: FileError: 'variables.less' wasn't found in /apps/thingspace-portal/components/content/search/clientlibs/css/results.less on line 1, column 1:
1 @import (reference) "/etc/clientlibs/simple/main/css/variables.less";
2 @emphasis-color: rgb(155, 155, 155);


(uncompiled LESS src is included below)
*****************************************************/
@import (reference) "/etc/clientlibs/simple/main/css/variables.less";
@emphasis-color: rgb(155, 155, 155);




.search-results {
  @thumbnail--width: 100px;

  .search-result-link img {
    scale: 0.8;
    margin-top: -4px;
  }

  ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .search-stats {
    font-size: .9rem;
    float: right;
    font-style: italic;
    padding-right: .5rem;
  }

  li {
    border-bottom: solid 1px #ccc;
    clear: both;

    .info {
      overflow-wrap: break-word;
      word-wrap: break-word;
      -ms-word-break: break-all;
      word-break: break-word;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;

      font-size: .9rem;
      line-height: 1.25rem;

      h3 {
        font-size: 1.25rem;
        font-weight: bold;
        margin: 0.75rem 0 0.5rem 0;
        padding-top: 0.3rem;
        text-decoration: underline;
      }

      p {

        margin-top: -5px;

        strong {
          // Handle excerpts
          color: @emphasis-color;
        }
      }
    }
  }

  li.thumbnail {
    padding-bottom: .75rem;

    .info {
      margin-left: @thumbnail--width + 20px;
    }

    .thumbnail {
      float: left;
      width: @thumbnail--width;
      border: solid 1px @base-color--dark;
      border-radius: 2px;
      text-align: center;
      padding: 1rem 0;

      a {
        color: @second-text-color;
      }
      a:hover {
        color: @emphasis-color;
      }
    }
  }

}
.search-pagination {
  margin: 1rem auto;
  display: flex;
  justify-content: center;
  margin-left: -20px;
}
.search-pagination ul,
.search-pagination li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.search-pagination .Previous {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6666 8.42409H2.97374L8.66489 14.0668L8.0597 14.6667L1.33325 8.00001L8.05969 1.33334L8.66487 1.93325L2.97376 7.57593H14.6666V8.42409Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-y: 6px;
  background-size: 17%;
  width: 80px;
  color: #000000;
  font-weight: bold;
  padding-left: 20px;
  margin-right: 10px;
}
.search-pagination .Next {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.94029 14.6667L7.3351 14.0668L13.0262 8.42412H1.33337V7.57597H13.0262L7.3351 1.93326L7.94029 1.33337L14.6667 8.00004L7.94029 14.6667Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: 50px;
  background-position-y: 6px;
  background-size: 20%;
  width: 70px;
  color: #000000;
  font-weight: bold;
}
.search-pagination input[type=radio] {
  display: none;
}
.search-pagination label {
  color: #999999;
  cursor: pointer;
  padding: .25rem .5rem;
  font-size: 1rem;
  font-weight: bold;
}
.search-pagination input[type=radio]:checked + label {
  color: #000000;
  font-weight: bold;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.component {
    padding: 0 0 150px 0;
}
.search-component .search-field {
    background: rgb(228, 228, 228);
    padding: 50px 0;
    float:initial;
    border: none;
    height: inherit;
}
.search-header form .search-field .search-input {
    border-bottom: none !important; /*important here to override inline style*/
}
.search .col-10 {
    padding-left: 45px;
}
@media (max-width: 768px) {
    .search-component .search-field {
        padding: 25px 0;
    }
    .search .col-2 {
        display: none
    }
    .search .col-10 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
}
.results-title {
    padding-top: 20px;
    padding-bottom: 20px;
    color: gray;
    font-size: 1.2rem;
}
.info a {
    color: black;
}
.info .row {
    margin-right: 0;
    margin-left: 0;
    padding-top: 10px;
}
.search-component .search-field--wrapper .submit {
    visibility: hidden;
}
.search-input:focus{
    outline: none;
}
.search-input {
    background-color: transparent;
    border: transparent;
    font-size: 1.5rem;
    font-weight: bold;
    width: 100%;
    margin: 0 0 0 15px;
}
.suggestions {
    cursor: pointer;
    font-size: 0.9rem;

}

.search-results ul,
.search-results li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.search-results li .info h3 {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 0 0 0.8rem 0;
    text-decoration: underline;
}
.search-results li .info p {
    line-height: 1.3rem;
    margin-top: inherit;
}
.search-results li {
    margin-bottom: 30px;
    border-bottom: none;
}

.search-results .search-result-link img {
    scale: 0.7;
    margin-top: 1px;
}

.quick-results-link {
    color: gray;
    text-decoration: none;
    background-color: transparent;
    font-size: 0.9rem;
    font-weight: bold;
}
.quick-results-div {
    color: black;
    text-decoration: none;
    background-color: transparent;
    font-size: 0.9rem;
    font-weight: bold;
    padding-bottom: 10px;
}
.search-component .search-field--wrapper {
    display: flex;
}
.magnified-glass {
    width: 30px;
    height: 20px;
    scale: 1.5;
    margin-top: 10px;
    background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IGZpbGw9Im5vbmUiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIvPjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0xOC45LDE4LjFsLTYtNmMxLTEuMiwxLjYtMi44LDEuNi00LjNjMC0zLjctMy02LjgtNi44LTYuN1MxLDQuMSwxLDcuOHMzLDYuOCw2LjgsNi43YzEuNiwwLDMuMS0wLjYsNC40LTEuNiBsNiw2TDE4LjksMTguMXogTTcuOCwxMy40Yy0zLjEsMC01LjYtMi41LTUuNi01LjZzMi41LTUuNiw1LjYtNS42YzMuMSwwLDUuNiwyLjUsNS42LDUuNmMwLDAsMCwwLDAsMEMxMy40LDEwLjksMTAuOSwxMy40LDcuOCwxMy40CUM3LjgsMTMuNCw3LjgsMTMuNCw3LjgsMTMuNHoiLz48L3N2Zz4=');
}
.search-field--wrapper .magnified-glass {
    width: 45px;
}
.search-field--wrapper .submit {
    margin-bottom: 0;
}
.cancel {
    background-color: transparent;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    scale: 1.3;
    margin-top: 10px;
    color: black;
    background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxzdHlsZT4uc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48bGluZSBjbGFzcz0ic3QxIiB4MT0iMiIgeTE9IjIiIHgyPSIyMiIgeTI9IjIyIi8+PGxpbmUgY2xhc3M9InN0MSIgeDE9IjIiIHkxPSIyMiIgeDI9IjIyIiB5Mj0iMiIvPjwvc3ZnPg==');
}
#breadcrumb-search {
    display: none;
}