body {
  background: #fbf4ff;
  font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
}

button {
  outline: none;
  box-shadow: none;
}

button svg {
  outline: none;
}

/*login form*/
.admin-login-form{
    width: 384px;
    padding: 32px;
    box-shadow: 
        0 10px 15px -3px rgba(0, 0, 0, 0.1), 
        0 4px 6px -4px rgba(0, 0, 0, 0.1);
  }

.admin-login-form h1{
    font-size: 24px;
    color: #000;
    font-weight: 700;
  }
  .admin-login-form form .form-group {
    margin-bottom: 23px;
    text-align: left;
   }
  .admin-login-form form label {
      font-size: 14px;
      font-weight: bold;
      display: block;
      margin-bottom: 4px;
  }
  .admin-login-form .input-container {
      position: relative;
  }
  .admin-login-form form .input-container svg {
      position: absolute;
      left: 10px;
      top: 50%;
      transform: translateY(-50%);
      width: 20px;
      height: 20px;
      color: #9ca3af;
  }
  .admin-login-form form input {
      width: 100%;
      padding: 10px 10px 10px 36px !important;
      border: 1px solid #d1d5db !important;
      border-radius: 6px;
      font-size: 14px;
  }
 .admin-login-form form button {
      width: 100%;
      padding: 10px;
       border-color: rgb(229 231 235);
      border-bottom: 1px solid rgb(229 231 235);
       border-radius: 0;
      background-color: #d946ef;
      border: none;
      border-radius: 6px;
      color: white;
      font-weight: bold;
      cursor: pointer;
      transition: background 0.3s;
  }
  .admin-login-form form button:hover {
      background-color: #c026d3;
  }
  .admin-login-form form{
     padding-top: 10px;
  }


.btn-check:focus + .btn, .btn:focus,.btn-check:checked + .btn, .btn-check:active + .btn, .btn:active, .btn.active, .btn:active:focus{
    outline: 0;
    box-shadow: none;
}
  .non-login-sceen-sec .container{
   max-width: 1280px;
   padding-left: 2rem;
   padding-right: 2rem;
  }
  .non-login-sceen-sec .container .non-login-menu{
  padding: 13px 11px;
  }

.non-login-sceen-sec{
  background: #ffffff !important;
    border-color: rgb(229 231 235);
    border-bottom: 1px solid rgb(229 231 235);
    border-radius: 0;
}
.non-login-sceen-sec .navbar-nav .nav-item p.logout-txt svg{
  width: 32px;
  height: 32px;
  margin-right: 10px;
  color: #d946ef;
}
.non-login-sceen-sec .navbar-nav .nav-item p.logout-txt{
    font-size: 24px;
    padding-right: 10px;
    background: linear-gradient(to right, #d946ef, #8b5cf6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 700;
    margin:0;
}
#sidebarMenu.sidebar{
   max-width: 255px;
}
#sidebarMenu {
  background-color: #fff !important;
   border-right: 1px solid rgb(229 231 235);
}
#sidebarMenu .nav-item > .nav-link{
  color: #4b5563;
  padding: 12px 16px;
  line-height: 24px;
  font-size: 15px;
}
#sidebarMenu .nav-item.active > .nav-link {
  background-color: rgb(253 244 255);
  color: rgb(192 38 211);
  border-right: 4px solid rgb(217 70 239);
}
#sidebarMenu.sidebar .nav-item{
  margin-bottom: 0;
}
#sidebarMenu .nav-item > .nav-link:hover {
  background-color: rgb(253 244 255);
  color: rgb(192 38 211);
}
#sidebarMenu .nav-item .nav-link .sidebar-icon svg {
    width: 20px;
    height: 20px;
    margin-top: -2px;
}
#sidebarMenu.sidebar .nav-link .sidebar-icon {
    margin-right: 0.2rem;
    color: #4b5563;
}
.sidebar-logo h2 {
  font-size: 20px;
  font-weight: bold;
  position: relative;
  padding-left: 17px; /* To make space for the icon */
  background: linear-gradient(45deg, #d946ef, #8b5cf6);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
#sidebarMenu .nav-item.active > .nav-link .sidebar-icon svg,#sidebarMenu .nav-item > .nav-link:hover svg{
    color: rgb(192 38 211);
}
#sidebarMenu .nav-item.active > .nav-link .sidebar-icon {
  color: #fff;
}
#sidebarMenu .nav-link{
  border-radius: 0 !important;
}
.navbar-dashboard {
    background: #ffffff !important;
    border-color: rgb(229 231 235);
    border-bottom: 1px solid rgb(229 231 235);
    border-radius: 0;
}
main.content{
  margin-left: 255px;
  padding: 2rem 1.5rem;
}

