.reviews {
    height: 16px;
    display: inline-block;
}

.reviews label {
    color: #666666;
    float: left;
    font: bold 13px/27px Arial, Helvetica, sans-serif;
    width: 106px;
}

.reviews ul {
    float: left;
    margin-top: 0;
    padding-left: 0;
    width: 90px;
}

.reviews ul li {
    background: url("/images/yellow-star1.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 16px;
    width: 16px;
}

.reviews ul li a {
    float: left;
    height: 16px;
    width: 16px;
}

.reviews ul li a.active {
    background: url("/images/yellow-star.gif") no-repeat scroll 0 0 transparent;
}

.reviews ul li a.last {
    background: url("/images/yellow-star.gif") no-repeat scroll 0 0 transparent;
    width: 50%;
}

.reviews ul li span {
    float: left;
    height: 16px;
    width: 16px;
}

.reviews ul li span.active {
    background: url("/images/yellow-star.gif") no-repeat scroll 0 0 transparent;
}

.reviews ul li span.last {
    background: url("/images/yellow-star.gif") no-repeat scroll 0 0 transparent;
    width: 50%;
}

.reviews span {
    float: left;
    color: black;
    font: 12px MuseoSans500, Helvetica, Arial, sans-serif;
}

ul {
    list-style: outside none none;
}

.paging {
    float: left;
    margin-top: 0;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}

.paging ul {
    margin-right: 10px;
    padding: 0;
    width: auto;
}

.paging ul li {
    float: left;
    padding: 0 7px 0 0;
    width: auto;
}

.paging ul li a {
    background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #cfcfcf;
    color: #5c5c5c;
    float: left;
    font: bold 12px/23px Arial, Helvetica, sans-serif;
    padding: 0 8px;
    width: auto;
}

.paging ul li a.active {
    background: none repeat scroll 0 0 #822e02;
    color: #fff;
}

.paging ul li a:hover {
    background: none repeat scroll 0 0 #822e02;
    color: #fff;
}

label {
    display: inline-block;
    width: 50px;
    text-align: right;
    font-weight: bold;
}

.wide {
    width: 150px;
}

input[type=text] {
    display: inline-block;
    width: 187px;
    margin: 5px 5px;
}

input[type=number] {
    display: inline-block;
    width: 66px;
}

.ui.search.dropdown {
    display: inline-block;
    width: 150px;
    margin: 5px 5px;
}

.ui.label {
    background-color: #f4f1ec;
}

.ui.search.dropdown.selection.multiple {
    width: 205px;
}

.irs {
    margin-top: -24px;
    height: 30px;
}

.recipeheading > div {
    text-align: center;
}

#recipetable {
    margin: 0;
    padding: 0;
    width: 100%;
}

#keyword {
    width: 100%;
}

.bfr-search_recipes-table {
    margin-top: 3px;
}

.bfr-search_recipes-options {
    border-radius: 2px;
    border-spacing: 0;
}

.call-to-action-button {
    margin: 15px auto;
}

th {
    color: #424242;
    font-size: 13px;
    border-bottom: 1px solid #bbb;
    height: 30px;
    cursor: pointer;
    padding-right: 3px;
    vertical-align: middle;
}

th:hover {
    color: #f35b2d;
}

i.fas.fa-plus-square.fa-lg {
    padding: 4px 4px 0 0;
    color: #777;
}

.recipeviewlink {
    margin-top: 4px;
    font-size: 14px;
    display: inline-block;
}

#recipe_table_container #recipe_table .recipeitems > tbody > tr:first-of-type > td {
    border-bottom: none !important;
}

a.recipetitle {
    margin-top: 4px;
    font-size: 14px;
}

.recipeitems tr:nth-child(2n) {
    background-color: #f2f2f2;
}

.even {
    background: #eeeeee !important;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.batchcolor {
    margin-top: -9px;
    margin-left: 10px;
    float: right;
    vertical-align: text-bottom;
}

th.thcolor {
    text-align: center;
}

.expanded {
    border: 1px solid #eeefff;
}

.hidden {
    display: none;
    overflow: hidden;
}

.username {
    font-weight: 700;
    color: #777;
    font-size: 13px;
    line-height: 1;
}

.avatar_mini {
    max-width: 48px;
    max-height: 48px;
    border-radius: 3px;
}
i.fas.fa-angle-down,i.fas.fa-angle-up {
    color: #f35b2d;
    padding-left: 3px;
}
i.fas.fa-angle-down:hover,i.fas.fa-angle-down:hover {
    color: #000000;
}
span.expand-recipe {
    cursor: pointer;
}
span.expand-recipe i.fas.fa-plus-square.fa-lg {
    width: 13px;
    height: 11px;
    line-height: 11px;
    vertical-align: -1px;
}
.navinfo {
    text-align: right;
}
.navinfo span {
    font-size: 11px;
    font-weight: 700;
}
a.recipe_search_nav {
    cursor: pointer;
}
.ui.segment.loadercontainer {
    height: 180px;
}
.ui.active.inverted.dimmer {
    max-height: 150px;
    max-width: 98%;
}
a#searchbutton {
    background-color: #f25b2c;
}