/* 24-03-2025 css start here */

table td img.thumbnail-img {
  height: auto !important;
}
.form-control {
  box-shadow: 0 .1875rem .5rem #22303e1a;
  background: var(--bs-white);
}
.card[class*=card-border-shadow-]:hover {
  box-shadow: 0 .25rem .75rem #22303e24;
  -webkit-transform: translateY(calc(-1.5rem / 5));
  transform: translateY(calc(-1.5rem / 5));
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgb(66 127 33) !important;
}

/* 

.api-settings table {
  width: 1300px;
}
.api-settings .fixed-column {
  position: sticky;
  right: 0;
  z-index: 2;
  width: 110px;
  padding: 0;
  border: 0;
}
.api-settings th.fixed-column span {
  border-left: 1px solid #e4e6e8;
  border-right: 1px solid #e4e6e8;
  width: 100%;
  display: flex;
  justify-content: center;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.api-settings td.fixed-column span {
  border-left: 1px solid #e4e6e8;
  border-right: 1px solid #e4e6e8;
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: var(--bs-white);
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.api-settings .fixed-column td span {
  padding: .782rem 1.25rem;
}
.api-settings td.fixed-column span {
  padding: .782rem 1.25rem;
}
.api-settings th:nth-last-child(2), .api-settings td:nth-last-child(2) {
  border-right: 0;
}
.api-settings th.fixed-column span {
  line-height: 2.37;
  padding: .782rem 1.25rem;
}
.api-settings .fixed-column a.btn i {
  margin-bottom: 2px;
} */


.api-settings .fixed-column a.btn {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
}
.api-logs-main .pagination {
  margin: 20px 0;
  display: flex;
  gap: 10px;
}
.api-logs-main [aria-label="Next »"], .api-logs-main [aria-label="« Previous"] {
  background-color: #f2f3f4;
  color: white;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 0;
  font-family: boxicons !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  display: inline-block;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
}
.api-logs-main [aria-label="Next »"]:after {
  content: "\ed3b";
  font-size: 22px;
  color: #384551;
}
.api-logs-main [aria-label="« Previous"]:after{
  content: "\ed38";
  font-size: 22px;
  color: #384551;
}
.api-logs-main .page-item.disabled {
  width: 38px;
  height: 38px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: auto;
}
.api-logs-main .page-item.disabled span.page-link {
  display: none !important;
}
.api-logs-main li.page-item.disabled::after {
  opacity: 0.5;
  cursor: auto;
}
.pagination {
  margin: 2px 0;
  white-space: nowrap;
  justify-content: flex-end;
  gap: 10px;
}


.btn-info {
  background-color: #00bad1;
  border-color: #00bad1;
  box-shadow: 0 .125rem .25rem #00bad15e;
}
#calendar .fc-event-main {
  color: #535353 !important;
  border: 0;
  border-radius: 10px;
  text-transform: capitalize;
  font-weight: 700;
  padding: 0;
  position: relative;
  z-index: 2;
}
#calendar .fc-event-main img {
  margin-bottom: 10px;
}
#calendar .fc-event-main span {
  width: auto;
  display: block;
  color: #282828 !important;
  font-size: 15px;
}
#calendar .fc-event {
  box-shadow: none;
  background-color: #ffecec !important;
  border-color: #ffffff !important;
  border-radius: 10px;
  margin: 3px;
  border: 2px solid #bb3e39 !important;
  padding: 7px !important;
}
.fc-event-selected::after, .fc-event:focus::after{
  background: none;
}
.fc-direction-ltr .fc-timegrid-col-events {
  margin: 0;
}
.pagination li.page-item .page-link {
  margin: 0 !important;
}
td.fc-list-event-title {
  box-shadow: none;
  background-color: #ffecec !important;
  border-color: #ffffff !important;
  border: 2px solid #bb3e39 !important;
}
td.fc-list-event-graphic {
  padding-right: 16px !important;
}
/* event card */

.day-header {
  background-color: var(--bs-white);
  color: #384551;
  border-bottom: 2px solid #e4e6e8;
}

.event-card {
  border-bottom: 1px solid #e4e6e8;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.event-wrap {
  display: flex;
  font-style: oblique;
  gap: 15px;
}
.day-header .card-title {
  width: 100%;
  justify-content: space-between;
}
/* model css start here */
.modal-header {
  padding: 20px 24px 14px 24px;
}
.modal .modal-header .modal-title {
  color: #444050;
  text-shadow: none;
  font-weight: 500;
}
.modal-body {
  padding: 14px 24px;
}
.event-form .form-label {
  font-weight: 500;
  text-shadow: none;
}
/* .event-form input, .event-form select, .event-form textarea {
  border: 1px solid #e6e6e8;
  border-radius: 6px;
  box-shadow: none;
  background: var(--bs-white);
} */
.form-control:focus, .form-select:focus {
  border-color: #000000 !important;
  box-shadow: none;
  border-width: 1px;
}
.btn:hover {
  transform: translateY(0px);
}
.form-select {
  background-position: right 0.70rem center;
}



table.appoimnet-view {
  background-color: #fff;
}
.table.appoimnet-view thead th {
  background: transparent;
  text-align: left;
  font-size: .8125rem;
  letter-spacing: .2px;
  color: #384551;
  font-weight: 700;
  border-color: #e4e6e8;
}

.appoimnet-view.table tbody tr:nth-child(odd){
  background-color: transparent;
}
.light-style .select2-selection--multiple .select2-selection__clear {
  margin-top: 0;
  position: absolute;
  right: 5px;
  top: calc(50% - 17px);
  font-size: 26px;
}




