/*
    CSS for FooDRE
    XXX Needs cleanup. Originally used jQueryUI, now switched to Bootstrap. Some of this is redundant
*/

#rankaway {
	display:block;
	margin-left: auto;
	margin-top: 20px;
	margin-right: auto;
}

.similarity-results thead tr {
	font-size: 1.1em;
	color: #666666;
	white-space: nowrap;
}

.similarity-results th {
	min-height: 125px;
}
.similarity-results th span {
	writing-mode: vertical-rl;
	text-orientation: mixed;
	word-break: keep-all;
}

.result-rank {
	display: inline-block;
	color: #666666;
	width: 2em;
}

.rank-buttons button {
	vertical-align: top;
}

td.terms {
	font-size: 0.8em;
	width:200px;
	display: none;
}

td.name {
	font-weight: bold;
}

table.feature_list {
	font-size: 0.6em;
	color: black;
	width: 100%;
}

table.feature_list col:nth-child(odd) {
  background:white;
}

table.feature_list col:nth-child(even) {
  background:#dddddd;
}

table.feature_list td, table.feature_list th {
	padding: 2px 3px 5px 3px;
	text-align: center;
}

table.feature_list th {
	padding-bottom: 2px;
	white-space: normal;
}

span.expand {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
}

span.spacer {
	display: inline-block;
	width:200px;
}

/*
   Ranking Tasks
*/

.task-desc {
    text-align: center;
    font-size: 1.6em;
}

.task-key {
	font-weight: bold;
	background: #ddffdd;
}

.task-header {
	margin-top: 20px;
}

.ties {
	background: #eeeeee;
}

.bin>.drink-row>.drink-col {
	color: #888888;
	font-size: 0.9em;
}

.sortable-selected {
	background: #c4ebff;
}

/*
 * Rules for MWLA - Menu Wine List Analysis
 */

.subtype-red {
	color: #722f37;
}

.subtype-rosé {
	color: #ea8ab9;
}

.subtype-white {
	color: #c5a91b;
}

.subtype-orange {
	color: #ffbf00;
}

.attr {
	width: 24px;
	display: inline-block;
}

.attr-adv-medium {
	color: #0022ff;
	visibility: hidden;
}

.attr-adv-high {
	color: #009dff;
}

.attr-biodynamic {
	color: orange;
}

.attr-organic {
	color: green;
}

.drink-type {
	width: 20px;
}

.bottle-wine .drink-name {
	font-size: 0.9em;
}

.drink-price {
	font-size: 0.9em;
}

.menu-flags {
	color: #bbbbbb;
}


/* An icon badge for a wine pairing or wine similarity */
.pairing-badge {
	width: 20px;
	height: 20px;
	margin-right:5px;
}

.pairing-badge-header {
	display:inline-block;
}

/*
 * If icon-badge is set on a containing element, we're using icon badges instead of text badges
 */

.icon-badge .pairing-badge-header {
	width: 20px;
	margin-right:5px;
}

.icon-badge .pairing-badge-label {
	writing-mode: vertical-rl;
    text-orientation: mixed;
}

.tooltip {
	font-size: 10px !important;
	max-width: 400px !important;
}
.tooltip-inner {
	max-width: 400px !important;
}

.tooltip .score-great, .tooltip .score-better {
    color: #53fc05 !important;
}

.tooltip .score-good {
    color: #fcad03 !important;
}

.tooltip .score-ok .tooltip .score-equal {
    color: yellow !important;
}

.tooltip .score-worse {
	color: #ff3000 !important;

}

.inspect-data .btn {
	padding: 0px 2px 0px 2px;
}

.inspect-data-results {
	font-size: 10px;
	white-space: nowrap;
}

.inspect-data-results .score-great {
    color: #36914d !important;
}

.inspect-data-results .score-good {
    color: #d68315 !important;
}

.metric-good {
	color: #36914d !important;
}

.metric-bad {
	color: #d68315 !important;
}

.metric-neutral {
	color: blue !important;
}

.thirsty-title {
	font-size: 20pt;
	font-family: Avenir;
}

.total-score {
	width: 70px !important;
}

.multiselect-items {
    margin-top: 10px;
}

.multiselect-item {
    display: inline-block;
    margin-right: 10px;
}

.multiselect-item button {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    font-weight: bold;
    padding: 0 0 0 0;
    margin-left: 10px;
}