@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  outline: none;
}

:root {
  /* --cus-primary-color:#201c79;
  --cus-primary-color-dark:#201c79;
  --cus-btn-color:#3d79c1;
  --cus-btn-color-hover:#3691ff;
  --logo-mini: url(../img/logo-mini.png);
  --logo-mini-height:42px;
  --logo-mini-width:25px;
  --logo: url(../img/logo.png);
  --logo-height:30px;

  --logo-width:180px; */
  --cus-primary-color: #5E5ADB;
  --cus-primary-color-dark: #2F2C8D;
    --cus-btn-color: #3D79C1;
    --cus-btn-color-hover: #3691FF;
    --logo-mini: url(../img/logo-mini.png);
    --logo-mini-height: 33px;
    --logo-mini-width: 51px;
    --logo: url(../img/logo.png);
    --logo-height: 30px;
    --logo-width: 180px;


  --header-height: 3rem;
  --nav-width: 244px;
  --first-color: var(--cus-primary-color);
  --first-color-light: #AFA5D9;
  --white-color: #F7F6FB;
  --body-font:
    'Nunito', sans-serif;
  --normal-font-size: 1rem;
  --z-fixed: 100
}

select {
  font-size: 14px;
  background: transparent;
}

img {
  width: 100%;
}

body {
  background: #ffffff;
}
.p-datatable .p-datatable-tbody>tr>td a{color: var(--cus-btn-color);}
.mt-15 {
  margin-top: -15px
}

.clear {
  clear: both;
  display: block;
  content: ".";
}

.arrow-dis {
  display: none;
}

.bxs-star-half {
  /* font-size: 26px !important; */
}

.bi-speedometer.nav_icon {
  font-size: 18px !important;
  top: -1px;
  position: relative;
}

.bxs-badge-dollar {
  font-size: 26px !important;
}

.login-bg {
  background: #ffffff;
  width: 100%;
  height: 100vh;
  display: inline-block;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.login-page {
  background: #f3f9ff;
  height: 80vh;
  display: grid;
  z-index: 99;
  position: relative;
  width: 100%;
  box-shadow: 1px 1px 26px #2666fa2e;
}

.left-div {
  position: relative;
  overflow: hidden;
}

.left-div img {
  width: 100%;
}

.left-div h1 {
  font-size: 40px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  margin-top: 30px;
  display: none;
}

.right-div {
  background: #fff;
}

.right-div h1 {
  font-size: 30px;
  color: #42505C;
  margin: 0;
}

.login-page .input-group {
  box-shadow: 1px 1px 6px #0000001a;
  height: 45px;
}

.login-page label {
  margin-bottom: 10px;
  font-size: 13px;
}

.login-page .input-group-text,
.login-page .form-control {
  border: 0;
  border-radius: 0;
  height: auto;
  padding: 0.375rem 0.75rem;
}

.dot {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  width: 227px;
  display: none;
}

.dot1 {
  position: absolute;
  top: -50px;
  right: -50px;
}

.dot2 {
  position: absolute;
  bottom: -50px;
  left: -50px;
}

.dot span {
  width: 4px;
  height: 4px;
  background: #0d6efd;
  display: inline-block;
  border-radius: 100%;
}

.shape1 {
  border-radius: 100%;
  width: 500px;
  height: 500px;
  background: #ffffff;
  border: 65px solid #fafbff;
  position: absolute;
  z-index: 9;
  bottom: -65px;
  left: -65px;
}

.shape2 {
  border-radius: 100%;
  width: 500px;
  height: 500px;
  background: #fafbff;
  position: absolute;
  z-index: 9;
  top: -65px;
  right: -65px;
}


:root {
  --header-height: 3rem;
  --nav-width: 244px;
  --first-color: var(--cus-primary-color);
  --first-color-light: #AFA5D9;
  --white-color: #F7F6FB;
  --body-font:
    'Nunito', sans-serif;
  --normal-font-size: 1rem;
  --z-fixed: 100
}

*,
::before,
::after {
  box-sizing: border-box
}

.dashboard-body {
  position: relative;
  margin: var(--header-height) 0 0 0;
  padding: 0 1rem;
  font-family: var(--body-font);
  font-size: var(--normal-font-size);
  transition: .5s;
  padding-right: 0;
}

a {
  text-decoration: none
}

tr {
  vertical-align: middle;
  /* box-shadow: 1px 1px 3px #00000036; */
  transition: box-shadow 0.2s;
  background: #fff;
}

.tbl-cat {

  background: #e8e6ff;

  padding: 4px 6px;

  border-radius: 3px;

  color: #42505C;

  white-space: nowrap;

  font-size: 12px;
}

.header {
  width: 100%;
  height: var(--header-height);
  position: inherit;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0 15px !important;
  background-color: #ffffff;
  transition: .5s;
  border-bottom: 1px solid #efefef;
  /* border-left: 1px solid #efefef; */
  display: flex;
  justify-content: space-between;
  box-shadow: 0px 3px 7px #0000003b;
  z-index: 999;
}

.header h1 {

  font-size: 20px;
}

.header-left-box {}

.header-left-box img {
  height: 20px;
}

.logo {
  /* width: 166px !important; */
  flex-grow: 1;
}
button.btn{
  background:var(--cus-btn-color);
}
.header-right-box {
  gap: 10px;
  display: flex;
  align-items: center;
}

.header-right-box .dropdown button {
  background: none;
  padding: 0;
  border: 0;
  color: #757575;
}

.header-right-box .dropdown button img {}


.min-logo {
  display: none;
  background: var(--logo-mini);
  background-size: cover;
  width: var(--logo-mini-width);
  height: var(--logo-mini-height);
}
.cus-logo{

background: var(--logo);

background-size: cover;


height: var(--logo-height);

width: var(--logo-width);
}
.menu-show .cus-logo {
  display: none;
}

.menu-show .min-logo {
  display: inline-block;
}
.menu-show .nav_logo {

padding: 8.5px 8px 2.5px 8px;;

text-align: center;

/* border: 0; */

border-color: #ffffff5c;
}

.menu-show .nav_logo .nav_link-box {
  display: inline-block;
}
.nav-bg{background: var(--cus-primary-color);}
.profile-pic {
  width: 35px;
  height: 35px;
  border-radius: 100%;
  /* overflow: hidden; */
}

.menu-show .profile-pic {
  width: 25px;
  height: 25px;
}

.profile-pic img {
  width: 100%;
}

.badge-div {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 10px 15px 0 0;
}

.badge-div button {
  background: no-repeat;
  border: 0;
  color: #42505C;
  padding: 0;
}

.header_toggle {
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
  display: flex;
  /* background: #94b5dd; */
  /* margin-left: 25px; */
}

button.exp-btn {
  color: #ffffff;
  padding: 0rem 1.5rem;
  background: var(--cus-primary-color);
  box-shadow: 1px 1px 10px #9fcbffb8;
  width: auto;
  float: right;
  border-radius: 6px;
  font-size: 13px;
  height: 100%;
  font-weight: 500;
}

button.btn {}

button.exp-btn:hover,
button.exp-btn:focus {
  background: var(--cus-btn-color-hover);
  color: #fff;
}

.keyword-exp-btn {

  display: flex;

  justify-content: space-between;

  margin-bottom: 20px;

  align-items: end !important;
}

.menu-show .header_toggle {}

.l-navbar {
  position: fixed;
  top: 0;
  left: -30%;
  width: var(--nav-width);
  height: 100vh;
  background-color: var(--cus-primary-color);
  transition: .5s;
  z-index: 999;
  /* border-right: 1px solid #efefef; */
}

.nav {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* overflow: hidden; */
}

.nav_logo,
.nav_link {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}

.menu-show .nav_link {
  width: 76px;
}

.nav_logo {
  /* margin-bottom: 2rem; */
  background: var(--cus-primary-color-dark);
  padding: 10px 30px;
  border-bottom: 1px solid #ffffff80;
  border-top: 0;
}

.nav_logo .nav_link-box {
  padding: 0;
}

.nav_logo img {
  width: 100%;
  left: 0;
  position: relative;
  border-radius: 4px;
}

.nav_logo span {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 25px;
}


.nav_logo-name {
  color: var(--white-color);
  font-weight: 700
}

.nav_link {
  position: relative;
  color: #ffffff;
  transition: .3s;
  left: 0px;
}

.nav_link span {
  flex-grow: 1;
}

.nav_link:hover {
  color: #ffffff;
  background: #ffffff69;
  /* border-radius: 10px; */
}

.menu-show .nav_link:hover {
  width: 75px;
}

.nav_icon {
  font-size: 1.25rem
}

.user-name-trun .nav_name {
  /* white-space: break-spaces; */
}

.last-menu .sub-menu {
  top: 0;
  bottom: 0;
}

.last-menu .sub-menu-arrow {
  top: auto;
  bottom: 25px;
}

.sub-menu {
  position: absolute;
  right: -250px;
  width: 250px;
  top: 0;
  padding: 10px 15px;
  box-sizing: border-box;
  z-index: 9999;
  display: none;
}

.sub-menu-box {
  background: var(--cus-primary-color);
  border-radius: 10px;
  border: 0px solid #ffffff63;
  padding: 10px;
}

.sub-menu-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 14px 10px 0;
  border-color: transparent var(--cus-primary-color) transparent transparent;
  position: absolute;
  top: 25px;
  z-index: 99;
  left: 2px;
}

.last-menu .sub-menu {
  top: auto;
  bottom: 0;
}

.last-menu .sub-menu-arrow {
  top: auto;
  bottom: 25px;
}

.nested-menu {
  position: relative;
}

.nested-menu .sub-menu {
  display: none !important;
  right: -270px !important;
  top: -15px !important;
  clear: both;
  content: "";
  padding: 10px 25px !important;
  width: 270px;
}

.nested-menu:hover .sub-menu {
  display: block !important;
}

.nested-menu .sub-menu-arrow {

  top: 25px;

  left: 11px;
}

.ms-n5 {
  margin-left: -40px;
}

.menu-show .sub-menu {
  right: -250px;
  padding: 10px 15px;
}

.menu-show .sub-menu h1 {
  display: block;
}

.nav_link:hover .sub-menu {
  display: block;
}

.nav_name {
  flex-grow: 1;
  white-space: nowrap;
}

.sub-menu h1 {
  border-bottom: 1px solid #fff;
  padding: 5px 0px;
  margin-bottom: 5px;
  font-size: 15px;
  display: none;
}

.sub-menu a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #ffffff;
  font-size: 13px;
  padding: 7px 10px;
  cursor: pointer;
  margin: 3px 0;
  border-radius: 6px;
}

.sub-menu a span {
  font-size: 14px;
}

.sub-menu a:hover {
  color: #ffffff;
  background: #ffffff69;
  /* border-radius: 10px; */
}

.nav_link-box {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: .5s;
  overflow: hidden;
  cursor: pointer;
  padding: 01rem 1.5rem;
  font-size: 13px;
}

.nav_link-box i {
  font-size: 23px;
  line-height: initial;
  margin-left: 3px;
}

.menu-show .nav_link-box {
  width: 59px;
  gap: 25px;
}

.menu-show {
  left: 0
}

.body-pd {
  padding-left: calc(var(--nav-width) + 1rem)
}

.nav .active {
  color: #ffffff;
  background: #ffffff69;
}

.menu-show .active {
  width: 75px;
}

.menu-show .sub-menu a.active {
  width: auto
}

.active::before {
  content: '';
  position: absolute;
  left: 0;
  width: 2px;
  height: 32px;
  background-color: var(--white-color);
  display: none;
}

.height-100 {
  height: 100vh
}

.bx-chevron-right:before {
  content: "\ea50" !important;
}

.offcanvas.offcanvas-end {
  width: 570px !important;
  background: #ffffff;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}



.drawer img {
  width: 100%;
}

.drawer a {
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: #9f9f9f;
}

.price-details {
  text-align: center;
  padding: 15px 5px;
}

.price-compare {
  padding: 15px 10px;
  background: #fff;
}

.price-compare p {
  color: #000 !important;
  font-size: 12px !important;
}

.drawer h2 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  margin: 7px 0;
}

.drawer p {
  font-size: 15px;
  color: #FFF;
  font-weight: 500;
}

.bg-blue {
  background: var(--cus-primary-color) !important;
}

.bg-orange {
  background: #efaf09 !important;
}

.bg-green {
  background: #36c956 !important;
}



.clr-green {
  color: #36c956 !important;
}

.clr-blue {
  color: var(--cus-btn-color) !important;
}

.clr-red {
  color: #ff0000 !important;
}

.clr-orange {
  color: #FFA500 !important;
}

