/*CTS CSS*/
@import 'cts-css.css';

/*===================
GLOBAL CSS
====================*/

.rounded-lg {
  border-radius: 1.3rem !important;
}

.contentloader {
  transition: height .2s linear;
}

.float-btn {
  position: fixed;
  bottom: 15px;
  width: calc(100% - 250px);
  margin: auto;
}

.shadow-3d {
  /* box-shadow:0 0.5rem 1rem rgb(0 0 0 / 15%), inset 0 0 11px 4px rgba(184, 184, 184, 0.67) !important; */
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%), inset 5px 8px 8px rgba(0, 0, 0, .2), inset -2px -2px 10px hsla(0, 0%, 100%, .2) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ff8a00, #e52e71);
}

.notification.seen {
  opacity: 0.5;
}

/* Google map autocomplete in modal */
.pac-container {
  z-index: 10000;
}

.bg-gradient-1 {
  background: linear-gradient(180deg, #ff8a00, #e52e71) !important;
  color: #ffffff !important;
}

.bg-gradient-2 {
  background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%) !important;
  color: #0f0f0f !important;
}

.bg-gradient-3 {
  background-image: linear-gradient(to top, #d299c2 0%, #fef9d7 100%) !important;
  color: #0c1427 !important;
}

.bg-gradient-4 {
  background-image: linear-gradient(to top, #cd9cf2 0%, #f6f3ff 100%) !important;
  color: #0c1427 !important;
}

.bg-gradient-5 {
  background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%) !important;
  color: #0c1427 !important;
}

.bg-gradient-6 {
  background-image: linear-gradient(-20deg, #ddd6f3 0%, #faaca8 100%, #faaca8 100%) !important;
  color: #0c1427 !important;
}

.bg-gradient-7 {
  background-image: linear-gradient(-20deg, #1c92d2 0%, #f2fcfe 100%, #f2fcfe 100%) !important;
  color: #0c1427 !important;
}

.bg-gradient-8 {
  /* background-image: linear-gradient(160deg, #6571ff 0,#f665ff 100%) !important; */
  background-color: #ED6825;
  color: #ffffff !important;
}

.sidebar-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  z-index: 998;
}

.sidebar-backdrop.fade {
  opacity: 0;
}

.sidebar-backdrop.show {
  opacity: .5;
}

.offcanvas-backdrop {
  backdrop-filter: blur(3px);
}

.ht-1 {
  border-top: 2px solid var(--bs-primary);
}

/*===================
SideBar CSS
====================*/
.offcanvas {
  transition: transform .2s ease-in-out;
}

#offcanvasLeftNav {
  max-width: 260px !important;
}

#offcanvasLeftNav .nav-link {
  color: #0c1427;
}

#offcanvasLeftNav .nav-link:not(.active):hover {
  background-color: rgba(101, 113, 255, 0.1);
}

#offcanvasLeftNav .nav-link:not(.active):active {
  color: #f5f5f5;
  background-color: var(--bs-primary);
}

#offcanvasLeftNav .nav-link.active {
  color: #ffff;
}

#offcanvasLeftNav .nav-link {
  margin: 2px 0px;
}

#offcanvasLeftNav .nav-link>i {
  height: 16px;
}

#offcanvasRightNav {
  max-width: 320px !important;
}


.sidebar .sidebar-body .nav {
  padding: 25px 10px 50px 10px;
}

.sidebar .sidebar-body .nav .nav-item .nav-link {
  padding: 0 0.5rem;
}

.sidebar .sidebar-body .nav.sub-menu .nav-item .nav-link {
  height: 30px;
}

.sidebar .sidebar-body .nav.sub-menu .nav-item .nav-link.active {
  height: 30px;
  background-color: rgb(141 209 255 / 12%);
}

.sidebar .sidebar-body .nav .nav-item.active .nav-link::before {
  content: "";
  width: 10px;
  height: 100%;
  max-height: 37px;
  background: var(--bs-primary);
  position: absolute;
  left: -10px;
}

.sidebar .sidebar-body .nav.sub-menu .nav-item .nav-link::before {
  left: -10px;
  height: 6px;
  width: 6px;
}

