/* Task Checkbox */

.theme-box-padding {
  padding: 8px;
  padding-right: 18px;
  padding-left: 18px;
}
.task-checkbox {
  width: 32px;
  height: 32px;
}
.task-checkbox .circle {
  width: 28px;
  height: 28px;
  border: 4px solid #afb4bf;
  border-radius: 32px;
}
.task-checkbox .circle i {
  font-size: 20px;
  margin-top: 1px;
  color: #afb4bf;
}
.task-checkbox button.circle {
  width: 36px;
  height: 36px;
}
.task-checkbox button.task-done i {
  margin-top: 1px;
  margin-left: -3px;
}
.task-checkbox button.task-failed i {
  margin-top: 1px;
  margin-left: -1px;
}
.task-checkbox .half-circle {
  width: 28px;
  height: 14px;
  border: 4px solid #afb4bf;
}
.task-checkbox .half-circle.top {
  border-top-left-radius: 110px;
  border-top-right-radius: 110px;
  border-bottom: 0;
}
.task-checkbox .half-circle.bottom {
  border-bottom-left-radius: 110px;
  border-bottom-right-radius: 110px;
  border-top: 0;
}
.task-checkbox .mixed-circle i {
  position: relative;
  font-size: 24px;
}
.task-checkbox .mixed-circle.task-accepted i {
  top: -28px;
  left: 3px;
}
.task-checkbox .mixed-circle.task-failed i {
  top: -29px;
  left: 3px;
}
.task-checkbox .flag {
  position: relative;
  top: -45px;
  left: 20px;
  color: #f2cb63;
  font-size: 14px;
}
.task-checkbox a {
  display: block;
}
.task-checkbox button {
  background-color: #ffffff;
}
.task-checkbox a.mixed-circle {
  height: 36px;
  color: #afb4bf;
}
.task-checkbox button.mixed-circle {
  border: none;
  padding: 0px;
  height: 36px;
}
.task-checkbox a:hover,
.task-checkbox button:hover {
  background-color: #f3f3f3;
  cursor: pointer;
}
.task-checkbox a.mixed-circle:hover,
.task-checkbox button.mixed-circle:hover {
  border-radius: 300px;
}
.task-checkbox .circle.task-done.task-accepted {
  border: 4px solid #92bc64;
}
.task-checkbox .circle.task-done.task-accepted i {
  color: #92bc64;
}
.task-checkbox .half-circle.task-accepted {
  border-color: #92bc64;
}
.task-checkbox a.task-accepted:hover,
.task-checkbox button.task-accepted:hover {
  background-color: #c4dbab;
}
.task-checkbox .circle.task-failed {
  border: 4px solid #ed5a51;
}
.task-checkbox a.circle.task-failed i {
  color: #ed5a51;
  margin-top: 2px;
}
.task-checkbox button.circle.task-failed i {
  color: #ed5a51;
  margin-top: 1px;
}
.task-checkbox .half-circle.task-failed {
  border-color: #ed5a51;
}
.task-checkbox a.task-failed:hover,
.task-checkbox button.task-failed:hover {
  background-color: #f7b2ad;
}
.task-checkbox .mixed-circle.task-failed {
  color: #ed5a51;
}
.task-checkbox button.mixed-circle.task-failed i {
  margin-right: 2px;
  margin-top: 0px;
}
.task-checkbox .circle.task-flaged {
  border: 4px solid #f2cb63;
}
.task-checkbox .circle.task-flaged i {
  color: #f2cb63;
}
.task-checkbox .half-circle.task-flaged {
  border-color: #f2cb63;
}
.task-checkbox a.task-flaged:hover,
.task-checkbox button.task-flaged:hover {
  background-color: #faeac1;
}
.task-checkbox .task-retrys {
  color: #ed5a51;
  position: relative;
  left: 34px;
  top: -9px;
  text-align: left;
  font-family: Avenir-Black;
  font-size: 8px;
  line-height: 11px;
}
.task-checkbox .task-retrys.task-done {
  color: #afb4bf;
}
.task-checkbox .task-retrys.task-accepted {
  color: #92bc64;
}
.task-checkbox .task-retrys.task-failed {
  color: #ed5a51;
}
.task-checkbox .task-retrys.flaged {
  top: -28px;
}

.pull-right { float: right; }
.pull-left {float: left; }