td span.clr-green,
td span.clr-blue,
td span.clr-red,
td span.clr-orange {
  font-weight: 500;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.chart-box {
  text-align: center;
  background: #fff;
}

.chart-heading {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  align-items: center;
}

.chart-heading h1 {
  font-size: 16px;
  color: #42505C;
  font-weight: 600;
  margin: 0;
  line-height: 36px;
}

.chart-heading button,
.load-more-btn button {
  width: auto;
  font-size: 11px;
  background: #2666fa;
  border: 0;
  color: #fff;
  padding: 0px 15px;
  line-height: 0;
  /* height: 25px; */
}
.ans{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.ans h1{
    font-size: 13px;
}
.ans p{
    font-size: 13px;
    margin: 0;
    font-weight: 400;
}
.ans ul{list-style-type: disc;padding-left: 30px;display: flex;flex-direction: column;gap: 15px;}
.ans ul li{
    font-size: 13px;
    margin: 0;
    font-weight: 400;
    list-style-type: disc;
}
.load-more-btn button {
  padding: 15px 10px;
}

.download-all-btn {
  padding: 0 15px;
  text-decoration: underline;
  text-align: right;
  display: block;
}

.chart-heading h3 {
  font-size: 15px !important;
  margin: 0;
  line-height: 25px;
  font-weight: 300;
}

.chart-heading h3 span {
  font-weight: 800;
}

.chart-select {
  justify-content: end;
  padding: 10px;
  gap: 10px;
}

.chart-select select {
  width: 140px;
  margin-left: 10px;
}

@keyframes chartjs-render-animation {
  from {
    opacity: 0.99;
  }

  to {
    opacity: 1;
  }
}

.chartjs-render-monitor {
  animation: chartjs-render-animation 1ms;
}

.chartjs-size-monitor,
.chartjs-size-monitor-expand,
.chartjs-size-monitor-shrink {
  position: absolute;
  direction: ltr;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
  z-index: -1;
}

.chartjs-size-monitor-expand>div {
  position: absolute;
  width: 1000000px;
  height: 1000000px;
  left: 0;
  top: 0;
}

.chartjs-size-monitor-shrink>div {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.table-title-btn {
  background: none;
  padding: 0;
  border: 0;
  text-align: left;
  color: #2666fa;
  display: flex;
  width: 350px;
}

.price-table {}

.price-table table {
  /* width: 2150px; */
  min-width: 100%;
  /* border-collapse: separate; */
  /* border-spacing: 0 .5rem; */
  background: #f4f4f4 !important;
  padding: 0 10px !important;
  border-radius: 6px;
  /* height: 100%; */
}

.map table {
  width: 900px !important;
  min-width: 100%;
}

.price-table i {
  /* -webkit-text-stroke: 0.5px; */
}

thead tr {
  box-shadow: none;
}

.table>thead th {

  vertical-align: middle;

  font-size: 13px !important;

  background: transparent;

  color: #495057;

  font-weight: 600;

  text-transform: uppercase;
}

.accordion-table,
.accordion-table tr {
  background: #f4f8ff !important;
}

.accordion-table {
  box-shadow: inset 2px 1px 3px #0000002e !important;
}


.product-small-img {
  max-width: 30px;
  /* float: left; */
  width: auto;
  max-height: 30px;

}

td:has(> .product-small-img) {
  text-align: center !important;
}

.main-content {
  background: #fbfbfb;
  padding: 0 15px 5px 15px;
  /* margin: 0 25px 25px; */
  /* box-shadow: 1px 1px 3px #00000030; */
  height: calc(100vh - 90px);
  /* position: relative; */
  /* padding-bottom: 50px; */
  overflow-y: auto;
  background: #fff;
}

.main-content h3 {
  color: #42505C;
  font-size: 21px;
  margin: 0;
  padding: 0;
}

.filter-box {}

.filter-box label {
  font-size: 15px;
  margin-bottom: 3px;
  color: #42505C;
}

.accordion-header {
  margin: -1px 0 !important;
}

.accordion-button {
  border: 0;
  padding: 8px;
  margin: 0;
}


.range-slider {
  width: 100%;
  margin: auto;
  text-align: center;
  position: relative;
  background: #fff;
  height: 18px;
  padding: 40px;
}

.range-slider span input {
  position: absolute;
  top: 10px;
  border: 0;
  background: none;
}

.range-slider span input.low {
  left: 0
}

.range-slider span input.high {
  right: 0
}

.range-slider svg,
.range-slider input[type=range] {
  position: absolute;
  left: 10px;
  bottom: 20px;
  right: 10px;
}

input[type=number] {
  border: 1px solid #ddd;
  text-align: center;
  font-size: 15px;
  -moz-appearance: textfield;
  position: relative;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=number]:invalid,
input[type=number]:out-of-range {
  border: 2px solid #ff6347;
}

input[type=range] {
  -webkit-appearance: none;
  width: clac(100% - 20px);
}

input[type=range]:focus {
  outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #2497e3;
}

input[type=range]:focus::-ms-fill-lower {
  background: #2497e3;
}

input[type=range]:focus::-ms-fill-upper {
  background: #2497e3;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #2497e3;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}

input[type=range]::-webkit-slider-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid #2497e3;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #a1d0ff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #2497e3;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}

input[type=range]::-moz-range-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid #2497e3;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #a1d0ff;
  cursor: pointer;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type=range]::-ms-fill-lower,
input[type=range]::-ms-fill-upper {
  background: #2497e3;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}

input[type=range]::-ms-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid #2497e3;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #a1d0ff;
  cursor: pointer;
}

.accordion-body {
  padding: 0 !important;
  /* background: #f7f7f7; */
  border: 0;
}

.audit-acc .accordion-body {
  padding: 0;
}

.tableFixHead {
  overflow-y: auto;
  height: auto;
  max-height: 550px;
}

.tableFixHead thead {
  position: sticky;
  top: -1px;
  /* z-index: 9999; */
}

table {
  border-collapse: collapse;
  width: 100%;
}


thead th,
td {
  font-size: 13px !important;
  /* text-align: center; */
}


tbody tr th {
  background: #f9f9ff;
  text-align: center;
}

.table-responsive::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.table-responsive::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.table-responsive::-webkit-scrollbar-thumb {
  background: #888;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
  background: #555;
}



.offcanvas-body::-webkit-scrollbar {
  width: 5px;
  height: 0px;
}

.offcanvas-body::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.offcanvas-body::-webkit-scrollbar-thumb {
  background: #888;
}

.offcanvas-body::-webkit-scrollbar-thumb:hover {
  background: #555;
}


.tableFixHead table tbody tr.table-row-active {
  background: #dee8ff;
}

.accordion-item {
  margin: 5px 0;

}

.accordion-button {
  background: #f3f2ff !important;
  font-size: 14px !important;
  padding: 10px 10px !important;
}

.cus-bg-light {
  background: #f8fbff;
  z-index: 9;
}

.breadcrumb {
  align-items: center;
  margin: 0;
}

.main-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* display: none; */
  padding: 10px 0;
  border-bottom: 1px solid #cacaca;
  display: none;
}

.offcanvas-title {
  font-weight: 300;
  font-style: italic;
  color: #c2c2c2;
  font-size: 15px;
}

.offcanvas-title-cus {

  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.main-head {
  font-size: 20px;
  font-weight: 600;
  color: var(--cus-primary-color);
  font-style: normal;
}

.main-heading button {
  border: 1px solid #ccc;
  padding: 5px 15px;
  background: var(--cus-primary-color);
  color: #fff;
}

.breadcrumb-item {
  font-size: 14px;
}

.breadcrumb-item.active {
  padding: 5px 10px;

  background: #f8fbff;
  color: var(--cus-primary-color);
  margin-left: 10px;
}

.map-tab {
  justify-content: start;
  flex-direction: row !important;
  border-bottom: 1px solid #cacaca !important;
  gap: 20px;
  /* padding-bottom: 10px; */
}

.map-tab button {
  border-radius: 0 !important;
  padding: 0 5px 5px 5px;
  color: #505050 !important;
  height: 100%;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  background: #fff !important;
  border: 0 !important;
  font-weight: 500;
}


.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--cus-primary-color) !important;
  border-bottom: 4px solid var(--cus-primary-color) !important;
  margin-bottom: -2px;
  z-index: 99;
  font-weight: 500;
  border: 0;
}

.dashboard-box {
  color: #42505C;
  height: 100%;
  border-radius: 8px;
  box-shadow: 0px 0px 7px #0000003b;
  padding: 15px 10px;
}

.dashboard-head-strap {
  background: #ffffff;
  border-radius: 6px;
  padding: 10px 5px;
  display: flex;
  justify-content: space-around;
  box-shadow: 0px 0px 7px #0000003b;
}

.dashboard-head-strap span {
  font-size: 18px;
  color: var(--cus-primary-color);
  font-weight: 500;
}

.dashboard-head-strap span sub {
  font-size: 13px;
  position: relative;
  bottom: 0px;
}

.dashboard-box h1 {
  font-size: 14px;
  margin-bottom: 15px;
}

.dashboard-box p {
  font-size: 14px;
  line-height: 30px;
}

.dashboard-box h6 {
  font-size: 20px;
  font-weight: 600;
  color: var(--cus-primary-color);
}

.dashboard-box h5 {
  font-weight: 500;
  font-style: italic;
  color: #c2c2c2;
  font-size: 14px;
  text-transform: uppercase;
}

.dashboard-data {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  /* justify-content: space-around; */
}

.dashboard-data div {
  flex: 1 0 49%;
}

.category-box .dashboard-data div {

  flex: unset;
}

.dashboard-data h2 {
  display: inline-block;
  font-size: 26px;
}

.dashboard-data h2 span {
  font-size: 16px;
}

.dashboard-data p {
  display: inline-block;
  font-size: 12px;
}

.bgclr1 {
  background: #d8eaff;
  color: var(--cus-primary-color);
}

.bgclr2 {
  background: #fdf7f0;
  color: #DE6E07;
}

.bgclr3 {
  background: #faf5f9;
  color: #790b68;
}

.bgclr4 {
  background: #fafcfb;
  color: #107526;
}

.bgclr5 {
  background: #107526;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bgclr5 h2 {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0;
}

.bgclr5 span:first-child {

  font-size: 26px;
}

.bgclr6 {
  background: #790b68 !important
}

.bgclr1:hover {
  background: var(--cus-primary-color);
  color: #fff;
}

.bgclr2:hover {
  background: #DE6E07;
  color: #fff;
}

.bgclr3:hover {
  background: #790b68;
  color: #fff;
}

.bgclr4:hover {
  background: #107526;
  color: #fff;
}

.dashboard-box-head {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.dashboard-box-head h1 {
  margin: 0;
}

.dashboard-box span a {
  color: #0006;
  font-size: 20px;
}

.box-1 {
  border-top: 9px solid #DE6E07;
}

.box-1 ul li label span {
  background: #DE6E07;
}

.box-1 ul li.brand {
  background: #ffe9af;
  color: #DE6E07;
}

.box-2 {
  border-top: 9px solid #790b68;
}

.box-2 ul li label span {
  background: #790b68;
}

.box-2 ul li.brand {
  background: #ffcef7;
  color: #790b68;
}

.box-3 {
  border-top: 9px solid #107526;
}


.box-4 {
}

.dashboard-box ul {
  margin: 0;
  padding: 0;
  margin-top: 15px;
}

.dashboard-box li {
  padding: 5px;
  list-style: none;
  display: flex;
  justify-content: space-between;
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 400;
  border-radius: 9px;
}

.dashboard-box li label {
  font-size: 13px;
  color: #42505C;
}

.dashboard-box li span i {
  -webkit-text-stroke: 1px;
}

.dashboard-box li label span {
  border-radius: 100%;
  width: 20px;
  color: #FFF;
  height: 20px;
  display: inline-block;
  text-align: center;
  padding: 2px 0;
  margin-right: 5px;
}


.cus-sele {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  padding: 0 10px;
  color: #495057;
  min-height: 100%;
  border: 1px solid #ced4da;
  font-size: 14px;
}

.tick-icon {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: inline-block;
  color: #fff;
}

.bgclr2 .tick-icon {
  background: #DE6E07;
}

.bgclr3 .tick-icon {
  background: #790b68;
}

.bgclr4 .tick-icon {
  background: #107526;
}

.category-box .dashboard-data div span i {
  font-size: 43px;
  position: relative;
  top: -4px;
  left: -3px;
}

.category-box .dashboard-box h1 {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0;
}

.dsahboard-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.dsahboard-heading h1 {
  margin: 0;
}

.dsahboard-heading div {
  display: flex;
  /* gap: 10px; */
}



.monitering-box {
  padding-bottom: 0;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff, #f9fbfd);
  padding: 15px 20px 0;
  position: relative;
  padding-bottom: 42px;
}

.monitering-box h5 {
  text-align: center;
  margin: 0 -20px;
  font-style: normal;
  color: #Fff;
  padding: 13px 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.monitering-box h5 a {
  color: #fff
}

.monitering-cont {
  display: flex;
  justify-content: space-around;
  border-bottom: 2px dotted #7c7c7c;
}

.monitering-cont div p {
  color: #000;
  font-size: 13px;
  margin-bottom: 5px;
}

.monitering-cont div {
  text-align: center;
}

.monitering-cont div h4 {
  font-size: 23px;
  margin-bottom: 5px;
  font-weight: 600;
}

.monitering-value {
  display: flex;
  justify-content: space-around;
  gap: 15px;
  margin: 25px 0 15px 0;
}

.monitering-value div {
  text-align: center;
}

.monitering-value h6 {
  font-size: 23px;
}

.monitering-value p {
  line-height: 18px;
  margin: 15px 0;
  font-weight: 500;
}

.box-1 .sel-box {
  background: #DE6E07;
  color: #fff;
  border: 0;
}

.box-1 .monitering-cont div h4 {
  color: #DE6E07;
}

.box-1.monitering-box h5 {
  background: #DE6E07;
}

.box-1 .monitering-value h6 {
  color: #DE6E07;
  font-size: 23px;
}

.box-1 .monitering-value p {
  /* color: #000; */
}

.box-2 .sel-box {
  background: #790b68;
  color: #fff;
  border: 0;
}

.box-2 .monitering-cont div h4 {
  color: #790b68;
}

.box-2.monitering-box h5 {
  background: #790b68;
}

.box-2 .monitering-value h6 {
  color: #790b68;
}

.box-3 .sel-box {
  background: #107526;
  color: #fff;
  border: 0;
}

.box-3 .monitering-cont div h4 {
  color: #107526;
}

.box-3.monitering-box h5 {
  background: #107526;
}

.box-3 .monitering-value h6 {
  color: #107526;
}

.box-4 .sel-box {
  background: var(--cus-btn-color);
  color: #fff;
  border: 0;
}

.box-4 .monitering-cont div h4 {
  color: var(--cus-btn-color);
}

.box-4.monitering-box h5 {
  background: var(--cus-btn-color);
}

.box-4 .monitering-value h6 {
  color: var(--cus-btn-color);
}

.sel-box::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.sel-box {
  padding: 6px 10px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  /* margin: 0 4px; */
}

.add-product {
  justify-content: start;
  flex-direction: row !important;
  margin: 0 -10px;
  padding: 0 15px;
  gap: 50px;
}

.add-product .nav-item.show .nav-link,
.add-product .nav-link.active {
  background: transparent !important;
  color: var(--cus-primary-color) !important;
  border: oldlace;
  border-radius: 0;
  border-bottom: 5px solid var(--cus-primary-color) !important;
}

.add-product .nav-link {
  color: #42505C;
  border-bottom: 5px solid transparent !important;
  font-weight: 500;
  border-radius: 10px 10px 0 0;
  background: #e7f2ff;
  font-size: 14px;
  padding: 7px 15px;
}

.add-product .nav-link:hover {
  border: none;
  border-bottom: 5px solid var(--cus-primary-color) !important;
}


.drop-container {
  position: relative;
  display: flex;
  gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  border-radius: 10px;
  border: 2px dashed #9a9a9a;
  color: #444;
  cursor: pointer;
  transition: background .2s ease-in-out, border .2s ease-in-out;
  width: 500px;
  margin: 0 auto;
  background: #f4f4f4b3;
  /* box-shadow: 1px 1px 4px var(--cus-primary-color)73; */
}

.drop-container a {
  font-size: 28px;
  position: absolute;
  top: 5px;
  right: 5px;
  color: #00ee00;
}

.drop-container:hover {
  /* box-shadow: 1px 1px 9px #00000029; */
}

.drop-container:hover .drop-title {
  color: #222;
}

.drop-title {
  color: #444;
  font-size: 25px !important;
  font-weight: bold;
  text-align: center;
  transition: color .2s ease-in-out;
  margin-bottom: 10px !important;
}

span.browse {
  display: flex;
  justify-content: center;
  font-size: 17px;
}

span.browse span {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  margin: 0;
}

span.browse span span {
  position: relative;
  top: -28px;
  left: 6px;
  z-index: 9;
}


input[type=file] {
  width: 171px;
  max-width: 100%;
  color: #444;
  /* padding: 5px; */
  background: #fff;
  border-radius: 10px;
  border: 1px solid #555;
  opacity: 0;
  height: 30px;
  z-index: 99;
}

.scheduler-import {
  width: 100% !important;
}

.scheduler-import .drop-title {
  font-size: 16px !important;
}

.scheduler-import span.browse span {
  font-size: 13px;
}

input[type=file]::file-selector-button {
  margin-right: 20px;
  border: none;
  background: var(--cus-primary-color);

  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
}

input[type=file]::file-selector-button:hover {
  background: #245c9f;
}

.import-summery-box {
  padding: 20px;
}

.import-summery-box i {

  color: #f00;

  font-size: 15px;
}

.import-summery-box h1 {
  font-size: 18px;
  text-transform: uppercase;
}

.import-summery-box .form-control {
  padding: 0;
}

.import-summery-error-box {
  background: #fff1f1;
  display: flex;
  gap: 10px;
  padding: 10px;
  margin-top: 30px;
  border-radius: 6px;
}

.import-summery-error-box h2 {
  font-size: 17px;
  margin-bottom: 10px;
  /* font-weight: 500; */
}

.import-summery-error-box p {
  font-size: 12px;
  margin-bottom: 5px;
}

.import-summery-box table {
  width: 60%;
  margin: 30px auto;
}

.import-summery-box table tr.total {

  font-weight: 500;
}

.import-summery-box table tr.total td span {
  color: transparent;
}

.import-summery-box table tr td {
  padding: 10px 0;
  text-align: left;
}

.summery-table table tr td i {
  cursor: pointer;
}

.import-summery-box table tr td span {
  /* margin-left: 40px; */
  color: green;
  font-size: 12px;
  margin-left: 10px;
}

.import-summery-box table tr td:nth-child(2) {
  /* text-align: right; */
}

.import-summery-box table tr {
  margin-left: 20px;
  box-shadow: none;
}

.import-summery-box button {
  width: auto;
  font-size: 11px;
  background: #2666fa;
  border: 0;
  color: #fff;
  padding: 10px 15px;
  line-height: 0;
}

.table-responsive h1,
.summery-table h1 {
  color: #5a5a5a;
  margin-bottom: 20px;
  font-size: 17px;
}

.scrape {
  margin: 50px 0;
  gap: 30px;
}

.scrape input,
.mng-web input,
.mng-web select {
  border: 0;
  box-shadow: 1px 1px 7px #0000001c;
  flex-grow: 1;
  height: 50px;
  border-radius: 9px;
  padding: 0 15px;
}

.mng-web hr {
  border: 1px solid #5e5e5e;
  margin: 35px 0;
}

.scrape button,
.mng-web button {
  border-radius: 7px;
  background: var(--cus-primary-color);
  color: #fff;
  padding: 0 50px;
}

.scrape button:hover,
.mng-web button:hover {
  background: #245c9f;
}

.mng-web input,
.mng-web select {
  height: 40px;
}

.mng-web h1 {

  margin: 0;

  font-weight: 400;

  color: #5b5b5b;

  font-size: 17px;

  text-transform: initial;
}

.mng-web h4 {

  box-shadow: 1px 1px 7px #0000001c;

  border-radius: 9px;

  font-size: 14px;

  font-weight: 400;

  padding: 6px 14px;

  text-align: left;

  width: calc(50% - 0.5rem);

  color: var(--cus-primary-color);
}

.mng-web h4 span {

  border-radius: 100%;

  border: 2px solid var(--cus-primary-color);

  width: 18px;

  height: 18px;

  display: inline-block;

  text-align: center;

  float: right;

  font-weight: 600;

  font-size: 12px;
}

ul.table-sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  width: 130px;
  align-items: center;
}

ul.table-sub-menu li {
  display: inline-block;
}

ul.table-sub-menu li {
  padding: 0 5px;
  display: inline-block;
}

ul.table-sub-menu li i {
  -webkit-text-stroke: 0;
  color: var(--cus-btn-color);
  font-size: 23px !important;
}


ul.table-sub-menu li.icon-disable i {
  color: #00000029;
  -webkit-text-stroke: 0;
}

.selected-categories {}

.selected-categories h1 {
  color: #42505C;
  font-size: 17px;
  margin-bottom: 15px;
}

.setting-menu-list {
  /* border: 1px solid #b9d9ff; */
}

.setting-menu-list span {
  background: #eef5ff;
  display: block;
  padding: 4px 10px 2px;
  color: #fff;
}

.setting-menu-list span label {
  color: #42505C;
}

.setting-menu-list h2 {
  color: #42505C;
  font-weight: 500;
  font-size: 17px;
  margin: 0;
}

.setting-menu-list p-multiSelect span {
  background: transparent;
  color: #7e7e7e;
  margin-top: -4px;
}

.moniter-type .form-check {
  margin: 20px 0;
}

.setting-menu-list select {
  width: 100%;
  border-color: #ccc;
  margin: 9px 0;
  color: #747474;
  height: 35px;
}

.sett-in {

  width: 100%;

  border: 1px solid #ccc;

  margin: 9px 0;

  color: #747474;

  padding: 5px 10px;

  font-size: 13px;

  height: 35px;
}

.sett-in::-webkit-calendar-picker-indicator {
  filter: invert(0) !important;
}




.selected-categories ul {
  padding: 0;
  display: flex;
  gap: 10px;
  flex-flow: wrap;
  margin-bottom: 35px;
  list-style: none;
}

.selected-categories ul li {}

.selected-categories ul li button {
  background: #ffffff;
  color: #000000;
  font-size: 13px;
  padding: 5px 10px;
  border-radius: 27px;
}

.selected-categories ul li button span {
  margin-left: 15px;
  color: #000;
  background: #d9d9d9;
  border-radius: 50%;
  height: 19px;
  width: 19px;
  display: inline-block;
  padding: 1px 0;
  text-align: center;
  font-size: 13px;
}

.import-export .selected-categories ul {
  flex-direction: row;
  gap: 40px;
  margin-top: 35px;
}

.import-export .selected-categories ul li {
  width: calc(32% - 20px);
  display: flex;
  align-items: center;
}

.import-export .selected-categories ul li input {
  margin: 0;
}

.import-export .selected-categories ul li label {
  margin-left: 10px;
  font-size: 13px;
  line-height: initial;
}

.import-export .selected-categories ul li label a {
  color: var(--cus-primary-color);
  font-size: 13px;
  text-decoration: underline;
  margin-left: 10px;
}

.import-summery-box .selected-categories ul {}

.import-summery-box .selected-categories ul li {}

.import-summery-box .selected-categories ul li button {
  line-height: initial;
  background: #ebebeb;
  border-radius: 9px;
}

.import-summery-box .selected-categories ul li button span {}

.mng-web h4 span.name {
  border: 0;
  float: left;
  width: auto;
  height: auto;
  border-radius: 0;
  margin-right: 10px;
  color: #42505C;
  border-right: 2px solid #000;
  padding-right: 10px;
  position: relative;
  top: 2px;
}

.setting-menu {}

.setting-menu label {

  color: #565656;

  font-size: 17px;

  /* font-weight: 500; */
}

.form-check-input:checked {
  background-color: var(--cus-primary-color);
  border-color: var(--cus-primary-color);
}

.cus-model {
  --bs-modal-width: 60%;
}


.setting-acc .accordion-item {
  background: transparent;
  border: 0;
  padding-left: 16px;
}

.setting-acc .accordion-item span.acc-tag {
  position: absolute;
  top: 0;
  line-height: 0;
  z-index: 99;
  padding: 15px;
  border-radius: 6px;
  top: 8px;
  left: 0px;
}

.web-setting .accordion-item span.acc-tag {

  padding: 13px;

  border-radius: 6px;

  top: 8px;

  left: -15px;

  background: var(--cus-primary-color) !important;
}

.setting-acc .accordion-item span.bg1 {
  background: #DE6E07;
}

.setting-acc .accordion-item span.bg2 {
  background: #790b68;
}

.setting-acc .accordion-item span.bg3 {
  background: #107526;
}

.fbg1:checked {
  background-color: #DE6E07;
  border-color: #DE6E07;
}

.fbg2:checked {
  background-color: #790b68;
  border-color: #790b68;
}

.fbg3:checked {
  background-color: #107526;
  border-color: #107526;
}

.setting-acc .accordion-item span.acc-tag i {
  color: #fff;
}

.setting-acc .accordion-header {
  position: relative;
}

.setting-acc .accordion-header button {
  margin-left: 25px !important;
  background: #fff;
  box-shadow: 0px 2px 11px #00000024 !important;
  margin: 30px 0 30px 0;
  padding: 20px 20px 20px 50px;
  width: calc(100% - 25px);
  border-radius: 5px !important;
}

.web-setting .accordion-header button {
  padding: 20px 20px 20px 46px !important;
}

.switch-acc {
  width: 100%;
}

.switch-acc .form-check {
  margin: 0;
  position: relative;
  top: 1px;
  padding-left: 0 !important;
}

.switch-acc .form-check input {
  float: right;
  margin-right: 20px;
}

.switch-acc .form-check label {

  font-size: 17px;

  color: #42505C;
}

.highlight-link {

  font-size: 13px;

  text-decoration: underline;

  margin-bottom: 15px;


}

.new-tbl-btn {
  color: #42505C;
  font-weight: 600;
  display: inline-block;
}

.highlight-link a {
  color: var(--cus-primary-color);
}

.cap-lft {
  /* border: 2px solid #585858; */
  line-height: 0;
  padding: 3px 18px;
  border-radius: 30px 0 0 30px;
  background: var(--cus-primary-color);
  color: #fff;
  width: 55px;
  height: 25px;
  line-height: 20px;
}

.cap-rit {
  /* border: 2px solid #585858; */
  line-height: 0;
  padding: 3px 18px;
  border-radius: 0 30px 30px 0;
  background: #4b96ef;
  color: #fff;
  border-left: 0;
  width: 55px;
  height: 25px;
  line-height: 20px;
}

.svp-table-inner-width .acc-table table {
  width: 700px;
}

.svp-table .accordion-table {
  box-shadow: none !important;
}

.acc-table {
  border: 0 !important;
  padding: 15px;
}

.acc-table table tr th {
  text-align: left;
}

.acc-table table {
  width: 97vw;
  min-width: auto;
  /* background: #f3f2ff !important; */
  padding: 0 5px !important;
  /* border: 0; */
  /* border-spacing: 0; */
  height: auto;
  border: 1px solid #e4e4e4;
  margin: 0;
}

.acc-table table tr td {
  font-size: 13px !important;
  background: transparent;
}

.assortment-box {
  display: flex;
  height: calc(100vh - 150px);
  border: 1px solid #f8fbff;
}

.assort-left-box {
  width: 400px;
  background: #f5f9ff;
}


.main-li-head {}

.main-li-head i {

  display: none;
}

.main-li-head li i {

  display: block;
}

.main-li-head h1 {

  font-size: 17px;

  margin: 0;

  padding: 20px 0;

  font-weight: 600;
}

.assort-right-box {
  width: calc(100% - 300px);
  padding: 0;
  position: relative;
}

.assort-right-box h1 {
  font-size: 23px;
  margin: 0;
}

.tree-assort {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tree-assort ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 1em;
  position: relative;
}

.tree-assort ul ul {
  margin-left: 0.5em;
}

.tree-assort ul:before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-left: 4px solid #dee2e6;
}

.tree-assort ul li:before {
  content: "";
  display: block;
  width: 15px;
  height: 0;
  border-top: 4px solid #dee2e6;
  margin-top: 0px;
  position: absolute;
  top: 20px;
  left: 0px;
}

.tree-assort ul li:last-child:before {
  background: #f8fbff;
  height: auto;
  top: 1em;
  bottom: 0;
}

.tree-assort li {
  margin: 0;
  padding: 0px 10px 0px 20px;
  line-height: 2em;
  color: #336699;
  font-weight: 600;
  position: relative;
}

.tree-assort li .expand li a {
  color: #686868;
}

.tree-assort li i {
  float: left;
  margin-top: 7px;
}

.tree-assort li .expand {
  display: block;
}



.tree-assort li ul.expand li.branch ul.expand li a {
  color: #686868;
}

.tree-assort li .collapse {
  display: none;
}

.tree-assort li.active,
.tree-assort li:hover {
  border-radius: 0;
  background: transparent;
}

.tree-assort li.active a,
.tree-assort li a:hover {

  color: #000000 !important;

  background: #dbebff;

  border-radius: 5px;
}

.tree-assort li.active a::before,
.tree-assort li:hover a::before {
  background: #fff;
}

.tree-assort li a {
  text-decoration: none;
  color: #369;
  padding: 6px 0px 6px 10px;
  display: block;
  /* width: 100%; */
  font-size: 15px;
}

.tree-assort li a::before {

  content: '';

  display: inline-block;

  width: 7px;

  height: 7px;

  background: var(--cus-primary-color);

  border-radius: 100%;

  margin-right: 10px;

  display: none;
}

.tree-assort li.active::after {

  content: "\F231";

  margin-right: 10px;

  display: inline-block;

  font-family: bootstrap-icons !important;

  font-style: normal;

  font-weight: normal !important;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  vertical-align: -0.125em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  display: none;

}

.tree-assort li ul li {
  color: #686868
}

.tree-assort li button {
  text-decoration: none;
  color: #369;
  border: none;
  background: transparent;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  outline: 0;
}

.tree-assort li button:active {
  text-decoration: none;
  color: #369;
  border: none;
  background: transparent;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  outline: 0;
}

.tree-assort li button:focus {
  text-decoration: none;
  color: #369;
  border: none;
  background: transparent;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  outline: 0;
}

.indicator {
  margin-right: 5px;
}

.branch i {
  margin-right: 10px;
  color: #369;
}

.over-scrl {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 5px;
  height: 4px;
}

.assort-facet .accordion-item span.acc-tag {
  top: 7px;
  left: -7px;
}

.over-scrl::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.over-scrl::-webkit-scrollbar-thumb {
  background: #369;
}

.over-scrl::-webkit-scrollbar-thumb:hover {
  background: #555;
}


.assort-nav {
  position: absolute;
  background: #ffffff;
  z-index: 999;
  top: 0;
  right: 0;
  left: 0;
}

.assort-nav .add-product {
  margin: 0;
}

.color-box {
  background: #f8f8f899;
  box-shadow: 1px 1px 6px #00000014;
  border-radius: 8px;
  padding-bottom: 2px;
  overflow: hidden;
}

.color-box .clr-heading {
  text-align: center;
  padding: 5px 0;
  border-bottom: 1px solid #93b2d7;
  background: #DE6E07;
  display: none;
}

.color-box .clr-heading h1 {
  margin: 0;
  color: #ffffff;
  font-size: 25px;
}

.color-box .clr-heading span {
  color: #ffffff;
  font-size: 13px;
}

.color-box ul {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 15px 15px;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 30px 10px;
  justify-content: center;
}

.color-box ul li {
  list-style: none;
  width: 22%;
  padding: 10px;
}

.color-box ul li a {
  display: block;
  text-align: center;
}

.color-box ul li a .img {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 100%;
  margin: 0 auto;
}

.color-box ul li.active {
  background: #fdd8d880;
  border-radius: 4px;
}

.color-box ul li.active a span {
  color: #000
}

.color-box ul li a .img h1 {

  margin-bottom: 0;

  background: #bfffcd;

  color: #107526;
}

.color-box ul li a span {
  color: #DE6E07;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  margin-top: 10px;
}

.shape-box .color-box ul li {
  width: 29%;
}

.shape-box .color-box ul li a .img {
  border-radius: 0;

}

.shape-box .color-box .clr-heading {
  background: #790b68;
}

.shape-box .color-box ul li a span {
  color: #790b68
}

.display-type .color-box .clr-heading {
  background: #107526;
}

.display-type .color-box ul li a span {
  color: #107526
}

.dropdown-toggle::after {
  display: block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #a0a0a0;
  border-left: 2px solid #a0a0a0;
  transform: rotate(225deg);
  margin-left: 0;
  vertical-align: 0;
  border-right: 0;
}

.brand-box {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 10px 10px;
  border-bottom: 1px solid #ebebeb;
  border-radius: 0;
}

.brand-box:hover {
  background: #f9e7b7;
}

.brand-box img {
  width: 80px;
}

.brand-box .brand-header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-left: 20px;
}

