/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.ino-rating{display:inline-block;width:100%;padding-top:30px;padding-bottom:50px;}
.addnote{cursor:pointer}
.ino-search-form{display:flex;width:100%;padding-top:25px;padding-bottom:25px;align-items:center;}
.ino-search-form select{margin-left:10px;margin-right:10px;padding:10px 5px;border-radius:4px;border:1px solid #dce0e0;color: #212529;vertical-align: middle;}
.ino-search-form input[type="number"]{width:60px;margin-bottom:0;padding:10px 5px;border-radius:4px;border:1px solid #dce0e0;color: #212529;text-align: center; vertical-align: middle;}
.ino-search-form #ratingsubmit{cursor:pointer;margin-left:10px;width:120px;margin-bottom:0;padding:10px 5px;border-radius:4px;border:1px solid #dd3333;color: #fff;background: #dd3333;text-align: center; vertical-align: middle;}
.ino_search_resoult li{list-style:none;border-bottom:1px solid #dce0e0;padding-top:15px;padding-bottom:15px;}
.ino_search_resoult li .thumb{display:inline-block;padding:5px;border:solid 1px #dce0e0;margin-right:15px;}
.ino_search_resoult li .thumb img{max-width:180px;}
.ino_search_resoult li .title{display:inline-block;padding:5px;}
.ino-rating li{position:relative;}
.ino-rating .user_rating{display:block;float:left;text-align:left;transition:all .5s ease;font-size:12px; }
.ino-rating .user_rating.box_respond{font-size:16px;transition:all .5s ease; float:none;border:1px solid #dce0e0;background:#fff;border-radius:5px; position:absolute;top:0;left:0;vertical-align:top;text-align:center;display:inline-block;padding:15px;}
.ino-rating .user_rating.box_respond_login{font-size:16px;transition:all .5s ease; float:none;border:1px solid #dce0e0;background:#fff;border-radius:5px; position:absolute;top:0;left:0;vertical-align:top;text-align:center;display:inline-block;padding:15px;}

.ino-rating-desc-note {display: inline-block;padding: 3px 4px;line-height: 1;color:#fff;border-radius:30px;}
.ino-rating-desc-note-res-0 {background-color: #000000;}
.ino-rating-desc-note-res-1 {background-color: #E00F15;}
.ino-rating-desc-note-res-2 {background-color: #FE761E;}
.ino-rating-desc-note-res-3 {background-color: #FFA61E;}
.ino-rating-desc-note-res-4 {background-color: #DECB53;}
.ino-rating-desc-note-res-5 {background-color: #DECB53;}
.ino-rating-desc-note-res-6 {background-color: #E7D456;}
.ino-rating-desc-note-res-7 {background-color: #52AA6B;}
.ino-rating-desc-note-res-8 {background-color: #4DA065;}
.ino-rating-desc-note-res-9 {background-color: #419759;}
.ino-rating-desc-note-res-10 {background-color: #33884B;}

.ino-rating-scores {display: grid;grid-gap:2px;margin-top: 8px;}
.ino-rating-score {background-color:#e9ecef;height:6px;}
.ino-rating-box .ino-rating-scores {grid-template-columns: repeat(10, 1fr);}
.ino-rating-box .ino-active:nth-child(0) {background-color: #000000;}
.ino-rating-box .ino-active:nth-child(1) {background-color: #E00F15;}
.ino-rating-box .ino-active:nth-child(2) {background-color: #FE761E;}
.ino-rating-box .ino-active:nth-child(3) {background-color: #FFA61E;}
.ino-rating-box .ino-active:nth-child(4) {background-color: #DECB53;}
.ino-rating-box .ino-active:nth-child(5) {background-color: #DECB53;}
.ino-rating-box .ino-active:nth-child(6) {background-color: #E7D456;}
.ino-rating-box .ino-active:nth-child(7) {background-color: #52AA6B;}
.ino-rating-box .ino-active:nth-child(8) {background-color: #4DA065;}
.ino-rating-box .ino-active:nth-child(9) {background-color: #419759;}
.ino-rating-box .ino-active:nth-child(10) {background-color: #33884B;}
.ino-rating-box .ino-active:hover {background-color: #000;}
.ino-rating-score.addnote:hover {background-color: #000;}
/*--------------------------------------------------------------*/
.ino-rating-box {}
.ino-rating-box {display:inline-block;width:100%;position:relative;}
.ino-rating-box .abr-review-author {display: none;}
.ino-rating-box .ino-rating-result {display: flex;flex-direction: column;margin-top: 32px;}
.ino-rating-box .ino-rating-result > .ino-rating-li-box {display: flex;flex-direction: column-reverse;flex-grow: 1;margin-bottom:16px;margin-top: 0;order: 1;}
.ino-rating-box .ino-rating-result > .ino-rating-list {flex-grow: 1;order: 2;}
.ino-rating-box .ino-rating-result > .ino-rating-list ul {display: grid;grid-gap: 32px;grid-template-columns: repeat(2, 1fr);}
.ino-rating-box .ino-rating-result > .ino-rating-list .ino-rating-li {display: block;margin-top: 0;}
.ino-rating-box .ino-rating-result > .ino-rating-list .abr-review-desc {margin-top:8px;}
.ino-rating-box .ino-rating-big-score {display: flex;flex-direction: column;line-height: 1;order: 1;}
.ino-rating-box .ino-rating-big-score .ino-rating-textnote {font-size:48px;}
.ino-rating-box .ino-rating-big-score .ino-rating-big-score-text {margin-top:8px;white-space: nowrap;}
.ino-rating-box .ino-rating-big-score .ino-rating-big-score-text span {text-transform:uppercase;font-size:12px;font-weight:700;color:#777;}
@media (min-width: 720px) {.ino-rating-box .ino-rating-result {	flex-direction: row;	align-items: center;	margin-top: 0;}.ino-rating-box .ino-rating-result > .ino-rating-li-box {	margin-bottom: 0;	margin-top: 0;	order: 1;}.ino-rating-box .ino-rating-result > .ino-rating-list {	margin-top: 0;	order: 1;}.ino-rating-box .ino-rating-result > .ino-rating-list ul {	grid-template-columns: repeat(3, 1fr);}.ino-rating-box .ino-rating-li-box + .ino-rating-big-score,.ino-rating-box .ino-rating-list + .ino-rating-big-score {	margin-left: 32px;}.ino-rating-box .ino-rating-big-score {	order: 2;}}
.ino-rating-box .ino-rating-textnote {font-size:16px;font-weight:bold;}
.ino-rating-box .ino-rating-name {font-size:12px;text-transform:uppercase;color: #777;}
.ino-rating-box .ino-rating-label {display: flex;align-items: center;justify-content:space-between;margin-top:8px;}
.ino-rating-list {margin-top: 32px;}
.ino-rating-list ul {list-style: none;margin: 0;padding: 0;}
.ino-rating-list .ino-rating-li {display: grid;grid-gap: 20px;grid-template-columns: 1fr;margin-top: 32px;}
.ino-rating-list .ino-rating-li:first-child {margin-top: 0;}
.ino-rating-list .ino-rating-li .abr-review-desc {font-size: 14px;}
@media (min-width: 720px) {.ino-rating-list .ino-rating-li {	grid-template-columns: 1fr 1fr;}}
@media (min-width: 1024px) {.ino-rating-list .ino-rating-li {	grid-gap: 40px;}}

/*--------------------------------------------------------------*/