.list-item{ background-color: #fff; border: 1px solid #e1e1e1; border-radius: 5px; margin-top: 10px; position: relative; } .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{ border-bottom: 2px solid #17b3ec; } .mui-segmented-control.mui-segmented-control-inverted .mui-control-item{ /*border-left: 1px solid #ccc;*/ border-bottom: 2px solid #fff; } .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{ border: none; } .mui-segmented-control.mui-segmented-control-inverted{ border: none; border-bottom: 1px solid #e1e1e1; background-color: #fff; } .mui-segmented-control .mui-control-item{ line-height: inherit; } .mui-control-item div{ height: 23px; line-height: 23px; border-right: 1px solid #e1e1e1; margin: 10px 0; } .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{ color: #74bf00; border-bottom: 2px solid #74bf00; } .status-tag{ position: absolute; top: 10px; right: 0; width: 60px; background-color: #ccc; color: #fff; font-size: 14px; padding: 5px 8px 5px 10px; border-top-left-radius: 14px; border-bottom-left-radius: 14px; } .status-tag.active{ background-color: #f0b548; } .no-result-img{margin-top: 30%;} .search-bar{ padding: 5px 10px; background-color: #fff; } .search-bar input{ height: 30px; line-height: 30px; margin: 0; width: calc(100% - 110px); font-size: 14px; border-color: #e1e1e1; } .search-bar a{ display: inline-block; width: 80px; height: 30px; line-height: 30px; font-size: 14px; background-color: #47b3ec; color: #fff; margin-left: 20px; border-radius: 5px; text-align: center; } .word-break{ word-wrap: break-word; }