body {
  background: #fff;
  font-weight: 600;
}

.wrapper .header-top {
    padding: 1px 0px 1px 0px;
    padding-left: 240px;
}

.pagination {
    overflow: hidden;
    overflow-x: auto;
}


.btn-primary {
  background: linear-gradient(
    135deg,
    rgb(34, 211, 238) 0%,
    rgb(59, 130, 246) 50%,
    rgb(139, 92, 246) 100%
  );
  border: 1px solid rgb(59, 130, 246);
}

.btn-secondary {
  color: #fff;
  background: linear-gradient(15deg, #13547a 0%, #04c 100%) !important;
  border-color: #13547a;
}
.btn-secondary:focus {
  color: #fff;
}

.btn-info {
  background: linear-gradient(15deg, #13547a 0%, #04c 100%) !important;
  border: 1px solid #13547a;
}



.btn-danger {
  /* background: linear-gradient(
    90deg,
    hsla(334, 95%, 51%, 1) 0%,
    hsla(328, 100%, 9%, 1) 100%
  ) !important; */
  border: 1px solid #f5365c;
}

.modal .header {
    background: linear-gradient(to right, #5c258d 0%, #4389a2 51%, #5c258d 100%) !important ;
    background-repeat: no-repeat;
    background-size: cover;
}


.search-btn {
  background: linear-gradient(15deg, #13547a 0%, #80d0c7 100%) !important;
  padding: 6px 10px;
  color: #fff;
  border: none;
}

.btn-success {
  background: linear-gradient(to top, #0ba360 0%, #3cba92 100%) !important;
  border: none;
}

.badge-success {
  background: linear-gradient(
    rgb(30, 27, 75) 0%,
    rgb(88, 28, 135) 50%,
    rgb(190, 24, 93) 100%
  );
  width: 100%;
  font-size: 12px;
  height: 100%;
  margin-bottom: 0px;
}

.h-300 {
  height: 300px;
}
.h-400 {
  height: 400px;
}
.auth-wrapper .authentication-form .logo-centered {
  width: auto !important;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 30px;
}

.auth-wrapper {
  background-image: linear-gradient(180deg, rgb(0 0 0 / 45%) 0%, #00000066 100%),
    url("/./../../img/login_bg_img.gif");
  background-color: #000;
  height: 100%;
  max-height: 100%;
  min-height: 100vh;
  width: 100%;
  background-position: center;
  /* background-image: -webkit-linear-gradient(top left, var(--cyan), #08671e); */
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.auth-wrapper .authentication-form .form-group .form-control {
  border-radius: 25px !important;
  height: 40px !important;
  border: 1px solid #495057 !important;
}

.auth-wrapper .authentication-form .form-group .form-control ~ i {
  top: 13px !important;
  color: #009688;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #009688 !important;
}

.auth-wrapper .authentication-form .custom-control-label::before {
  background: linear-gradient(135deg, #2dce89 0%, #11cdef 50%, #4c5667 100%);
}

.custom-checkbox .custom-control-label {
  line-height: 24px;
  font-weight: 600 !important;
  color: #000 !important;
}
.auth-wrapper .authentication-form {
  font-size: 0.9rem;
  width: 400px;
  min-width: 400px;
  max-width: 100%;
  display: block;
  padding: 25px 30px;
  margin: 60px 0;
  background: linear-gradient(
    135deg,
    rgb(255, 255, 255) 0%,
    rgb(219, 234, 254) 50%,
    rgb(243, 232, 255) 100%
  );
  border-radius: 10px;
}
.btn-custom {
  border-radius: 25px;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  background-color: #009688;
  height: 40px;
  color: #fff;
}
.password-block {
  position: absolute;
  top: 200px;
  right: -220px;
  background: #fdfdfd;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #678660;
}
.password-block:before {
  content: "";
  height: 0;
  width: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-right: 20px solid #678660;
  position: absolute;
  left: -20px;
  top: 50px;
}
.badge-right {
  float: right;
  position: initial !important;
}
#Widget-line-chart1,
#Widget-line-chart2,
#Widget-line-chart3,
#Widget-line-chart4 {
  width: 100%;
  height: 75px;
}
#realtime-profit,
#sale-diff {
  height: 150px;
}
#sec-ecommerce-chart-line {
  height: 30px;
}
#sec-ecommerce-chart-bar {
  height: 100px;
}
#app-sale1,
#app-sale2,
#app-sale3,
#app-sale4 {
  height: 50px;
}

.chart-shadow {
  height: 400px;
}
.st-cir-chart {
  height: 450px !important;
}
#status-round-1,
#status-round-2,
#status-round-3,
#status-round-4 {
  width: 80px !important;
  height: 80px !important;
}
#card-412 {
  min-height: 412px;
}
#card-422 {
  min-height: 422px;
}
#visitfromworld {
  width: 100%;
  height: 350px;
}
.card-300 {
  height: 300px;
}
.card-484 {
  min-height: 484px;
}
.card-180 {
  min-height: 180px;
}
.card-200 {
  min-height: 200px;
}
.th-50 {
  width: 50%;
}
.font-150 {
  font-size: 150px;
}
#pbc-1,
#pbc-2,
#pbc-3,
#pbc-4,
#pbc-5,
#pbc-6 {
  height: 50px;
}
/*.sale-card{
	min-height: 301px;
}*/