.content h1 {
  color: #000000;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  margin-bottom: 30px;
}
.dataTables_length label {
  padding-left: 0px !important;
  margin-bottom: 25px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
}

.dataTables_length label select {
  border: 1px solid #000;
  padding: 5px 10px;
  margin: 0px 2px;
}

input {
  border: 1px solid #000 !important;
  padding: 7px 15px !important;
  outline: none;
  box-shadow: none;
}
.table-responsive table thead tr{
  background: #f9fafb !important;
}

.table-responsive table thead tr th {
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  line-height: 27px;
  padding: 8px 20px;
  border: none;
}

.table-responsive table tbody tr td {
  color: #000;
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
  padding: 8px 20px;
}

.dataTables_wrapper .dataTables_filter {
  padding-right: 0px;
}

.table-responsive .dataTables_info {
  color: #000 !important;
  font-size: 14px;
  padding-left: 0px;
}

.paging_simple_numbers {
  padding-right: 0px !important;
}

.paging_simple_numbers #domainTable_previous {
  color: #000 !important;
  font-size: 14px;
}

.paging_simple_numbers #domainTable_next {
  color: #000 !important;
  font-size: 14px;
}

.paging_simple_numbers .paginate_button.current {
  background: #d477c9 !important;
  border: 1px solid #d477c9 !important;
  color: #fff !important;
}

#domainTable_paginate .paginate_button.current {
  background: #d477c9 !important;
  border: 1px solid #d477c9 !important;
  color: #fff !important;
}

#domainTable_paginate .paginate_button:hover {
  background: #d477c9 !important;
  border: 1px solid #d477c9 !important;
  color: #fff !important;
}

#cpanelTable_paginate .paginate_button.current {
  background: #d477c9 !important;
  border: 1px solid #d477c9 !important;
  color: #fff !important;
}

#cpanelTable_paginate .paginate_button:hover {
  background: #d477c9 !important;
  border: 1px solid #d477c9 !important;
  color: #fff !important;
}

#userTable_paginate .paginate_button.current {
  background: #d477c9 !important;
  border: 1px solid #d477c9 !important;
  color: #fff !important;
}

#userTable_paginate .paginate_button:hover {
  background: #d477c9 !important;
  border: 1px solid #d477c9 !important;
  color: #fff !important;
}

#cpanel-table_paginate .paginate_button.current {
  color: #fff !important;
}

.input-group.search-bar input {
  border: 0.0625rem solid #D1D5DB !important;
  box-shadow: none !important;
}

.daterangepicker .ranges ul li.active {
  background-color: #d477c9 !important;
}

.daterangepicker .ranges ul li:hover {
  background-color: #ffe6fc;
}

.range-filter #dateRange {
  box-shadow: none;
  outline: none;
  padding: 8px 15px !important;
  border-radius: 3px;
}

.daterangepicker .drp-calendar .calendar-table table tbody tr td.active {
  background-color: #d477c9;
}

.daterangepicker .drp-calendar .calendar-table table tbody tr .in-range.available {
  background-color: #ffe6fc;
}

.daterangepicker .drp-calendar .calendar-table table tbody tr .active.in-range {
  color: #000;
}

.daterangepicker .drp-calendar .calendar-table table tbody tr .active.end-date.in-range {
  background-color: #d477c9;
  color: #fff;
}