.brand-box .brand-header h1 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}

.summary-div {

  display: flex;

  align-items: center;

  gap: 15px;

  word-wrap: break-word;

  margin-bottom: 0px;

  padding: 10px;
}

.summary-div img {

  width: 125px;
}

.summary-div div {

  width: calc(100% - 130px);
}

.summary-div div h2 {

  color: #42505C;

  font-size: 14px;

  margin-bottom: 6px;
}

.summary-div div p {

  margin: 0;

  font-size: 12px;

  line-height: 19px;

  color: #616161;
}

.das-table {}

.das-table table tbody tr td {
  padding: 10px 10px;
}

.das-table img {
  width: 125px;
}

.brand-box:hover .brand-header h1 {
  color: #42505C;
}

.col-filter {
  position: relative;
  background: var(--cus-primary-color);
  box-shadow: 1px 1px 1px #00000045;
  color: #fff;
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}

.col-filter i {

  line-height: 27px;
}

.show-hide {

  position: absolute;

  background: #ffffff;

  top: 0;

  right: 47px;

  padding: 0;

  box-sizing: border-box;

  box-shadow: 0px 1px 6px var(--cus-primary-color)82;

  display: none;

  z-index: 99;
}

.show-hide ul::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

.show-hide ul::-webkit-scrollbar-track {
  background: #e4e3ff;
}