.select2-container--default .select2-selection--multiple {
  background-color: #f8f9fa;
  /* Light gray background */
  border: 1px solid #ced4da;
  /* Light border */
  border-radius: 8px;
  /* Rounded corners */
  padding: 8px;
  min-height: 45px;
  font-size: 14px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #007bff !important;
  /* Blue tag */
  color: #fff !important;
  border-radius: 6px;
  padding: 5px 10px !important;
  font-size: 13px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #0056b3 !important;
  color: #fff !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
  min-width: 150px;
  font-size: 14px;
}

.custom-tooltip {
  background-color: rgb(72 133 194);
  color: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  max-width: 250px;
  overflow: hidden;
  z-index: 11;
  font-size: 14px;
}

.tooltip-header {
  background-color: #fff2cc;
  color: #2e2e2e !important;
  padding: 6px 12px;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid #bb3e39 !important;
}

.tooltip-body {
  color: #535353 !important;
  font-size: 12px;
  padding: 6px 12px;
  text-align: left;
  box-shadow: none;
  background-color: #fff2cc;
  font-weight: bold;
  text-transform: capitalize;
}
.custom-tooltip .arrow::before {
  border-top-color: #c0392b !important;
  /* Tooltip arrow color */
}
.table thead th {
  background-color: rgb(72, 133, 194);
  color: #ffffff;
  text-align: center;
  padding: 12px;
}

.table tbody tr:nth-child(odd) {
  background-color: #f8f9fa;
}

.table tbody tr:hover {
  background-color: transparent;
}

.btn-add-event, .btn-delete-event, .btn-cancel {
  transition: background-color 0.3s ease;
}

.btn-add-event:hover {
  background-color: #0d6efd;
  color: #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
.btn-delete-event:hover {
  background-color: #dc3545;
  color: #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
.btn-cancel:hover {
  background-color: #6c757d;
  color: #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.modal-header h5 {
  font-weight: bold;
  color: #0d6efd;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
#addEventSidebar .offcanvas-header {
  background-color: #0d6efd;
  color: #ffffff;
}
/* .event-form input, .event-form select, .event-form textarea {
  border: 1px solid #000000;
  border-radius: 6px;
  padding: 8px;
  color: #384551;
} */


.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  float: right;
  position: unset;
  margin-left: 8px;
  opacity: 1;
  font-size: 21px;
}



/* property data css start */
.card-header-comman {
  padding: 16px 24px;
  background-color: #4885c2;
}
#propertyData .text-heading {
  margin-bottom: 3px;
  display: block;
}
#propertyData .font-small{
  font-size: 13px;
}
.nav-tabs .nav-link {
  border: 1px solid #696cff !important;
  border-radius: 10px !important;
  padding: 10px 14px;
  color: #696cff !important;
  margin: 0 0 10px 0 !important;
}
.nav-tabs .nav-link.active {
  border-radius: 10px !important;
  background: #696cff !important;
  color: white !important;
}
.nav-tabs{
  margin: 0;
  gap: 10px;
}
.nav .nav-item {
  margin: 0 !important;
}

/* insurance-policy */
 .insurance-policy .table tbody tr:nth-child(odd) td {
  --bs-table-bg-type: #ffffff;
}
.insurance-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.insurance-info-view .nav-tabs .nav-link:hover {
  background-color: rgba(var(--bs-primary-rgb), 0.16);
  border-block-end: none;
  padding-block-end: .5435rem;
  border: 1px solid rgba(var(--bs-primary-rgb), 0.16);
}
.insurance-info-view .card-body .width-small {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.insurance-info-view .card-body .width-small span {
  min-width: 120px;
}

/* comman css */
.btn-success {
  color: #fff;
  background-color: #3d950d;
  border-color: #3d950d;
  box-shadow: 0 .125rem .25rem #3d950d7a;
}
.api-charges-modal .modal-body {
  overflow: auto;
  max-height: 425px;
}
.api-charges-modal .modal-dialog.modal-lg {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 56px);
}
.company-user .tab-pane .row.dt-row .col-sm-12 {
  overflow: auto;
}
.policies-tabs .row.dt-row .col-sm-12 {
  overflow: auto;
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .company-user .tab-pane .row {
    flex-direction: column;
    align-items: flex-start;
  }
  .company-user .tab-pane .row .col-sm-12 {
    width: 100%;
  }
  .company-user .tab-pane .row .col-sm-12 ul.pagination {
    justify-content: center;
    margin-top: 20px;
    overflow: unset;
    flex-wrap: wrap;
  }
  .company-user .tab-pane .dataTables_wrapper .col-sm-12.col-md-6 {
    padding: 0;
  }
  .company-user .tab-pane .dataTables_filter{
    text-align: left !important;
    margin-top: 0 !important;
  }
  .company-user .tab-pane .dataTables_wrapper .dataTables_length{
    text-align: center !important;
  }
}

@media screen and (max-width:767px) {
  .roles-data table{
    width: 700px;
  }
  .policies-tabs .dataTables_filter{
    text-align: left !important;
    margin-top: 0 !important;
  }
  .policies-tabs .dataTables_length{
    text-align: left !important;
  }
  .policies-tabs div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    overflow-x: unset !important;
    justify-content: center !important;
  }
}


@media screen and (max-width:575px) {
  .card-body .width-small {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }
  .policies-main .nav-tabs {
    flex-wrap: wrap;
  }
}

@media screen and (max-width:400px) {
  .insurance-info-view .card-body .width-small span {
    min-width: auto;
  }
}

@media screen and (min-width: 1700px) { 
  .api-settings table thead tr{
    border-top: 0;
  }
  .api-settings th.fixed-column {
    border-bottom: 2px solid #fff;
  }
  .api-settings tr:last-child td.fixed-column span {
    border-bottom: 1px solid #e4e6e8;
  }
}