.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("icons/refresh.svg");
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-tooth-problem-15 {
  background-image: url("icon/tooth-problem-15.svg");
}

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

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

.icon-tooth-problem-20 {
  background-image: url("icon/tooth-problem-20.svg");
}

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

.icon-tooth-problem-20.active {
  background-image: url("icon/tooth-problem-20-active.svg");
}

.icon-tooth-problem-21 {
  background-image: url("icon/tooth-problem-21.svg");
}

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

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

.icon-tooth-problem-22 {
  background-image: url("icon/tooth-problem-22.svg");
}

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

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

.icon-tooth-problem-23 {
  background-image: url("icon/tooth-problem-23.svg");
}

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

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

.icon-tooth-problem-24 {
  background-image: url("icon/tooth-problem-24.svg");
}

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

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

.icon-tooth-problem-25 {
  background-image: url("icon/tooth-problem-25.svg");
}

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

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

.icon-tooth-problem-26 {
  background-image: url("icon/tooth-problem-26.svg");
}

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

.icon-tooth-problem-26.active {
  background-image: url("icon/tooth-problem-26-active.svg");
}

.icon-tooth-problem-27 {
  background-image: url("icon/tooth-problem-27.svg");
}

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

.icon-tooth-problem-27.active {
  background-image: url("icon/tooth-problem-27-active.svg");
}

.icon-tooth-problem-28 {
  background-image: url("icon/tooth-problem-28.svg");
}

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

.icon-tooth-problem-28.active {
  background-image: url("icon/tooth-problem-28-active.svg");
}

.icon-tooth-problem-29 {
  background-image: url("icon/tooth-problem-29.svg");
}

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

.icon-tooth-problem-29.active {
  background-image: url("icon/tooth-problem-29-active.svg");
}

.icon-tooth-problem-30 {
  background-image: url("icon/tooth-problem-30.svg");
}

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

.icon-tooth-problem-30.active {
  background-image: url("icon/tooth-problem-30-active.svg");
}

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

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

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

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

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

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

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

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

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

.icon-tooth-problem-34 {
  background-image: url("icon/tooth-problem-34.svg");
}

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

.icon-tooth-problem-34.active {
  background-image: url("icon/tooth-problem-34-active.svg");
}

.icon-tooth-problem-35 {
  background-image: url("icon/tooth-problem-35.svg");
}

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

.icon-tooth-problem-35.active {
  background-image: url("icon/tooth-problem-35-active.svg");
}

.icon-tooth-problem-36 {
  background-image: url("icon/tooth-problem-36.svg");
}

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

.icon-tooth-problem-36.active {
  background-image: url("icon/tooth-problem-36-active.svg");
}

.icon-tooth-problem-37 {
  background-image: url("icon/tooth-problem-37.svg");
}

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

.icon-tooth-problem-37.active {
  background-image: url("icon/tooth-problem-37-active.svg");
}

.icon-tooth-problem-38 {
  background-image: url("icon/tooth-problem-38.svg");
}

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

.icon-tooth-problem-38.active {
  background-image: url("icon/tooth-problem-38-active.svg");
}

.icon-tooth-problem-39 {
  background-image: url("icon/tooth-problem-39.svg");
}

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

.icon-tooth-problem-39.active {
  background-image: url("icon/tooth-problem-39-active.svg");
}

.icon-tooth-problem-40 {
  background-image: url("icon/tooth-problem-40.svg");
}

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

.icon-tooth-problem-40.active {
  background-image: url("icon/tooth-problem-40-active.svg");
}

.icon-tooth-problem-41 {
  background-image: url("icon/tooth-problem-41.svg");
}

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

.icon-tooth-problem-41.active {
  background-image: url("icon/tooth-problem-41-active.svg");
}

.icon-tooth-problem-42 {
  background-image: url("icon/tooth-problem-42.svg");
}

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

.icon-tooth-problem-42.active {
  background-image: url("icon/tooth-problem-42-active.svg");
}

.icon-tooth-problem-43 {
  background-image: url("icon/tooth-problem-43.svg");
}

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

.icon-tooth-problem-43.active {
  background-image: url("icon/tooth-problem-43-active.svg");
}

.icon-tooth-problem-44 {
  background-image: url("icon/tooth-problem-44.svg");
}

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

.icon-tooth-problem-44.active {
  background-image: url("icon/tooth-problem-44-active.svg");
}