.show-hide ul::-webkit-scrollbar-thumb {
  background: var(--cus-primary-color);
}

.show-hide ul::-webkit-scrollbar-thumb:hover {
  background: var(--cus-primary-color);
}

.show-hide h1 {
  font-size: 15px;
  padding: 10px 20px;
  margin: 0;
  background: #f3f2ff;
}

.show-hide ul {
  list-style: none;
  padding: 0 20px;
  margin: 0;
  overflow: auto;
  height: auto;
  width: 280px;
  max-height: 400px;
}

.show-hide ul li {
  color: #4e4e4e;
  font-size: 15px;
  font-weight: 400;
  margin: 15px 0;
}






@media screen and (min-width: 768px) {
  .dashboard-body {
    margin: 0;
    padding-left: calc(var(--nav-width) + 0rem);
  }

  .header {
    height: 50px;
    /* padding: 0 2rem 0 calc(var(--nav-width) + 2rem); */
  }

  .header_img {
    width: 40px;
    height: 40px
  }

  .header_img img {
    width: 45px
  }

  .l-navbar {
    left: 0;
    /* padding: .5rem 1rem; */
  }

  .menu-show {
    width: calc(var(--nav-width) - 162px);
  }

  .body-pd {
    padding-left: calc(var(--nav-width) - 162px);
  }
}


/*!
 * Bootstrap-select v1.14.0-beta2 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2021 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */
@-webkit-keyframes bs-notify-fadeOut {
  0% {
    opacity: .9
  }

  100% {
    opacity: 0
  }
}

@-o-keyframes bs-notify-fadeOut {
  0% {
    opacity: .9
  }

  100% {
    opacity: 0
  }
}

@keyframes bs-notify-fadeOut {
  0% {
    opacity: .9
  }

  100% {
    opacity: 0
  }
}

.bootstrap-select>select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
  display: none !important
}

.bootstrap-select {
  width: 220px\0;
  vertical-align: middle
}

.bootstrap-select>.dropdown-toggle {
  position: relative;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  border-color: #ccc;
  margin: 3px 0;
  color: #747474;
  padding: 5px 10px;
  background: #fff;
  border-radius: 30px;
}

.bootstrap-select>.dropdown-toggle:after {
  margin-top: -1px;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
  color: #747474;
  font-weight: 400;
  font-size: 14px;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover {
  color: rgba(255, 255, 255, .5)
}

.bootstrap-select>select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: .5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
  z-index: 0 !important
}

.bootstrap-select>select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2 !important
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid+.dropdown-toggle {
  border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid+.dropdown-toggle {
  border-color: #28a745
}

.bootstrap-select.fit-width {
  width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
  /* width: 100%; */
  /* border-color: #ccc; */
  /* margin: 10px 0; */
  /* color: #747474; */
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
  outline: thin dotted #333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px
}

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
  height: auto
}

:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
  width: 100%
}

.bootstrap-select.form-control.input-group-btn {
  float: none;
  z-index: auto
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*=col-]) {
  width: auto
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
  float: none;
  display: inline-block;
  margin-left: 0;
  padding: 0;
  margin: 5px 0px;
  font-size: 14px;
  font-weight: 400;
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
  float: right
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
  margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
  padding: 0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
  padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: .5rem 1rem
}

.form-inline .bootstrap-select .form-control {
  width: 100%
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
  cursor: not-allowed
}

.bootstrap-select.disabled:focus,
.bootstrap-select>.disabled:focus {
  outline: 0 !important
}

.bootstrap-select.bs-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  padding: 0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
  z-index: 1060
}

.bootstrap-select .dropdown-toggle .filter-option {
  position: static;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
  padding-right: inherit
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
  position: absolute;
  padding-top: inherit;
  padding-bottom: inherit;
  padding-left: inherit;
  float: none
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
  padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden;
  font-size: 14px;
}

.bootstrap-select .dropdown-toggle .filter-expand {
  width: 0 !important;
  float: left;
  opacity: 0 !important;
  overflow: hidden
}

.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle
}

.bootstrap-select .dropdown-toggle .bs-select-clear-selected {
  position: relative;
  display: block;
  margin-right: 5px;
  text-align: center
}

.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected {
  padding-right: inherit
}

.bootstrap-select .dropdown-toggle .bs-select-clear-selected span {
  position: relative;
  top: -webkit-calc(((-1em / 1.5) + 1ex)/ 2);
  top: calc(((-1em / 1.5) + 1ex)/ 2);
  pointer-events: none
}

.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected span {
  top: auto
}

.bootstrap-select .dropdown-toggle.bs-placeholder .bs-select-clear-selected {
  display: none
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
  border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
  width: 100%
}

.bootstrap-select .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.bootstrap-select .dropdown-menu>.inner:focus {
  outline: 0 !important
}

.bootstrap-select .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

.bootstrap-select .dropdown-menu li {
  position: relative
}

.bootstrap-select .dropdown-menu li.active small {
  color: rgba(255, 255, 255, .5) !important
}

.bootstrap-select .dropdown-menu li.disabled a {
  cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.bootstrap-select .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em
}

.bootstrap-select .dropdown-menu li a span.check-mark {
  display: none
}

.bootstrap-select .dropdown-menu li a span.text {
  display: inline-block
}

.bootstrap-select .dropdown-menu li small {
  padding-left: .5em
}

.bootstrap-select .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  pointer-events: none;
  opacity: .9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
  -webkit-animation: .3s linear 750ms forwards bs-notify-fadeOut;
  -o-animation: .3s linear 750ms forwards bs-notify-fadeOut;
  animation: .3s linear 750ms forwards bs-notify-fadeOut
}

.bootstrap-select .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
  position: static;
  display: inline;
  padding: 0
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
  display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
  content: '\00a0'
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 5px;
  background: transparent;
  color: var(--cus-primary-color);
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
  background: transparent;
  color: #42505C;
}

.bootstrap-select .bs-ok-default:after {
  content: '';
  display: block;
  width: .5em;
  height: 1em;
  border-style: solid;
  border-width: 0 .26em .26em 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle {
  z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, .2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
  bottom: auto;
  top: -4px;
  border-top: 7px solid rgba(204, 204, 204, .2);
  border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
  bottom: auto;
  top: -4px;
  border-top: 6px solid #fff;
  border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
  right: 12px;
  left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
  right: 13px;
  left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before {
  display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
  padding: 4px 8px
}

.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.bs-actionsbox .btn-group {
  display: block
}

.bs-actionsbox .btn-group button {
  width: 50%
}

.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.bs-donebutton .btn-group {
  display: block
}

.bs-donebutton .btn-group button {
  width: 100%
}

.bs-searchbox+.bs-actionsbox {
  padding: 0 8px 4px
}

.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none
}



.offcanvas-header {
  background: #f8f8f8;
}

button:focus:not(:focus-visible) {
  box-shadow: none;
  /* background: #000; */
}

.product-cat {

  padding: 15px 15px;

  border-bottom: 1px solid #0000003b;

  border-radius: 8px 8px 0 0;
}

.product-cat h6 {
  font-size: 20px !important;
}

.product-cat .monitering-value {

  justify-content: space-between;

  gap: 0;

  margin: 0;
}

.product-cat .monitering-value div {

  width: 50%;
}

.product-cat .monitering-value div:first-child {
  border-right: 1px solid #ccc;
}

.product-cat .monitering-value div p {
  margin: 0;
}

.product-cat .monitering-value div h6 {
  margin: 0;
  margin-top: 5px;
}

.stock-listing {
  margin: 0;
  display: flex;
  align-items: center;
}

.stock-listing h1 {
  gap: 10px !important;
  font-size: 13px;
}

.stock-listing span {
  background: #000;
  height: 35px;
  width: 35px;
  border-radius: 100%;
  display: inline-block;
}

.stock-listing span i {

  font-size: 35px !important;

  color: #fff;

  position: relative;

  top: -2px !important;

  left: 0px !important;
}

.stock-listing span.green {

  background: #107526;
}

.stock-listing span.red {

  background: #f31212;
}

.item-badges {}

.item-badges ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}

.item-badges ul li {
  background: #107526;
  color: #fff;
  border-radius: 0;
  padding: 8px 40px;
  position: relative;
}

.item-badges ul li::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-right: 15px solid white;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
}

.sticky-menu {
  background: var(--cus-primary-color)00;
  position: sticky;
  z-index: 9999;
  top: 0;
  height: 0;
  overflow: hidden;
  transition: 0.3s;
}

.sticky-menu ul {
  padding: 0;
  display: flex;
  justify-content: space-evenly;
}

.sticky-menu ul li {
  list-style: none;
  width: 33.3%;
  text-align: center;
}

.sticky-menu ul li a {
  color: #fff;
  padding: 20px 0;
  display: inline-block;
  font-size: 16px;
}

.screenshot-img {

  display: flex;

  flex-wrap: wrap;

  gap: 15px;

  padding: 0 15px;
}

.screenshot-img div {
  flex: calc(33% - 10px);
  background: #e8e8e8;
  padding: 2px 2px 0 2px;
  border-radius: 6px;
}

.screenshot-img div img {}

.screenshot-img div p {

  margin-bottom: 0;

  display: flex;

  justify-content: space-between;

  padding: 5px;
}

.screenshot-img div p span {
  color: #42505C;
}

.screenshot-img div p span i {
  -webkit-text-stroke: 1px;
  color: #2666fa;
}


.box {
  width: 100%;
  text-align: center;
}

.box h2 {
  display: block;
  text-align: center;
  color: #42505C;
  font-size: 13px;
  margin-top: 15px;
}

.box .chart,
.box .chart1,
.box .chart2 {
  position: relative;
  height: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 60px;
  height: 60px;
  width: 60px;
  margin: 0 auto;
  padding: 0;
}

.chart {
  color: #ff6464
}

.chart1 {
  color: #ffc940
}

.chart2 {
  color: #36c956
}

.box canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  width: 100%;
}

.progress {
  width: 120px;
  margin: 0 auto;
  position: relative;
  height: 22px;
  border-radius: 6px;
  display: flex !important;
}

.progress-bar {
  border-radius: 6px;
}

