.icon-tab {
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-position: center center;
}

.icon-tab.scheduled {
  background-image: url("icon/status-scheduled.svg");
}

.icon-tab.scheduled.active, .icon-tab.scheduled:hover {
  background-image: url("icon/status-scheduled-active.svg");
  background-size: 28px;
}

.icon-tab.waiting {
  background-image: url("icon/status-waiting.svg");
}

.icon-tab.waiting.active, .icon-tab.waiting:hover {
  background-image: url("icon/status-waiting-active.svg");
  background-size: 28px;
}

.icon-tab.collecting {
  background-image: url("icon/status-collecting.svg");
}

.icon-tab.collecting.active, .icon-tab.collecting:hover {
  background-image: url("icon/status-collecting-active.svg");
  background-size: 28px;
}

.icon-tab.collected {
  background-image: url("icon/status-collected.svg");
}

.icon-tab.collected.active, .icon-tab.collected:hover {
  background-image: url("icon/status-collected-active.svg");
  background-size: 28px;
}

.icon-tab.processing {
  background-image: url("icon/status-processing.svg");
}

.icon-tab.processing.active, .icon-tab.processing:hover {
  background-image: url("icon/status-processing-active.svg");
  background-size: 28px;
}

.icon-tab.processed {
  background-image: url("icon/status-processed.svg");
}

.icon-tab.processed.active, .icon-tab.processed:hover {
  background-image: url("icon/status-processed-active.svg");
  background-size: 28px;
}

.icon-tab.submit {
  background-image: url("icon/status-submit.svg");
}

.icon-tab.submit.active, .icon-tab.submit:hover {
  background-image: url("icon/status-submit-active.svg");
  background-size: 28px;
}

.icon-tab.completed {
  background-image: url("icon/status-completed.svg");
}

.icon-tab.completed.active, .icon-tab.completed:hover {
  background-image: url("icon/status-completed-active.svg");
  background-size: 28px;
}

.icon {
  min-height: 20px;
  min-width: 20px;
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px auto;
}

.icon.refresh {
  background-image: url("icon/refresh.svg");
}

.icon.refresh.active, .icon.refresh:hover {
  background-image: url("icon/refresh-active.svg");
  background-size: 18px;
}

.icon-noti {
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("icons/icon-note.svg");
}

.icon-top-action {
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("icons/icon-setting.svg");
}

.icon-paste {
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("icons/icon-paste.svg");
}

.icon-lab-sample {
  background-image: url("icons/icon-lab-sample.svg");
}

.icon-lab-sample.active {
  background-image: url("icons/icon-lab-sample-active.svg");
}

.icon-lab-test {
  background-image: url("icons/icon-lab-test.svg");
}

.icon-lab-test.active {
  background-image: url("icons/icon-lab-test-active.svg");
}

.icon-lab-testing {
  background-image: url("icons/icon-lab-testing.svg");
}

.icon-lab-testing.active {
  background-image: url("icons/icon-lab-testing-active.svg");
}

.icon-lab-complete {
  background-image: url("icons/icon-lab-complete.svg");
}

.icon-lab-complete.active {
  background-image: url("icons/icon-lab-complete-active.svg");
}

.icon-lab-valid {
  background-image: url("icons/icon-lab-valid.svg");
}

.icon-lab-valid.active {
  background-image: url("icons/icon-lab-valid-active.svg");
}

.icon-lab-report {
  background-image: url("icons/icon-lab-sample.svg");
}

.icon-lab-report.active {
  background-image: url("icons/icon-lab-sample.svg");
}

.icon-waiting {
  background-image: url("icons/waiting.svg");
}

.icon-waiting.active {
  background-image: url("icons/waiting.svg");
}

.icon-x-ray {
  background-image: url("icons/icon-x-ray.svg");
}

.icon-x-ray.active {
  background-image: url("icons/icon-x-ray.svg");
}

.icon-us {
  background-image: url("icons/icon-us.svg");
}

.icon-us.active {
  background-image: url("icons/icon-us.svg");
}

.icon-ecg {
  background-image: url("icons/icon-ecg.svg");
}

.icon-ecg.active {
  background-image: url("icons/icon-ecg.svg");
}

.icon-endo {
  background-image: url("icons/icon-endo.png");
}

.icon-endo.active {
  background-image: url("icons/icon-endo.png");
}

.icon-doctor {
  background-image: url("icons/icon-doctor.svg");
}

.icon-doctor.active {
  background-image: url("icons/icon-doctor.svg");
}

.icon-config {
  height: 100%;
  width: 40px;
}

.icon-config:hover {
  background-color: #ccc;
}

.icon-config.active {
  
}

.icon-list {
  color: #075b88;
  height: 100%;
  width: 40px;
}

.icon-list:before {
  font-family: FontAwesome;
  content: "\f03a";
  position: absolute;
  top: 13px;
  left: 12px;
}

.icon-list:hover {
  background-color: #ccc;
}

.icon-list.active {
  
}

.label-status-done, .label-status-waiting, .label-status-processing {
  position: relative;
  padding: 5px 0px 5px 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #999;
}

.label-status-waiting input, .label-status-processing input, .label-status-done input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.label-status-waiting .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #aaa;
  border-radius: 9px;
  margin: 5px;
}

.label-status-waiting.active .checkmark {
  background-color: #e67e22;
}

.label-status-waiting .checkmark:before
 {
  display: block;
  content: "";
  position: absolute;
  left: 8px;
  top: 3px;
  width: 4px;
  height: 6px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.label-status-processing .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #aaa;
  border-radius: 9px;
  margin: 5px;
}

.label-status-processing.active .checkmark {
  background-color: #1d9ef9;
}

.label-status-processing .checkmark:before
 {
  display: block;
  content: "...";
  text-align: center;
  margin-top: -3px;
  color: white;
}

.label-status-done .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #aaa;
  border-radius: 9px;
  margin: 5px;
}

.label-status-done.active .checkmark {
  background-color: #59A36B;
}

.label-status-done .checkmark:before
 {
  display: block;
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 4px;
  height: 9px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}