.icon-tooth-problem-45 {
  background-image: url("icon/tooth-problem-45.svg");
}

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

.icon-tooth-problem-45.active {
  background-image: url("icon/tooth-problem-45-active.svg");
}

.icon-tooth-problem-46 {
  background-image: url("icon/tooth-problem-46.svg");
}

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

.icon-tooth-problem-46.active {
  background-image: url("icon/tooth-problem-46-active.svg");
}

.icon-tooth-problem-47 {
  background-image: url("icon/tooth-problem-47.svg");
}

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

.icon-tooth-problem-47.active {
  background-image: url("icon/tooth-problem-47-active.svg");
}

.icon-tooth-problem-48 {
  background-image: url("icon/tooth-problem-48.svg");
}

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

.icon-tooth-problem-48.active {
  background-image: url("icon/tooth-problem-48-active.svg");
}

.icon-tooth-problem-49 {
  background-image: url("icon/tooth-problem-49.svg");
}

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

.icon-tooth-problem-49.active {
  background-image: url("icon/tooth-problem-49-active.svg");
}

.icon-tooth-problem-50 {
  background-image: url("icon/tooth-problem-50.svg");
}

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

.icon-tooth-problem-50.active {
  background-image: url("icon/tooth-problem-50-active.svg");
}

.icon-tooth-problem-51 {
  background-image: url("icon/tooth-problem-51.svg");
}

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

.icon-tooth-problem-51.active {
  background-image: url("icon/tooth-problem-51-active.svg");
}

.icon-tooth-problem-52 {
  background-image: url("icon/tooth-problem-52.svg");
}

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

.icon-tooth-problem-52.active {
  background-image: url("icon/tooth-problem-52-active.svg");
}

.icon-tooth-problem-53 {
  background-image: url("icon/tooth-problem-53.svg");
}

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

.icon-tooth-problem-53.active {
  background-image: url("icon/tooth-problem-53-active.svg");
}

.icon-tooth-problem-54 {
  background-image: url("icon/tooth-problem-54.svg");
}

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

.icon-tooth-problem-54.active {
  background-image: url("icon/tooth-problem-54-active.svg");
}

.icon-tooth-problem-55 {
  background-image: url("icon/tooth-problem-55.svg");
}

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

.icon-tooth-problem-55.active {
  background-image: url("icon/tooth-problem-55-active.svg");
}

.icon-tooth-problem-56 {
  background-image: url("icon/tooth-problem-56.svg");
}

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

.icon-tooth-problem-56.active {
  background-image: url("icon/tooth-problem-56-active.svg");
}

.icon-tooth-problem-57 {
  background-image: url("icon/tooth-problem-57.svg");
}

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

.icon-tooth-problem-57.active {
  background-image: url("icon/tooth-problem-57-active.svg");
}

.icon-tooth-problem-58 {
  background-image: url("icon/tooth-problem-58.svg");
}

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

.icon-tooth-problem-58.active {
  background-image: url("icon/tooth-problem-58-active.svg");
}

.icon-tooth-problem-59 {
  background-image: url("icon/tooth-problem-59.svg");
}

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

.icon-tooth-problem-59.active {
  background-image: url("icon/tooth-problem-59-active.svg");
}

.icon-tooth-problem-60 {
  background-image: url("icon/tooth-problem-60.svg");
}

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

.icon-tooth-problem-60.active {
  background-image: url("icon/tooth-problem-60-active.svg");
}

.icon-tooth-problem-61 {
  background-image: url("icon/tooth-problem-61.svg");
}

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

.icon-tooth-problem-61.active {
  background-image: url("icon/tooth-problem-61-active.svg");
}

.icon-tooth-problem-62 {
  background-image: url("icon/tooth-problem-62.svg");
}

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

.icon-tooth-problem-62.active {
  background-image: url("icon/tooth-problem-62-active.svg");
}

.icon-tooth-problem-63 {
  background-image: url("icon/tooth-problem-63.svg");
}

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

.icon-tooth-problem-63.active {
  background-image: url("icon/tooth-problem-63-active.svg");
}

.icon-tooth-problem-64 {
  background-image: url("icon/tooth-problem-64.svg");
}

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

.icon-tooth-problem-64.active {
  background-image: url("icon/tooth-problem-64-active.svg");
}