#deal-analytic-chart {
  height: 300 !important;
}
#tot-rev-chart {
  width: 100px;
  height: 100px;
}
#allocation-map,
#allocation-chart {
  height: 250px;
}
#sal-income,
#rent-income,
#income-analysis {
  height: 100px;
}
.progress-6 {
  height: 6px;
}
.hide {
  display: none;
}

.pricing .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing hr {
  margin: 1.5rem 0;
}

.pricing .card-title {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  letter-spacing: 0.1rem;
  font-weight: bold;
}

.pricing .card-price {
  font-size: 3rem;
  margin: 0;
}

.pricing .card-price .period {
  font-size: 1.2rem;
}

.pricing ul li {
  margin-bottom: 1rem;
}

.pricing .text-muted {
  opacity: 0.7;
}

.pricing .btn {
  border-radius: 5rem;
  letter-spacing: 0.1rem;
  font-weight: bold;
  opacity: 0.7;
  transition: all 0.2s;
}
.app-sidebar {
  -webkit-transition-property: none !important;
  -moz-transition-property: none !important;
  -o-transition-property: none !important;
  transition-property: none !important;
}

.sidebar-action {
  position: absolute;
  right: 23px;
  font-size: 25px;
  color: #fff;
  cursor: pointer;
}

.sidebar-mini .sidebar-action i:before {
  content: "\e911";
}
.sidebar-mini.sidebar-mini-hover .sidebar-action i:before {
  content: "\e910";
}
.sidebar-mini .app-sidebar {
  width: 70px !important;
}
.sidebar-mini
  .app-sidebar
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item
  a
  span {
  display: none;
}
.sidebar-mini .header-brand-img {
  display: none;
}
.sidebar-mini
  .app-sidebar
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item.has-sub
  a::before {
  display: none;
}
.sidebar-mini .main-content,
.sidebar-mini .header-top {
  padding-left: 80px !important;
}
.sidebar-mini
  .app-sidebar
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-lavel {
  display: none;
}
.sidebar-mini
  .app-sidebar.colored
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item
  .submenu-content {
  display: none;
}

.sidebar-mini.sidebar-mini-hover .app-sidebar {
  width: 240px !important;
}
.sidebar-mini.sidebar-mini-hover
  .app-sidebar
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item
  a
  span {
  display: inline-block;
}
.sidebar-mini.sidebar-mini-hover .header-brand-img {
  display: inline-block;
}
.sidebar-mini.sidebar-mini-hover
  .app-sidebar
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item.has-sub
  a::before {
  display: block;
}
.sidebar-mini.sidebar-mini-hover .main-content,
.sidebar-mini.sidebar-mini-hover .header-top {
  padding-left: 250px !important;
}
.sidebar-mini.sidebar-mini-hover
  .app-sidebar
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-lavel {
  display: block;
}
.sidebar-mini.sidebar-mini-hover
  .app-sidebar.colored
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item.open.has-sub
  .submenu-content {
  display: block;
}
.wrapper
  .page-wrap
  .app-sidebar
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item.has-sub
  .submenu-content
  .menu-item:after {
  content: "--";
  position: absolute;
  left: 29px;
}

/* Hover Effects on Card */

@media (min-width: 992px) {
  .pricing .card:hover {
    margin-top: -0.25rem;
    margin-bottom: 0.25rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  }
  .pricing .card:hover .btn {
    opacity: 1;
  }
}

.search-btn {
  background-color: #000;
  padding: 6px 10px;
  color: #fff;
  border: none;
}
.search-btn:hover {
  color: #fff;
}
a.btn.btn-xs.btn-success.button_flow {
  /* background: linear-gradient(
    90deg,
    hsla(328, 75%, 45%, 1) 0%,
    hsla(269, 85%, 41%, 1) 100%
  ) !important; */
  border: none;
}