.daterangepicker .drp-buttons .btn.btn-primary {
  background-color: #d477c9;
  border: 1px solid #d477c9;
  border-radius: 3px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 27px;
  padding: 4px 20px;
  outline: none;
  box-shadow: none;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.daterangepicker .drp-buttons .btn.btn-primary:hover {
  background-color: #0b0b13;
  border: 1px solid #0b0b13;
  color: #fff;
}

.range-filter .btn.btn-primary {
  background-color: #d477c9;
  border: 1px solid #d477c9;
  border-radius: 3px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 27px;
  padding: 5px 20px;
  outline: none;
  box-shadow: none;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.range-filter .btn.btn-primary:hover {
  background-color: #0b0b13;
  border: 1px solid #0b0b13;
  color: #fff;
}

.dataTables_wrapper .dataTables_filter input {
  background-color: #fff !important;
}

table.table.dataTable thead .sorting.sorting_desc {
  background-image: url("../img/sort_desc.png") !important;
}

table.table.dataTable thead .sorting {
  background-image: url("../img/sort_both.png") !important;
}

.range-filter {
  margin-bottom: 40px;
}

.range-filter .range-filter-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.range-filter-box #dateRange {
  width: 80%;
}

.range-filter .user-filter {
  text-align: right;
}

.range-filter .user-filter label {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
}

.range-filter .user-filter select {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 3px;
  padding: 9px 20px;
  width: 50%;
}

.dataTables_wrapper .dataTables_length select {
  border: 1px solid #000 !important;
  background-color: #fff !important;
  padding: 6px 5px !important;
}

.sidebar-inner .sidebar-logo {
  padding-bottom: 20px;
  border-bottom: 1px solid #ffffff40;
  padding-top: 20px;
}

.sidebar-inner .nav .nav-item .nav-link .sidebar-icon img {
  width: 20px;
  height: auto;
}

.sidebar-inner .nav .dropdown-divider {
  border-top: 1px solid #ffffff40 !important;
}

.content {
  min-height: 300px;
}

.dataTables_wrapper #userTable .btn {
  background-color: #d477c9;
  border: 1px solid #d477c9;
  color: #fff;
}

.dataTables_wrapper #userTable .btn:hover {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}



.edit_user_sec .form_box .form-group {
  margin-bottom: 20px;
}

.edit_user_sec .form_box .form-group .form-control {
  background-color: #fff;
  border: 1px solid #000 !important;
  border-radius: 4px;
  box-shadow: none !important;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  outline: none !important;
  padding: 8px 20px;
}


.btn.btn-primary {
  background-color: #d946ef;
  border: 1px solid #d946ef;
  color: #fff;
  font-size: 16px;
}

.btn.btn-primary:hover{
  background-color: #c026d3;
  border: 1px solid #c026d3;
  color: #fff;
}

.dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.current {
  background: #d946ef !important;
  border: 1px solid #d946ef !important;
  border-radius: 5px;
  color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button:hover {
  background: #d946ef !important;
  border: 1px solid #d946ef !important;
  color: #fff !important;
}

#emailTable_paginate .paginate_button:hover {
  background: #d477c9 !important;
  border: 1px solid #d477c9 !important;
  color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: #fff !important;
}

.modal-content .modal-header {
  border-bottom: none;
  padding-bottom: 0px;
}

.addmessage_modal .modal-content .modal-header .modal-title {
  color: #000;
  font-size: 19px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 0px;
}

.addmessage_modal .modal-content .modal-body {
  padding: 25px;
}

.addmessage_modal .modal-content .modal-body .form-group {
  margin-bottom: 20px;
}

.addmessage_modal .modal-content .modal-body .form-group .form-control {
  background-color: #fff;
  border-radius: 6px;
  outline: none;
  box-shadow: none;
  padding: 10px 15px !important;
  border: 1px solid #b0b0b0 !important;
}

.addmessage_modal .form-check {
  margin-bottom: 10px;
}

.addmessage_modal .form-check .form-check-input {
  width: 18px;
  height: 18px;
  padding: 0px !important;
  box-shadow: none;
}

.addmessage_modal .form-check .form-check-label {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  margin-bottom: 0px;
}

.edit_user_sec .form_box .form-check {
  margin-bottom: 10px;
}

.edit_user_sec .form_box .form-check .form-check-input {
  width: 18px;
  height: 18px;
  padding: 0px !important;
  box-shadow: none;
}

.edit_user_sec .form_box .form-check .form-check-label {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  margin-bottom: 0px;
}

/*new design update css start*/
.dashboard-page .container-fluid {
    padding: 0px 8px;
}
.dashboard-overview .grid-box,.dashboard-overview .overview-middle-sec .three-grid-box,
.user-dashboard .user-search-box,.user-dashboard .user-table-box{
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  padding: 20px 25px;
  background-color: rgb(255 255 255);
  border-radius: .75rem;
  height: 100%;
  overflow: hidden;
}

