.ui.flowing.popup.timeline-popup {width: 90%;}
#popup-timeline { margin-top: 0em; }
#popup-timeline .segment { height: 100%; }
#popup-timeline #step-grid { margin: 0; /*height: 100%;*/ }
#popup-timeline .title, #popup-timeline i { color: unset; }
#popup-timeline #step-grid > .column { height: initial; border: 1px solid rgba(34,36,38,.15); border-right: 0; padding: 0;}
#popup-timeline #step-grid .column > div, #popup-timeline .wrapper, #popup-timeline .timeline { height: 100%; }
#popup-timeline .wrapper { overflow-x: hidden; overflow-y: auto; }
#popup-timeline #step-grid .grid { margin: 0; }
#popup-timeline #step-grid .steps { border: 0; padding-left: 1px;}
#popup-timeline #step-grid .steps .step { padding: 0 0.6em; text-align: left; }
#popup-timeline #step-grid .steps .title { font-size: .82em; }
#popup-timeline #step-grid .ui.steps .step .description {font-size: .8em;}
#popup-timeline #step-grid .icon { font-size: 1.2em; margin-right: 0.3em; }
#popup-timeline .head-steps .step, #popup-timeline .head-steps .step::after { background: var(--color-header); }
#popup-timeline #step-grid > .column:nth-child(1), #popup-timeline #step-grid > .column:nth-child(2), #popup-timeline #step-grid > .column:nth-child(3) { width: 20%; }
#popup-timeline #step-grid > .column:nth-child(4), #popup-timeline #step-grid > .column:last-child { width: 20%; }
#popup-timeline #step-grid .step:last-child { border-right: 1px solid rgba(34,36,38,.15); }
#popup-timeline #step-grid .step.active, #popup-timeline #step-grid .step.active::after { background: rgb(203 255 215); }
#popup-timeline .attached.segment { padding: 0; border:none;}
#popup-timeline .column:first-child { padding: 0; }
#popup-timeline .column:last-child { padding-left: 0; padding-right: 0; }
#popup-timeline .ui.steps .step>.icon { line-height: 1; font-size: 1.5em; margin: 0 1rem 0 0;}
#popup-timeline .ui.steps .step { padding: .5em 2em;}
#popup-timeline #step-grid .column { height: initial; }
#popup-timeline #step-grid > .column > .steps { border-bottom: 0 !important; border-left: 0 !important; border-right: 0 !important; }
#popup-timeline #step-grid .column .steps { height: 100%; min-height: 4em;}
#popup-timeline.height-5 #step-grid .column .steps{height: 5em;}
#popup-timeline #step-grid .column .transport-title { height: 2em; display: flex; justify-content: center; align-items: center; border-right: 1px solid rgba(34,36,38,.15); border-top: 1px solid rgba(34,36,38,.15); font-weight: bold; background: var(--color-header); }
#popup-timeline #step-grid .column .steps:not(:first-child) { border: inherit; }
#popup-timeline .step-info-grid { margin: 0; height: 2em; }
#popup-timeline .step-info-grid > .column { text-align: center; height: 100%; width: 20%; border-right: 1px solid rgba(34,36,38,.15); border-left: 1px solid rgba(34,36,38,.15); border-top: 1px solid rgba(34,36,38,.15); font-weight: bold; display: flex; justify-content: center; align-items: center; }
#popup-timeline .step-info-grid > .transport-header-column {width: 100%; text-align: left; justify-content: normal; padding-left: 1.4em;}
#popup-timeline .step-info-grid > .column:nth-of-type(1n+4) { width: 20%; }
#popup-timeline .step.progress > .icon:before { content: "\f110"; color: var(--color-orange); }
#popup-timeline .icon.progress { color: var(--color-orange); }
#popup-timeline .ui.card .content .description {margin: 2px 0 0px 2px;}
#popup-timeline .ui.styled.accordion .content { padding:unset; }
#popup-timeline .ui.styled.accordion #step-grid .title {padding:unset; border:none;}
#popup-timeline .ui.selectable.table>tbody>tr,#popup-timeline .ui.selectable.table>tr,#popup-timeline .ui.table>tbody>tr>td.selectable,#popup-timeline .ui.table>tr>td.selectable {cursor: default;}
#popup-timeline .ui.items.display-row {background: rgba(0,164,228, .5);}
#popup-timeline .ui.items>.item>.content>.header:not(.ui) { font-size: 1em;}
#popup-timeline .ui.items .item {padding:.5em;}
#popup-timeline .ui.items>.item>.image+.content {padding-left: 0;}
#popup-timeline .ui.items>.item{margin:0;}
#popup-timeline .ui.items .item .ui.small.image {width: 45px;}
#popup-timeline .ui.items .item .ui.table { border: none; background: transparent;}
#popup-timeline .ui.items .item .ui.table tr:hover td {background: transparent;}
#popup-timeline .ui.loader{ color: var(--color-blue);}
#popup-timeline .card-header{ background:transparent!important; padding-bottom:0;}
#popup-timeline .collapse-option i{ cursor: pointer;}
#popup-timeline .ui.card .content .header .collapse-option .caret.down.icon {margin-left: 0;}
#popup-timeline .ui.table.product-info tr:hover td {background: transparent;}
#popup-timeline .ui.card .avatar img, .avatar img { max-width: 3em; max-height: 3em; width: 3em; height: 3em; border-radius: 500rem;}
#popup-timeline .product_image figure { z-index: 11; }
#popup-timeline span.transport-show-hide { cursor: pointer; }
#popup-timeline .row.supplier-transport { padding: 1.5em 0.5em 2em 0.5em; }
#popup-timeline .ui.steps .step i.flag { margin: 0 .1em 0 0; line-height: 0;}
#popup-timeline a.disabled {color: rgba(0,0,0,.85)!important;}
#popup-timeline a.ui.nonexpander, #popup-timeline a.ui.expander { font-size: 24px; cursor: pointer; }
#popup-timeline div.actions { text-align: center; margin-top: 10px; }
#popup-timeline .red.times.icon{color: var(--color-red)!important;}


