.phui-segment-bar-label{font-size:12px;margin-bottom:4px}.phui-basic-nav .phui-segment-bar-label{width:180px;overflow:hidden;text-overflow:ellipsis}.phui-segment-bar-segments{background:rgba(71,87,120,.1);border-radius:4px;position:relative;overflow:hidden;height:8px}.phui-segment-bar-segment-view{position:absolute;top:0;bottom:0;margin-left:-5px;border-right:5px solid;border-radius:0 4px 4px 0}.phui-segment-bar-segment-view.red{background:#c0392b;border-color:#c0392b}.phui-segment-bar-segment-view.orange{background:#e67e22;border-color:#e67e22}.phui-segment-bar-segment-view.yellow{background:#f1c40f;border-color:#f1c40f}.phui-segment-bar-segment-view.green{background:#139543;border-color:#139543}.phui-segment-bar-segment-view.blue{background:#2980b9;border-color:#2980b9}.phui-segment-bar-segment-view.indigo{background:#6e5cb6;border-color:#6e5cb6}.phui-segment-bar-segment-view.violet{background:#8e44ad;border-color:#8e44ad}.phui-segment-bar-segment-view.pink{background:#da49be;border-color:#da49be}.phui-segment-bar-segment-view.sky{background:#3498db;border-color:#3498db}