.icon-tooth-problem-65 {
  background-image: url("icon/tooth-problem-65.svg");
}

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

.icon-tooth-problem-65.active {
  background-image: url("icon/tooth-problem-65-active.svg");
}

.icon-tooth-problem-66 {
  background-image: url("icon/tooth-problem-66.svg");
}

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

.icon-tooth-problem-66.active {
  background-image: url("icon/tooth-problem-66-active.svg");
}

.icon-tooth-problem-67 {
  background-image: url("icon/tooth-problem-67.svg");
}

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

.icon-tooth-problem-67.active {
  background-image: url("icon/tooth-problem-67-active.svg");
}

.icon-tooth-problem-68 {
  background-image: url("icon/tooth-problem-68.svg");
}

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

.icon-tooth-problem-68.active {
  background-image: url("icon/tooth-problem-68-active.svg");
}

.icon-tooth-problem-69 {
  background-image: url("icon/tooth-problem-69.svg");
}

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

.icon-tooth-problem-69.active {
  background-image: url("icon/tooth-problem-69-active.svg");
}

.icon-tooth-problem-70 {
  background-image: url("icon/tooth-problem-70.svg");
}

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

.icon-tooth-problem-70.active {
  background-image: url("icon/tooth-problem-70-active.svg");
}

.icon-tooth-problem-71 {
  background-image: url("icon/tooth-problem-71.svg");
}

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

.icon-tooth-problem-71.active {
  background-image: url("icon/tooth-problem-71-active.svg");
}

.icon-tooth-problem-72 {
  background-image: url("icon/tooth-problem-72.svg");
}

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

.icon-tooth-problem-72.active {
  background-image: url("icon/tooth-problem-72-active.svg");
}

.icon-tooth-problem-73 {
  background-image: url("icon/tooth-problem-73.svg");
}

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

.icon-tooth-problem-73.active {
  background-image: url("icon/tooth-problem-73-active.svg");
}

.icon-tooth-problem-74 {
  background-image: url("icon/tooth-problem-74.svg");
}

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

.icon-tooth-problem-74.active {
  background-image: url("icon/tooth-problem-74-active.svg");
}

.icon-tooth-problem-75 {
  background-image: url("icon/tooth-problem-75.svg");
}

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

.icon-tooth-problem-75.active {
  background-image: url("icon/tooth-problem-75-active.svg");
}

.icon-tooth-problem-76 {
  background-image: url("icon/tooth-problem-76.svg");
}

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

.icon-tooth-problem-76.active {
  background-image: url("icon/tooth-problem-76-active.svg");
}

.icon-tooth-problem-77 {
  background-image: url("icon/tooth-problem-77.svg");
}

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

.icon-tooth-problem-77.active {
  background-image: url("icon/tooth-problem-77-active.svg");
}

.icon-tooth-problem-78 {
  background-image: url("icon/tooth-problem-78.svg");
}

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

.icon-tooth-problem-78.active {
  background-image: url("icon/tooth-problem-78-active.svg");
}

.icon-tooth-problem-79 {
  background-image: url("icon/tooth-problem-79.svg");
}

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

.icon-tooth-problem-79.active {
  background-image: url("icon/tooth-problem-79-active.svg");
}

.icon-tooth-problem-80 {
  background-image: url("icon/tooth-problem-80.svg");
}

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

.icon-tooth-problem-80.active {
  background-image: url("icon/tooth-problem-80-active.svg");
}

.icon-tooth-problem-81 {
  background-image: url("icon/tooth-problem-81.svg");
}

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

.icon-tooth-problem-81.active {
  background-image: url("icon/tooth-problem-81-active.svg");
}

.icon-tooth-problem-82 {
  background-image: url("icon/tooth-problem-82.svg");
}

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

.icon-tooth-problem-82.active {
  background-image: url("icon/tooth-problem-82-active.svg");
}

.icon-tooth-problem-83 {
  background-image: url("icon/tooth-problem-83.svg");
}

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

.icon-tooth-problem-83.active {
  background-image: url("icon/tooth-problem-83-active.svg");
}

.icon-tooth-problem-84 {
  background-image: url("icon/tooth-problem-84.svg");
}

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

.icon-tooth-problem-84.active {
  background-image: url("icon/tooth-problem-84-active.svg");
}

.icon-tooth-problem-85 {
  background-image: url("icon/tooth-problem-85.svg");
}

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