.timeline { /*width: 86vw;*/margin: 0 10px; }
.timeline #step-grid { margin: 0; }
.timeline .column {	padding: 0 !important; }
.timeline .steps { height: 100%; }
.timeline .head-steps .step { font-size: 0.8em; height: 100%; min-height: 5.5em; }
.timeline .segment { padding: 0; }
.timeline .segment { padding: .7em !important; }
.timeline .segment .step { padding: .7em !important; }
.timeline .segment .step > .icon { font-size: 1em; margin-right: .2em; }
.timeline .segment .step > .content { font-size: .75em; }
.timeline .step.progress > .icon:before { content: "\f110" !important; color: var(--color-orange) !important; }
.timeline .icon.progress { color: var(--color-orange) !important; }
.timeline .title, .timeline i { color: unset !important; }
.timeline .content .description { margin-top: 0 !important; }
.timeline .head-steps .step { padding: 0.5em !important; }
.timeline tr.head th { font-weight: 700 !important;  }
.timeline tr.subhead th { font-weight: 700 !important; font-size: 0.8em; background: #eeeeee !important;}
.timeline td i.orange { color: var(--color-orange) !important; }
.timeline i.clientreference-icon { color: var(--color-orange) !important; cursor: pointer !important; }
.timeline td i.red { color: var(--color-red) !important; }
.timeline tr.no-top-border td { border-top: 0px !important; vertical-align: top !important; background: var(--color-white) !important }
/*.timeline tr td:hover, .timeline tr:hover { background: var(--color-white) !important}*/
.timeline {/* width: 80vw !important;*/ }
.timeline .productsinfo td { font-size: 0.8em !important;  }
.timeline td.smaller { font-size: 0.8em !important; }
/*.timeline .ui.table tr:hover td { background: white; }*/
.timeline .transport-row { margin-top: 0.1em; padding: 0; width: 100%; display: none; }
.timeline .transport-row table.productsinfo {margin-top: 0; border-top: 0;}
.timeline .billing-icons i.icon { margin-top: 3.25px; margin-bottom: 3.25px; }
.timeline .transport-number { font-weight: bold; text-align: center; }

/*.timeline tr.display, .timeline tr.display td:hover, .timeline tr.display:hover td { background: #8ad2f1 !important; }
.timeline tr.in-display, .timeline tr.in-display td:hover, .timeline tr.in-display:hover td { background: #bbe4f7 !important; }
.timeline tr.master, .timeline tr.master td:hover, .timeline tr.master:hover td { background: #9adda8 !important; }
.timeline tr.in-master, .timeline tr.in-master td:hover, .timeline tr.in-master:hover td { background: #c3ebcc !important; }*/

.timeline-popup { overflow-y: auto; max-height: 50vh;}