.bootstrap-datetimepicker-widget {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
}
.bootstrap-datetimepicker-widget.top:after {
  border-top-color: #00ADEE;
}
.bootstrap-datetimepicker-widget.bottom:before {
  display: none;
}
.bootstrap-datetimepicker-widget.bottom:after {
  border-bottom-color: #00ADEE;
}
.bootstrap-datetimepicker-widget .picker-switch td a {
  display: inline-block;
  padding: 0;
}
.bootstrap-datetimepicker-widget .table td:first-child, .bootstrap-datetimepicker-widget .table th:first-child {
  padding-left: 0;
}
.bootstrap-datetimepicker-widget .table td:last-child, .bootstrap-datetimepicker-widget .table th:last-child {
  padding-right: 0;
}
.bootstrap-datetimepicker-widget .table thead {
  background-color: #00ADEE;
  color: white;
}
.bootstrap-datetimepicker-widget .table thead th {
  border: none;
  border-radius: 0;
  font-weight: normal;
  font-size: 14px;
}
.bootstrap-datetimepicker-widget .table thead th span {
  font-size: 20px;
}
.bootstrap-datetimepicker-widget .table thead th.prev .fa, .bootstrap-datetimepicker-widget .table thead th.next .fa {
  font-family: "Nioicon" !important;
}
.bootstrap-datetimepicker-widget .table thead th.prev .fa.fa-chevron-left:before, .bootstrap-datetimepicker-widget .table thead th.next .fa.fa-chevron-left:before {
  content: "\e9cc";
}
.bootstrap-datetimepicker-widget .table thead th.prev .fa.fa-chevron-right:before, .bootstrap-datetimepicker-widget .table thead th.next .fa.fa-chevron-right:before {
  content: "\e9d3";
}
.bootstrap-datetimepicker-widget .table thead th.dow {
  background-color: #3ccaff;
  font-size: 13px;
  color: white;
}
.bootstrap-datetimepicker-widget .table thead tr:first-child th:hover {
  background-color: #00ADEE;
  color: white;
}
.bootstrap-datetimepicker-widget .table thead tr:first-child th:hover .fa {
  color: white;
}
.bootstrap-datetimepicker-widget .table td {
  border-top: none;
  border-radius: 0;
  font-size: 12px;
}
.bootstrap-datetimepicker-widget .table td.today:before {
  border-bottom-color: #00ADEE;
}
.bootstrap-datetimepicker-widget .table td.active {
  background-color: #00ADEE;
  color: white;
}
.bootstrap-datetimepicker-widget .table td.active:before {
  border-bottom-color: white;
}
.bootstrap-datetimepicker-widget .table td:hover {
  background-color: #00ADEE !important;
  color: white;
}
.bootstrap-datetimepicker-widget .table-condensed thead {
  background-color: #00ADEE;
  color: white;
}
.bootstrap-datetimepicker-widget .table-condensed thead th {
  border: none;
  border-radius: 0;
  font-weight: normal;
  padding: 8px;
  font-size: 14px;
}
.bootstrap-datetimepicker-widget .table-condensed thead th.dow {
  background-color: #b3dc15;
}
.bootstrap-datetimepicker-widget .table-condensed thead th.prev .fa, .bootstrap-datetimepicker-widget .table-condensed thead th.next .fa {
  font-family: "icomoon" !important;
}
.bootstrap-datetimepicker-widget .table-condensed thead th.prev .fa.fa-chevron-left:before, .bootstrap-datetimepicker-widget .table-condensed thead th.next .fa.fa-chevron-left:before {
  content: "\e906";
}
.bootstrap-datetimepicker-widget .table-condensed thead th.prev .fa.fa-chevron-right:before, .bootstrap-datetimepicker-widget .table-condensed thead th.next .fa.fa-chevron-right:before {
  content: "\e909";
}
.bootstrap-datetimepicker-widget .table-condensed thead tr:first-child th:hover {
  background-color: #00ADEE;
  color: white;
}
.bootstrap-datetimepicker-widget .table-condensed thead tr:first-child th:hover .fa {
  color: white;
}
.bootstrap-datetimepicker-widget .table-condensed td span {
  border-radius: 0;
  margin: 0;
  color: black;
  font-size: 18px;
}
.bootstrap-datetimepicker-widget .table-condensed td span.icon-calendar, .bootstrap-datetimepicker-widget .table-condensed td span.icon-time {
  font-weight: bolder;
}
.bootstrap-datetimepicker-widget .table-condensed td span.month {
  font-size: 12px;
}
.bootstrap-datetimepicker-widget .table-condensed td span.active {
  background-color: #00ADEE;
  color: white;
}
.bootstrap-datetimepicker-widget .table-condensed td span:hover {
  color: #00ADEE;
  background-color: transparent;
}
.bootstrap-datetimepicker-widget .timepicker {
  padding: 15px;
}
.bootstrap-datetimepicker-widget .timepicker a[data-action] {
  padding: 0px;
}
.bootstrap-datetimepicker-widget .timepicker .btn-primary {
  background-color: #00ADEE;
  background-image: none;
  border-radius: 0;
  color: white;
  border-color: #00ADEE;
  margin: 15px 0;
}
.bootstrap-datetimepicker-widget .timepicker .btn-primary:hover, .bootstrap-datetimepicker-widget .timepicker .btn-primary:focus, .bootstrap-datetimepicker-widget .timepicker .btn-primary:active {
  background-color: #0088bb;
  border-color: #0088bb;
}
.bootstrap-datetimepicker-widget .timepicker .fa {
  color: #00ADEE;
  font-weight: bold;
  font-family: "icomoon" !important;
}
.bootstrap-datetimepicker-widget .timepicker .fa.fa-arrow-up {
  transform: rotate(180deg);
}
.bootstrap-datetimepicker-widget .timepicker .fa.fa-arrow-up:before {
  content: "\e96a";
}
.bootstrap-datetimepicker-widget .timepicker .fa.fa-arrow-down:before {
  content: "\e96a";
}
.bootstrap-datetimepicker-widget .timepicker .glyphicon {
  color: #00ADEE;
  font-weight: bold;
  font-family: "Nioicon" !important;
}
.bootstrap-datetimepicker-widget .timepicker .glyphicon.glyphicon-chevron-up {
  transform: rotate(180deg);
}
.bootstrap-datetimepicker-widget .timepicker .glyphicon.glyphicon-chevron-up:before {
  content: "\e96a";
}
.bootstrap-datetimepicker-widget .timepicker .glyphicon.glyphicon-chevron-down:before {
  content: "\e96a";
}
.bootstrap-datetimepicker-widget .timepicker table td {
  height: 35px;
  line-height: 35px;
  width: 35px;
  font-size: 14px;
  border-radius: 0;
}
.bootstrap-datetimepicker-widget .timepicker table td span {
  font-size: 16px !important;
  height: 35px;
  line-height: 35px;
  width: 35px;
}
.bootstrap-datetimepicker-widget .timepicker table td span:hover, .bootstrap-datetimepicker-widget .timepicker table td.day:hover, .bootstrap-datetimepicker-widget .timepicker table td.hour:hover, .bootstrap-datetimepicker-widget .timepicker table td.minute:hover, .bootstrap-datetimepicker-widget .timepicker table td.second:hover {
  background-color: #00ADEE;
  color: white;
}

