@media (min-width: 992px){
.navbar.navbar-hover .nav-item.dropdown:hover>.dropdown-menu,
.navbar.navbar-hover .nav-item.dropdown>.dropdown-menu .dropdown-item.open+.dropdown-menu {
    display: block;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translate(0);
    animation: none;
    transition: all .3s ease;
  }
}
@media (min-width: 768px){
  .ct-sidebar {
    top: 3rem;
  }
}

.ct-navbar{
  background-color: #212529!important;
  padding-top: 0.1rem!important;
  padding-bottom: 0.1rem!important;
}

.ct-example {
  position: relative;
  border: 2px solid #f5f7ff !important;
  border-bottom: none !important;
  padding: 1rem 1rem 2rem 1rem;
  margin-bottom: -1.25rem;
}

.ct-example .skew-separator.skew-mini:after {
  height: unset;
}

.ct-example .skew-separator.skew-top:after {
  display: none!important;
}

/* data table css */

.dt-paging-button {
  font-size: 0.9375rem !important;
  line-height: 1 !important;
  min-width: 2.3rem !important;
  padding: 0.6rem 0.6rem !important;
  text-align: center;
  min-width: calc(2.2505625rem + calc(var(--bs-border-width) * 2));
  min-height: calc(2.1rem + calc(var(--bs-border-width) * 2));
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 50% !important;
  border: unset !important;
}

.dt-paging-button.previous,
.dt-paging-button.next {
  border-radius: 0.5625rem !important;
}
/* .dt-paging-button.first .first-icon,
.dt-paging-button.last .last-icon{
  display:none !important;
} */

.dataTables_paginate:not(:first-child) .dt-paging-button {
  margin-left: 0.375rem;
}
div.dt-container .dt-paging .dt-paging-button.current {
  border-color: #191919 !important;
  background-color: #191919 !important;
  color: #fff !important;
  box-shadow: 0 0.125rem 0.25rem rgba(105, 108, 255, 0.4) !important;
}

div.dt-container .dt-paging .dt-paging-button:hover, div.dt-container .dt-paging .dt-paging-button.current:hover {
  background-color: #2b2c2c !important;
  color: #fff !important;
  background: linear-gradient(to bottom, #2b2c2c 0%, #666666 100%);
}

.dataTables_wrapper .dataTables_paginate .dt-paging-button.current {
  border-color: #191919 !important;
  background-color: #191919 !important;
  color: #fff !important;
}
.div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover {
  color: unset !important;
  background: unset !important;
}

/* .div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled {

  opacity: 0.45 !important;
  pointer-events: none !important;
  color: #433c50 !important;
  background: #eeeeef !important;
} */

table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td {
  border-bottom: 1px solid #ccc !important;
  font-size: 13px !important;
  color: #5c5b5b !important;
}
table.dataTable > tbody > tr > td {
  border-bottom: 1px solid #ccc !important;
}
table.dataTable.no-footer {
  border-bottom: 1px dashed;
}
.table > :not(:first-child) {
  border-top: unset!important;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.action-btn {
  margin-bottom: unset!important;
}
.select2-selection {
  text-align: left;
  min-height: 40px!important;
  border-color: #d2d6da!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px!important;
  color: #495057!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px!important;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  height: 38px!important;
}
.datepicker > span:hover{
  cursor: pointer;
}
.datepicker {
  padding: unset!important;
}
.datepicker input{
  /* padding: 0.5rem 0.7rem!important; */
  border: 1px solid #d2d6da!important;
  border-top-right-radius: 0!important;
  border-bottom-right-radius: 0!important;
  line-height: 1.3rem!important;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #f0f2f5;
  border: 1px solid #ccc;
  border-radius: 0.375rem;
}
.error {
  color: red;
  border-color: red !important;
}

.btn-primary:hover, .btn.bg-gradient-primary:hover {
  background-color: #403070;
  border-color: #403070;
  box-shadow: 0 14px 26px -12px rgba(211, 17, 172, 0.4), 0 4px 23px 0 rgba(233, 30, 192, 0.15), 0 8px 10px -5px rgba(161, 7, 135, 0.2);
}
.btn-primary, .btn.bg-gradient-primary {
  box-shadow: 0 3px 3px 0 rgba(225, 4, 166, 0.15), 0 3px 1px -2px rgba(196, 10, 177, 0.2), 0 1px 5px 0 rgba(188, 2, 120, 0.15);
}

.modal-header .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

input[type=file]::-webkit-file-upload-button {
  padding-right:10px;
  margin-right: 10px;
  padding-left: -20px;
}
small {
  font-size: 12px;
}
.img-thumbnail {
  margin-bottom: 35px;
  width: 363px;
  height: 190px;
}
.img-thumbnail:hover {
  margin-top: -10px;
  opacity: 0.9;
}

/* rating */

.rate {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px
}

.rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center
}

.rating>input {
  display: none
}

.rating>label {
  position: relative;
  width: 1em;
  font-size: 30px;
  font-weight: 300;
  color: #FFD600;
  cursor: pointer
}

.rating>label::before {
  content: "\2605";
  position: absolute;
  opacity: 0
}

.rating>label:hover:before,
.rating>label:hover~label:before {
  opacity: 1 !important
}

.rating>input:checked~label:before {
  opacity: 1
}

.rating:hover>input:checked~label:before {
  opacity: 0.4
}

.rating-buttons {
  top: 36px;
  position: relative
}

.rating-submit {
  border-radius: 8px;
  color: #fff;
  height: auto
}

.rating-submit:hover {
  color: #fff
}
.fa-star {
  font-size: 10px !important;
}
.date-picker-input-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-cal-icon {
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-43%);
  cursor: pointer;
  font-size: 22px; /* Adjust size */
  color: #555; /* Adjust color */
}
@media (max-width: 768px){
  .flatpickr-cal-icon {
    transform: unset;
  }
}
.status-success {
  font-size: 12px;
  border-radius: 50px;
  padding: 7px 10px;
  background: #e9faf4;
  color: #23ce27;
}
.status-danger {
  font-size: 12px;
  border-radius: 50px;
  padding: 7px 10px;
  background: #fff0ed;
  color: #ff6a54;
}
.tagify__input {
  line-height: 1.5 !important;
}
.character-counter {
    color: #848484 !important;
}