.sidebar .sidebar-body .nav .nav-item.active .nav-link.active {
  color: #6571ff;
  box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
  background-color: rgb(141 209 255 / 17%);
  border-radius: 2px 20px 20px 2px;
}

.sidebar .sidebar-body .nav.sub-menu .nav-item {
  position: relative;
  margin-top: 5px;
}

.main-sidebar .brand-link {
  background: linear-gradient(45deg, #1774BC, #525552);
}

.brand-link {
  line-height: 1;
}

.brand-link .brand-image {
  max-height: 43px;
}

/*===================
User
====================*/
.avatar {
  object-fit: cover;
  border-radius: 50%;
}

.avatar-120 {
  height: 120px !important;
  width: 120px !important;
}

.wpx-60 {
  width: 60px !important;
}

.wpx-70 {
  width: 70px !important;
}

.wpx-80 {
  width: 80px !important;
}

.wpx-90 {
  width: 90px !important;
}

.wpx-100 {
  width: 100px !important;
}

.hpx-60 {
  height: 60px !important;
}

.hpx-70 {
  height: 70px !important;
}

.hpx-80 {
  height: 80px !important;
}

.hpx-90 {
  height: 90px !important;
}

.hpx-100 {
  height: 100px !important;
}


/*===================
Body CSS
====================*/
body {
  transition: all 300ms !important;
}

img.logo-light {
  width: 70px;
  /* filter: drop-shadow(3px 2px 2px black); */
}

.user_avatar {
  height: 70px;
  width: 70px;
  object-fit: cover;
}

.item .info-box-icon {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07) !important;
}

.index-icon {
  font-size: 22px;
  border: 2px solid;
  text-align: center;
  padding: 7px 0px;
  border-radius: 50px;
  height: 40px;
  width: 40px;
}

.info-box {
  box-shadow: 0 0 1px rgb(9 17 253 / 21%), 0 1px 3px rgb(39 226 45 / 25%);
  border-radius: .25rem;
  background-color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
  min-height: 55px;
  padding: .5rem;
  position: relative;
  width: 100%;
}

.info-box .info-box-text,
.info-box .progress-description {
  line-height: 1.5;
}

.card-badge {
  position: absolute;
  top: 15px;
  right: -25px;
  padding: 0px 30px;
  transform: rotate(45deg);
}

.active-badge {
  position: absolute;
  font-size: 8px;
  left: -18px;
  top: 9px;
  width: 100%;
  padding: 0px 16px;
  transform: rotate(311deg);
}

i.favorite {
  background-color: #f02607;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  vertical-align: text-bottom;
}

/*===================
/*Footer CSS
====================*/

/* Details Page....
=============*/
.floors_room {
  background-blend-mode: multiply;
  background-size: cover;
}

/* Search Page....
=============*/
.list-card-image img {
  height: 168px !important;
  object-fit: cover;
}

/* date range Picker */
.daterangepicker {
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.daterangepicker .ranges {
  padding: 6px !important;
}

.daterangepicker .ranges li {
  border-radius: 4px;
}

.daterangepicker .ranges li.active {
  background-color: var(--bs-primary);
  color: #fff;
}

.offcanvas.offcanvas-bottom {
  border-radius: 20px 20px 0px 0px;
}

.offcanvas.offcanvas-bottom::before {
  content: '';
  text-align: center;
  background: #c6c6c6;
  height: 6px;
  margin-top: 8px;
  width: 50px;
  position: absolute;
  border-radius: 5px;
  left: calc(50% - 25px);
}


.notification.seen {
  opacity: 0.5;
}

/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .main-wrapper .page-wrapper .page-content {
    margin-bottom: 60px;
  }
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {}

/*X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {}

/*Inedex Slider*/
.slick-dots li {
  width: 6px !important;
}

/*Preloder*/
.overlay {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #ffffff54;
  z-index: 9999;
  backdrop-filter: blur(50px);
  transition: 0.3s;
}

.overlay__inner {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.overlay__content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.overlay__img {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  border-radius: 50%;
}

.spinner2 {
  width: 55px;
  height: 55px;
  display: inline-block;
  border-width: 2px;
  border-color: #FF8CA6;
  border-top-color: #DD2D55;
  animation: spin 1s infinite linear;
  border-radius: 100%;
  border-style: solid;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

/*Preloder: END*/


/* CUSTOM */