/*!
 * # Semantic UI 2.4.2 - Search
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
    .ui.search {
        position: relative;
        font-size: 1em;
    }

   .ui.search > .results {
       -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);
       -webkit-transform-origin: center top;
       background: #fff;
       border: 1px solid #d4d4d5;
       border-radius: .28571429rem;
       box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);
       display: none;
       left: 0;
       margin-top: -0.5em;
       position: absolute;
       text-align: left;
       text-transform: none;
       top: 100%;
       transform-origin: center top;
       white-space: normal;
       width: 100%;
       z-index: 998
   }

   .ui.search > .results > :first-child { border-radius: .28571429rem .28571429rem 0 0 }

   .ui.search > .results > :last-child { border-radius: 0 0 .28571429rem .28571429rem }

   .ui.search > .results .result {
       border-bottom: 1px solid rgba(34, 36, 38, .1);
       color: rgba(0, 0, 0, .87);
       cursor: pointer;
       display: block;
       font-size: 1em;
       line-height: 1.33;
       overflow: hidden;
       padding: .85714286em 1.14285714em;
   }

   .ui.search > .results .result:last-child { border-bottom: none !important }

   .ui.search > .results .result .image {
       background: 0 0;
       border-radius: .25em;
       float: right;
       height: 3em;
       overflow: hidden;
       width: 5em;
   }

   .ui.search > .results .result .image img {
       display: block;
       height: 100%;
       width: auto;
   }

   .ui.search > .results .result .image + .content { margin: 0 6em 0 0 }

   .ui.search > .results .result .title {
       color: rgba(0, 0, 0, .85);
       font-size: 1em;
       font-weight: 500;
       margin: -.14285714em 0 0;
   }

   .ui.search > .results .result .description {
       color: rgba(0, 0, 0, .4);
       font-size: .92857143em;
       margin-top: 0;
   }

   .ui.search > .results .result .price {
       color: #21ba45;
       float: right;
   }

   .ui.search > .results > .message { padding: 1em 1em }

   .ui.search > .results > .message .header {
       color: rgba(0, 0, 0, .87);
       font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
       font-size: 1rem;
       font-weight: 700;
   }

   .ui.search > .results > .message .description {
       color: rgba(0, 0, 0, .87);
       font-size: 1em;
       margin-top: .25rem;
   }

   .ui.search > .results > .action {
       background: #f3f4f5;
       border-top: none;
       color: rgba(0, 0, 0, .87);
       display: block;
       font-weight: 700;
       padding: .92857143em 1em;
       text-align: center
   }

   .ui.search > .promptr:focus {
       background: #fff;
       border-color: rgba(34, 36, 38, .35);
       color: rgba(0, 0, 0, .95)
   }

   .ui.loading.search .input > i.icon:before {
       border: .2em solid rgba(0, 0, 0, .1);
       border-radius: 500rem;
       content: '';
       height: 1.28571429em;
       left: 50%;
       margin: -.64285714em 0 0 -.64285714em;
       position: absolute;
       top: 50%;
       width: 1.28571429em;
   }

   .ui.loading.search .input > i.icon:after {
       -webkit-animation: button-spin .6s linear;
       -webkit-animation-iteration-count: infinite;
       -webkit-box-shadow: 0 0 0 1px transparent;
       animation: button-spin .6s linear;
       animation-iteration-count: infinite;
       border-color: #767676 transparent transparent;
       border-radius: 500rem;
       border-style: solid;
       border-width: .2em;
       box-shadow: 0 0 0 1px transparent;
       content: '';
       height: 1.28571429em;
       left: 50%;
       margin: -.64285714em 0 0 -.64285714em;
       position: absolute;
       top: 50%;
       width: 1.28571429em;
   }

   .ui.category.search > .results .category .result:hover, .ui.search > .results .result:hover { background: #f9fafb }

   .ui.search .action:hover { background: #e0e0e0 }

   .ui.category.search > .results .category.active { background: #f3f4f5 }

   .ui.category.search > .results .category.active > .name { color: rgba(0, 0, 0, .87) }

   .ui.category.search > .results .category .result.active, .ui.search > .results .result.active {
       -webkit-box-shadow: none;
       background: #f3f4f5;
       border-left-color: rgba(34, 36, 38, .1);
       box-shadow: none;
       position: relative;
   }

   .ui.search > .results .result.active .title { color: rgba(0, 0, 0, .85) }

   .ui.search > .results .result.active .description { color: rgba(0, 0, 0, .85) }

   .ui.disabled.search {
       cursor: default;
       opacity: .45;
       pointer-events: none;
   }

   .ui.search.selection .promptr { border-radius: .28571429rem }

   .ui.search.selection > .icon.input > .remove.icon {
       -webkit-transition: color .1s ease, opacity .1s ease;
       color: '';
       left: auto;
       opacity: 0;
       pointer-events: none;
       position: absolute;
       right: 0;
       top: 0;
       transition: color .1s ease, opacity .1s ease
   }

   .ui.search.selection > .icon.input > .active.remove.icon {
       cursor: pointer;
       opacity: .8;
       pointer-events: auto
   }

   .ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon { right: 1.85714em }

   .ui.search.selection > .icon.input > .remove.icon:hover {
       color: #db2828;
       opacity: 1;
   }

   .ui.category.search .results { width: 28em }

   .ui.category.search .results.animating, .ui.category.search .results.visible { display: table }

   .ui.category.search > .results .category {
       -webkit-box-shadow: none;
       -webkit-transition: background .1s ease, border-color .1s ease;
       background: #f3f4f5;
       box-shadow: none;
       display: table-row;
       transition: background .1s ease, border-color .1s ease
   }

   .ui.category.search > .results .category:last-child { border-bottom: none }

   .ui.category.search > .results .category:first-child .name + .result { border-radius: 0 .28571429rem 0 0 }

   .ui.category.search > .results .category:last-child .result:last-child { border-radius: 0 0 .28571429rem 0 }

   .ui.category.search > .results .category > .name {
       background: 0 0;
       border-bottom: 1px solid rgba(34, 36, 38, .1);
       color: rgba(0, 0, 0, .4);
       display: table-cell;
       font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
       font-size: 1em;
       font-weight: 700;
       padding: .4em 1em;
       text-overflow: ellipsis;
       white-space: nowrap;
       width: 100px;
   }

   .ui.category.search > .results .category .results {
       background: #fff;
       border-bottom: 1px solid rgba(34, 36, 38, .1);
       border-left: 1px solid rgba(34, 36, 38, .15);
       display: table-cell;
   }

   .ui.category.search > .results .category .result {
       -webkit-transition: background .1s ease, border-color .1s ease;
       border-bottom: 1px solid rgba(34, 36, 38, .1);
       padding: .85714286em 1.14285714em;
       transition: background .1s ease, border-color .1s ease;
   }

   .ui[class*="left aligned"].search > .results {
       left: 0;
       right: auto;
   }

   .ui[class*="right aligned"].search > .results {
       left: auto;
       right: 0;
   }

   .ui.fluid.search .results { width: 100% }

   .ui.mini.search { font-size: .78571429em }

   .ui.small.search { font-size: .92857143em }

   .ui.large.search { font-size: 1.14285714em }

   .ui.big.search { font-size: 1.28571429em }

   .ui.huge.search { font-size: 1.42857143em }

   .ui.massive.search { font-size: 1.71428571em }

   @media only screen and (max-width: 767px) {
       .ui.search .results { max-width: calc(100vw - 2rem) }
   }