.ui-datepicker td a {
  padding: 0;
}
.ui-datepicker .ui-datepicker-title {
  font-size: 14px;
}
.ui-datepicker.ui-widget {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  border: 0;
  padding: 0;
  font-size: 14px;
  border-radius: 0;
}
.ui-datepicker.ui-widget .ui-datepicker-header {
  background: #00ADEE;
  color: white;
  border: 0;
  border-radius: 0;
}
.ui-datepicker.ui-widget .ui-datepicker-header .ui-corner-all {
  background: transparent !important;
  border: 0 !important;
  top: 1px !important;
  right: 0 !important;
  cursor: pointer;
}
.ui-datepicker.ui-widget .ui-datepicker-header .ui-corner-all .ui-icon {
  outline: none;
  background: transparent;
}
.ui-datepicker.ui-widget .ui-datepicker-header .ui-corner-all .ui-icon:after {
  content: "";
  height: 10px;
  width: 10px;
  border-bottom: 2px solid white;
  position: absolute;
  left: 0;
  top: 4px;
  border-left: 2px solid white;
  transform: rotate(-135deg);
}
.ui-datepicker.ui-widget .ui-datepicker-header .ui-corner-all.ui-datepicker-prev {
  right: auto !important;
  left: 0 !important;
}
.ui-datepicker.ui-widget .ui-datepicker-header .ui-corner-all.ui-datepicker-prev .ui-icon:after {
  transform: rotate(45deg);
  right: 0;
  left: auto;
}
.ui-datepicker.ui-widget .ui-datepicker-calendar thead th {
  background: rgba(0, 173, 238, 0.8);
  color: white;
  font-size: 14px;
  font-weight: normal;
  padding: 5px;
}
.ui-datepicker.ui-widget .ui-datepicker-calendar tbody td {
  padding: 0;
}
.ui-datepicker.ui-widget .ui-datepicker-calendar tbody td a {
  text-align: center;
  border: 0;
  background: transparent;
  color: black;
  padding: 5px;
  font-size: 14px;
}
.ui-datepicker.ui-widget .ui-datepicker-calendar tbody td a:hover, .ui-datepicker.ui-widget .ui-datepicker-calendar tbody td a.ui-state-active {
  background: #00ADEE;
  color: white;
}

.fullCalendar.fc .fc-button-primary {
  background-color: #00ADEE;
  border-color: #00ADEE;
}
.fullCalendar.fc .fc-button-primary.fc-button-active {
  background-color: #0088bb;
  border-color: #0088bb;
}
.fullCalendar.fc .fc-button-primary:hover, .fullCalendar.fc .fc-button-primary:focus, .fullCalendar.fc .fc-button-primary:active, .fullCalendar.fc .fc-button-primary:not(:disabled):not(.disabled):active {
  border-color: #0088bb;
  background: #0088bb;
  outline: none;
  box-shadow: none !important;
}
.fullCalendar.fc .fc-button-primary.disabled {
  border-color: color(550);
  color: white;
  background-color: color(550);
}
.fullCalendar.fc .fc-daygrid-day-number {
  color: black;
}
.fullCalendar.fc .fc-toolbar-title {
  color: black;
  font-family: font(md);
}
.fullCalendar.fc .fc-list-day-side-text {
  color: #00ADEE;
}
.fullCalendar.fc a {
  color: black;
}
.fullCalendar.fc a:hover {
  color: #0088bb;
}
.fullCalendar.fc .fc-list-event-dot {
  border: 5px solid #00ADEE;
  border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #00ADEE);
}
.fullCalendar.fc .fc-h-event {
  border: 1px solid color(550);
  border: 1px solid var(--fc-event-border-color, color(550));
  background-color: color(550);
  background-color: var(--fc-event-bg-color, color(550));
}
.fullCalendar.fc .fc-daygrid-event-dot {
  border: 4px solid color(550);
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, color(550));
}
.fullCalendar.fc th {
  font-family: font(semi);
}
.fullCalendar.fc th a {
  color: black;
}
.fullCalendar.fc td {
  color: black;
}
.fullCalendar.fc .fc-timegrid-event .fc-event-main {
  background-color: color(550);
}
@media (max-width: 640px) {
  .fullCalendar.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 15px;
  }
  .fullCalendar.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title {
    font-size: 18px;
  }
  .fullCalendar.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-button-group {
    display: none;
  }
  .fullCalendar.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-button-primary {
    display: none;
  }
}