.dashboard-overview .grid-box .topbox{
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.dashboard-overview .grid-box.blue-box .topbox span{
  color: #3b82f6;
}
.dashboard-overview .grid-box.green-box .topbox span{
  color: #22c55e;
}
.dashboard-overview .grid-box.purple-box .topbox span{
   color: #a855f7;
}
.dashboard-overview .grid-box.orange-box .topbox span{
  color: #f97316;
}


.dashboard-overview .grid-box.blue-box svg{
    color: #3b82f6;
}
.dashboard-overview .grid-box.blue-box .icon{
   background: #eff6ff;
}
.dashboard-overview .grid-box.green-box svg{
    color: #22c55e
}
.dashboard-overview .grid-box.green-box .icon{
   background: #f0fdf4;
}
.dashboard-overview .grid-box.purple-box svg{
    color: #a855f7;
}
.dashboard-overview .grid-box.purple-box .icon{
   background: #faf5ff;
}
.dashboard-overview .grid-box.orange-box svg{
    color: #f97316;
}
.dashboard-overview .grid-box.orange-box .icon{
    background: #fff7ed;
}
.dashboard-overview .grid-box.blue-box .bottom span.value{
  color: #3b82f6;
}
.dashboard-overview .grid-box.green-box .bottom span.value{
  color: #22c55e;
}
.dashboard-overview .grid-box.purple-box .bottom span.value{
  color: #a855f7;
}
.dashboard-overview .grid-box.orange-box .bottom span.value{
  color: #f97316;
}
.dashboard-overview .grid-box .infobox{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dashboard-overview .grid-box .infobox.top{
    margin-bottom: 10px;
}
.dashboard-overview .grid-box .icon {
    height: 48px;
    padding: 12px;
    border-radius: 10px;
}

.dashboard-overview .grid-box .infobox.top span.value {
    font-size:22px;
    font-weight: 900;
    color: #000;
}
.dashboard-overview .grid-box .infobox.bottom span.value{
  font-size:22px;
}
.dashboard-overview .grid-box .infobox span {
    color: rgb(75, 85, 99);
    font-size: 15px;
    font-weight: 400;
}
.dashboard-overview .grid-box .topbox span {
    font-size: 14px;
    font-weight: 500;
} 

.dashboard-overview .grid-box.indigo-box svg{
  color:#6366f1;
} 
.dashboard-overview .grid-box.indigo-box .icon.indigo{
 background:#eef2ff;
} 
.dashboard-overview .grid-box.indigo-box .topbox span{
  color: #6366f1;
}
.dashboard-overview .grid-box.pink-box svg{
  color:#ec4899;
} 
.dashboard-overview .grid-box.pink-box .icon.pink{
 background:#fdf2f8;
} 
.dashboard-overview .grid-box.pink-box .topbox span{
  color: #ec4899;
}
.dashboard-overview .grid-box.teal-box svg{
  color:#14b8a6;
} 
.dashboard-overview .grid-box.teal-box .icon.teal{
 background:#f0fdfa;
} 
.dashboard-overview .grid-box.teal-box .topbox span{
  color: #14b8a6;
}
.dashboard-overview .grid-box .infobox-bottom h4.value {
    font-weight: 700;
    color: #000;
    font-size: 30px;
    margin-bottom: 5px;
}
.dashboard-overview .grid-box .infobox-bottom p{
    color: #4b5563;;
    font-size: 14px;
    margin-bottom: 10px;
}
.dashboard-overview .grid-box .infobox-bottom .chart.green svg{
  color:#22c55e;
  width: 16px;
}

.dashboard-overview .grid-box .infobox-bottom .chart span{
    color: #4b5563;
    font-size: 14px;
  }
.dashboard-overview .grid-box .infobox-bottom .line {
    width: 100%;
    background-color: #d4e2ff;
    height: 8px;
    border-radius: 9999px;
}
.dashboard-overview .grid-box .infobox-bottom .line-fill {
    border-radius: 9999px;
    height: 8px;
}
.dashboard-overview .grid-box.indigo-box .infobox-bottom .line.indigo .line-fill {
    background: #6366f1;
}
.dashboard-overview .grid-box.teal-box .infobox-bottom .line.teal .line-fill{
    background:#14b8a6;
}
.dashboard-overview .recent-acticity-sec .recent-act-box{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.dashboard-overview .recent-acticity-sec .top_title h2{
 font-weight: 600;
 font-size: 17px;
 line-height: 28px;
}
.dashboard-overview .recent-acticity-sec .top_title h2 svg {
  height: 20px;
  width: 20px;
  margin-right: 8px;
  margin-top: -4px;
}
.dashboard-overview .recent-acticity-sec table .recent-data{
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: center;
}
.dashboard-overview .recent-acticity-sec .recent-data .user-info span.name {
    font-weight: 500;
    color: #000;
    font-size: 15px;
}

.dashboard-overview .recent-acticity-sec .recent-data .user-info span.email {
    color: #6b7280;
    font-size: 14px;
}
.dashboard-overview .recent-acticity-sec table .join-date {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
}
.dashboard-overview .recent-acticity-sec table .join-date span {
    color: #6b7280;
    font-size: 14px;
}

.recent-act-box table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 15px;
  }
  
.recent-act-box table tr {
    background: #f9fafb; 
  }

.recent-act-box table td {
    padding: 14px 16px;
}
.recent-act-box table tr td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }

.recent-act-box table tr td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
.dashboard-overview .recent-acticity-sec table .recent-data .icon svg{
   color: #3b82f6;
   height: 20px;
  }

.dashboard-overview .recent-acticity-sec table .recent-data .icon {
    padding: 7px;
    background: #eff6ff;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    width: 36px;
} 


/*user list tab css start*/

.user-dashboard .content .add-user-btn-sec h1 {
    font-weight: 700;
  }
 .user-dashboard .content .add-user-btn-sec button svg{
  height: 20px;
 }
.user-dashboard .user-search-box input#customSearch{
    width: 100%;
    border-radius: .5rem;
    border-color: #d1d5db !important;
   padding-left: 40px !important;
  }
