body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* min-width: 480px !important; */
}

body #root ::-webkit-scrollbar-track {
  background: transparent;
}

body #root ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

body .btn-common {
  padding: 13px 28px 13px 20px !important;
  background: #FFC701;
  border-radius: 10px;
}

body .liked {
  color: #007EC6 !important;
  font-weight: bold !important;
}

body .btn-common span {
  color: #0E0D0D;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  padding-right: 15px;
  position: relative;
}

body .btn-common span:after {
  content: "";
  position: absolute;
  top: 4px;
  right: -8px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABrSURBVHgBpZBBCsAgDAQTweLF4BP8ii/3KfoMqaCtxUIRbQ7uJYcdspsAEQXSOiilLEwk+rSHlH4GiVsOEOMfBMYY26PqMm4F4QiVUjzU2sx45uxwtukLCWDERrAlN80m7kHvFU+hlFIcgQsV7D9FldajjwAAAABJRU5ErkJggg==) center center no-repeat;
  background-size: cover;
  width: 8px;
  height: 14px;
}

body .btn-common.btn-down span {
  padding-right: 30px;
}

body .btn-common.btn-no-arrow span {
  padding-right: 0;
}

body .btn-common.btn-no-arrow span:after {
  content: "";
  background: none;
}

body .btn-common.btn-down span:after {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB9SURBVHgBjdExCsAgDAXQH6HQYzgVoUuv0JP3Ch3dmnsI2sSltQZpFsWfJ4HQEtarAEiYdo4nY1AhbD4jHdrvAD3gJ3nwEvxAXo1zyDuh8Ah/EKdqahAkcBKQIn6PbSGOken5tcezXCyk/dSO1GINLdRBA8NCJmyxrqlHWjd9DGl2WqRxrwAAAABJRU5ErkJggg==) center center no-repeat;
  background-size: cover;
  width: 14px;
  height: 8px;
  top: 8px;
  right: -15px;
}

body .btn-common.noBg {
  border: 1px solid #757575;
  background: transparent;
}

#trial-message {
  display: none !important;
}

body .title-underline {
  font-family: "Inter", sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #0E0D0D;
  position: relative;
  padding-bottom: 15px;
  display: table;
}

body .title-underline:after {
  content: "";
  background: #FFC701;
  border-radius: 4px;
  position: absolute;
  width: 50%;
  height: 4px;
  left: 0;
  bottom: 0;
}

.pageClient {
  padding-top: 62px;
}

@media (min-width: 1200px) {
  body .container.isFluid {
    max-width: 1470px;
  }

  body .container-fluid.isFluid {
    padding: 0 75px;
    padding-top: 72px;
  }

  .fullPage {
    padding: 72px 75px 0;
  }
}
body .modal-backdrop {
  width: 100%;
  height: 100%;
}

div[role=gridcell] div:not(.mbsc-calendar-cell-inner, .mbsc-calendar-cell-text) {
  display: none !important;
}

#all .admin .table-component tbody tr td {
  word-break: break-word;
}

.modal-open {
  z-index: 999999 !important;
}

body .ui.modals {
  top: initial;
  left: initial;
}

body .ui.modals .modal.ui {
  top: initial !important;
  height: auto;
  left: initial !important;
}

body .Calendar.-noFocusOutline,
body .Calendar__yearSelector,
body .Calendar__monthSelector {
  background-color: #0E0D0D;
}

body .DatePicker__calendarContainer {
  background-color: #fff;
}

body .Calendar > :not(.Calendar__footer) button {
  color: #fff;
}

body .Calendar__monthArrow {
  background-image: url(/fonts/download.svg);
}

body .Calendar__weekDays abbr[data-original-title],
body .Calendar__weekDays abbr[title] {
  text-decoration: none;
  color: #FFC701;
}

body .DatePicker {
  width: 100%;
}

body .DatePicker input {
  background-color: #fff;
}

body .DatePicker input.form-control {
  background-color: #fff;
}

body .Calendar__day {
  color: #fff !important;
}

body .DatePicker__calendarContainer {
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
  top: calc(100% + 5px);
  border-radius: 10px;
}

body .Calendar__monthYear > * {
  font-size: 0.9em;
}

.Calendar__monthYear.-shown > *:hover,
.Calendar:not(.-noFocusOutline) .Calendar__monthYear.-shown > *:focus,
.Calendar__monthYear > *.-activeBackground,
.Calendar__day:not(.-blank):not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween):not(.-selected):hover,
.Calendar__day.-selected,
.Calendar__day.-selectedStart,
.Calendar__day.-selectedEnd,
.Calendar__day.-selectedBetween {
  background-color: #FFC701 !important;
}

a:hover {
  text-decoration: none !important;
}

body .DatePicker__calendarArrow {
  display: none;
}

.cke_notifications_area {
  display: none;
}