.modal.deleteModal h5 {
  font-size: 20px;
  margin-bottom: 1.5rem;
}
.modal.deleteModal .btnRow .btn {
  min-width: 80px;
}
.modal.deleteModal .btnRow .btn:not(:last-child) {
  margin-right: 10px;
}
.modal .modal-body .upload {
  position: relative;
  display: inline-block;
}
.modal .modal-body .upload__img {
  height: 169px;
  width: 150px;
  position: relative;
  overflow: hidden;
  border: 2px solid #E6E6E6;
}
.modal .modal-body .upload label {
  height: 30px;
  width: 30px;
  background: #854fff;
  color: #fff;
  font-size: 16px;
  right: -6px;
  bottom: -5px;
  cursor: pointer;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
.modal .modal-body .upload label .icon {
  margin-top: -2px;
}
.modal .modal-body .upload label input {
  display: none;
}
.modal .modal-body .form-group ul li.file-icons img {
  height: 80px;
}
@media (max-width: 767.98px) {
  .modal .modal-body .upload__img {
    height: 149px;
    width: 130px;
  }
}

.bootbox .modal-content {
  max-width: 400px;
  margin: 0 auto;
}
.bootbox .modal-content .modal-body {
  padding-bottom: 15px;
}
.bootbox .modal-content .modal-body .bootbox-body {
  text-align: center;
  font-size: 18px;
}
.bootbox .modal-content .modal-body .bootbox-close-button {
  display: none;
}
.bootbox .modal-content .modal-footer {
  justify-content: center;
  border: 0;
  padding-top: 0;
  padding-bottom: 30px;
}
.bootbox .modal-content .modal-footer .btn {
  min-width: 100px;
  text-transform: uppercase;
}
.bootbox .modal-content .modal-footer .btn + .btn {
  margin-left: 10px;
}
@media (max-width: 575px) {
  .bootbox .modal-content {
    max-width: 300px;
    margin: 0 auto;
  }
  .bootbox .modal-content .modal-footer {
    padding-bottom: 20px;
  }
  .bootbox .modal-content .modal-footer .btn {
    min-width: 80px;
  }
}

.sidebar {
  background-color: white;
  color: black;
}
.sidebar .nk-menu-icon, .sidebar .nk-menu-text, .sidebar .nk-quick-nav-icon {
  color: black;
}
.sidebar .user-light, .sidebar .nk-quick-nav-icon {
  color: black;
}
.sidebar .nk-menu-link:hover, .sidebar .active > .nk-menu-link {
  background-color: #521EBA;
}
.sidebar .nk-menu-link:hover .nk-menu-icon, .sidebar .nk-menu-link:hover .nk-menu-text, .sidebar .active > .nk-menu-link .nk-menu-icon, .sidebar .active > .nk-menu-link .nk-menu-text {
  color: white;
}
.sidebar .nk-menu-item.active .user-light, .sidebar .nk-menu-item.active .nk-quick-nav-icon, .sidebar .nk-menu-item.active-page .user-light, .sidebar .nk-menu-item.active-page .nk-quick-nav-icon {
  color: white;
}
.sidebar .nk-menu-item.active > .nk-menu-link, .sidebar .nk-menu-item.active-page > .nk-menu-link {
  background-color: #521EBA;
}
.sidebar .nk-menu-item.active > .nk-menu-link .nk-menu-icon, .sidebar .nk-menu-item.active > .nk-menu-link .nk-menu-text, .sidebar .nk-menu-item.active-page > .nk-menu-link .nk-menu-icon, .sidebar .nk-menu-item.active-page > .nk-menu-link .nk-menu-text {
  color: white;
}

.detailsPage .userLising > li:not(:last-child) {
  margin-bottom: 20px;
}

.settingPage .upload_photo label {
  bottom: 10px;
  right: 5px;
}
.settingPage .boxHeading {
  margin: 15px 0 20px;
}
.settingPage .boxHeading h5 {
  font-size: 18px;
}
.settingPage .boxHeading span {
  font-size: 14px;
}
.settingPage .weakDay {
  margin: 0 -7px;
  margin-bottom: 15px;
}
.settingPage .weakDay__list {
  padding: 0 7px;
}
.settingPage .weakDay__list input {
  display: none;
}
.settingPage .weakDay__list input ~ label {
  border: 1px solid #521EBA;
  border-radius: 50%;
  cursor: pointer;
  margin-bottom: 0;
  width: 47px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.settingPage .weakDay__list input:checked ~ label {
  color: #fff;
  background: #521EBA;
  border-color: #521EBA;
}
.settingPage .weakDay__list a {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #FF7F00;
  cursor: pointer;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  top: -5px;
  color: #fff;
  border: none;
}
@media (max-width: 575px) {
  .settingPage .weakDay__list {
    display: inline-block;
    margin-bottom: 7px;
  }
  .settingPage .weakDay__list input ~ label {
    font-size: 12px;
  }
}
.settingPage .timeslot {
  margin: 0 -7px;
}
.settingPage .timeslot__list {
  padding: 0 7px;
  flex: 1 1 20%;
  max-width: 20%;
}
.settingPage .timeslot__list:not(:last-child) {
  margin-bottom: 15px;
}
.settingPage .timeslot__list input {
  display: none;
}
.settingPage .timeslot__list input ~ label {
  border: 1px solid #521EBA;
  border-radius: 4px;
  padding: 6px 10px;
  width: 100%;
  cursor: pointer;
  margin-bottom: 0;
  text-align: center;
}
.settingPage .timeslot__list input:checked ~ label {
  color: #fff;
  background: #521EBA;
  border-color: #521EBA;
}
.settingPage .timeslot__list a {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #FF7F00;
  cursor: pointer;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  top: -5px;
  color: #fff;
  border: none;
}
@media (max-width: 1699px) {
  .settingPage .timeslot__list {
    flex: 1 1 33.33%;
    max-width: 33.33%;
  }
}
@media (max-width: 575px) {
  .settingPage .timeslot__list {
    flex: 1 1 50%;
    max-width: 50%;
  }
  .settingPage .timeslot__list input ~ label {
    padding: 8px 3px;
    font-size: 12px;
  }
}

.staticPage {
  padding: 30px 0;
}
.staticPage .card {
  box-shadow: 0 0 10px #f4f4f4;
}
.staticPage .card .card-body, .staticPage .card .card-header {
  padding: 20px 30px;
}
.staticPage .card .card-header {
  border-bottom: 1px solid #dbdfea;
}
.staticPage .card p {
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 30px;
}
.staticPage .card h5 {
  font-size: 18px;
}
.staticPage .purpleBulletList li {
  position: relative;
  padding-left: 15px;
  font-size: 15px;
  margin-bottom: 8px;
}
.staticPage .purpleBulletList li:last-child {
  margin-bottom: 10px;
}
.staticPage .purpleBulletList li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 5px;
  height: 5px;
  background: #747070;
  border-radius: 50%;
}
@media (max-width: 1399px) {
  .staticPage .card .card-body, .staticPage .card .card-header {
    padding: 15px 20px;
  }
  .staticPage .card p {
    margin-bottom: 20px;
  }
  .staticPage .card h4 {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .staticPage .card .card-body, .staticPage .card .card-header {
    padding: 15px;
  }
  .staticPage .card p {
    margin-bottom: 15px;
  }
  .staticPage .card h4 {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .staticPage .card p {
    margin-bottom: 10px;
  }
  .staticPage .card h5 {
    font-size: 16px;
  }
}

.faqCard .accordion-icon {
  position: static;
  transform: none;
  cursor: pointer;
}
.faqCard .accordion-icon.collapsed:before {
  content: "\e9c5";
}
.faqCard .action {
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.faqCard .action a {
  color: #364a63;
  font-size: 16px;
}
.faqCard .action a:not(:last-child) {
  margin-right: 10px;
}
.faqCard .action a:hover {
  color: #521EBA;
}
.faqCard .accordion-head {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  padding-right: 110px;
}
.faqCard .accordion-head:focus {
  outline: none;
}
.faqCard .accordion-head .title {
  display: inline-block;
  cursor: pointer;
}
.faqCard .accordion-item:last-child .accordion-head {
  border-bottom: 0;
}
@media (max-width: 575px) {
  .faqCard .accordion-head {
    padding-right: 1.5rem;
  }
  .faqCard .title {
    margin-bottom: 5px;
  }
  .faqCard .action {
    position: static;
    justify-content: flex-end;
    transform: none;
  }
}

.photoUpload {
  position: relative;
}
.photoUpload input {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  opacity: 0;
}

body {
  background-color: #faf7ff;
}

.card-aside {
  min-height: calc(100vh - 215px);
}
@media (max-width: 991.98px) {
  .card-aside {
    min-height: 100vh;
  }
}

.dashboard-inner {
  padding: 1.25rem;
}

.nk-header-fixed {
  background-color: white;
  color: black;
}

.btn:focus, .btn:active, .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus {
  box-shadow: none;
}

@media (max-width: 991.98px) {
  .btn-lg, .btn-group-lg > .btn {
    padding: 5px 20px;
    font-size: 14px;
  }
}

.form-control:active, .form-control:focus {
  box-shadow: none !important;
  border-color: #521EBA;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #f1b42b;
  border-color: #f1b42b;
  background-color: #f1b42b;
}

textarea.form-control {
  resize: none;
}
@media (max-width: 1199.98px) {
  textarea.form-control {
    min-height: 85px;
  }
}

.tooltip-inner {
  background: #521eba;
  text-transform: capitalize;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #521eba;
}

.custom-scroll {
  position: relative;
}
.custom-scroll .nav-tabs {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.custom-scroll .nav-tabs .nav-item {
  white-space: nowrap;
  margin-bottom: 0px;
  text-transform: capitalize;
}
.custom-scroll .nav-tabs .nav-item:not(:last-child) {
  padding-right: 15px;
}
@media (max-width: 767.98px) {
  .custom-scroll .nav-tabs .nav-item:not(:last-child) {
    padding-right: 15px;
  }
}

.tab-content .filter-btn {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
  margin-top: -47px;
  margin-right: 20px;
}
.tab-content .dataTables_wrapper {
  margin-top: 10px;
}
@media (max-width: 767.98px) {
  .tab-content .filter-btn {
    margin-top: 0;
    margin-right: 15px;
    padding: 15px 0;
  }
  .tab-content .filter-btn a.btn.btn-primary {
    padding: 5px 12px;
  }
  .tab-content .dataTables_wrapper {
    margin-top: 0;
  }
}

@media (max-width: 479px) {
  .customerView .card-inner {
    padding: 15px;
  }
}

.customGutters {
  margin-right: -6px;
  margin-left: -6px;
}
.customGutters > .col,
.customGutters > [class*=col-] {
  padding-right: 6px;
  padding-left: 6px;
}

.input-group-text .icon {
  font-size: 18px;
}

.pagination .page-item .page-link:hover {
  color: #521EBA;
}
.pagination .page-item.active .page-link:hover {
  color: #fff;
}

.ui-timepicker-standard {
  z-index: 99999 !important;
}
.ui-timepicker-standard a.ui-corner-all {
  font-size: 14px;
}
@media (max-width: 575.98px) {
  .ui-timepicker-standard a.ui-corner-all {
    font-size: 13px;
  }
}

.nk-block-head {
  padding-bottom: 30px !important;
}
.nk-block-head .nk-block-title.page-title {
  font-size: 28px;
}
@media (max-width: 1599px) {
  .nk-block-head {
    padding-bottom: 25px !important;
  }
  .nk-block-head .nk-block-title.page-title {
    font-size: 24px;
  }
}
@media (max-width: 1399px) {
  .nk-block-head {
    padding-bottom: 20px !important;
  }
  .nk-block-head .nk-block-title.page-title {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .nk-block-head .nk-block-title.page-title {
    font-size: 20px;
  }
}

.authPage .authPageRight {
  background-position: top left;
  background-size: cover;
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: url("../images/auth-images.jpg");
}
.authPage .authPageRight .feature-content {
  padding-top: 90px;
  padding-right: 110px;
}
.authPage .authPageRight .feature-content h4 {
  font-size: 75px;
  font-weight: bold;
  color: #000;
  width: 100%;
  line-height: 57px;
  margin-bottom: 15px;
}
.authPage .authPageRight .feature-content p {
  font-size: 24px;
  font-weight: bold;
}
@media (max-width: 1799px) {
  .authPage .logo-img-lg {
    max-height: 50px;
  }
  .authPage .authPageRight {
    background-size: 100%;
    background-position: bottom left;
  }
  .authPage .authPageRight .feature-content {
    text-align: center;
    padding-right: 80px;
  }
  .authPage .authPageRight .feature-content h4 {
    font-size: 50px;
    line-height: 44px;
  }
  .authPage .authPageRight .feature-content p {
    font-size: 22px;
  }
}
@media (max-width: 1600px) {
  .authPage .authPageRight .feature-content {
    padding-right: 60px;
    padding-top: 50px;
  }
}
@media (max-width: 1199px) {
  .authPage .logo-img-lg {
    max-height: 46px;
  }
  .authPage .authPageRight .feature-content {
    text-align: center;
  }
  .authPage .authPageRight .feature-content h4 {
    font-size: 30px;
  }
  .authPage .authPageRight .feature-content p {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .authPage .authPageRight .feature-content {
    text-align: center;
    padding: 30px;
  }
  .authPage .authPageRight .feature-content p {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .authPage .logo-img-lg {
    max-height: 46px;
  }
  .authPage .authPageRight .feature-content {
    text-align: center;
    padding: 15px;
  }
  .authPage .authPageRight .feature-content h4 {
    font-size: 22px;
    line-height: 30px;
  }
  .authPage .authPageRight .feature-content p {
    font-size: 16px;
  }
}

.pageHead__right h6 span {
  color: #521EBA;
}
.pageHead__right .btn-toolbar li:not(:last-child) {
  margin-right: 15px;
}
@media (max-width: 400px) {
  .pageHead__right .btn-toolbar li:not(:last-child) {
    margin-right: 8px;
  }
}
@media (max-width: 400px) {
  .pageHead .breadcrumb-item {
    font-size: 10px;
  }
  .pageHead .btn-toolbar li:not(:last-child) {
    margin-right: 8px;
  }
}

.nk-sidebar-logo .logo-small {
  max-width: 35px;
}

.form-group {
  margin-bottom: 20px;
}
@media (max-width: 1399px) {
  .form-group {
    margin-bottom: 15px;
  }
}
@media (max-width: 991px) {
  .form-group {
    margin-bottom: 10px;
  }
}

.documents li {
  margin-bottom: 30px;
}
.documents li:not(:last-child) {
  margin-right: 118px;
}
.documents li .gallery-view {
  max-width: 260px;
  height: 170px;
}
.documents li .gallery-view img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1399.98px) {
  .documents li {
    margin-bottom: 25px;
  }
  .documents li:not(:last-child) {
    margin-right: 25px;
  }
  .documents li .gallery-view {
    max-width: 220px;
    height: 145px;
  }
}
@media (max-width: 991.98px) {
  .documents li {
    margin-bottom: 15px;
  }
  .documents li:not(:last-child) {
    margin-right: 15px;
  }
  .documents li .gallery-view {
    max-width: 150px;
    height: 100px;
  }
}

.upload_photo {
  width: 90px;
  height: 90px;
}
.upload_photo .img-box img {
  padding: 5px;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.upload_photo label {
  height: 24px;
  width: 24px;
  background: #521EBA;
  cursor: pointer;
  bottom: -5px;
  right: -10px;
  color: #fff;
}
.upload_photo label.camera {
  bottom: 8px;
  right: 0;
}
.upload_photo label input[type=file] {
  display: none;
}
.upload_photo label i {
  font-size: 12px;
}

.custom-file-label {
  color: #b6c6e3;
}

.form-icon-left + .form-control {
  padding-left: calc(1rem + 20px);
}

.fileUpload {
  margin-bottom: 30px;
}
.fileUpload label {
  cursor: pointer;
  width: 100%;
  height: 120px;
  border: 2px dashed #521EBA;
  color: #521EBA;
  text-align: center;
  border-radius: 5px;
  transition: all 0.5s;
  padding: 5px;
  font-weight: bold;
  text-transform: capitalize;
}
.fileUpload label:hover {
  border-color: #682edd;
  color: #682edd;
}
.fileUpload i {
  position: relative;
  width: 20px;
  display: block;
  height: 20px;
  margin: 0 auto 5px;
}
.fileUpload i:before, .fileUpload i:after {
  content: "";
  background-color: #521EBA;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.fileUpload i:before {
  width: 100%;
  height: 2px;
}
.fileUpload i:after {
  width: 2px;
  height: 100%;
}
.fileUpload__img {
  max-width: 100%;
  max-height: 100%;
}

.dashCard .card-inner {
  padding: 25px;
}
.dashCard .icon {
  height: 70px;
}
.dashCard .icon img {
  height: 100%;
  width: auto;
}
@media (max-width: 1599px) {
  .dashCard .card-inner {
    padding: 20px;
  }
  .dashCard .amount {
    font-size: 30px;
  }
}
@media (max-width: 991.98px) {
  .dashCard .card-inner {
    padding: 18px;
  }
  .dashCard .icon {
    height: 60px;
  }
  .dashCard .amount {
    font-size: 26px;
  }
}
@media (max-width: 575.98px) {
  .dashCard .amount {
    font-size: 22px;
  }
}

@media (max-width: 420.98px) {
  .das-title {
    display: block;
  }
  .das-title .pageHead__right {
    padding-top: 5px;
  }
}
.dataTables_wrapper .dataTables_scrollHeadInner {
  width: 100% !important;
}
.dataTables_wrapper .dataTable {
  width: 100% !important;
}
.dataTables_wrapper .dataTable td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTable td .user-card .games-icon img {
  border-radius: initial;
}
.dataTables_wrapper .dataTable td .couponTitle {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  max-width: 120px;
  margin-bottom: 0;
}
.dataTables_wrapper .dataTable td .verifySelect {
  max-width: 200px;
}
.dataTables_wrapper .row {
  align-items: center;
  margin: 0 !important;
}
.dataTables_wrapper .g-2 {
  margin: 0 !important;
}
.dataTables_wrapper .g-2 > li, .dataTables_wrapper .g-2 > div {
  padding: 0 15px !important;
}
.dataTables_wrapper .dataTables_scroll {
  overflow: auto;
}
.dataTables_wrapper .datatable-wrap {
  margin: 0 !important;
  border-radius: 0;
  border-left: none;
  border-right: none;
  max-width: 100%;
  overflow-x: auto;
}
.dataTables_wrapper .dataTables_length {
  padding: 15px 0;
  position: relative;
}
.dataTables_wrapper .dataTables_length label {
  margin-bottom: 0;
}
.dataTables_wrapper .dataTables_length .form-control {
  margin: 0 5px;
}
.dataTables_wrapper .dataTables_length .form-control:active, .dataTables_wrapper .dataTables_length .form-control:focus {
  box-shadow: none !important;
}
.dataTables_wrapper .dataTables_filter {
  padding: 15px 0;
}
.dataTables_wrapper .dataTables_filter label {
  margin-bottom: 0;
  font-size: 0;
}
.dataTables_wrapper .dataTables_filter .form-control {
  background: #F6F7F8;
  height: 38px;
  padding: 5px 15px;
  margin: 0;
}
.dataTables_wrapper .dataTables_filter .form-control:active, .dataTables_wrapper .dataTables_filter .form-control:focus {
  box-shadow: none !important;
}
.dataTables_wrapper .dataTables_info {
  padding: 15px 0 !important;
  color: #74778e;
  text-align: right;
}
.dataTables_wrapper .dataTables_paginate {
  padding: 15px 0;
}
.dataTables_wrapper .dataTables_paginate .pagination {
  margin: 0 !important;
}
.dataTables_wrapper .table {
  width: 100% !important;
  margin-top: 0 !important;
}
.dataTables_wrapper .table thead tr th {
  padding-top: 13px;
  padding-bottom: 13px;
}
.dataTables_wrapper .table thead tr th:before, .dataTables_wrapper .table thead tr th:after {
  top: 19px;
}
.dataTables_wrapper .table tbody td .nk-tb-col {
  padding: 0;
}
.dataTables_wrapper .table tbody td ul.nk-tb-col.nk-tb-col-action {
  display: block;
  text-align: center;
}
@media (min-width: 768px) {
  .dataTables_wrapper .row:nth-child(2) .col-sm-12 {
    padding: 0;
  }
  .dataTables_wrapper .dataTables_length {
    text-align: right;
  }
}
@media (max-width: 991.98px) {
  .dataTables_wrapper .table td {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (max-width: 767.98px) {
  .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate {
    padding: 10px 0;
  }
  .dataTables_wrapper .dataTables_info {
    padding: 10px 0 !important;
  }
}
@media (max-width: 575.98px) {
  .dataTables_wrapper .col-7.col-sm-12.col-md-9, .dataTables_wrapper .col-5.col-sm-12.col-md-3.text-left.text-md-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .dataTables_wrapper .dataTables_length .form-control {
    margin: 0;
  }
  .dataTables_wrapper .dataTables_info {
    padding: 15px 0 !important;
  }
}

@media (max-width: 575px) {
  div.dataTables_wrapper div.dataTables_info {
    text-align: center !important;
  }

  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: center;
  }
}
.info-icon {
  background: #521eba;
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 50%;
  line-height: 18px;
  color: #fff;
  text-align: center;
  margin-left: 5px;
}

.common-table.card-inner {
  padding: 0;
}
.common-table .datatable-init {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.common-table .table td,
.common-table .table th {
  vertical-align: middle;
  white-space: nowrap;
  font-size: 14px;
}
.common-table .table td.w_70,
.common-table .table th.w_70 {
  width: 70px;
  max-width: 115px;
}
.common-table .table td.w_100,
.common-table .table th.w_100 {
  width: 100px !important;
}
.common-table .table td.w_200,
.common-table .table th.w_200 {
  width: 200px !important;
}
.common-table .table td.mw-290,
.common-table .table th.mw-290 {
  min-width: 290px;
  max-width: 290px;
  white-space: normal;
}
.common-table .table td img,
.common-table .table th img {
  margin: 0 auto;
}
.common-table .table td.text-center .user-card,
.common-table .table th.text-center .user-card {
  justify-content: center;
}
.common-table .table thead tr th {
  color: #292626;
  text-transform: capitalize;
}
.common-table .table tbody tr td .custom-switch {
  padding: 0;
  position: relative;
  margin-top: 5px;
}
.common-table .table tbody tr td .custom-switch .custom-control-label {
  width: 3rem;
}
.common-table .table tbody tr td .custom-switch .custom-control-label::before {
  left: 0;
  width: 100%;
}
.common-table .table tbody tr td .custom-switch .custom-control-label::after {
  left: 5px;
}
.common-table .table tbody tr td .textLimit {
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.common-table .bottom,
.common-table .showEntries {
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.common-table .bottom .dataTables_info,
.common-table .showEntries .dataTables_info {
  display: none;
}
.common-table .bottom .dataTables_length,
.common-table .showEntries .dataTables_length {
  order: 2;
}
.common-table .bottom .dataTables_length label,
.common-table .showEntries .dataTables_length label {
  display: inline-flex;
  align-items: center;
}
.common-table .bottom .dataTables_length label select,
.common-table .showEntries .dataTables_length label select {
  margin: 0 10px;
}
.common-table .bottom .dataTables_length label select:focus,
.common-table .showEntries .dataTables_length label select:focus {
  border-color: #24AEEF;
  box-shadow: none;
}
@media (max-width: 991.98px) {
  .common-table .table tbody .custom-switch .custom-control-label {
    width: 2.8rem;
  }
  .common-table .table tbody .custom-switch .custom-control-label::before {
    height: 1.4rem;
  }
  .common-table .table tbody .custom-switch .custom-control-label::after {
    left: 1px;
    top: 3px;
  }
}

.is-light.sidebar .nk-menu-icon .icon {
  font-size: 20px;
}
.is-light.sidebar .nk-menu-link:hover {
  background: transparent;
}
.is-light.sidebar .active > .nk-menu-link {
  background-color: #24AEEF;
  color: #fff;
}
.is-light.sidebar .active > .nk-menu-link .nk-menu-icon {
  color: #fff;
}
.is-light.sidebar .has-sub.active > .nk-menu-toggle:after {
  color: #fff;
}
.is-light.sidebar .has-sub.active .active > .nk-menu-link {
  background-color: transparent;
  color: #24AEEF;
}
@media (max-width: 1119.98px) {
  .is-light.sidebar .simplebar-content {
    padding-top: 0 !important;
  }
}

/*Edit CMS*/
.edit-cms__wrapper {
  padding: 30px;
  background: #ffffff;
}
.edit-cms--grid .cms-grid {
  background: #ffffff;
}
.edit-cms--grid .cms-grid h4 {
  margin-bottom: 15px;
}
@media (max-width: 1199px) {
  .edit-cms__wrapper {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .edit-cms {
    padding: 15px;
    margin-top: 10px;
  }
}

/*Notifications*/
.notification-page .notification-wrap .notification-item {
  padding: 15px;
}
.notification-page .notification-wrap .notification-item:not(:last-child) {
  border-bottom: 1px solid #F0F0F0;
}
.notification-page .notification-wrap .notification-item p {
  margin-bottom: 5px;
  font-size: 15px;
}
.notification-page .notification-wrap .notification-item span {
  font-size: 12px;
  color: theme(250);
}

@media (max-width: 991.98px) {
  .filterDropdown .dropdown-head, .filterDropdown .dropdown-foot {
    padding: 10px 15px;
  }
  .filterDropdown .dropdown-body {
    padding: 14px;
  }
  .filterDropdown .dropdown-body .gy-3 {
    margin-right: -5px;
    margin-left: -5px;
  }
  .filterDropdown .dropdown-body .gy-3 > div {
    padding-right: 5px;
    padding-left: 5px;
  }
}
.photoUpload {
  position: relative;
}
.photoUpload input {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  opacity: 0;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background-color: #E1E1E1;
}

::-webkit-scrollbar-thumb {
  background-color: #B6B6B6;
  border-radius: 8px;
}

@media (max-width: 1199px) {
  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  ::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: #E1E1E1;
  }
}
.alert {
  border-width: 0 0 0 3px;
  border-style: solid;
  padding: 5px 10px;
  border-radius: 0px;
  margin-bottom: 0px;
  text-align: center;
  font-size: 15px;
}
.alert.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #A94442;
}
.alert.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #59935A;
}
.alert.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #4C8BAA;
}
.alert.alert-warning {
  background-color: #F6F2DD;
  border-color: #AF9260;
  color: #8A6D3B;
}

.error-help-block {
  color: red;
  font-size: 14px;
}

.logo-small {
  opacity: 0;
}

.is-compact .logo-small {
  opacity: 1;
}
.is-compact:hover .logo-small {
  opacity: 0;
}

.dropdown-menu-xs {
  max-width: 150px;
}

@media (max-width: 359px) {
  .nk-block-tools-opt .btn {
    padding-left: 15px;
    padding-right: 15px;
  }
  .nk-block-tools-opt .btn .icon + span, .nk-block-tools-opt .btn span + .icon {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .page-title {
    font-size: 20px;
  }
}

a {
  color: #521EBA;
  transition: all 0.3s;
}
a:hover, a:active, a:focus {
  color: #431897;
}

.uploadImg {
  width: 100%;
}
.uploadImg img {
  height: 120px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.upload-document li {
  max-width: 100px;
  height: 75px;
}
.upload-document li img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.upload-document .removeImage {
  top: -10px;
  right: -10px;
  font-size: 16px;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(232, 83, 71, 0.2);
}
.upload-document .removeImage:hover {
  transform: scale(1.1);
}

.user-avatar a {
  width: 100%;
  height: 100%;
}
.user-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.productImg {
  max-width: 40px;
  text-align: center;
}
.productImg img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.user-info .dropdown-indicator {
  color: black;
}

.mobilenField .row {
  margin: 0 -5px;
}
.mobilenField .row .colleft {
  padding: 0 5px;
  flex: 0 0 80px;
  max-width: 80px;
}
.mobilenField .row .colright {
  padding: 0 5px;
  flex: 0 0 calc(100% - 80px);
  max-width: calc(100% - 80px);
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #b7c2d7;
}

.select2-container--default .select2-search--inline .select2-search__field {
  width: initial !important;
}

.product_thumb {
  max-width: 135px;
  height: 135px;
  border: 1px solid #ede7fa;
  padding: 13px;
  text-align: center;
  margin-top: 9px;
}
.product_thumb img {
  height: 100%;
}
.product_thumb .gallery-view {
  height: 100%;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .product_thumb {
    max-width: 95px;
    height: 95px;
  }
}

.settingPage .ni-percent {
  font-size: 14px;
}

.addpetType .icon {
  font-size: 20px;
}
.addpetType .btn-success, .addpetType .btn-danger {
  padding: 7px 10px;
  margin-left: 15px;
}
.addpetType .btn-success {
  background-color: #198754;
  border-color: #198754;
}

.location-map iframe {
  width: 100%;
  min-height: 200px;
  border: none;
}

.invalid-feedback, .error-help-block {
  color: red;
  font-size: 14px;
}

.spinner-border {
  border-color: #521eba;
  border-right-color: #fff;
}

.petService_card {
  margin: 20px 0 0;
  border: 1px solid #dbdfea;
  padding: 10px 15px 15px;
}
.petService_card .form-group {
  margin-bottom: 10px;
}
.petService_card .user {
  padding: 12px 0;
}
.petService_card .user.border-top {
  border-color: #e5e5e5 !important;
}
.petService_card .user-avatar.md {
  height: 45px;
  width: 45px;
  background: rgba(255, 181, 47, 0.35);
}
.petService_card--withProducts .petService_list:not(:last-child) {
  border-bottom: 1px solid #e5e5e5 !important;
  padding-top: 10px;
}
.petService_card--withProducts .petService_list:last-child {
  padding-top: 10px;
}
.petService_commision {
  padding: 20px 8px 0;
}

.pac-container {
  z-index: 1051;
}

.form-control::-moz-placeholder {
  text-transform: capitalize;
}

.form-control:-ms-input-placeholder {
  text-transform: capitalize;
}

.form-control::placeholder {
  text-transform: capitalize;
}
.form-control::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.location-map {
  height: 350px;
  width: 100%;
}