.user-dashboard .user-search-box .search-input-btn{
  width: auto;
    padding: 0;
  }
.user-dashboard .user-search-box .search-box-input {
  width: 73%;
  position: relative;
}
.user-dashboard .user-search-box .search-input-btn.import-csv-btn button{
  background: #fff;
}
.domain_box .domain_checkbox {
  margin-top: 3px;
}
#UpdateddomainTable .domain-select-all {
    margin-right: 13px;
    margin-top: 2px;
}
table#UpdateddomainTable thead .sorting_desc{
  background-image: none !important;
}
.user-dashboard svg{
  height: 20px;
}
.user-dashboard .user-search-box .search-input-btn svg {
  margin-top: -5px;
}
.user-dashboard .user-table-box{
  padding: 0;
}
.user-dashboard .user-table-box table .user-status {
    border-radius: 50px;
    text-align: center;
    font-size: 14px;
    padding: 2px 12px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
}
.user-dashboard .user-table-box table .active-user {
    background: #dcfce7;
    color: #166534;
}
.user-dashboard .user-table-box table .active-user svg{
    color: #166534;
}
.user-dashboard .user-table-box table .block-user {
    background: #fee2e2;
    color: #991b1b;
}
.user-dashboard .user-table-box table .block-user svg{
    color: #991b1b;
}
.user-dashboard .user-table-box table .block-user svg{
    color: #991b1b;
}

.user-dashboard .user-table-box table .user-status svg,.user-table-box .user-main-domain svg{
    height: 16px;
}
button:focus {
    box-shadow: none !important;
}

.user-actions button.btn.pass-reset-btn{
  color: #9ca3af;
}
.user-actions a.btn.user-edit-btn {
  color: #60a5fa;
}

.user-actions button.btn.delete-user{
   color: #f87171;
}
.user-table-box .user-main-domain{
  color:#c026d3;
}
.user-table-box .features-data .form-check-input{
      padding: 6px 6px !important;
}
.user-table-box .features-data .form-check-input:checked {
    background-color: #60a5fa;
    border-color: #60a5fa !important;

}
.user-table-box .features-data .form-check-input:unchecked {
    background-color: #fff;
}
.user-table-box .features-data span.small{
  padding-top: 4px;
}
/*table css start*/
.user-dashboard .user-table-box table tr th{
  font-size: 12px;
}


.user-dashboard .user-table-box table tbody tr td {
    padding: 25px 20px;
    border-color: #e5e7eb;
	vertical-align: middle;
}
.user-dashboard .user-table-box table.dataTable.no-footer{
  border: none !important;
}

/*table css end*/
/*new design update css end */

.domain_dashboard .btn.btn-primary {
  font-size: 16px;
}

