.icon-clock { background-image: url("/assets/plugin_assets/time_logger/colorized/clock-9f7638d4.gif"); }
.icon-start { background-image: url("/assets/plugin_assets/time_logger/colorized/time_start-7473da64.png"); }
.icon-pause { background-image: url("/assets/plugin_assets/time_logger/colorized/time_pause-cf38d2a6.png"); }
.icon-stop { background-image: url("/assets/plugin_assets/time_logger/colorized/time_stop-9e2eca01.png"); }

.icon-action {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
    width: 100%;
    height: 0;
    padding-left: 12px;
}
.icon-action:hover { cursor: pointer; }

.time-not-running {
    background-image: url("/assets/plugin_assets/time_logger/colorized/time-d8d5e363.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
    padding-left: 14px;
    cursor: default;
}

a#time-logger-menu {
    cursor: default;
    text-decoration: none;
}

span#time-logger-menu > a { margin-right: 4px; }
span#time-logger-issue-id { margin-left: 4px; }

.icon-start-action { background-image: url("/assets/plugin_assets/time_logger/colorized/start-af022714.png"); }
.icon-pause-action { background-image: url("/assets/plugin_assets/time_logger/colorized/pause-3273ed4c.png"); }
.icon-stop-action { background-image: url("/assets/plugin_assets/time_logger/colorized/stop-09dd74a7.png"); }
.icon-list-action {
    background-image: url("/assets/plugin_assets/time_logger/colorized/list-629dcfd2.png");
    margin: 0 !important;
}

div#tl-timer-wrapper {
    display: inline-flex;
    margin: 0 10px 0 2px;
}
/* use the one below if you want the time logger in the bottom oon it's own
#time-logger-menu { position:fixed; bottom:0px; right:8px; background:black; padding:1em; }
*/

#time-logger-admin td.start-date, #time-logger-admin td.spent-time, #time-logger-admin td.msg { text-align: center; }
#time-logger-admin td.user, #time-logger-admin td.issue { text-align: left; }
#time-logger-admin p.msg { text-align: center; }

#status-transition-list { margin-bottom: 10px; }
#status-transition-list td.zombie { font-style: italic; }
#status-transition-list td.msg { text-align: center; }

#settings form[action="/settings/plugin/time_logger"] > div + div { display: none }

/* Hack to remove the div opened by redmine before rendering the plugin settings partial */