#product_chosen .chosen-single {width: 180px;} .table-children {border-left: 2px solid #cbd0db; border-right: 2px solid #cbd0db;} .table tbody > tr.table-children.table-child-top {border-top: 2px solid #cbd0db;} .table tbody > tr.table-children.table-child-bottom {border-bottom: 2px solid #cbd0db;} .table td.has-child > a:not(.plan-toggle) {max-width: 90%; max-width: calc(100% - 30px); display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .table td.has-child > .plan-toggle {color: #838a9d; position: relative; top: 1px;} .table td.has-child > .plan-toggle:hover {color: #006af1; cursor: pointer;} .table td.has-child > .plan-toggle > .icon {font-size: 16px; display: inline-block; transition: transform .2s; -ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); transform: rotate(-90deg);} .table td.has-child > .plan-toggle > .icon:before {text-align: left;} .table td.has-child > .plan-toggle.collapsed > .icon {-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform: rotate(90deg);} .table th.hours {padding-right: 8px !important;} .main-table tbody > tr.table-children > td:first-child::before {width: 3px;} td.hours {text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} td.flex {display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} td.flex span.label-badge {margin-left: 5px; min-width: 50px;} td.flex span.project-type-label {margin-left: 5px; min-width: 36px;} @-moz-document url-prefix() {.main-table tbody > tr.table-children > td:first-child::before {width: 4px;}} .c-status, .c-date, .c-percent, .c-attribute {width: 80px;} .c-estimate, .c-consumed, .c-left, .c-pm {width: 70px;} .c-progress, .c-burn {width: 60px;} .c-percent, .c-realBegan, .c-end, .c-begin, .c-realEnd{width: 100px;} .c-action {text-align: center;}