.progress span {
  color: #fff;
  position: absolute;
  left: 6px;
  top: 0px;
}

.progress-bg1,
.bg-inprogress {
  background: #efaf09 !important;
}

.progress-bg2 {
  background: #ff6464 !important;
}

.progress-bg3 {
  background: #36c956 !important;
}

.clr-1 {
  color: #efaf09 !important;
}

.clr-2 {
  color: #ff6464 !important;
}

.clr-3 {
  color: #36c956 !important;
}

.bg-red {
  background: hwb(0 0% 0%) !important;
}

.bg-gren {
  background: hwb(133.06deg 21.18% 21.18%);
}

.audit-tab {
  flex-wrap: nowrap;
  font-size: 14px;
  gap: 10px;
  background: #ffffff;
  margin: 0;
  padding: 0;
  border: 0;
}

.audit-tab .nav-link {
  color: #000000d1;
}

.audit-tab .nav-item.show .nav-link,
.audit-tab .nav-link.active,
.audit-tab .nav-link:hover {

  border-bottom-color: #074a9b !important;

  color: #fff !important;

  background: var(--cus-primary-color) !important;

  border-radius: 0 !important;

  border-radius: 10px 10px 0 0 !important;
}

.tab-content {
  /* background: #ffffff; */
  /* padding: 10px; */
  /* border: 1px solid #e7e7e7; */
  margin-top: -2px;
  z-index: 9;
  position: relative;
  padding-bottom: 0;
}

.audit-tab-tab-content {
  border: 1px solid #e3e3e3;
  margin-top: 0px;
  padding: 15px;
  border-top: 0;
}

.audit-acc .accordion-item span.acc-tag {

  display: none;
}

.setting-acc .accordion-header button {

  margin-left: 0 !important;

  width: 100%;

  padding: 20px 15px 20px 40px !important;
}

.audit-acc .accordion-header {
  margin: -10px 0 !important;
}

.audit-acc .accordion-button::after {

  position: absolute;

  left: 8px;

  border-radius: 100%;

  color: #fff;

  z-index: 99999;

  background-size: 14px;

  background-position: center;
}

.audit-right {
  float: right;
  font-size: 12px;
  display: inline-block;
  padding: 3px 10px;
  border-radius: 3px;
  color: #42505C;
  min-width: 65px;
  text-align: center;

}

h1.tab-head {
  font-size: 14px;
  margin: 0;
  padding: 10px 10px;
  background: #bddbff;
  font-weight: 400;
  line-height: 24px;
}

h2.tab-head {
  font-size: 14px;
  margin: 0;
  padding: 10px 10px;
  background: #bddbff;
  font-weight: 400;
  line-height: 24px;
  color: #000;
}

ul.bullet-tab-head {
  background: #bddbff;
  margin: 0;
  padding: 10px 10px;
}

ul.bullet-tab-head li {
  font-size: 14px;
  margin: 0;
  padding: 5px 0px;
}

ul.audit-tab-list {

  margin: 0;

  list-style: auto;

  padding: 0 10px;
}

ul.audit-tab-list li {

  padding: 10px 0;

  display: flex;

  justify-content: space-between;

  gap: 9px;

  border-bottom: 1px solid #e2e2e2;

  align-items: center;

  font-size: 14px;
}

ul.audit-tab-list li span {
  width: calc(100% - 50px);
}

ul.audit-tab-list li span.right-circle {
  border-radius: 6px;
  width: 40px;
  text-align: center;
  color: #fff;
  font-size: 11px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

ul.audit-tab-list li span.right-circle i {
  color: #fff;
  font-size: 19px;
  text-align: center;
}

.overall-box {
  padding: 20px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 27px 0;
  background: #f4f4f4;
}

a.facet {
  color: #ccc;
  font-size: 12px;
  position: relative;
  top: -8px;
  left: 2px;
}

.form-check {
  text-align: left;
}



.td-rating {
  display: flex;
  gap: 10px;
  justify-content: left;
}

.td-rating span {width: 22px;}

.td-rating span img {
  width: 100%;
}

.td-rating span h1 {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
}

td.td-review {}

.td-pro {
  width: 200px;
  height: 30px;
  border-radius: 0;
  margin-right: 10px;
}

td.td-review .progress-bar {
  border-radius: 0;
}

.senti-alys {
  padding: 15px;
}

.senti-alys ul {
  padding: 0;
  list-style: none;
}

.senti-alys ul li {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 40px 0;
}

.senti-alys ul li:first-child {
  margin-top: 10px;
}

.senti-alys ul li:last-child {
  margin-bottom: 0;
}

.senti-alys ul li h1 {
  width: 30%;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
}

.senti-alys ul li .progress-box {
  width: 70%;
}

.senti-alys ul li .progress-box label {
  margin-right: 10px;
  font-size: 15px;
  font-weight: 500;
  width: 25px;
}

.senti-alys ul li .progress-box label.end {
  margin-right: 0;
  margin-left: 10px;
}

.senti-alys ul li .progress-box .progress {
  align-items: center;
  width: 100%;
  display: flex;
  background: transparent;
  height: 30px;
}

.senti-alys ul li .progress-box .progress .progress-bar {
  border-radius: 0;
  height: 100%;
}

.drawer-divid-list {
  width: 50%;
  padding: 10px 15px;
  border-right: 1px solid #f0f0f0;
}

.modal-dialog {
  max-width: 900px;
}

.model-product {
  display: flex;
  align-items: center;
  gap: 30px;
}

.model-product img.logo {
  max-width: 100px;
  width: auto;
  max-height: 100px;
}

.model-product h1 {
  color: #000;
  font-size: 14px;
}

.model-product h6 {
  font-weight: 500;
  font-style: italic;
  color: #c2c2c2;
  font-size: 13px;
}

.cus-btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.review-box {
  padding: 15px 0px;
  border-bottom: 1px solid #ccc;
}

.review-box p {
  font-size: 13px;
  margin: 0;
  font-weight: 300;
  color: #606060;
}

.review-box .name {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.review-box .name h1 {
  font-size: 16px;
  margin: 0;
}

.review-box .name p {
  color: #a3a3a3;
  margin: 0;
  font-size: 13px;
}

.review-box .td-rating {
  margin: 12px 0;
  gap: 5px;
  justify-content: flex-start;
}

.review-box .td-rating span {
  width: 15px;
}

.review-box .td-rating span img {
  width: 100%;
}

.pro-img {
  max-height: 175px;
  width: auto;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {

  background-color: #000;
}




.ellipsis-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin: 0;
}

.p-calendar {
  width: 100%;
}

.p-button {
  background: var(--cus-primary-color) !important;
}

.bx-package {
  font-size: 23px !important;
}

.layout-footer {
  /* position: absolute; */
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
}

.footer-bottom {
  text-align: center;
  padding: 10px;
  background: #f3f3f3;
  z-index: 9;
  position: relative;
}

.footer-bottom p {
  margin: 0;
  font-size: 14px;
  color: #6c6c6c;
}

.p-inputtext {
  padding: 0.5rem !important;
  background: transparent !important;
  font-size: 15px !important;
  box-shadow: none !important;
}

.p-button.p-button-icon-only {
  padding: 0.45rem 0 !important;
}

.p-dropdown .p-dropdown-trigger {
  background: #f8fbff !important;
}

.input-group-text {
  /* background: #f8fbff !important; */
}

.p-paginator {
  background: transparent !important;
  justify-content: end !important;
  padding: 15px 9px !important;
}

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  /* background: #fff !important; height: 2rem; */
  color: #fff !important;
  min-width: 1rem;
  border: 2px solid var(--cus-primary-color)6b !important;
  height: 1rem;
  border: 0 !important;
  font-weight: bold;
  background: var(--cus-btn-color) !important;
}

.p-paginator .p-paginator-pages .p-paginator-page {
  background: #efefff !important;
  min-width: 1.3rem !important;
  height: 1.3rem !important;
  border-radius: 100% !important;
  color: #535353 !important;
  font-weight: 500;
}

.p-paginator .p-dropdown {}

.th-head {
  display: flex
}

.p-datatable .p-datatable-tbody>tr>td,
.p-datatable .p-datatable-thead>tr>th {
  white-space: nowrap;
  /* padding: 1rem 1rem !important; */
}

.td-category {
  width: 200px
}

.th-icon {
  visibility: hidden;
}

.p-datatable .p-datatable-thead>tr>th:hover .th-icon {
  visibility: visible;
}

.p-datatable .p-sortable-column .p-sortable-column-icon {
  font-size: 12px !important;
}

.pi {
  font-size: 11px !important;
}

.p-datatable .p-datatable-tbody>tr>td {}

.p-datatable .p-datatable-tbody>tr>td span {
  display: inline-block;
}

.inner-page-navigation {}

.inner-page-navigation ul {
  display: flex;
  list-style: none;
  padding: 0;
  gap: 20px;
  margin: 0;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}

.inner-page-navigation ul li {}

.inner-page-navigation ul li a {
  font-size: 14px;
  color: #42505C;
  font-weight: 500;
  padding: 0 5px;
}

.inner-page-tab-navigation {}

.inner-page-tab-navigation ul {
  display: flex;
  list-style: none;
  padding: 0;
  gap: 20px;
  margin: 0;
  border-bottom: 1px solid #cacaca !important;
  padding-bottom: 5px;
}

.inner-page-tab-navigation ul li {}

.inner-page-tab-navigation ul li a {
  font-size: 14px;
  color: #42505C;
  font-weight: 500;
  padding: 0 5px 5px 5px !important;
}

.inner-page-navigation ul li a.active,
.inner-page-navigation ul li a:hover {
  background: transparent;
  border-bottom: 4px solid var(--cus-primary-color);
  padding-bottom: 10px;
  color: var(--cus-primary-color);
}

.search-input {
  border-bottom: 1px solid #afafaf;
  background: transparent !important;
}

.search-input span {
  background: transparent !important;
}

.search-input input:focus {
  box-shadow: none;
}

.p-datatable .p-datatable-tbody>tr {
  box-shadow: 1px 1px 3px #00000036;
  vertical-align: middle;
}

.p-checkbox,
.p-checkbox .p-checkbox-box {
  width: 16px !important;
  height: 16px !important;
  border-radius: 4px !important;
}

.p-checkbox .p-checkbox-box.p-highlight {
  border-color: var(--cus-primary-color) !important;
  background: var(--cus-primary-color) !important;
}

.p-datatable>.p-datatable-wrapper {
  overflow: inherit !important;
  height: calc(100vh - 225px);
}

.field-checkbox {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.field-checkbox p {
  margin: 0;
  line-height: 1;
}

.field-checkbox input {
  border: 0;
  border-bottom: 1px solid #bebebe;
  font-size: 13px;
}

.field-checkbox input[type=text] {
  width: 100%
}

.field-checkbox input:focus-visible {
  border: 0;
  border-bottom: 1px solid var(--cus-primary-color);
  outline: none;
}

.scroll-min-height {
  max-height: 300px;
  overflow-y: auto;
  margin-bottom: 15px;
}

.scroll-min-height::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

.scroll-min-height::-webkit-scrollbar-track {
  background: #e4e3ff;
}

.scroll-min-height::-webkit-scrollbar-thumb {
  background: var(--cus-primary-color);
}

.scroll-min-height::-webkit-scrollbar-thumb:hover {
  background: var(--cus-primary-color);
}

.common-btn {
  background: var(--cus-btn-color) !important;
  /* box-shadow: 1px 1px 10px #9fcbffb8; */
  border-radius: 6px !important;
  padding: 6px 15px !important;
  /* width: 100% !important; */
  border: 0 !important;
  font-size: 13px !important;
  color: #fff !important;
  line-height: initial !important;
  height: 100%;
}

.outline-btn {
  background: transparent !important;
  color: var(--cus-btn-color) !important;
  box-shadow: none;
  border: 1px solid var(--cus-btn-color) !important;
}

.download-btn {
  background: linear-gradient(141deg, #2eb92f, #6bf86c) !important;
}

.common-btn:hover {
  background: var(--cus-btn-color-hover) !important;
  color: #fff !important;
}

.download-btn:hover {
  background: #2eb92f !important;
}

.p-column-filter-buttonbar {
  display: none !important;
}

.p-datatable .p-datatable-thead>tr>th {
  background: #f3f2ff !important;
  text-transform: uppercase;
  padding: .5rem 1rem !important;
}

.p-column-filter-menu-button:hover {
  background: transparent
}

.c_pointer {
  font-size: 14px !important;
}

.th-sort {
  float: left;
  margin-top: 5px;
}

.import-icon {
  font-size: 65px;
  color: var(--cus-primary-color);
}

.import-pra {
  color: #42505C;
  margin-top: -27px;
  color: #afafaf;
  font-style: italic;
}

.fre-pop {
  cursor: pointer;
  position: absolute;
  right: 14px;
  top: 12px;
  background: transparent !important;
  color: var(--cus-primary-color) !important;
  font-size: 14px;
}

.w-350 {
  width: 350px
}

.tooltip-style {
  font-size: 20px;
  background-color: transparent;
}

th p,
thead p,
td p {
  margin-bottom: 0;
}

.p-datatable .p-datatable-tbody>tr>td.no-records {
  text-align: center !important;
}

.pagin-drop {
  border-radius: 3px;
  border: 1px solid #ccc;
  padding: 5px 5px;
  color: #898989;
}

.invalid-feedback {
  border-radius: 3px;
  top: -35px;
  position: absolute;
  z-index: 9;
  background: #dc3545;
  right: 0;
  width: auto !important;
  font-size: 11px !important;
  height: 20px;
  padding: 2px 10px;
  color: #fff !important;
}

.invalid-feedback:after {
  content: '';
  position: absolute;
  left: 8px;
  right: 0;
  width: 0;
  height: 0;
  border-top: 8px solid #dc3545;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  bottom: -8px;
}

.back-to-sigin {
  margin-top: 10px;
  text-align: right;
  color: #212529;

}

.back-to-sigin span {
  color: #0d6efd;
  text-decoration: underline;
  cursor: pointer;
}

.forget-sub-title {
  font-size: 12px;
  font-style: italic;
  color: #828282;
}

p-table {
  /* height: 580px; */
  display: inline-block;
}

.cus-modal-dialog {
  max-width: 750px !important;
}

.cus-modal-dialog1 {
  max-width: 80% !important;
}

.add-job {}

.add-job h1 {
  font-size: 18px;
}

.add-job label {
  width: 100%;
  font-size: 13px;
  margin-bottom: 10px;
}

.add-job select {
  width: 100%;
  margin-bottom: 10px;
}

select:disabled {
  background: #e3e3e3;
}

.icon-position {
  font-size: 12px !important;
  color: #737373 !important;
  position: absolute;
  top: 7px;
  right: 0;
  z-index: 9;
}

.search-box-timer {}

.search-box-timer input {
  border: 0 !important;
}

.search-box-timer button {
  background: transparent !important;
  border: 0;
  color: #737373 !important;
  width: auto !important;
}

.status {
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  padding: 2px 10px;
}

.progress-content {
  font-size: 12px;
}

.table-action-btn {
  display: flex;
  gap: 5px;
}

.table-action-btn button {
  background: var(--cus-primary-color);
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: 400;
}

.table-action-btn button {}

.table-action-btn button i {
  font-size: 15px;
  position: relative;
  top: 2px;
}

input[type="radio"] {
  border: 2px solid white;
  box-shadow: 0 0 0 1px var(--cus-primary-color);
  appearance: none;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #fff;
  transition: all ease-in 0.2s;

}

input[type="radio"]:checked {
  background-color: var(--cus-primary-color);
}

.export-label span,
.alignclass {
  font-size: 13px;
  margin-left: 5px;
}

.pagina-select {
  background: var(--cus-btn-color);
  color: #ffffff;
  height: 1.5rem;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 500;
  border: 0;
}

.p-datepicker .p-timepicker span {
  font-size: 13px !important;
}

.p-datepicker .p-timepicker button {
  width: 1rem !important;
  height: 1rem !important;
}

.p-datepicker .p-timepicker {
  padding: 0 !important;
}

.datatable-custom .p-datatable>.p-datatable-wrapper {
  overflow: auto !important;
  height: calc(100vh - 200px);
  border: 1px solid #f0f0f0;
  /* border-bottom: 0; */
}

.summery-table .p-datatable>.p-datatable-wrapper {
  height: auto;
}

.table-responsive {
  border: 1px solid #e4e4e4;
}

.summery-table .p-dropdown {
  height: auto !important;
}

.p-paginator .p-dropdown {
  background: var(--cus-btn-color) !important;
  border: 2px solid var(--cus-primary-color)6b !important;
  color: #ffffff;
  height: 1.5rem !important;
  border-radius: 3px;
  padding: 0 3px;
  font-weight: 500;
  margin-right: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.summery-table .p-dropdown .p-dropdown-label {
  margin-top: 0;
  height: auto;
  padding: 0 !important;
}

.scheduleForm .p-multiselect {
  margin: 0;
}

.svp-cus-model-dialog {
  width: auto !important;
  max-width: 65% !important;
  max-height: 70vh;
  height: auto;
}

.tab-with-table .p-datatable>.p-datatable-wrapper {
  height: calc(100vh - 275px);
}

.setting-row .form-check-input:checked {
  background-color: #36c956 !important;
  border-color: #36c956 !important;
}

.setting-row .form-check-label {
  color: #42505C;
  margin-bottom: 30px;
  font-size: 16px;
}

.setting-sec {}

.setting-sec select {
  width: 100%;
  height: 40px;
  padding: 0 5px;
  border-radius: 6px;
  border: 0;
  box-shadow: 2px 2px 8px #00000017;
  font-size: 13px;
}

.setting-box .form-check-label {
  color: #42505C;
  font-size: 13px;
  margin: 0 !important;
}

.p-progressbar {
  height: 15px !important;
  border-radius: 30px !important;
}

.p-progressbar .p-progressbar-label {
  font-size: 10px;
}

.right-dra-heading {
  font-size: 17px;
}

.right-dra-heading span {
  font-size: 15px;
  color: #939393;
  /* font-style: italic; */
}

.tableHeaderClass {
  cursor: pointer;
}

.pop-close {
  background: #ccc;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  align-items: center;
  display: flex;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  right: -12px;
  top: -12px;
}

.pop-close i {
  color: #000;
}

.import-tab-content {
  padding: 10px;
  border: 1px solid #e7e7e7;
}

.p-datatable .p-sortable-column .p-sortable-column-icon {
  margin-left: 4px !important;
  width: 14px;
  height: 11px;
}

.p-tooltip>.p-tooltip-text {
  /* width: max-content !important;
  position: absolute;
  right: -10px; */

}

p-tooltip-arrow {
  display: none;
}

.cus-pop-close {
  /* position: absolute;
    top: -10px;
    right: -10px;
    z-index: 999; */
}

.input-eye {
  position: absolute;
  right: 0;
  z-index: 9;
  top: 14px;
  right: 10px;
}

.input-eye i {
  color: #2f3135;
}

.sett-multi .p-multiselect {
  margin: 0 !important;
}

.cus-check-box-mt .form-check-input {
  margin-top: 5px;
}

.p-scroller::-webkit-scrollbar,
.p-dialog-content::-webkit-scrollbar {
  width: 5px;
  height: 4px;
}

.p-scroller::-webkit-scrollbar-track,
.p-dialog-content::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.p-scroller::-webkit-scrollbar-thumb,
.p-dialog-content::-webkit-scrollbar-thumb {
  background: #369;
}

.p-scroller::-webkit-scrollbar-thumb:hover,
.p-dialog-content::-webkit-scrollbar-thumb:hover {
  background: #555;
}


::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #369;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.p-dialog .p-dialog-content {
  padding-bottom: 60px !important;
}

.Rightside-popup .p-multiselect-clear-icon {
  margin-top: 10px !important;
  height: 30% !important;
  background: transparent !important;
}

.error-content {
  font-size: 11px;
  color: #ff0000;
}

.view-chart {
  padding: 2px 10px !important;
  border-radius: 6px !important;
  margin-left: 10px;
}

.search-box-timer button.p-button.p-button-icon-only {
  padding-right: 5px !important;
}

.row-highlight {
  border: 2px solid var(--cus-primary-color);
  background: #dcecff !important;
  font-weight: 600;
  box-shadow: 2px 2px 2px #000 !important;
}

.bi::before {
  transition: transform 0.3s ease-in-out;
}

.rotate-icon::before {
  transform: rotate(180deg);
  transition: transform 0.3s ease-in-out;
}


.job-history .p-datatable>.p-datatable-wrapper {
  overflow: inherit !important;
  height: calc(100vh - 168px) !important;
}

.active-main-row {
  background: #d4e3ff !important;
}

.active-main-row th {
  background: transparent;
}

.accordion-button:not(.collapsed) {
  background: #d4e3ff !important;
}

.fixed-pagination .p-datatable .p-paginator-bottom {
  position: fixed;
  right: 10px;
  padding: 10px 10px;
}

.datatable-custom .p-datatable .p-paginator {
  border: 0 !important;
}

.datatable-custom .p-paginator .p-dropdown .p-dropdown-label {
  /* color: #495059 !important; */
}

.datatable-custom .p-dropdown .p-dropdown-trigger {
  color: #495059 !important;
  margin-top: 4px;
}

.datatable-custom .p-dropdown .p-dropdown-trigger .p-icon {
  width: 12px !important;
  height: 12px !important;
}

.carousel-item img {
  margin: 0 auto;
  height: 300px;
  width: auto;
  max-width: 50% !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}

.p-dropdown-trigger .p-icon-wrapper {
  width: 11px;
  color: #535353;
}

body .p-multiselect .p-multiselect-trigger,
body .p-dropdown .p-dropdown-trigger {
  margin-top: 3px !important;
  width: .8rem !important;
}

.p-paginator .p-paginator-current {
  display: none;
}

.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
  margin: 0 3.5px !important;
  min-width: 1rem !important;
  height: 1rem !important;
}

.p-paginator-pages {
  display: flex;
  gap: 10px;
}

.cus-time-width {
  width: 120px;
  display: block;
}

#nav-advanced ul.audit-tab-list li span,
#nav-standards ul.audit-tab-list li span {
  width: calc(100% - 0px);
}

#nav-advanced ul.audit-tab-list li span.right-circle,
#nav-standards ul.audit-tab-list li span.right-circle {
  display: none;
}

