.hour-line{display:block;margin-bottom:10px;margin-left:0;margin-right:0;padding-top:10px;padding-bottom:10px;border-radius:4px;position:relative;min-height:32px}.Order{background-color:#669B93;color:#fff}.Adhoc{background-color:lightskyblue;color:#fff}.Reparatie{background-color:#cc2525;color:#fff}.Transport{background-color:RGB(236, 135, 54);color:#fff}.Pauze{background-color:#ffc559;color:#fff}.Reistijdwoonwerk,.Reistijdwerkwerk,.Reistijdwerkwoon,.Reistijdwoonorder{background-color:RGB(44, 74, 54);color:#fff}.row.hour-line>.col-1,.row.hour-line>.col-2,.row.hour-line>.col-3,.row.hour-line>.col-4,.row.hour-line>.col-5,.row.hour-line>.col-6,.row.hour-line>.col-7,.row.hour-line>.col-8,.row.hour-line>.col-9,.row.hour-line>.col-10,.row.hour-line>.col-11,.row.hour-line>.col-12{max-width:100% !important}.row.hour-line>.ico{position:absolute;top:2px;left:2px;padding:0 !important}.row.hour-line>.description{padding-left:26px;display:block}.row.hour-line>.time{padding-left:26px;display:block;text-align:center}.row.hour-line>.subject{padding-left:26px;display:block;text-align:center}.row.hour-line>.hours{padding-left:26px;display:block;text-align:center}.hour-line.newMessage{background-color:#426358;color:#fff}.hour-line.oldMessage{background-color:#83A9A4;color:#fff}.hour-line .dash-icon{position:absolute;left:10px}.hour-line .time{margin-right:10px}.order-detail-hour{margin-bottom:0.25rem !important}@media (max-width: 768px){.hour-line{display:block;margin-bottom:10px;margin-left:0;margin-right:0;border-radius:4px;position:relative}.row.hour-line>.col-1,.row.hour-line>.col-2,.row.hour-line>.col-3,.row.hour-line>.col-4,.row.hour-line>.col-5,.row.hour-line>.col-6,.row.hour-line>.col-7,.row.hour-line>.col-8,.row.hour-line>.col-9,.row.hour-line>.col-10,.row.hour-line>.col-11,.row.hour-line>.col-12{max-width:100% !important}.row.hour-line>.ico{position:absolute;top:2px;left:2px;padding:0 !important}.row.hour-line>.description{padding-left:26px;display:block;text-align:left}.row.hour-line>.time{padding-left:26px;display:block;text-align:left}.row.hour-line>.subject{padding-left:26px;display:block;text-align:left}.row.hour-line>.hours{padding-left:26px;display:block;text-align:left}.hour-line.Reistijdwoonwerk,.hour-line.Reistijdwerkwerk,.hour-line.Reistijdwerkwoon,.hour-line.Reistijdwoonorder{background-color:#83A9A4;color:#fff}}