:root {
  --qclose-primary-color: #673ab7;
  --qclose-primary-color-light: #F8F5FF;
  --qclose-deep-text-color: #002648;
  --qclose-border-color: #d2d4d9;
}
.qclose-card {
  border: 1px solid;
  border-color: var(--qclose-border-color);
  position: relative;
  height: 100%;
}
.qclose-card .qclose-card-body {
  padding: 25px 20px;
  height: 100%;
}
.qclose-make-button-big {
  padding: 13px 35px !important;
  font-size: 13px !important;
  height: auto !important;
  border-radius: 5px !important;
}
.ui.page.dimmer {
  z-index: 999999 !important;
}
.qclose-dropdown-font-size-13 {
  font-size: 13px !important;
}
.qclose-dropdown-font-size-14 {
  font-size: 14px !important;
}
.qclose-dropdown-font-size-15 {
  font-size: 15px !important;
}
.qclose-dropdown-font-size-16 {
  font-size: 16px !important;
}
.qclose-dropdown-font-size-17 {
  font-size: 17px !important;
}
.gfs-14 {
  font-size: 14px !important;
}
.btn.btn-sm.button-stripe-status {
  padding: 7px 10px !important;
}
a.table-action-ellipses {
  width: 32px;
  height: 32px;
  display: inline-block;
  line-height: 32px;
  text-align: center;
}
#toast-container > div {
  font-size: 13px;
  line-height: 18px;
  width: 100%;
  min-width: 300px;
  max-width: 400px;
}
#toast-container > div,
#toast-container > div:hover {
  -webkit-box-shadow: 0 0 12px rgba(153, 153, 153, 0.5) !important;
  box-shadow: 0 0 12px rgba(153, 153, 153, 0.5) !important;
  opacity: 0.95 !important;
}
#toast-container > .toast.toast.toast[class*="toast-"] {
  background-image: none !important;
  padding: 12px 15px 12px 15px !important;
}
#toast-container > div.toast-success {
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  color: #468847 !important;
  opacity: 1 !important;
}
#toast-container > div.toast-error {
  background-color: #f2dede;
  border: 1px solid #eed3d7;
  color: #b94a48 !important;
  opacity: 1 !important;
}
#toast-container > div.toast-info {
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
  color: #3a87ad !important;
  opacity: 1 !important;
}
#toast-container > div.toast-warning {
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  color: #c09853 !important;
  opacity: 1 !important;
}
.empty-activity {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.empty-activity .empty-activity--text {
  color: #7d858d;
}
input.form-control {
  height: 48px !important;
  line-height: 48px !important;
}
.qclose-calendar-timepicker .ui-timepicker-wrapper {
  width: 107px;
}
.qclose-calendar-timepicker .ui-timepicker-wrapper::-webkit-scrollbar {
  width: 3px;
}
.qclose-calendar-timepicker .ui-timepicker-wrapper::-webkit-scrollbar-track {
  border-radius: 0;
}

@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 999px) {
}
@media screen and (max-width: 767px) {
  .qclose-card {
    margin-bottom: 15px;
    height: auto;
  }
}
@media screen and (max-width: 568px) {
}