.user-search-box .search-box-input svg {
  position: absolute;
  top: 11px;
  left: 20px;
}

.whitebox {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  padding: 20px 25px;
  background-color: rgb(255 255 255);
  border-radius: .75rem;
  height: 100%;
}

.domains_list_table.whitebox {
  padding: 0px;
}

.domains_list_table .table_mainsec .table thead tr th {
  color: rgb(106, 113, 127);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  padding: 15px 20px;
  border: none;
}

.domains_list_table .table_mainsec .table tbody {
  border: none;
}

.domains_list_table .table_mainsec .table tbody tr td {
  color: rgb(106, 113, 127);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  padding: 15px 20px;
  border-bottom: 1px solid #e4e4e4;
  box-shadow: none;
   vertical-align: middle
}

.domains_list_table .table_mainsec .table tbody tr:last-child td {
  border-bottom: none;
}

.domains_list_table .table_mainsec .table tbody tr td .domain_box .iconbox svg {
  color: #d946ef;
  margin-right: 6px;
}

.domains_list_table .table_mainsec .table tbody tr td .domain_box .iconbox span {
  color: rgb(18, 25, 40);
      font-weight: 500;
}

.domains_list_table .table_mainsec .table tbody tr td .username h3 {
  color: rgb(18, 25, 40);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0px;
}

.domains_list_table .table_mainsec .table tbody tr td .username h4 {
  color: rgb(106, 113, 127);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0px;
}

.statusbox {
  color: #991b1b;
  background-color: #fee2e2;
  border-radius: 50px;
  padding: 6px 15px;
  font-weight: 500;
}

.statusbox.active {
  color: rgb(23, 102, 53);
  background-color: rgb(217, 250, 228);
  border-radius: 50px;
  padding: 6px 15px;
}

.domains_list_table .table_mainsec .table tbody tr td .iconbtn_box .iconbtn {
  background-color: transparent;
  border: none;
  color: rgb(97, 167, 253);
}

.domains_list_table .table_mainsec .table tbody tr td .iconbtn_box .iconbtn:hover {
  color: rgb(31, 114, 215);
}

.domains_list_table .table_mainsec .table tbody tr td .iconbtn_box .iconbtn.removebtn {
  color: rgb(250, 114, 114);
}

.domains_list_table .table_mainsec .table tbody tr td .iconbtn_box .iconbtn.removebtn:hover {
  color: rgb(219, 39, 39);
}

.domains_list_table .table_mainsec .table {
  margin-bottom: 0px;
}

.email_warmup_mainsec .title_box h2 {
  color: #000000;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  margin-bottom: 30px;
}

.email_warmup_mainsec .right_btnbox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: end;
  gap: 15px;
}

.email_warmup_mainsec .right_btnbox .tabbtn {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 5px;
}

.email_warmup_mainsec .right_btnbox .tabbtn .btn_style {
  background-color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  color: rgb(74, 84, 98);
  font-size: 16px;
  font-weight: 500;
  outline: none;
  box-shadow: none;
}

.email_warmup_mainsec .right_btnbox .tabbtn .btn_style:hover {
  color: rgb(0, 0, 0);
}

.email_warmup_mainsec .right_btnbox .tabbtn .btn_style.active {
  background-color: #d946ef;
  color: #fff;
}

.email_warmup_mainsec .right_btnbox .btnbox .btn.border_btn {
  background-color: transparent;
  border: 1px solid #ddd;
  border-radius: 8px;
  color: rgb(60, 70, 87);
  font-size: 16px;
  font-weight: 400;
  padding: 12px 15px;
  outline: none;
  box-shadow: none;
}
.healthscore_boxsec .healthscore_box .info_boxsec.active,.healthscore_boxsec .healthscore_box .info_boxsec:hover {
    border-color: #d946ef;
} 
.email_warmup_mainsec .right_btnbox .btnbox .btn.border_btn:hover {
  background-color: #fff;

}

.email_warmup_mainsec .right_btnbox .btnbox .btn.btn-primary {
  padding: 12px 15px;
  margin-left: 5px;
  font-size: 16px;
  font-weight: 500;
}

.email_warmup_mainsec .mail_accounts_infosec {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
}

.email_warmup_mainsec .mail_accounts_infosec .mail_infobox {
  width: 19%;
}

