.ui_toolbar { clear: both; margin: 1em 0; line-height: 2.1em; }

.ui_toolbar:before, .ui_toolbar:after { content: ''; display: table; }

.ui_toolbar:after { clear: both; }

.lte-ie7 .ui_toolbar { zoom: 1; }

.ui_toolbar > *, .ui_left > *, .ui_right > * { margin: 0 .5em 0 0; float: left; }

.ui_toolbar > *:last-child, .ui_right > *:last-child { margin-right: 0; }

.ui_left { float: left; }

.ui_right { float: right; margin-left: .5em; }

.ui_button, .ui_tag, .ui_select { margin: 0 .5em 0 0; position: relative; float: left; text-align: left; }

.ui_button, .ui_tag, .ui_select > div { height: 2.1em; padding: 0 .6em; position: relative; font-size: 1em; white-space: nowrap; color: #444444 !important; line-height: 2.1em; border: 1px solid; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); border-radius: 4px; background-color: #F8F8F8; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.45)); background-repeat: repeat-x; }

.ui_button:hover, .ui_select:hover > div { background-color: #E0E0E0; }

.ui_button.ui_button--selected, .ui_select.ui_select--selected > div { background-color: #E0E0E0; }

.ui_button.ui_button--disabled, .ui_select.ui_select--disabled > div { cursor: default; color: rgba(68, 68, 68, 0.25) !important; background-color: #F8F8F8; }

.ui_button { cursor: pointer; outline: none !important; text-decoration: none; transition: background .3s; }

.ui_card { padding: 1em; display: block; text-align: left; color: #444444; background-color: #F8F8F8; border: 1px solid !important; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25) !important; border-radius: 4px; }

.ui_card:before, .ui_card:after { content: ''; display: table; clear: both; }

.ui_card--void { padding: 0; overflow: hidden; }

.ui_card--void > * { margin: -1px -2px -1px -1px; }

.ui_card__img { margin: 0 -1em; display: block; overflow: hidden; border: 2px solid #F8F8F8; }

.ui_card__img--top { margin: -1em -1em 0; border-radius: 4px 4px 0 0; }

.ui_card__img--full { margin: -1em; border-radius: 4px; }

.ui_txt { margin: 0 0 0.8em; font-weight: 300; line-height: 1.6em; }

.ui_txt__title { margin: 0.66667em 0; font-size: 1.2em; font-weight: 400; line-height: 1.33333em; }

.ui_txt__bold { margin: 0.8em 0; font-weight: 400; }

.ui_txt__sub { margin: -1em 0 1em; font-size: 0.8em; font-weight: 300; line-height: 2em; }

.ui_txt__content { font-size: 0.9em; line-height: 1.77778em; }
.ui_txt__content * { display: inline; margin: 0; }

.ui_txt--truncate_3, .ui_txt--truncate_4, .ui_txt--truncate_5, .ui_txt--truncate_6, .ui_txt--truncate_7, .ui_txt--truncate_8, .ui_txt--truncate_9 { position: relative; overflow: hidden; }
.ui_txt--truncate_3:after, .ui_txt--truncate_4:after, .ui_txt--truncate_5:after, .ui_txt--truncate_6:after, .ui_txt--truncate_7:after, .ui_txt--truncate_8:after, .ui_txt--truncate_9:after { content: ''; width: 50%; height: 1.6em; display: block; position: absolute; right: 0; bottom: 0; background: linear-gradient(to right, rgba(248, 248, 248, 0), #f8f8f8); }

.ui_txt--truncate_3 { height: 4.8em; }

.ui_txt--truncate_3 .ui_txt__title { max-height: 1.33333em; overflow: hidden; }

.ui_txt--truncate_4 { height: 6.4em; }

.ui_txt--truncate_4 .ui_txt__title { max-height: 2.66667em; overflow: hidden; }

.ui_txt--truncate_5 { height: 8em; }

.ui_txt--truncate_5 .ui_txt__title { max-height: 4em; overflow: hidden; }

.ui_txt--truncate_6 { height: 9.6em; }

.ui_txt--truncate_6 .ui_txt__title { max-height: 5.33333em; overflow: hidden; }

.ui_txt--truncate_7 { height: 11.2em; }

.ui_txt--truncate_7 .ui_txt__title { max-height: 6.66667em; overflow: hidden; }

.ui_txt--truncate_8 { height: 12.8em; }

.ui_txt--truncate_8 .ui_txt__title { max-height: 8em; overflow: hidden; }

.ui_txt--truncate_9 { height: 14.4em; }

.ui_txt--truncate_9 .ui_txt__title { max-height: 9.33333em; overflow: hidden; }

.ui_select { padding: 0; }

.ui_select > div { padding: 0 1.5em 0 .6em; cursor: pointer; outline: none !important; text-decoration: none; transition: background .3s; }

.ui_select > div:after { content: ''; display: block; position: absolute; right: .6em; top: 50%; margin-top: -2px; border: 4px solid; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }

.ui_select > ul { padding: 0; margin: .75em 0 0; display: none; list-style: none; overflow: hidden; background: #fff; position: absolute; z-index: 8; top: 100%; right: 0; }

.ui_select > ul li { height: 2.1em; padding: .15em; clear: both; position: relative; border-bottom: 1px solid #ddd; }

.ui_select > ul li span { width: .6em; height: .6em; margin: .6em; float: left; }

.ui_select > ul li label { margin: 0 3.6em 0 1.8em; display: block; white-space: nowrap; }

.ui_select > ul li input { position: absolute; top: 0.15em; right: 0.15em; }

.ui_select--selected > ul { display: block; }

.ui_group { float: left; margin: 0 .5em 0 0; }

.ui_group .ui_button { float: left; margin: 0; border-radius: 0; border-left-color: rgba(255, 255, 255, 0.15); }

.ui_group .ui_button:first-child { border-radius: 4px 0 0 4px; border-left-color: rgba(0, 0, 0, 0.15); }

.ui_group .ui_button:last-child { border-radius: 0 4px 4px 0; }

.ui_icon { height: .5em; font-size: 2em; line-height: .5em; display: inline-block; font-family: "Courier New", Courier, monospace; }

.ui_icon--prev:after { content: "\02039"; font-weight: bold; }

.ui_icon--next:after { content: "\0203A"; font-weight: bold; }

.ui-tooltip { box-shadow: 0 0 5px #aaa; max-width: 300px; padding: 8px; position: absolute; z-index: 9999; font-size: 95%; line-height: 1.2; }