.icon-tab, .email-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.approved {
  background-image: url("icon/status-approved.svg");
}

.icon-tab.approved.active, .icon-tab.approved:hover {
  background-image: url("icon/status-approved-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;
}

.email-icon-tab.waiting {
  background-image: url("icon/status-mail-waiting1.svg") !important;
}

.email-icon-tab.waiting.active, .email-icon-tab.waiting:hover {
  background-image: url("icon/status-mail-waiting1-active.svg");
}

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

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

.email-icon-tab.sending {
  background-image: url("icon/status-mail-sending.svg") !important;
}

.email-icon-tab.sending.active, .email-icon-tab.sending:hover {
  background-image: url("icon/status-mail-sending-active.svg");
}

.email-icon-tab.completed {
  background-image: url("icon/status-mail-sent1.svg") !important;
}

.email-icon-tab.completed.active, .email-icon-tab.completed:hover {
  background-image: url("icon/status-mail-sent1-active.svg");
}

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

.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-chart-bar:before {
  font-family: FontAwesome;
  content: "\f080";
  cursor: pointer;
}

.icon-chart-bar.active, .icon-chart-bar:hover {
  color: #ccc;
}

.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-tooth-problem-0, .icon-tooth-normal {
  background-image: url("icon/tooth-normal.png");
}

.icon-tooth-problem-0:hover {
  background-color: #ccc;
}

.icon-tooth-problem-0.active {
  background-image: url("icon/tooth-normal-active.png");
}

.icon-tooth-problem-11, .icon-tooth-out {
  background-image: url("icon/tooth-out.png");
}

.icon-tooth-problem-11:hover {
  background-color: #ccc;
}

.icon-tooth-problem-11.active {
  background-image: url("icon/tooth-out-active.png");
}

.icon-tooth-problem-12, .icon-tooth-root {
  background-image: url("icon/tooth-root.png");
}

.icon-tooth-problem-12:hover {
  background-color: #ccc;
}

.icon-tooth-problem-12.active {
  background-image: url("icon/tooth-root-active.png");
}

.icon-tooth-problem-13, .icon-tooth-needout {
  background-image: url("icon/tooth-needout.png");
}

.icon-tooth-problem-13:hover {
  background-color: #ccc;
}

.icon-tooth-problem-13.active {
  background-image: url("icon/tooth-needout-active.png");
}

.icon-tooth-problem-14, .icon-tooth-needbonding {
  background-image: url("icon/tooth-needbonding.png");
}

.icon-tooth-problem-14:hover {
  background-color: #ccc;
}

.icon-tooth-problem-14.active {
  background-image: url("icon/tooth-needbonding-active.png");
}

.icon-tooth-problem-15, .icon-tooth-worn-neck {
  background-image: url("icon/tooth-worn-neck.png");
}

.icon-tooth-problem-15:hover {
  background-color: #ccc;
}

.icon-tooth-problem-15.active {
  background-image: url("icon/tooth-worn-neck-active.png");
}

.icon-tooth-problem-21, .icon-tooth-caries-chew {
  background-image: url("icon/tooth-caries-chew.png");
}

.icon-tooth-problem-21:hover {
  background-color: #ccc;
}

.icon-tooth-problem-21.active {
  background-image: url("icon/tooth-caries-chew-active.png");
}

.icon-tooth-problem-22, .icon-tooth-caries-near {
  background-image: url("icon/tooth-caries-near.png");
}

.icon-tooth-problem-22:hover {
  background-color: #ccc;
}

.icon-tooth-problem-22.active {
  background-image: url("icon/tooth-caries-near-active.png");
}

.icon-tooth-problem-23, .icon-tooth-caries-far {
  background-image: url("icon/tooth-caries-far.png");
}

.icon-tooth-problem-23:hover {
  background-color: #ccc;
}

.icon-tooth-problem-23.active {
  background-image: url("icon/tooth-caries-far-active.png");
}

.icon-tooth-problem-24, .icon-tooth-caries-outside {
  background-image: url("icon/tooth-caries-outside.png");
}

.icon-tooth-problem-24:hover {
  background-color: #ccc;
}

.icon-tooth-problem-24.active {
  background-image: url("icon/tooth-caries-outside-active.png");
}

.icon-tooth-problem-25, .icon-tooth-caries-inside {
  background-image: url("icon/tooth-caries-inside.png");
}

.icon-tooth-problem-25:hover {
  background-color: #ccc;
}

.icon-tooth-problem-25.active {
  background-image: url("icon/tooth-caries-inside-active.png");
}

.icon-tooth-problem-31, .icon-tooth-implant {
  background-image: url("icon/tooth-implant.png");
}

.icon-tooth-problem-31:hover {
  background-color: #ccc;
}

.icon-tooth-problem-31.active {
  background-image: url("icon/tooth-implant-active.png");
}

.icon-tooth-problem-32, .icon-tooth-bridging {
  background-image: url("icon/tooth-bridging.png");
}

.icon-tooth-problem-32:hover {
  background-color: #ccc;
}

.icon-tooth-problem-32.active {
  background-image: url("icon/tooth-bridging-active.png");
}

.icon-tooth-problem-33, .icon-tooth-crowding {
  background-image: url("icon/tooth-crowding.png");
}

.icon-tooth-problem-33:hover {
  background-color: #ccc;
}

.icon-tooth-problem-33.active {
  background-image: url("icon/tooth-crowding-active.png");
}

.icon-tooth-problem-99, .icon-tooth-other {
  background-image: url("icon/tooth-other.png");
}

.icon-tooth-problem-99:hover {
  background-color: #ccc;
}

.icon-tooth-problem-99.active {
  background-image: url("icon/tooth-other-active.png");
}

.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, .label-status-indicating {
  position: relative;
  padding: 5px 0px 5px 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #999;
  cursor: pointer;
}

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

.label-status-indicating .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  margin: 5px;
}

.label-status-indicating.active .checkmark {
  background-image: url(icon/status-scheduled-active.svg);
  background-size: 18px;
}

.label-status-indicating .checkmark {
  background-image: url(icon/status-scheduled.svg);
  background-size: 18px;
}

.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);
}

.icon-attachment:before {
  font-family: FontAwesome;
  content: "\f0c6";
}

.mic-icon {
  background-image: url("icons/mic.gif") !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 35px 35px;
  border: none;
}

.mic-slash-icon {
  background-image: url("icons/mic-slash.gif") !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 35px 35px;
  border: none;
}

.mic-animate-icon {
  background-image: url("icons/mic-animate.gif") !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 35px 35px;
  border: none;
}