.mail_accounts_infosec .mail_infobox .icon_mailname {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.mail_accounts_infosec .mail_infobox .icon_mailname svg {
  color: #d946ef;
}

.mail_accounts_infosec .mail_infobox .icon_mailname span {
  color: rgb(106, 113, 127);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
}

.mail_accounts_infosec .mail_infobox h3 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 2px;
}

.mail_accounts_infosec .mail_infobox p {
  color: rgb(106, 113, 127);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0px;
}

.email_warmup_mainsec .healthscore_boxsec {
  margin-top: 25px;
}

.email_warmup_mainsec .healthscore_boxsec .titlebox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.email_warmup_mainsec .healthscore_boxsec .titlebox svg {
  color: #d946ef;
}

.email_warmup_mainsec .healthscore_boxsec .titlebox h4 {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 0px;
}

.healthscore_boxsec .healthscore_box {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
}

.healthscore_boxsec .healthscore_box .info_boxsec {
  width: 19%;
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: 8px;
  padding: 20px;
}

.healthscore_boxsec .healthscore_box .info_boxsec .top_head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.healthscore_boxsec .healthscore_box .info_boxsec .top_head span {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
}

.healthscore_boxsec .healthscore_box .info_boxsec .top_head svg {
  width: 18px;
}

.healthscore_boxsec .healthscore_box .info_boxsec h3 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 4px;
  text-align: center;
}

.healthscore_boxsec .healthscore_box .info_boxsec p {
  color: rgb(106, 113, 127);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0px;
  text-align: center;
}

.email_warmup_mainsec .user-dashboard {
  margin-top: 50px;
}

.emailaccounts_table .table_mainsec .table tbody tr td .emailaccounts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}

.emailaccounts_table .table_mainsec .table tbody tr td .emailaccounts svg {
  color: #d946ef;
  width: 22px;
}

.emailaccounts_table .table_mainsec .table tbody tr td .emailaccounts .emailtxt h3 {
  color: rgb(18, 25, 40);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0px;
}

.emailaccounts_table .table_mainsec .table tbody tr td .emailaccounts .emailtxt h4 {
  color: rgb(106, 113, 127);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0px;
}

.emailaccounts_table .table_mainsec .table tbody tr td .healthscore {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.emailaccounts_table .table_mainsec .table tbody tr td .healthscore .progressbox {
  background-color: rgb(231, 233, 236);
  width: 65px;
  height: 8px;
  border-radius: 10px;
  overflow: hidden;
}

.emailaccounts_table .table_mainsec .table tbody tr td .healthscore .progressbox .progressbar {
  background-color: #d946ef;
  height: 8px;
  border-radius: 50px;
}

.emailaccounts_table .table_mainsec .table tbody tr td .healthscore span {
  color: #000;
}

.blacktxt {
  color: #000 !important;
}

.emailaccounts_table .table_mainsec .table tbody tr td .performance_box ul {
  padding-left: 0px;
  list-style: none;
  margin-bottom: 0px;
}

.emailaccounts_table .table_mainsec .table tbody tr td .performance_box ul li {
  margin-bottom: 4px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.emailaccounts_table .table_mainsec .table tbody tr td .performance_box ul li span {
  color: rgb(106, 113, 127);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0px;
}

.emailaccounts_table .table_mainsec .table tbody tr td .performance_box ul li span.greentxt {
  color: rgb(23, 102, 53);
}

.emailaccounts_table .table_mainsec .table tbody tr td .performance_box ul li span.redtxt {
  color: rgb(221, 38, 38);
}

.emailaccounts_table .table_mainsec .table tbody tr td .performance_box ul li span.orangetxt {
  color: rgb(236, 89, 12);
}

.checkbox_mainsec {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
}

.custom_checkbox {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custom_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #fce9ff;
  border: 1px solid #d946ef;
  border-radius: 3px;
}

.custom_checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

.custom_checkbox input:checked ~ .checkmark {
  background-color: #d946ef;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom_checkbox input:checked ~ .checkmark:after {
  display: block;
}

.custom_checkbox .checkmark::after {
  left: 4px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#userTableUpdate .user-info .user-name {
  color: rgb(18, 25, 40);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0px;
}

#userTableUpdate .user-info .user-email {
  color: rgb(106, 113, 127);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0px;
}

#userTableUpdate .user-info .other-detail {
  color: rgb(106, 113, 127);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0px;
}