#nav-advanced .audit-right,
#nav-standards .audit-right {
  display: none;
}

.dashboard-tab {
  justify-content: start;
  flex-direction: row !important;
  border-bottom: 0px solid #cacaca !important;
  gap: 20px;
}

.dashboard-tab .nav-link {
  padding: 0px 5px 11px 5px;
  font-size: 14px;
  background: transparent;
  color: #42505C;
  font-weight: 500;
}

.dashboard-tab .nav-link:hover {}

.dashboard-tab .nav-link.active {}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {}

.p-multiselect-trigger-icon {
  margin-right: -10px !important;
  width: 10px !important;
  color: #000 !important;
}

.export-label {
  /* background: #dadada; */
  padding: 5px 10px;
  margin-right: 10px;
}

.export-tab-cont label {
  font-size: 13px;
  font-weight: 500;
}

.count-ellipse {
  display: flex !important;
}


.p-dialog {
  max-height: 100% !important;
  margin: 0 !important;
}

.p-overlay {
  right: 0;
}

.p-datepicker table td>span {
  color: rgba(0, 0, 0, .85) !important;
}

.table-popover {
  position: absolute;
  bottom: 6px;
  left: calc(100% + 15px);
  display: none;
  z-index: 9999;
}

.table-popover .popover-box {
  background: #454545;
  padding: 10px;
  border-radius: 6px;
  position: relative;
}

.table-popover .popover-box::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 15px solid #454545;
  position: absolute;
  bottom: 0px;
  left: -10px;
}

.table-popover .popover-box table {
  background: transparent !important;
}

.table-popover .popover-box h1 {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  padding: 0 5px;
  margin-bottom: 10px;
  margin-top: 5px;
}

.table-popover .popover-box table thead {}

.table-popover .popover-box table thead tr {
  background: transparent !important;
}

.table-popover .popover-box table tr th {
  background: transparent;
  font-weight: 400;
  color: #fff;
  padding: 5px 5px;
  text-align: left;
}

.table-popover .popover-box table tbody {}

.table-popover .popover-box table tbody tr {
  background: transparent !important;
}

.table-popover .popover-box table tbody tr td {
  color: #fff;
  padding: 5px 5px;
  font-size: 13px !important;
  text-align: center;
}

.table-popover .popover-box table tbody tr td.value-position {
  display: flex;
  align-items: center;
  gap: 10px;
}

.table-popover .popover-box table tbody tr td.value-position span {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

.tooltip-td {}

.tooltip-td:hover .table-popover {
  display: block;
}

.p-datatable .p-datatable-tbody>tr:nth-child(-n+3) .table-popover {
  bottom: auto;
  top: 9px;
}

.p-datatable .p-datatable-tbody>tr:nth-child(-n+3) .table-popover .popover-box::before {

  bottom: auto;

  top: 0px;

  border-bottom: 0;

  border-top: 15px solid #454545;
}

.p-datatable .p-datatable-tbody>tr>td.total {
  background: #eaeaff;
}

.p-datatable .p-datatable-tbody>tr>td.first-page {
  background: #e1ffe9;
}


.p-icon-wrapper .p-icon {
  width: 10px !important;
}

.highlight-filter .p-column-filter-menu-button {
  background: var(--cus-primary-color) !important;
  width: 25px;
  height: 25px;
}

.highlight-filter .p-column-filter-menu-button .p-icon-wrapper svg.p-icon {
  color: rgb(255, 255, 255);
}

.filter-highlight-align {
  display: flex;
  align-items: center;
  gap: 5px;
}

.filter-highlight-align .p-element .p-column-filter .p-column-filter-menu-button {
  width: 25px;
  height: 25px;
}

.new-td-pro {
  height: 2rem !important;
  margin-left: 0;
}

.form-switch .form-check-input {
  width: 35px !important;
  height: 20px;
  border-color: #ccc;
}

.form-check-input:checked {
  background-color: var(--cus-primary-color) !important;
  border-color: var(--cus-primary-color) !important;
}

.action-mail {
  display: flex !important;
  gap: 10px;
  align-items: center;
}

.action-mail a {
  color: var(--cus-primary-color);
  font-size: 17px;
}

.action-mail a.mail-btn {
  background: var(--cus-primary-color);
  color: #fff;
  padding: 5px;
  font-size: 11px;
  border-radius: 4px;
}

.email-form {}

.email-form .form-label {
  margin-bottom: 0;
  font-weight: 500;
}

.email-form .form-control {
  padding: 0 10px;
}

.email-form textarea.form-control {
  padding: 10px;
  height: 250px;
}

.email-form h1 {

  font-size: 12px;

  padding: 13px;

  background: #f5f3ff;

  border-radius: 6px;

  text-transform: inherit;

  border: 1px solid #ccc;
}

.mail-content-box {

  background: #f5f3ff;

  border: 1px solid #ccc;

  padding: 13px;

  border-radius: 6px;
}

.mail-content-box p {
  font-size: 12px;
  text-transform: inherit;
}

.mail-content-box table {
  width: 100%;
  background: transparent;
}

.mail-content-box table thead {}

.mail-content-box table thead tr td {
  font-size: 12px !important;
  padding: 5px;
  font-weight: 500;
}

.mail-content-box table tbody {}

.mail-content-box table tbody tr td {
  font-size: 12px !important;
  padding: 5px;
}

.mail-content-box table tr {
  background: transparent;
}

.mail-msg-list {
  margin: 10px 0;
  border-bottom: 1px solid #ccc;
}

.mail-msg-list h1 {
  font-size: 14px;
  color: #272727;
}

.mail-msg-list span {
  font-size: 11px;
  color: #afafaf;
}

.mail-msg-list p {
  color: #9f9f9f;
  font-weight: 400;
  font-size: 13px;
  margin-top: 10px;
}

.rule-add-box {
  display: inline-flex;
  flex-direction: column;
  padding: 20px 30px;
  gap: 10px;
  border: 2px solid var(--cus-primary-color);
  width: 400px;
}

.rule-add-box span {
  margin-bottom: 5px;
}

.rule-add-box span i {
  font-size: 15px;
  color: var(--cus-primary-color);
}

.rule-add-box h1 {

  font-size: 16px;

  margin: 0;
}

.rule-add-box p {
  margin: 0;
  font-size: 13px;
}

.rule-add-box a {
  background: var(--cus-primary-color);
  text-align: center;
  color: #fff !important;
  padding: 8px;
  font-size: 13px;
  margin-top: 35px;
}

ul.set-rule {
  display: flex;
  gap: 40px;
}

ul.set-rule li {}

ul.set-rule li {}

ul.set-rule li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
}

