.timer {
  font-weight: bold;
  margin-right: 12px;
  font-family: monospace;
}
.task-timer svg {
  pointer-events: none;
}
.timer-running .timer-start {
  display:none;
}

.timer-running .timer-pause {
  display:inline-flex;
}
.add_work div.task-timer{
	border-radius: 20px;
	width: 300px;
	background: #f5f5f5;
	padding: 10px 0px;
	text-align: center;
}
div.add_work .timer{
	
}
div.add_work .timer-start, div.add_work .timer-pause{
	float: left;
}
div.add_work .timer-start, div.add_work .timer-pause, div.add_work span.timer-submit{
	background: #ccc;
	border-radius: 50px;
	text-align: center;
	margin: auto;
	margin-top:-8px;
	padding: 10px;
	line-height: 18px;
}
div.add_work .timer-pause{
	
}
div.add_work .timer-submit{
	float:right;
}
.timer-icon{
	
}
.timer-icon svg{
	fill: #ffffff;
}

#timer-cart-button{
  /* position:fixed; */
  /* bottom:20px; */
  /* right:20px; */
  /* background:#2ecc71; */
  /* color:white; */
  /* padding:10px 12px; */
  /* border-radius:50%; */
  /* cursor:pointer; */
}

#timer-cart-popup{
	position: absolute;
	top: 64px;
	right: 20px;
	width: 400px;
	/* background: white; */
	/* border: 1px solid #ddd; */
	display: none;
	height: auto;
	min-height: 300px;
	overflow-y: auto;
	color: #000000;
}

.timer-cart-header{
	display: inline-block;
	margin: 0px;
	padding: 0px;
	line-height: 28px;
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding: 2px 10px;
	display: flex;
}

#timer-cart-popup.open{
  display:block;
}

.timer-cart-row {
	display: flex;
	justify-content: space-between;
	/* margin-bottom: 6px; */
	padding: 10px;
	line-height: 20px;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background: #ffffff;
}

.timer-cart-controls span, #timer-cart-popup .timer-cart-controls a.timer-submit{
  cursor:pointer;
  margin-left:6px;
}
#timer-cart-popup .timer-cart-controls a.timer-submit{
	padding: 0px;
	margin: 0px;
	color: #000000;
	display: inline-block;
}

/* LEFT SIDE */
.timer-left {
  display: flex;
  flex-direction: column;
  max-width: 60%;
}

.timer-task-title {
  font-weight: bold;
  font-size: 13px;
  color: #222;
}

.timer-subtask-title {
  font-size: 12px;
  color: #666;
}

/* RIGHT SIDE */
.timer-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* TIME */
.timer-cart-time {
  /* font-family: monospace; */
  font-size: 14px;
  min-width: 70px;
  text-align: right;
}

/* CONTROLS */
.timer-cart-controls {
  display: flex;
  align-items: center;
  gap: 6px;
}

.timer-cart-controls span,
.timer-cart-controls a {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
}
.timer-cart-header {
  font-weight: bold;
  font-size: 14px;
	padding: 8px 6px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0px;
	color: #222;
	background: #fff;
}

.timer-cart-header{
	display: inline-block;
	margin: 0px;
	padding: 0px;
	line-height: 28px;
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding: 2px 10px;
	display: flex;
}