#userTableUpdate tbody tr td p.fw-500 {
  color: rgb(106, 113, 127);
  font-size: 15px;
  font-weight: 400;
}

.modal-body .form-group label {
  color: rgb(54, 65, 81);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 4px;
  display: block;
}

.addmessage_modal .modal-content .modal-header .modal-title {
  color: #000;
  font-size: 19px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 0px;
}
/*upload popup css */
#bulkUploadModal .modal-content{
  background: #ffffff;
}

#bulkUploadModal .modal-content h4.title {
    font-size:18px !important;
    font-weight: 500;
    margin-bottom: 15px;
}
#bulkUploadModal .modal-body {
    padding: 1.7rem;
  }

#bulkUploadModal  .contnt_box p {
    color: #4b5563; /* Gray color */
    font-size: 14px;
    margin-bottom: 16px;
}

#bulkUploadModal .download_filebox {
    text-align: left;
    margin-bottom: 16px;
}

#bulkUploadModal .download_filebox a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    color: #c026d3;
    display: flex;
    align-items: center;
    gap: 8px;
}

#bulkUploadModal .upload-area {
    border: 2px dashed #d1d5db;
    border-radius: 8px;
    padding: 17px;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.2s ease-in-out;
    margin-bottom: 20px;
    position: relative;
        width: 100%;
}

#bulkUploadModal .upload-area:hover {
    border-color: #a855f7; /* Purple */
}

#bulkUploadModal .upload-area input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 10;
}

#bulkUploadModal .upload-area svg {
    width: 48px;
    height: 48px;
    color: #9ca3af; /* Gray */
    margin-bottom: 10px;
}

#bulkUploadModal .upload-area p {
    color: #000; /* Dark gray */
    font-size: 16px;
}

#bulkUploadModal  .upload-area p.text-sm {
    font-size: 12px;
    color: #6b7280; /* Lighter gray */
}

#bulkUploadModal .action-buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
    gap: 10px;
}

.user-dashboard.domain_dashboard .right_btnbox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: end;
  gap: 15px;
}

.user-dashboard.domain_dashboard .right_btnbox .file_input input {
  background-color: #fff;
  border: 1px solid #d946ef !important;
  border-radius: 8px;
  color: #d946ef;
  font-size: 16px;
  font-weight: 400;
  padding: 5px !important;
}

.email_warmup_mainsec .filter_mainsec_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: end;
  gap: 20px
}

.email_warmup_mainsec .filter_mainsec_box .search_input {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: end;
  width: 86%;
}

.email_warmup_mainsec .filter_mainsec_box .search_input .search-box-input {
  width: 90%;
  padding-right: 10px;
}

.email_warmup_mainsec .filter_mainsec_box .search_input .search_btn_mainsec {
  width: 10%;
}

.email_warmup_mainsec .filter_mainsec_box .search_input .search-box-input svg {
  left: 10px;
}

.show_per_page_sec {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: end;
  padding: 20px;
}
 
.show_per_page_sec .form-control.selct_per_page {
  width: 100px;
  outline: none;
  box-shadow: none;
}

.show_per_page_sec label {
  color: #000;
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  margin-bottom: 0px;
  padding-right: 11px;
}

        
/* ============= responsive Css Start ============= */

@media only screen and (max-width: 767px) {
.content {
  min-height: 300px;
} 

.content footer {
  padding: 20px !important;
}

.range-filter .range-filter-box {
  margin-bottom: 30px;
}

.range-filter-box #dateRange {
  width: 65%;
}

.range-filter .user-filter {
  text-align: left;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
  text-align: left !important;
}

.range-filter .user-filter select {
  width: 100%;
}

.dataTables_wrapper .dataTables_filter {
  margin-bottom: 10px;
}

.range-filter > .row > .col-md-4 {
  width: 60%;
  padding-right: 0px;
}

.range-filter > .row > .col-md-2 {
  width: 40%;
}

}

@media only screen and (min-width: 1700px) and (max-width: 2500px)  {
.user-dashboard .user-search-box .search-box-input {
  width: 92%;
}

.email_warmup_mainsec .filter_mainsec_box .search_input {
  width: 91%;
}

.email_warmup_mainsec .filter_mainsec_box .search_input .search-box-input {
  width: 94%;
}

.email_warmup_mainsec .filter_mainsec_box .search_input .search_btn_mainsec {
  width: 6%;
}
}

/* ============= responsive Css End ============= */