ul.set-rule li a i {
  font-size: 30px;
}

.rule-box {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px;
}

.rule-form-label {
  display: block;
  text-align: right;
  font-size: 13px;
  font-weight: 500;
}

.rule-form-input,
.rule-form-select {
  border: 1px solid #ccc;
  border-radius: 3px;
  height: 40px;
  width: 100%;
  font-size: 12px;
  padding: 10px;
}

.p-datatable .p-datatable-tbody>tr>td .rule-form-select {
  width: auto !important;
  max-width: 100%;
  height: 30px;
  padding: 0 5px;
}

.table-action-btn {
  display: flex;
  gap: 10px;
  align-items: center;
}

.table-action-btn i {
  font-size: 17px;
}

.table-action-btn i.edit {
  color: var(--cus-primary-color);
}

.table-action-btn i.delete {
  color: #fd3131;
}

.offcanvas-header {}

.offcanvas-header h5 {
  font-size: 0.85rem;
  color: #2a2a2a;
  margin-bottom: 0;
  font-weight: 500;
}

.p-tabview .p-tabview-nav {
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-width: 0 0 2px 0;
  display: flex;
  gap: 10px;
  width: 100%;
}

.p-tabview .p-tabview-nav li {
  margin-right: 0
}

.p-tabview .p-tabview-nav li button {

  font-size: 13px;

  color: #6c757d;

  font-weight: 600;

  padding: .5rem 1rem;
}

.p-tabview .p-tabview-nav li button.active {
  border-bottom: 3px solid var(--cus-primary-color);
  position: relative !important;
  bottom: -1px;
  color: var(--cus-primary-color);
}

.table-left-sticky {
  position: sticky;
  left: 0;
}

.cus-popup {
  position: fixed;
  background: #fff;
  left: 0;
  right: 0;
  z-index: 9999;
  width: 70%;
  margin: 0 auto;
  height: 90vh;
  top: 5vh;
  border-radius: 10px;
  overflow: hidden;
}

.pop-head {
  background: #F7F9FC;
  /* margin: 0 -20px; */
  height: 40px;
  position: sticky;
  top: 0;
  z-index: 999;
  box-shadow: 2px 2px 2px #0000000d;
}

.pop-head h1 {

  font-size: 17px;

  padding: 10px 15px;
}

.pop-cont {
  padding: 20px;
  height: 94%;
  overflow: auto;
}

.content-audit-product {

display: flex;

align-items: center;

gap: 10px;

padding-bottom: 10px;

/* border-bottom: 1px solid #e7e7e7; */

justify-content: space-between;
}

.content-audit-product .prot-img {
  height: 125px;
  width: auto;
}

.content-audit-product .prot-img img {
  border: 1px solid #dfdfdf;
  padding: 5px;
  width: auto;
  height: 100%;
}

.content-audit-product .range {
  width: 175px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
}

.content-audit-product .range img {
  width: 100px;
}

.content-audit-product .range h1 {
  font-size: 12px;
}