.reset-btn {
  background: linear-gradient(
    90deg,
    hsla(334, 95%, 51%, 1) 0%,
    hsla(328, 100%, 9%, 1) 100%
  ) !important;
  padding: 6px 10px;
  color: #fff;
  border: none;
}

.reset-btn:hover {
  color: #fff;
}

/* 09-06-2025 css crm login changes start*/
.login_lottie_section .login-wrapper {
  position: relative;
  width: 100%;
  max-width: 400px;
}

.login_lottie_section .yellow-circle {
  position: absolute;
  top: -80px;
  right: -80px;
  width: 256px;
  height: 256px;
  background-color: rgba(253, 224, 71, 0.7);
  border-radius: 50%;
  z-index: 0;
}

.login_lottie_section .content-box {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: center;
}

.login_lottie_section .login-card {
  background-color: #f3f4f6;
  padding: 24px;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.login_lottie_section .card-inner {
  position: relative;
  width: 256px;
  height: 256px;
}

.login_lottie_section .bg-layer1 {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom right, #14b8a6, #059669);
  border-radius: 12px;
  transform: rotate(-6deg);
}

.login_lottie_section .bg-layer2 {
  position: absolute;
  inset: 0;
  background: white;
  border-radius: 12px;
  transform: rotate(3deg);
}

.login_lottie_section .card-content {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #f3f4f6;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.login_lottie_section .icon-box {
  width: 128px;
  height: 128px;
  background-color: white;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

.login_lottie_section .dots {
  background-color: #ef4444;
  color: white;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login_lottie_section .dots span {
  margin-right: 4px;
}

.login_lottie_section .dots span:last-child {
  margin-right: 0;
}

.login_lottie_section .icon-lock {
  width: 64px;
  height: 64px;
  color: #14b8a6;
}

/* 09-06-2025 css crm login changes end*/

/* 09-06-2025 css crm dashboard   buckets changes start*/

.all_buckets_holder {
  padding: 20px;
  background: linear-gradient(
    135deg,
    rgb(255, 255, 255) 0%,
    rgb(219, 234, 254) 50%,
    rgb(243, 232, 255) 100%
  );
  border-radius: 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  border: 2px solid rgb(196, 181, 253);
  margin: 0% 0% 3% 0%;
}

.dashboard-margin .card {
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  margin-bottom: 2%;
  box-shadow: 0px 0px 25px -6px #ccc;
  border: 1px solid #eee;
  padding: 0px !important;
}

.dashboard-margin .card:hover {
  box-shadow: 0px 5px 10px #0000004f;
  transition: all 0.3s ease-in-out;
}

.dashboard-margin .card .bucket_holder {
  padding: 0px 0px 0px 10px;
}

.dashboard-margin .card .bucket_holder h5 {
  font-weight: 600;
  font-size: 15px;
  color: #000;
  border-radius: 50px;
  border: 2px solid #1f67d6;
  padding: 10px 18px;
  background: #fff;
  min-height: 40px;
  min-width: 75px;
}

.dashboard-margin .card .bucket_holder p {
  font-size: 15px;
  color: #fff;
  font-weight: 600;
}

.dashboard-margin .card .bucket_holder .bucket_inner_card_holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 09-06-2025 css crm dashboard   buckets changes end*/

/* 09-06-2025 css crm dashboard   Chart changes start*/

.chart_holder {
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 0px 25px -6px #ccc;
  border: 1px solid #eee;
  padding: 20px;
  background: linear-gradient(
    135deg,
    rgb(255, 255, 255) 0%,
    rgb(219, 234, 254) 50%,
    rgb(243, 232, 255) 100%
  );
  border-radius: 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  border: 2px solid rgb(196, 181, 253);
}

/* 09-06-2025 css crm dashboard   Chart changes end*/

/* 09-06-2025 css crm dashboard   Header changes start*/
.wrapper .page-wrap .app-sidebar.colored .sidebar-header {
  background: transparent;
  border-bottom: 1px solid #ccc;
}

.wrapper .header-top {
  background-color: transparent;
  background: linear-gradient(
    135deg,
    rgb(34, 211, 238) 0%,
    rgb(59, 130, 246) 50%,
    rgb(139, 92, 246) 100%
  );
  border-bottom: 1px solid #ccc;
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 -1px 11px #536dfe3d;
}

.wrapper .header-top .top-menu .header-search {
  color: #000;
  font-weight: 600;
  font-size: 16px;
}

.wrapper .header-top .top-menu .dropdown-toggle {
  font-weight: bold;
  border: none;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 25px -5px;
  transition: 0.3s;
  transform: scale(1);
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 30px;
  padding: 5px;
  border-radius: 5px;
  background: #3425af;
}

.wrapper .header-top .top-menu .header-search .input-group {
    display: block;
    background-color: #ffffff33 !important;
    background: #ffffff00;
    backdrop-filter: blur(10px);
    border-radius: 12px;
    padding: 8px 16px;
}

.wrapper .header-top .top-menu .header-search .input-group p {
    margin-bottom: 0px;
    color: rgb(219, 234, 254);
    font-size: 14px;
    line-break: anywhere;
}

.wrapper .header-top .top-menu .header-search .input-group p b {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.wrapper .header-top .top-menu .header-search .input-group p span {
  font-size: 14px;
  font-weight: 800;
  color: rgb(254, 243, 199);
}

.wrapper .header-top .top-menu .header-search .user_name_circle_holder .user_shirt_name_holder {
   color: #fff; 
   font-size: 18px;
    font-weight:800;
}


.wrapper .header-top .top-menu .header-search .user_name_circle_holder{

  aspect-ratio:1/1;
  width: 48px;
  height: 48px ;
  background: linear-gradient(135deg, #fbbf24 0%,
                #f97316 50%, #ef4444 100%) ; border-radius: 50% ; display: flex ; align-items: center ;
                justify-Content: center ; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.25); border: 4px solid
                rgba(255, 255, 255, 0.3) ;      
}

/* 09-06-2025 css crm dashboard   Header changes end*/

/* 09-06-2025 css crm dashboard   Sidebar changes start*/

.wrapper .page-wrap .app-sidebar.colored .sidebar-header {
  background: linear-gradient(to left, #5433ff, #20bdff, #a5fecb);
  border-bottom: 1px solid #cccccc17;
}

.wrapper .page-wrap .app-sidebar {
  background: linear-gradient(
    rgb(30, 27, 75) 0%,
    rgb(88, 28, 135) 50%,
    rgb(190, 24, 93) 100%
  );
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 -1px 11px #536dfe3d;
}

.wrapper .page-wrap .app-sidebar.colored .sidebar-content {
  background: transparent;
  padding-top: 5px;
}

.wrapper
  .page-wrap
  .app-sidebar
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item
  a
  span {
  font-size: 13px;
  color: #fff;
  font-weight: 700;
}

.wrapper
  .page-wrap
  .app-sidebar.colored
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item
  a
  i {
  color: #fff;
}

.wrapper
  .page-wrap
  .app-sidebar.colored
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item
  a {
  color: #fff;
  font-weight: 700;
}

.wrapper .page-wrap .app-sidebar {
  border-radius: 0px 10px 10px 0px;
  overflow: hidden;
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 0px 13px #536dfe4a;
}

.wrapper
  .page-wrap
  .app-sidebar.colored
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item.active
  a {
  margin-bottom: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 14px;
  border-radius: 14px;
  text-decoration: none;
  transition: 0.3s;
  transform: scale(1);
  background: linear-gradient(
    135deg,
    rgb(16, 185, 129) 0%,
    rgb(5, 150, 105) 100%
  );
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

.wrapper
  .page-wrap
  .app-sidebar.colored
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item.has-sub.open
  a {
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 14px;
  border-radius: 14px;
  text-decoration: none;
  transition: 0.3s;
  transform: scale(1);
  background: linear-gradient(
    135deg,
    rgb(16, 185, 129) 0%,
    rgb(5, 150, 105) 100%
  );
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

.wrapper
  .page-wrap
  .app-sidebar.colored
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item.has-sub.open
  a
  span {
  color: #fff;
}

.wrapper
  .page-wrap
  .app-sidebar.colored
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item.has-sub.open
  a
  i {
  color: #fff;
}

.wrapper
  .page-wrap
  .app-sidebar.colored
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item.active
  a
  span {
  color: #fff;
}

.wrapper
  .page-wrap
  .app-sidebar.colored
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item
  .submenu-content {
  background-color: transparent;
  border-radius: 10px;
  padding: 10px;
}

.wrapper
  .page-wrap
  .app-sidebar
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item.has-sub
  .submenu-content
  .menu-item.active {
  color: #fff;
  background: linear-gradient(15deg, #13547a 0%, #04c 100%) !important;
}

.wrapper
  .page-wrap
  .app-sidebar
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item.has-sub
  .submenu-content
  .menu-item.active
  a
  i {
  color: #fff;
}

.page-wrap
  .app-sidebar
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item.open.has-sub
  a::before {
  color: #fff;
}

.wrapper
  .page-wrap
  .app-sidebar
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item.active.has-sub
  a::before {
  color: #fff;
}

.wrapper
  .page-wrap
  .app-sidebar
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item.active.open.has-sub
  a::before {
  color: #fff;
}

.wrapper
  .page-wrap
  .app-sidebar.colored
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item.active
  a
  i {
  color: #fff;
}

.wrapper
  .page-wrap
  .app-sidebar
  .sidebar-content
  .nav-container
  .navigation-main
  .nav-item.has-sub
  .submenu-content
  .menu-item {
  margin: 5px 0px;
  border-left: 2px solid #fff;
  border-radius: 12px;
  transition: 0.2s;
  background: linear-gradient(
    135deg,
    rgb(16, 185, 129) 0%,
    rgb(6, 182, 212) 100%
  ) !important;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 25px -5px;
  border-left: 4px solid rgb(234, 179, 8);
}

/* 09-06-2025 css crm dashboard   Sidebar changes end*/

/* 09-06-2025 css crm dashboard   layout changes start*/
.btn {
  font-size: 12px;
}

.modal-content {
  border-radius: 10px;
  overflow: hidden;
  border: none;
}

.modal-header .close {
  float: right;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
}

.search_bard_btn_holder {
  display: flex;
  gap: 2px;
  flex-flow: wrap;
}

.modal-header {
  border-bottom: 1px solid #f1f1f1;
   background: linear-gradient(to right, #5c258d 0%, #4389a2 51%, #5c258d 100%) !important;
  padding: 5px 10px;
  color: #fff;
}

.modal-header .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 18px;
  font-weight: 700;
}

.card .card-header {
  border-bottom: 1px solid #f1f1f1;
  background: linear-gradient(
    135deg,
    rgb(16, 185, 129) 0%,
    rgb(6, 182, 212) 100%
  ) !important;
  border-radius: 10px !important;
  padding: 5px 10px;
}

.card .card-header .card-title {
  color: #fff;
  font-weight: 600;
}

.wrapper .page-wrap .main-content {
  background: transparent;
}

.wrapper .page-wrap .main-content .card.p-4 {
  background: #e6eeff;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0px 0px 25px -6px #ccc !important;
  border-radius: 10px !important;
  padding: 17px;
}

.wrapper .page-wrap .main-content .card.card-two {
  background: #e6eeff;
}

/* 09-06-2025 css crm dashboard   layout changes end*/

/* 09-06-2025 css crm dashboard   Footer changes start*/

.wrapper .page-wrap .footer {
  background: linear-gradient(to right, #5c258d 0%, #4389a2 51%, #5c258d 100%);
}

.wrapper .page-wrap .app-sidebar .sidebar-header .nav-close {
  display: none;
}

.wrapper .header-top .top-menu .mobile-nav-toggle {
  border: none;
  position: relative;
  margin-right: 5px;
  width: 30px;
  height: 30px;
  aspect-ratio: 1/1;
}

.wrapper .page-wrap .footer {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    position: sticky;
    bottom: -1px;
    padding-left: 270px ;
}
.sidebar-mini .footer  {
  padding-left: 80px !important;
}

.wrapper .page-wrap .footer a {
  text-decoration: underline;
  color: #fff !important;
}
/* 09-06-2025 css crm dashboard   Footer changes end*/

/* 09-06-2025 css crm dashboard   Form changes start*/

.wrapper
  .page-wrap
  .main-content
  .card.card-two
  .select2-container--default
  .select2-selection--single {
  border: none;
  /* border-bottom: 2px solid #00000059; */
  border-radius: 0 !important;
  width: 100% !important;
}

.wrapper
  .page-wrap
  .main-content
  .card.card-two
  .select2.select2-container
  .select2-selection--multiple {
  border: none;
  border-bottom: 2px solid #00000059;
  border-radius: 0 !important;
  width: 100% !important;
}

.select2.select2-container .select2-selection--multiple {
  border: none;
  border-bottom: 2px solid #00000059;
  border-radius: 0 !important;
  width: 100% !important;
}

.select2.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  border-bottom: 2px solid #00000059;
}

.select2-container--default .select2-selection--single {
  border: none;
  border-bottom: 2px solid #00000059;
  border-radius: 0 !important;
  width: 100% !important;
}

.form-control {
  border: none;
  border-bottom: 2px solid #00000059;
  border-radius: 0 !important;
  width: 100% !important;
  box-shadow: none;
}

.wrapper .page-wrap .main-content .card.card-two .form-control {
  border: none;
  border-bottom: 2px solid #00000059;
  border-radius: 0 !important;
  width: 100% !important;
  box-shadow: none;
}

.pagination .page-item.active .page-link {
  background: linear-gradient(
    135deg,
    rgb(16, 185, 129) 0%,
    rgb(5, 150, 105) 100%
  );
  color: #fff;
}

.wrapper .page-wrap .main-content .card .card-default {
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
  margin-bottom: 0px;
}

.wrapper .page-wrap .main-content .card .card-default .card-body {
  padding: 20px 20px;
  flex: 1 1 auto;
  position: relative;
  margin: 7px 0px;
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06);
  background: #fff;
  border-radius: 10px;
}

.wrapper
  .page-wrap
  .main-content
  .card.card-two
  .card-default
  .card-body
  .box-body {
  padding: 20px 20px;
  flex: 1 1 auto;
  position: relative;
  margin: 7px 0px;
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06);
  background: #fff;
  border-radius: 10px;
}

.wrapper
  .page-wrap
  .main-content
  .card.card-two
  .card-default
  .card-body
  .box-body
  .btn-success {
  width: fit-content;
}

.wrapper
  .page-wrap
  .main-content
  .card.card-two
  .card-default
  .card-body
  .box-body
  .reset-btn {
  width: fit-content;
}

.wrapper
  .page-wrap
  .main-content
  .card.card-two
  .card-default
  .card-body
  .box-body
  .search-btn {
  width: fit-content;
}

.reports_card_holder {
  background: #fff !important;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.bucket_card_holder {
  padding: 20px;
  background: #536dfe1f !important;
  margin-bottom: 11px !important;
  border-radius: 11px !important;
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06) !important;
}
/* 09-06-2025 css crm dashboard   Form changes end*/

/* 09-06-2025 css crm table   Form changes start*/
.table thead tr {
  background: linear-gradient(
    90deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(9, 9, 121, 1) 35%,
    rgba(0, 212, 255, 1) 100%
  );
}

.table thead th {
  color: #fff;
}

/* Gradient stripe for even rows */
table tbody tr:nth-child(even) {
  background: linear-gradient(
    to right,
    #f0f5ff,
    #e0f7fa
  ); /* light blue to teal */
}

/* Gradient stripe for odd rows */
table tbody tr:nth-child(odd) {
  background: linear-gradient(
    to right,
    #ffffff,
    #f7f9fc
  ); /* white to very light gray */
}

/* Hover effect */
table tbody tr:hover {
  background: linear-gradient(
    to right,
    #d0eaff,
    #b2ebf2
  ); /* hover blue gradient */
  cursor: pointer;
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: 1px solid #6735e538;
}

/* 09-06-2025 css crm table   Form changes end*/

@media (min-width: 1200px) and (max-width: 1299px) {
  .dashboard-margin .card .bucket_holder p {
    font-size: 12px;
  }
}



@media only screen and (max-width: 991px) {
 .wrapper .header-top {
    padding-left: 0% !important;
}
  .wrapper .page-wrap .footer {
    padding-left: 10%;
}

}


@media (min-width: 0px) and (max-width: 421px) {
.auth-logo {
    height: 55px !important;
}

.auth-wrapper .authentication-form {
    width: 290px;
    min-width: 290px;
    padding: 11px;
}

.authentication-form p{
  font-size: 20px !important;
}

.wrapper .header-top .top-menu .header-search .user_name_circle_holder {
    width: 30px;
    height: 30px;
}

.wrapper .header-top .top-menu .header-search .input-group {
    padding: 8px 9px;
}

.wrapper .header-top .top-menu .header-search .input-group p b {
    font-size: 10px;
}

.wrapper .header-top .top-menu .header-search .user_name_circle_holder .user_shirt_name_holder  {
    font-size: 11px;
}

.wrapper .header-top .top-menu .header-search .input-group p {
    font-size: 11px;
}


.wrapper .header-top .top-menu .header-search .input-group p span {
    font-size: 11px;
}

.wrapper .page-wrap .footer {
    padding-left: 15%;
}

}