.card-table {
  border-radius: 0px 0px 4px 4px;
  border-top: none;
}

.card-table-body {
  padding: 15px 0;
}

.card-search {
  border-radius: 4px 4px 0px 0px;
  border-bottom: none;
  margin-block-end: 0px;
}

.min-width-2 {
  min-width: 200px;
}

.min-width-1 {
  min-width: 100px;
}

.ranges {
  min-width: 115px;
  font-size: 0.875rem;
}

.ranges li {
  padding: 8px 12px;
  cursor: pointer;
  font-size: 0.855rem;
}

.ranges li:hover {
  background-color: #eee;
  color: #000;
}

.dp__sidebar_left {
  padding: 0;
  min-width: 130px;
}

.dp__theme_light {
  --dp-background-color: #ffffff;
  --dp-text-color: #212121;
  --dp-hover-color: #f3f3f3;
  --dp-hover-text-color: #212121;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #d0093e;
  --dp-primary-text-color: #f8f5f5;
  --dp-secondary-color: #c0c4cc;
  --dp-border-color: #ddd;
  --dp-menu-border-color: #ddd;
  --dp-border-color-hover: #aaaeb7;
  --dp-disabled-color: #f6f6f6;
  --dp-scroll-bar-background: #f3f3f3;
  --dp-scroll-bar-color: #959595;
  --dp-success-color: #76d275;
  --dp-success-color-disabled: #a3d9b1;
  --dp-icon-color: #959595;
  --dp-danger-color: #ff6f60;
  --dp-highlight-color: rgba(25, 118, 210, 0.1);
}

:root {
  /*General*/
  --dp-font-family: var(--bs-font-sans-serif);
  --dp-border-radius: 4px;
  /*Configurable border-radius*/
  --dp-cell-border-radius: 4px;
  /*Specific border radius for the calendar cell*/
  /*Sizing*/
  --dp-button-heigh: 35px;
  /*Size for buttons in overlays*/
  --dp-month-year-row-height: 35px;
  /*Height of the month-year select row*/
  --dp-month-year-row-button-size: 35px;
  /*Specific height for the next/previous buttons*/
  --dp-button-icon-height: 20px;
  /*Icon sizing in buttons*/
  --dp-cell-size: 35px;
  /*Width and height of calendar cell*/
  --dp-cell-padding: 5px;
  /*Padding in the cell*/
  --dp-common-padding: 10px;
  /*Common padding used*/
  --dp-input-icon-padding: 35px;
  /*Padding on the left side of the input if icon is present*/
  --dp-input-padding: 6px 30px 6px 12px;
  /*Padding in the input*/
  --dp-menu-min-width: 260px;
  /*Adjust the min width of the menu*/
  --dp-action-buttons-padding: 2px 5px;
  /*Adjust padding for the action buttons in action row*/
  --dp-row-maring: 5px 0;
  /*Adjust the spacing between rows in the calendar*/
  --dp-calendar-header-cell-padding: 0.5rem;
  /*Adjust padding in calendar header cells*/
  --dp-two-calendars-spacing: 10px;
  /*Space between multiple calendars*/
  --dp-overlay-col-padding: 3px;
  /*Padding in the overlay column*/
  --dp-time-inc-dec-button-size: 32px;
  /*Sizing for arrow buttons in the time picker*/
  /*Font sizes*/
  --dp-font-size: 0.855rem;
  /*Default font-size*/
  --dp-preview-font-size: 0.8rem;
  /*Font size of the date preview in the action row*/
  --dp-time-font-size: 0.8rem;
  /*Font size in the time picker*/
  /*Transitions*/
  --dp-animation-duration: 0.1s;
  /*Transition duration*/
  --dp-menu-appear-transition-timing: cubic-bezier(0.4, 0, 1, 1);
  /*Timing on menu appear animation*/
  --dp-transition-timing: ease-out;
  /*Timing on slide animations*/
}

:root {
  --vs-controls-size: 0.8;
  --vs-font-size: 0.855rem;
  --vs-colors--lightest: #eae8f1;
}

.vs__dropdown-toggle {
  padding: 1px 0 5px;
}

.modal {
  background-color: rgba(0, 0, 0, 0.7);
}

.native-select {
  background-color: white;
  border: 1px solid #eae8f1;
  border-radius: 3px;
  height: 35px;
  padding: 1px 5px 0 5px;
  font-size: 0.83rem;
}

.page-link {
  width: auto;
  height: 30px;
  font-size: 0.9rem;
}

.Vue-Toastification__container {
  z-index: 99999;
}

.invalid-error {
  width: 100%;
  margin-block-start: 0.25rem;
  font-size: 80%;
  color: #ee335e;
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.tox-tinymce-aux {
  z-index: 999999 !important;
}

.panel-title1 a {
  color: #212121;
  font-size: 14px;
  font-weight: 500;
}

/* Vue3 Input Tags */
.v3ti .v3ti-tag {
  background: #ecf0fa;
  /*border: 1px solid #222222;*/
  /*border-radius: 0;*/
}

.v3ti .v3ti-tag .v3ti-remove-tag {
  color: #000000;
  transition: color 0.3s;
}

.v3ti .v3ti-tag .v3ti-remove-tag:hover {
  color: #ffffff;
}

/* End Vue3 Input Tags */

.panel-title1:hover {
  background: #f0f0f0;
  border: none;
}

/*Button styles*/
.btn-lada01,
.btn-lada01:hover,
.btn-lada01:active,
.btn-lada01:active:focus {
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  backdrop-filter: blur(16px) saturate(180%);
  background: hsla(0, 0%, 100%, 0.75) !important;
  border-color: #e3e2e0 !important;
  padding: 8px 19px;
  text-decoration: none;
  transition: box-shadow 0.1s linear;
  color: #000 !important;
  font-size: 0.88rem;
  min-width: 110px;
}

.btn-lada01:hover {
  color: #da413c !important;
}

/* End Button styles*/

.card-lada01 .card-img-overlay {
  display: none !important;
}

.card-lada01:hover .card-img-overlay {
  display: flex !important;
}

@media (min-width: 576px) {
  .main-header .dropdown-menu:after {
    border-block-end: 9px solid #ffffff;
  }
}

.menu-header-content {
  padding: 0.8rem;
}

.header-icon-svgs {
  width: 22px;
  height: 22px;
}

.noti-item {
  cursor: pointer;
}

.noti-item:hover {
  background: #f7f7f7;
}

.main-header-notification div.dropdown-menu {
  max-height: calc(100vh - 100px);
  overflow: scroll;
}

div.is-invalid div.vs__dropdown-toggle,
div.is-invalid div.vs__actions {
  border-color: #ee335e !important;
}

div.is-invalid .vs__open-indicator {
  fill: #ee335e;
}

@media (min-width: 992px) {
  .horizontal .sub-slide .sub-slide-menu {
    inset-inline-start: 175px;
  }
}

.vs__search,
.vs__search:focus {
  z-index: 0;
}

.viewer-container {
  z-index: 99999 !important;
}