.content-audit-product .content-status button {
  font-size: 11px;
  padding: 5px 10px;
  /* width: 200px; */
  text-align: center;
  color: #fff;
  border-radius: 5px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.content-audit-product .content-status h1 {

font-size: 14px;

margin-bottom: 15px;

color: #999999;

font-weight: 500;

line-height: 22px;
}

.content-audit-product .content-status button.rec {
  background: #FF9040;
}

.content-audit-product .content-status button.rec label {
  border-radius: 100%;
  background: #fff;
  color: #FF9040;
  width: 15px;
  height: 15px;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-audit-product .content-status button.imp {
  background: var(--cus-primary-color);
}

.rating-count {
  display: flex;
  align-items: center;
  gap: 11px;
}

.rating-count h6 {
  font-size: 18px;
  color: var(--cus-primary-color);
  background: #dadada;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rating-count h6 span {
  position: relative;
  font-size: 10px;
  color: #929292;
  top: 2px;
}

.nav_list {
  position: relative;
}

.nav_list::before {
  position: absolute;
  content: '';
  background: url(../img/nav-shape.png);
  display: inline-block;
  width: calc(var(--nav-width) - 162px);
  height: calc(var(--nav-width) - 155px);
  background-repeat: no-repeat;
  background-size: cover;
  top: -83px;
  display: none;
}

.nav_list::after {
  position: absolute;
  content: '';
  background: url(../img/nav-shape.png);
  display: inline-block;
  width: calc(var(--nav-width) - 162px);
  height: calc(var(--nav-width) - 155px);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  display: none;
}

.logout-icon {}

.logout-icon i {
  color: #ffffffcf;
}


.content-new-tab .nav {
  justify-content: start;
  flex-direction: row !important;
  margin: 0px 0;
  padding: 10px 5px;
  border: 1px solid #ccc;
  overflow: auto;
  display: flex;
  flex-wrap: nowrap;
}

.content-new-tab .nav::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.content-new-tab .nav::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.content-new-tab .nav::-webkit-scrollbar-thumb {
  background: #d0d0d0;
}

.content-new-tab .nav::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.content-new-tab .nav .nav-item.show .nav-link,
.content-new-tab .nav .nav-link.active {
  background: var(--cus-primary-color) !important;
  /* border-radius: 6px; */
  color: #ffffff !important;
}

.content-new-tab .nav .nav-link {
  color: #425065;
  font-weight: 500;
  border-radius: 10px 10px 0 0;
  background: #fcfcfc;
  font-size: 14px;
  padding: 10px 15px;
  border: 1px solid #e2e2e2 !important;
  border-radius: 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 5px;
  /* border-top: 0 !important; */
  /* border-bottom: 0 !important; */
  margin: 0 5px;
  align-items: start;
  text-align: left;
  /* width: 210px; */
  flex: none;
  /* border-radius: 6px; */
}

.content-new-tab .nav .nav-link:hover {
  background: var(--cus-primary-color) !important;
  color: #ffffff !important;
}

.content-new-tab .tab-content {

margin-top: 15px;

border: 1px solid #ccc;

padding: 20px;
}

.content-new-tab .nav .nav-link span {
  color: #ff9040;
  display: flex;
  font-size: 13px;
}

.content-new-tab .nav .nav-link:hover span,
.content-new-tab .nav .nav-item.show .nav-link span,
.content-new-tab .nav .nav-link.active span {
  color: #fff !important;
}

.content-new-tab .progress {
  width: 100%;
  height: 5px !important;
  min-width: 100px;
}

.content-new-tab .progress .progress-bar {
  background: #b7b7b7;
}

.user-name-trun {}

.user-name-trun .nav_link-box {}

.user-name-trun .nav_link-box i {
  color: var(--cus-primary-color);
}

.profile-dropdown {
  display: flex;
  justify-content: end;
}

.profile-dropdown span {
  color: var(--cus-primary-color);
  border-radius: 100%;
  position: relative;
  font-size: 25px;
}

.profile-dropdown .profile-dropdown-menu {
  display: none;
  position: absolute;
  width: 150px;
  right: 0;
  top: 0;
  padding-top: 40px;
  z-index: 999;
}

.profile-dropdown-menu h1 {
  text-align: center;
  font-size: 15px !important;
  border-bottom: 1px solid #ccc;
  padding: 0 10px 15px 10px;
  color: var(--cus-primary-color) !important;
  word-wrap: break-word;
}

.drop-menu h1 {

  font-size: 13px;
}

.profile-dropdown span.drop-menu:hover .profile-dropdown-menu {
  display: block;
}

.profile-dropdown .profile-dropdown-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #f8fbff;
  box-shadow: 2px 2px 5px #00000029;
  padding-top: 20px;
}

.profile-dropdown .profile-dropdown-menu ul li {}

.profile-dropdown .profile-dropdown-menu ul li a {
  font-size: 13px;
  text-decoration: #000;
  text-decoration: none;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #7b7b7b;
  border-bottom: 1px solid #dadada;
}

.profile-dropdown .profile-dropdown-menu ul li a i {
  color: var(--secondary-color);
  font-size: 17px;
}

.profile-dropdown .profile-dropdown-menu ul li a:hover {
  background: var(--secondary-color);
  color: var(--cus-primary-color);
}

.profile-dropdown .profile-dropdown-menu ul li a:hover i {
  color: var(--cus-primary-color);
}

.profile-dropdown .profile-dropdown-menu::after {
  content: '';
  position: absolute;
  right: 10px;
  top: 30px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffffb8;
  clear: both;
}

body .p-dropdown .p-dropdown-label {
  margin-top: 0 !important;
  color: #646464;
}

.table-header {
  margin-top: 1rem;
}

.datatable-custom {
  margin-bottom: 0 !important;
}

.datatable-custom .p-datatable .p-datatable-header {
  margin-bottom: 1rem;
  padding: 0 !important;
}

.datatable-custom .p-datatable .p-datatable-thead>tr>th {
  padding: .5rem 1rem !important;
}

.datatable-custom .p-paginator .p-dropdown .p-dropdown-trigger .p-icon-wrapper {
  color: #fff;
}

.settingss-info {
  position: absolute;
  left: 100px !important;
  top: 13px !important;
  z-index: 9;
}

.top-input {}
.top-input .form-control{border: 0 !important;}



.cus-box {
  height: 100%;
  box-shadow: 1px 1px 3px #00000026;
  background: #fff !important;
  padding: 15px;
  border-radius: 6px;
}

.cus-box h1 {
  width: 100%;
  font-size: 14px;
  color: var(--cus-primary-color);
  margin-bottom: 0;
}

.das-fil-icon {
  
  display: flex;
  align-items: center;
  gap: 10px;

}

.das-fil-icon i{
  color: var(--cus-primary-color);
}

.das-fil-icon i:nth-child(2){

}

.cus-box select {

  border: 1px solid #ccc;

  border-radius: 6px;

  font-size: 12px;

  color: #8d8d8d;

  padding: 3px;
}

.cus-box img {
  width: auto;
  margin: 0 auto;
}

.top-input input {
  padding: 0 !important;
  width: 100%;
  background: transparent;
  border-radius: 0 !important;
  line-height: 37px;
  height: 37px !important;
  font-size: 13px !important;
  color: #a5a5a5 !important;
  border: 0 !important;
  border-bottom: 1px solid #afafaf !important;
  /* font-weight: 500; */
}

.top-input select {
  padding: 0;
  width: 100%;
  background: transparent;
  border-radius: 0;
  line-height: 37px;
  height: 37px;
  font-size: 13px;
  /* color: #a5a5a5; */
  border: 0;
  border-bottom: 1px solid #afafaf;
  font-size: 13px;
}

.alert-div {
  display: flex;
  flex-wrap: wrap;
}

.alert-box {
  padding: 10px;
  background: #f3f3f3;
  border-radius: 6px;
  width: calc(50% - 8px);
  gap: 15px;
  display: flex;
  justify-content: space-between;
}

.alert-box div {
  align-items: self-start;
  flex-direction: column;
  display: flex;
  gap: 10px;
  /* justify-content: space-between; */
}

.alert-box div span {
  display: flex;
  background: var(--cus-primary-color);
  font-size: 11px;
  color: #fff;
  border-radius: 6px;
  padding: 3px 10px 1px 10px;
  align-items: center;
  justify-content: center;
}

.alert-box div p {
  margin: 0;
  color: #bababa;
  font-size: 13px;
}

.alert-box div h6 {
  font-weight: 400;
  font-size: 13px;
  color: #8d8d8d;
}

.alert-box div input {
  border-radius: 100% !important;
  width: 25px;
  height: 25px;
}

.alert-box label {
  color: var(--cus-primary-color);
  font-weight: 600;
}

.alert-div-int {

  width: auto;

  align-items: center !important;
}

.product-value-box {
  display: flex;
  gap: 10px;
  width: 100%;
}

.product-values {
  border: 1px solid #d4d4ff;
  background: #f7f7ff;
  padding: 10px;
  border-radius: 6px;
  width: 25%;
  position: relative;
  padding-top: 20px;
}

.product-values h2 {
  font-size: 11px;
  color: #3b3b3b;
  font-weight: 400;
}

.product-values span {
  font-weight: 500;
  font-size: 13px;
}

.product-values a {
  position: absolute;
  right: 3px;
  top: 1px;
  font-size: 12px;
  color: #a2a2a2;
}

.pop-filter-box {
  position: relative;
  display: none;
}

.pop-filter {
  position: absolute;
  background: #fff;
  box-shadow: 1px 2px 3px #ccc;
  padding: 15px;
  z-index: 99;
  min-width: 100%;
  right: 0;
  border-radius: 6px;
  border: 1px solid #e2e2e2;
}

.pop-filter .top-input {
  display: flex;
  align-items: center;
  gap: 20px;
}

.pop-filter .top-input h1 {
  width: auto;
  font-size: 13px;
  text-align: center;
  color: #838383;
  white-space: nowrap;
}

.map-vilo-box {
  display: flex;
  align-items: center;
  gap: 15px;
}

.map-vilo-box .product-value-box {
  flex-direction: column;
  width: 20%;
}

.map-vilo-box .product-values {
  width: 100%;
}

.p-paginator .p-dropdown .p-dropdown-label {
  color: #fff;
}

.p-paginator .p-dropdown .p-dropdown-trigger .p-icon-wrapper {
  color: #fff;
}


.report-title-box {
  margin-bottom: 20px;
}

.report-title-box h1 {
  font-size: 15px;
  color: var(--cus-primary-color);
  margin-bottom: 10px;
}

.report-title-box h3 {
  font-size: 13px;
  font-weight: 400;
  color: #868686;
  line-height: 22px;
}

.report-title-box p {
  line-height: normal;
  margin: 0;
  /* background: #fcf9f9; */
  /* display: flex; */
  align-items: center;
  font-size: 13px;
  width: 100%;
  /* padding: 15px; */
  /* border: 1px solid #fff2f2; */
  border-radius: 8px;
  color: #727272;
}

.report-title-box textarea {
  height: 70px;
    width: 100%;
    font-size: 14px;
    color: #727272;
    padding: 5px;
    background: #fbfbfb;
    padding: 10px 25px 10px 15px;
    border: 1px solid #eeeeee;
    border-radius: 4px;
}

.report-title-box button {
  font-size: 12px;
  padding: 5px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  font-weight: 500;
  width: 150px;
  background: var(--cus-primary-color);
}

.rules-box {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.rules-box p {
  background: none;
  border: 0;
  padding: 0;
  color: #737373;
  font-weight: 400;
}



.cus-pop-cls {
  margin-right: 15px;
}

.rel-count {
  font-size: 10px;
  color: #a5a5a5;
}

.rel-key {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 5px;
}

.rel-key button {
  background: #f2f2f3;
  border-radius: 3px;
  width: auto;
  padding: 1px 5px;
  color: #656565;
  font-weight: 400;
}

.rel-key button:disabled {
  cursor: initial;
  opacity: 1;
}

.rel-key button.active-key {
  background: #bafbc1;
}

.title-score {

text-align: center;

font-size: 13px !important;

background: #e7e6ff; 

/* display: flex; */

align-items: center;

font-size: 13px;

width: 100%;

padding: 15px;

border: 1px solid #d6d6d6;

border-radius: 8px;

color: #242424;
}

.content-new-tab .nav .nav-item.show .nav-link,
.content-new-tab .nav .nav-link.active .progress .progress-bar {
  background: #fff !important;
}

.content-new-tab .nav .nav-item.show .nav-link,
.content-new-tab .nav .nav-link.active .progress {
  background: #ffffffa1 !important
}

.content-new-tab .nav .nav-link:hover .progress .progress-bar {
  background: #fff !important;
}

.content-new-tab .nav .nav-link:hover .progress {
  background: #ffffffa1 !important;
}

.title-score span {
  /* font-size: 20px; */
  /* font-family: cursive; */
  /* color: var(--cus-primary-color); */
  /* animation: blink 1s linear infinite; */
}

@keyframes blink {
  0% {
    opacity: 0;
  }

  50% {
    opacity: .5;
  }

  100% {
    opacity: 1;
  }
}

.cont-au-edit {
  position: absolute;
    right: 19px;
    font-size: 12px;
    top: 15px;
}

.report-title-box table{
    /* border: 1px solid #000; */
}
.report-title-box table thead{}
.report-title-box table thead th{
    font-size: 14px !important;
    padding: 10px;
    border: 1px solid #d2d2d2;
    background: #e7e6ff;
}
.report-title-box table tbody{}
.report-title-box table tbody td{
    color: #727272;
    font-size: 14px !important;
    padding: 10px;
    border: 1px solid #f2f2f2;
}
.report-title-box table tbody td span {
  padding: 3px 20px;
  display: inline-block;
  font-size: 13px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  width: 80px;
  justify-content: center;
}

.report-title-box table tbody td span.pass {
  background: #BAFBC1;
  color: #073C0D;
}

.report-title-box table tbody td span.fail {
  background: #FBD9BA;
  color: #FF2424;
}

.chart-button{
  
position: absolute;
  
top: -15px;
  
right: 15px;
  
background: linear-gradient(45deg, var(--cus-primary-color), #9a96ff);
  
color: #fff;
  
width: 45px;
  
height: 45px;
  
display: flex;
  
justify-content: center;
  
align-items: center;
  
border-radius: 100%;
  
box-shadow: 2px 2px 6px var(--cus-btn-color);
  
font-size: 22px;
}

.chat-box {
  position: fixed;
  width: 70%;
  right: 0;
  height: calc(100vh - 100px);
  background: #ffffff;
  border-radius: 12px;
  display: none;
  box-shadow: -2px -2px 9px #00000052;
  z-index: 9999999;
  overflow: hidden;
  margin: 0 auto;
  left: 0;
  top: 50px;
}

.chat-box .chat-heading{
    background: var(--cus-primary-color);
    border-radius: 14px 14px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 15px;
    height: 65px;
}
.chat-box .chat-heading h1{margin: 0;color: #fff;font-size: 20px;display: flex;gap: 15px;align-items: center;}
.chat-box .chat-heading span{}
.chat-box .chat-heading span i{
    font-size: 20px;
    color: #fff;
}
.chat-box .chat-heading span img{
  width: 40px;
}
.chat-box .chat-body{
    display: flex;
    gap: 0px;
    height: calc(100vh - 165px);
    overflow: auto;
    background: #fff;
}
.chat-box .chat-body .chat-left{
    width: 300px;
    background: #e8e8ff;
    padding: 20px 12px;
    height: calc(100vh - 165px);
    overflow: auto;
}
.chat-box .chat-body .chat-left .prev-ques{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.chat-box .chat-body .chat-left .prev-ques h1{
    font-size: 15px;
}

.chat-box .chat-body .chat-left .prev-ques p{
  font-size: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 1;      /* Number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}
.chat-box .chat-body .chat-right{
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    padding: 20px;
    height: calc(100vh - 165px);
    overflow: auto;
}
body.cus-backdrop::after{
  background: rgb(51 51 51 / 60%);
  content: ".";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.chat-1{
    font-size: 12px;
    font-weight: 300;
    background: #f6f6f6;
    padding: 7px 15px;
    border-radius: 7px;
    display: inline-flex;
    float: right;
    border: 1px solid #dcdcdc;
    margin-left: 75px;
}
.chat-2{
  font-size: 12px;
  font-weight: 300;
  background: #ffffff;
  padding: 7px 15px;
  border-radius: 7px;
  display: inline-flex;
  float: left;
  border: 1px solid #dcdcdc;
  margin-right: 75px;
  }
.chat-3{
    font-size: 12px;
    color: var(--cus-primary-color);
    margin: 0px 75px;
    font-weight: 500;
    padding: 7px 15px;
    border-radius: 7px;
    display: inline-flex;
    border: 2px solid var(--cus-primary-color);
}
.chat-input{
    background: #fff;
    position: relative;
}
.chat-input textarea{
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 7px;
    background: #e8e8ff;
    height: 70px;
    padding: 10px;
    box-sizing: border-box;
    font-size: 12px;
    padding-right: 40px;
}
.chat-input button{
    position: absolute;
    right: 7px;
    background: var(--cus-primary-color);
    border-radius: 100%;
    width: 30px;
    height: 30px;
    top: calc(50% - 15px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.chat-input button i{
    color: #fff;
    font-size: 13px;
}


/*chat-backdrop*/

.margin .p-multiselect{
  margin: 0 !important;
}
.review-head{
  font-size: 13px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.rat-drawer-img{
  max-width: 100px;
    width: auto;
    max-height: 100px;
}

.scr-imp{
  font-size: 17px;
    text-align: center;
    margin: 30px 0;
    padding-bottom: 5px;
}
.edit-bx-bg{
  padding: 10px;
  BORDER: 1px solid #ccc;
  border-radius: 6px;
}
.foot-bor{

display: flex;

/* gap: 10px; */

justify-content: end;

/* padding: 5px 10px; */

background: #ffffff;

padding-top: 5px;
}
.foot-bor button{
    /* background: none !important; */
    border: 0 !important;
    padding: 5px 0 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    width: 50%;
    border-radius: 0 !important;
}
.foot-apply{
  color: #ffffff !important;
  background: var(--cus-primary-color) !important;
}
.foot-cancel{
  color: #000 !important;
  background: #e4e3ff !important;
}

.carousel-control-prev, .carousel-control-next{
  background: none !important;
  width: auto ! IMPORTANT;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
  display: inline-block;
  width: 1.5rem !important;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
  background-color: var(--cus-primary-color);
  filter: none;
  padding: 10px;

}
.drawer-prod-img{
    height: 125px;
    width: auto;
}

.drawer-prod-img img{
    width: auto;
    height: 100%;
}

.pim-menu-img{
  max-width: 30px;
  min-width: 30px;
}

.loader-box-cus{
  position: relative;
  width: 100%;
}
.loader {
  border: 8px solid #cccbff;
  border-radius: 50%;
  border-top: 8px solid var(--cus-primary-color);
  border-bottom: 8px solid var(--cus-primary-color);
  width: 75px;
  height: 75px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

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

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

.cus-pad-0{padding: 0 !important;}

.cus-req{
  
position: absolute;
  
bottom: -21px;
}

.mlt-sel-mar .p-multiselect{margin: 0 !important;border-radius: 0;border: 0;border-bottom: 1px solid #afafaf;padding: 0 5px 0 2px;}


/* Tooltip container */
.tooltip {

  font-size: 20px;         
  max-width: 200px;        
  padding: 5px;        
  border-radius: 8px;  
  background: #fff;
  opacity: 1;   
  box-shadow: 1px 1px 2px #000; 
  
}


::ng-deep .tooltip .tooltip-inner {
  background-color: #333 !important;
  color: #fff !important;
}
.das-sel{
  border:0 !important; border-bottom:1px solid rgb(175, 175, 175) !important; border-radius:0 !important; width: auto;
}

.optimize-drop{
    position: relative;
}
.optimize-drop button{}
.optimize-drop .drop-dowm-box{
    position: absolute;
    z-index: 9999;
    background: #ffffff;
    width: max-content;
    padding: 10px;
    right: 0;
    border-radius: 6px;
    top: 40px;
    box-shadow: 0px 0px 8px #00000036;
}
.optimize-drop .drop-dowm-box ul{
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}
.optimize-drop .drop-dowm-box ul li{font-size: 12px;color: #605f5f;display: flex;gap: 10px;align-items: flex-start;border-bottom: 1px solid #ececec;padding: 10px 0;}
.optimize-drop .drop-dowm-box ul li input[type="checkbox"]{
    margin-top: 4px;
}
.optimize-drop .drop-dowm-box .drp-btn{
    /* margin: 0 -10px; */
    margin-top: 10px;
    /* background: #000; */
    display: flex;
    justify-content: right;
    gap:5px
}
.optimize-drop .drop-dowm-box .drp-btn button{
  padding: 2px 6px !important;
    font-size: 12px !important;
}
.optimize-drop .drop-dowm-box .drp-btn button.cn{}
.optimize-drop .drop-dowm-box .drp-btn button.ap{
    
}
.ai-icon-btn-in{
  display: flex;
  align-items: center;
  position: relative;
  white-space: nowrap;
  z-index: 999;
}
.ai-icon-btn-in img{
  height: 15px;
    margin-right: 7px;
}
.cus-prog{
  position: relative;
  overflow:hidden;
  background: var(--cus-btn-color-hover) !important;
}
.cus-btn-pogress{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: var(--cus-btn-color);
  display: none;
}
.cus-prog .cus-btn-pogress{
  display: block;
}
.cus-tool-cont{
  position:relative
}
.cus-tool-cont a{
      position: absolute;
    top: -18px;
    right: -10px;
}
.cus-tool-cont a i{
  font-size: 12px;
}

.opti-to-head{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.opti-to-head h1{
    font-size: 13px;
}
.opti-to-head button{
    font-size: 12px;
    border: 1px solid #3d3d3d;
    padding: 3px 8px;
    border-radius: 6px;
}

.opti-cont-box{
    margin-top: 15px;
    height: 93%;
    border: 1px solid #efefef;
    border-radius: 8px;
    padding: 0 15px;
}
.opti-cont-box .opti-to-head{
    padding: 10px 15px;
    background: #efecec;
    border-radius: 7px 7px 0 0;
    margin: 0 -15px;
}
.opti-cont-box .opti-to-head button{
    background: var(--cus-btn-color);
    color: #fff;
    border: 1px solid var(--cus-btn-color);
    padding: 5px 15px;
    display: flex;
    gap: 7px;
    align-items: center;
    justify-content: center;
}
.opti-cont-box .opti-to-head button img, .opti-contet-product .opti-pro-head .button-box button img{
  
height: 17px;
  
width: auto;
}
.opti-contet-product-box{height: 90%;overflow: auto;}
.opti-contet-product{
    margin-top: 15px;
}
.opti-contet-product .opti-pro-head{
    display: flex;
    background: #f4f4f4;
    border-radius: 7px;
    align-items: center;
    padding: 10px 15px;
}
.opti-contet-product .opti-pro-head h1{
    font-size: 13px;
    width: 70%;
}
.button-box{
    display: flex;
    width: 30%;
    gap: 10px;
    white-space: nowrap;
    justify-content: end;
}
.button-box button{
    font-size: 12px;
    padding: 5px 15px;
}
.button-box button.btn-1{
    color: #000;
    padding: 0;
}
.button-box button.btn-2{
    background: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 6px;
}
.button-box button.btn-3{
    background: #515151;
    border-radius: 6px;
    color: #fff;
}

.opti-pro-cont{
    padding: 15px;
    padding-bottom: 0;
}
.opti-pro-cont h2{
    font-size: 13px;
    color: #a1a1a1;
    margin-bottom: 10px;
}
.opti-pro-cont p{
    margin: 0;
    font-size: 13px;
    color: #5b5b5b;
}
.opti-pro-cont p span{
    font-weight: 600;
    color: #000;
}
.exi-box{
    background: #00000003;
    border-radius: 7px;
    padding: 10px;
    border: 1px solid #c5c5c5;
}
.opt-box{
    background: #00000014;
    border-radius: 7px;
    padding: 10px;
    border: 1px solid #c5c5c5;
}
.optimize-content-edit{
  background: #f1f1f1;
  padding: 15px;
  border-radius: 7px;
  margin-bottom: 15px;
  margin-top: 15px;
}
.optimize-content-edit h1{
    font-size: 14px;
}
.optimize-content-edit p{
  font-size: 13px;
  margin-top: 20px;
  background: #fff;
  border-radius: 7px;
  padding: 15px 20px;
}
.optimize-content-edit .select-boxes{
    margin-top: 15px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.optimize-content-edit .select-boxes select{
    width: 170px;
    border: 0;
    background: #fff;
    border-radius: 30px;
    height: 30px;
    padding: 0 5px;
    font-size: 13px;
}
.optimize-content-edit .select-boxes button{
    background: var(--cus-btn-color);
    color: #fff;
    width: 170px;
    height: 30px;
    border-radius: 30px;
    font-size: 13px;
}
.cus-rat-up-clr{
  margin: 0 !important;
  font-size: 13px !important;
  color: var(--cus-btn-color) !important;
  font-weight: 500;
}
.pop-sel-cus{
    gap: 20px;
}
.pop-sel-cus select{
    height: 37px;
    line-height: 37px;
    width: 100%;
    border-radius: 6px;
    font-size: 13px;
    border: 1px solid #ccc;
}