.icon-tooth-problem-85.active {
  background-image: url("icon/tooth-problem-85-active.svg");
}

.icon-tooth-problem-86 {
  background-image: url("icon/tooth-problem-86.svg");
}

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

.icon-tooth-problem-86.active {
  background-image: url("icon/tooth-problem-86-active.svg");
}

.icon-tooth-problem-87 {
  background-image: url("icon/tooth-problem-87.svg");
}

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

.icon-tooth-problem-87.active {
  background-image: url("icon/tooth-problem-87-active.svg");
}

.icon-tooth-problem-88 {
  background-image: url("icon/tooth-problem-88.svg");
}

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

.icon-tooth-problem-88.active {
  background-image: url("icon/tooth-problem-88-active.svg");
}

.icon-tooth-problem-89 {
  background-image: url("icon/tooth-problem-89.svg");
}

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

.icon-tooth-problem-89.active {
  background-image: url("icon/tooth-problem-89-active.svg");
}

.icon-tooth-problem-90 {
  background-image: url("icon/tooth-problem-90.svg");
}

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

.icon-tooth-problem-90.active {
  background-image: url("icon/tooth-problem-90-active.svg");
}


.icon-tooth-problem-91 {
  background-image: url("icon/tooth-problem-91.svg");
}

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

.icon-tooth-problem-91.active {
  background-image: url("icon/tooth-problem-91-active.svg");
}

.icon-tooth-problem-92 {
  background-image: url("icon/tooth-problem-92.svg");
}

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

.icon-tooth-problem-92.active {
  background-image: url("icon/tooth-problem-92-active.svg");
}

.icon-tooth-problem-93 {
  background-image: url("icon/tooth-problem-93.svg");
}

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

.icon-tooth-problem-93.active {
  background-image: url("icon/tooth-problem-93-active.svg");
}

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

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

.icon-tooth-problem-99.active {
  background-image: url("icon/tooth-problem-99-active.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, .label-status-indicating, .label-status-indicated {
  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, .label-status-indicated input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.label-status-indicating .checkmark, .label-status-indicated .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #aaa;
  border-radius: 12px;
  margin: 4px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
}

.label-status-indicating.active .checkmark {
  background-color: #35312d;
}

.label-status-indicated.active .checkmark {
  background-color: #b57d00;
}

.label-status-indicating .checkmark:before {
  display: block;
  text-align: center;
  margin-top: 2px;
  color: white;
  content: "\f0cb";
}

.label-status-indicated .checkmark:before {
  display: block;
  text-align: center;
  margin-top: 2px;
  color: white;
  content: "\f25d";
}

.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: #59A36B;
}

.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: #1d9ef9;
}

.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 {
  display: inline-block;
  background-image: url("icons/mic.svg") !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 22px 22px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  padding: 6px;
}

.mic-icon:hover {
  background-color: #4076a5;
}

.mic-slash-icon {
  display: inline-block;
  background-image: url("icons/mic-slash.gif") !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 35px 35px;
  border-radius: 50%;
  background-color: #0e65bb;
  width: 24px;
  height: 24px;
  padding: 6px;
}

.mic-animate-icon {
  display: inline-block;
  background-image: url("icons/mic-animate.gif") !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 35px 35px;
  border-radius: 50%;
  background-color: #0e65bb;
  width: 24px;
  height: 24px;
  padding: 6px;
}

.camera-icon {
  background-image: url(icons/camera.svg) !important;
}

.video-icon {
  background-image: url(icons/video.svg) !important;
}

.minimize-icon {
  background-image: url(icons/minimize.svg) !important;
  background-size: 14px auto;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 18px;
  min-width: 18px;
  cursor: pointer;
}

.arrow-left-icon {
  background-image: url(icons/chevron-arrow-left.svg) !important;
}

.arrow-right-icon {
  background-image: url(icons/chevron-arrow-right.svg) !important;
}

.arrow-down-icon {
  background-image: url(icons/chevron-arrow-down.svg) !important;
}

.arrow-up-icon {
  background-image: url(icons/chevron-arrow-up.svg) !important;
}

.upload-icon {
  background-image: url(icons/upload.svg) !important;
}

.download-icon {
  background-image: url(icons/download.svg) !important;
}

.delete-icon {
  background-image: url(icons/delete.svg) !important;
}

.printer-icon {
  background-image: url(icons/printer.svg) !important;
}