@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

a {
  text-decoration: none;
  /* color: white; */
}

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

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.bg-login-img {
  background-image: url("/img/businessman-holding-product-service-evaluation-sheet-customer-satisfaction-concept@2x.png");
  height: 100vh;
  width: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.main-div {
  max-width: 450px;
  border-radius: 20px;

}

.fontsi12 {
  font-size: 12px;
}

.fontsi14 {
  font-size: 14px;
}


.fontsi13 {
  font-size: 13px;
}

.fontsi16 {
  font-size: 16px;
}

.fontsi18 {
  font-size: 18px;
}

.fontsi20 {
  font-size: 20px;
}


.main-div-1 {
  padding: 3%;
}

.heading {
  font-size: 22px;
  font-weight: 600;
  color: #0059a9;

}

.Input-p {
  padding: 15px;
  border: none;
  background-color: #F7F7F7;
  font-size: small;
  font-weight: 500;
}

.Input-p span {}

.mainBtn {
  padding: 13px 30px;
  border: 1px solid #fff;
  color: #fff;
  background-color: #045FA0;
  border-radius: 5px;
  /* letter-spacing: 1.5px; */
  font-weight: 400;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s;
}

.checkmark {
  /* position: absolute; */
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.form-check-label:hover input~.checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.form-check-label .form-check-input input:checked~.checkmark {
  background-color: red;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.form-check-label input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.form-check-label .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.main-div {
  max-width: 450px;
  border-radius: 20px;
}

.main-div-1 {
  padding: 3%;
}

.heading {
  font-size: 24px;
  font-weight: 600;
  color: #0059a9;

}

.text-gr-clr {
  color: #707070;
}

.heading-1 {
  font-size: 24px;
  font-weight: 600;
  color: #0059a9;
  /* border-bottom: 2px solid #354C9E; */
}


.heading-forget {
  font-size: 22px;
  color: #354C9E;
  font-weight: 600;
}

.sub-head {
  font-size: 14px;
}

.Input-p {
  padding: 15px;
  border: none;
  background-color: #F7F7F7;
}

.Input-p span {}

.mainBtn {
  padding: 13px 30px;
  border: 1px solid #fff;
  color: #fff;
  background-color: #045FA0;
  border-radius: 5px;
  /* letter-spacing: 1.5px; */
  font-weight: 400;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s;
}


/* ====================Deshboard css ========================== */


.main-templates {
  background-color: #F5F5F5;
  height: 100vh;
  box-shadow: 0px 3px 6px #00000029;
  opacity: 1;
}

.lists-cls {
  font-size: 14px;
  color: #9E9A9A;
  font-weight: 500;
}

.lists-cls li.active {
  color: #0059a9;
}

.sub-list {
  border-bottom: 1px solid #D8D8D8;
}

.heading {
  font-size: 22px;
  font-weight: 600;
  color: #0059a9;
}

.pra-head {
  font-size: 12px;
}

.main-img-box {
  max-width: 100%;
  height: 100%;
}

.main-img-box a {
  display: block;
}

.main-img-box img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.sub-heading-re {
  color: #9E9A9A;
  font-size: 14px;
}

.sub-card-heading {
  color: #707070;
  font-size: 12px;
  font-weight: 600;
}

.header-main {
  box-shadow: 0px 0px 6px #0000001A;
  border-radius: 5px;
  opacity: 1;
}

.main-templates {
  background-color: #F5F5F5;
  min-height: 600px;
  box-shadow: 0px 3px 6px #00000029;
  opacity: 1;
}

.lists-cls {
  font-size: 15px;
  color: #9E9A9A;
}

.lists-cls li.active {
  color: #0059a9;
}

.sub-list {
  border-bottom: 1px solid #9E9A9A;
}

.heading {
  font-size: 22px;
  font-weight: 600;
  color: #0059a9;
}

.pra-head {
  font-size: 12px;
}

/* .main-img-box {
  max-width: 300px;
  height: 100%;
} */

.main-img-review {
  background-image: url("../img/Group\ 25162@2x.png");
  height: 100vh;
  width: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.main-img-review-q {
  background-image: url("../img/Group\ 25162@2x.png");
  height: 100%;
  width: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

.sub-list14 {
  font-size: 14px;
  color: #9E9A9A;
}

.img-heading-tem {
  font-size: 5rem;
  font-weight: 600;

}

.sub-head-tem {
  color: #354C9E;
  font-size: 18px;
  font-weight: 500;
}

.text-clrs {
  color: #9E9A9A;
}



.btn-iconed.btn-flat {
  border-radius: 0rem;
  /* margin-right: 2rem; Icon sample spacing */
}

/** Rounded button **/
.btn-rounded {
  border-radius: 5rem;
  /* margin-right: 2rem;  Icon sample spacing */
}

/** Button Iconed **/
.btn-iconed {
  transition: 0.15s ease-in-out;
  padding-left: 1.3rem;
  padding-right: 1.5rem;
  /** Icons Classes **/
  /** -- Open Iconic, Font Awesome -- **/
  /** Span Class **/
  /** -- Icons on Hover properties -- **/
  /** Flatted button **/
}

.btn-iconed [class~=oi],
.btn-iconed [class~=fa],
.btn-iconed [class~=typcn]::before,
.btn-iconed [class~=mdi]::before,
.btn-iconed [class~=icon]::before {
  opacity: 0;
  transform-origin: left right;
  transform: translateX(-10px) scale(1.25);
  transition: 0.15s ease-out;
}

.btn-iconed [class=spn] {
  position: relative;
  left: 15px;
  transform-origin: left right;
  transform: translateX(-9px);
  transition: 0.2s ease-in-out;
  font-size: 14px;

}

.btn-iconed:hover {
  /** -- Span on Hover properties -- **/
}

.btn-iconed:hover [class~=oi],
.btn-iconed:hover [class~=fa],
.btn-iconed:hover [class~=mdi]::before,
.btn-iconed:hover [class~=icon]::before,
.btn-iconed:hover [class~=typcn]::before {
  opacity: 1;
  transform: translateX(0px) scale(0.75);
}

.btn-iconed:hover [class=spn] {
  left: 0px;
}

.btn-outline-tem-button {
  border: 1px solid white;
  color: white;
}

.btn-outline-tem-button a {
  color: #fff !important;
}

.btn-iconed:hover {
  background-color: #354C9E;
  color: white;
}

.textViewCheck-DK {
  width: 170px;
  height: 180px;
  border-radius: 6px;
  padding: 8px 36px 8px 15px;
  background-color: #ebe7e738;
  font-size: 13px;
  position: relative;
}

.textViewCheck-DK:hover {
  background-color: #d8d8d878;
}


.IndyLB input:checked~.textViewCheck-DK {
  color: #fff;
}

.IndyLB input[type=checkbox] {
  opacity: 0;
}

.IndyLB input:checked~.textViewCheck-DK .checkmarkIndyLB {
  display: inline-block;
}


.checkmarkIndyLB {
  color: #55A47E;
  display: none;
  position: absolute;
  right: 0;
  top: 0 !important;
}


.pera {
  text-align: justify;
  font-size: 15px;
}

.btnConnt2.cnt {
  padding: 14px 50px !important;
  font-size: 14px;
}

.mainBtn.pds {
  padding: 14px 50px;
}

.op-inner {
  height: 100%;
  display: flex;
  align-items: middle;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.side-number {
  position: absolute;
  left: 10px;
  top: 10px;
  background-color: white;
  color: black;
  padding: 10px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
}

.optionUlMatrix li {
  width: 100%;
}

.optionUlMatrix .matrixDv {
  width: 100%;
  align-items: center;
  display: flex;
}

.askQsDiv {
  position: absolute;
  bottom: 25px;
  background-color: #D8D8D8;
  padding: 8px 5px 5px;
}

.optionUlMatrix {
  border-right: 2px solid #D8D8D8;
}

.matrixView table {
  background-color: #F4F7FC;
}

.matrixView table tr:nth-child(odd) td {
  background-color: #E8E8E8;
}

.matrixView table th,
.matrixView table td {
  font-size: 13px;
  font-weight: 500;
  padding: 10px;
}

.optionUlMatrix .option-bx {
  width: 100%;
}

.toglLi {
  margin-right: 10px;
  font-size: 20px;
  color: #9E9A9A;
}

.tooltipx {
  color: #000000 !important;
  margin-left: 30px;
}

.tooltipx .fa {
  margin-left: 5px;
}

.tooltip {
  position: relative;
  opacity: 1;
  z-index: 1;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: max-content;
  background-color: #5b5b5b;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  padding: 3px 8px;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 105%;
  min-width: 150px;
  font-size: 12px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.startReview a {
  color: #bfbebe;
  font-size: 50px;
  text-align: center;
}

.startReview a span {
  color: #000;
  font-size: 14px;
  display: block;
}

.startReview a .fa:nth-child(2) {
  display: none;
}

.btnChangeUi {
  font-size: 12px;
  background-color: #354C9E !important;
  border-radius: 4px !important;
  padding: 8px 15px !important;
  color: #fff !important;
  flex-shrink: 0;
}

.selectUi {
  color: #354C9E;
  font-size: 16px;
}

.startReview a:hover,
.startReview a.active,
.startReview a:hover span,
.startReview a.active span {
  color: #F8B84E !important;
}

.startReview a:hover .fa:nth-child(1),
.startReview a.active .fa:nth-child(1) {
  display: none;
}

.startReview a:hover .fa:nth-child(2),
.startReview a.active .fa:nth-child(2) {
  display: inherit;
}

.startReview .swipIocn {
  font-size: 15px;
  position: relative;
  opacity: 1;
}

.startReview {
  justify-content: space-between;
  align-items: center;
  width: 90%;
}

.startReview li {
  margin: 0px !important;
}

@media (max-width:576px) {
  .textViewCheck-DK.heit {
    width: 146px;
  }

  .textViewCheck-DK-star {
    display: flex !important;
  }
}

.modal-dialog.modal-dialog-centered.intro {
  --bs-modal-width: 310px;
  --bs-modal-border-radius: 0.2rem;
}

.textViewCheck-DK-star {
  /* width: 170px;
  height: 180px;
  border-radius: 6px;
  padding: 8px 36px 8px 15px;
  background-color: #ebe7e738;
  font-size: 13px; */
  position: relative;
}

/* .textViewCheck-DK-star:hover{
  background-color: #d8d8d878;
} */


.IndyLB input:checked~.textViewCheck-DK-star {
  color: #fff;
}

.IndyLB input[type=checkbox] {
  opacity: 0;
}

.IndyLB input:checked~.textViewCheck-DK-star .checkmarkIndyLB-star {
  display: inline-block;
}


.checkmarkIndyLB-star {
  color: #55A47E;
  display: none;
  position: absolute;
  right: -6px;
  top: -5px !important;
}








@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
  font-family: 'Poppins', sans-serif;
  text-decoration: none;
}

.bg-login-img {
  background-image: url("/img/businessman-holding-product-service-evaluation-sheet-customer-satisfaction-concept@2x.png");
  height: 100vh;
  width: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.main-div {
  max-width: 450px;
  border-radius: 20px;
}

.fontsi12 {
  font-size: 12px;
}

.fontsi14 {
  font-size: 14px;
}

.fontsi13 {
  font-size: 13px;
}

.fontsi16 {
  font-size: 16px;
}

.fontsi18 {
  font-size: 18px;
}

.fontsi20 {
  font-size: 20px;
}

.main-div-1 {
  padding: 3%;
}

.heading {

  font-size: 22px;
  font-weight: 600;
  color: #0059a9;
  border-bottom: 2px solid #354C9E;
}

.Input-p {
  padding: 15px;
  border: none;
  background-color: #F7F7F7;
  font-size: small;
  font-weight: 500;
  font-size: 22px;
  font-weight: 600;
  color: #0059a9;
}

.Input-p span {}

.mainBtn {
  padding: 13px 30px;
  border: 1px solid #fff;
  color: #fff;
  background-color: #045FA0;
  border-radius: 5px;
  /* letter-spacing: 1.5px; */
  font-weight: 400;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s;
  padding: 13px 30px;
  border: 1px solid #fff;
  color: #fff;
  background-color: #0059a9;
  border-radius: 5px;
  /* letter-spacing: 1.5px; */
  font-weight: 400;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s;
}

.checkmark {
  /* position: absolute; */
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.form-check-label:hover input~.checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.form-check-label .form-check-input input:checked~.checkmark {
  background-color: red;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.form-check-label input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.form-check-label .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.main-div {
  max-width: 450px;
  border-radius: 20px;
}

.main-div-1 {
  padding: 3%;
}

.heading {
  font-size: 24px;
  font-weight: 600;
  color: #0059a9;
  border-bottom: 2px solid #354C9E;
}

.heading-1 {
  font-size: 24px;
  font-weight: 600;
  color: #0059a9;
}

.text-gr-clr {
  color: #707070;
}

.heading-forget {
  font-size: 22px;
  color: #354C9E;
  font-weight: 600;
}

.sub-head {
  font-size: 14px;
}

.Input-p {
  padding: 15px;
  border: none;
  background-color: #F7F7F7;
}

.Input-p span {}

.mainBtn {
  padding: 13px 30px;
  border: 1px solid #fff;
  color: #fff;
  background-color: #045FA0;
  border-radius: 5px;
  /* letter-spacing: 1.5px; */
  font-weight: 400;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s;
}

/* ====================Deshboard css ========================== */

.main-templates {
  background-color: #f5f5f5;
  height: 100vh;
  box-shadow: 0px 3px 6px #00000029;
  opacity: 1;
}

.lists-cls {
  font-size: 14px;
  color: #9e9a9a;
  font-weight: 500;
}

.lists-cls li.active {
  color: #0059a9;
}

.sub-list {
  border-bottom: 1px solid #d8d8d8;
}

.heading {
  font-size: 22px;
  font-weight: 600;
  color: #0059a9;
}

.pra-head {
  font-size: 12px;
}

/*
.main-img-box {
  max-width: 300px;
  height: 100%;
} */

.sub-heading-re {
  color: #9e9a9a;
  font-size: 14px;
}

.sub-card-heading {
  color: #707070;
  font-size: 12px;
  font-weight: 600;
}

.header-main {
  box-shadow: 0px 0px 6px #0000001a;
  border-radius: 5px;
  opacity: 1;
}

.main-templates {
  background-color: #f5f5f5;
  min-height: 600px;
  box-shadow: 0px 3px 6px #00000029;
  opacity: 1;
}

.lists-cls {
  font-size: 15px;
  color: #9e9a9a;
}

.lists-cls li.active {
  color: #0059a9;
}

.sub-list {
  border-bottom: 1px solid #9e9a9a;
}

.heading {
  font-size: 22px;
  font-weight: 600;
  color: #0059a9;
}

.pra-head {
  font-size: 12px;
}

/* .main-img-box {
  max-width: 300px;
  height: 100%;
} */

.main-img-review {
  background-image: url("../img/Group\ 25162@2x.png");
  height: 100vh;
  width: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.main-img-review-q {
  background-image: url("../img/Group\ 25162@2x.png");
  height: 100%;
  width: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sub-list14 {
  font-size: 14px;
  color: #9e9a9a;
}

.img-heading-tem {
  font-size: 5rem;
  font-weight: 600;
}

.sub-head-tem {
  color: #354c9e;
  font-size: 18px;
  font-weight: 500;
}

.text-clrs {
  color: #9e9a9a;
}

.btn-iconed.btn-flat {
  border-radius: 0rem;
  /* margin-right: 2rem; Icon sample spacing */
}

/** Rounded button **/
.btn-rounded {
  border-radius: 5rem;
  /* margin-right: 2rem;  Icon sample spacing */
}

/** Button Iconed **/
.btn-iconed {
  transition: 0.15s ease-in-out;
  padding-left: 1.3rem;
  padding-right: 1.5rem;
  /** Icons Classes **/
  /** -- Open Iconic, Font Awesome -- **/
  /** Span Class **/
  /** -- Icons on Hover properties -- **/
  /** Flatted button **/
}

.btn-iconed [class~="oi"],
.btn-iconed [class~="fa"],
.btn-iconed [class~="typcn"]::before,
.btn-iconed [class~="mdi"]::before,
.btn-iconed [class~="icon"]::before {
  opacity: 0;
  transform-origin: left right;
  transform: translateX(-10px) scale(1.25);
  transition: 0.15s ease-out;
}

.btn-iconed [class="spn"] {
  position: relative;
  left: 15px;
  transform-origin: left right;
  transform: translateX(-9px);
  transition: 0.2s ease-in-out;
  font-size: 14px;
}

.btn-iconed:hover {
  /** -- Span on Hover properties -- **/
}

.btn-iconed:hover [class~="oi"],
.btn-iconed:hover [class~="fa"],
.btn-iconed:hover [class~="mdi"]::before,
.btn-iconed:hover [class~="icon"]::before,
.btn-iconed:hover [class~="typcn"]::before {
  opacity: 1;
  transform: translateX(0px) scale(0.75);
}

.btn-iconed:hover [class="spn"] {
  left: 0px;
}

.btn-outline-tem-button {
  border: 1px solid white;
  color: white;
}

.btn-outline-tem-button a {
  color: #fff !important;
}

.btn-iconed:hover {
  background-color: #354c9e;
  color: white;
}

.textViewCheck-DK {
  width: 170px;
  height: 180px;
  border-radius: 6px;
  padding: 8px 36px 8px 15px;
  background-color: #ebe7e738;
  font-size: 13px;
  position: relative;
}

.textViewCheck-DK:hover {
  background-color: #d8d8d878;
}

.IndyLB input:checked~.textViewCheck-DK {
  color: #fff;
}

.IndyLB input[type="checkbox"] {
  opacity: 0;
}

.IndyLB input:checked~.textViewCheck-DK .checkmarkIndyLB {
  display: inline-block;
}

.checkmarkIndyLB {
  color: #55a47e;
  display: none;
  position: absolute;
  right: 0;
  top: 0 !important;
}

.pera {
  text-align: justify;
  font-size: 15px;
}

.btnConnt2.cnt {
  padding: 14px 50px !important;
  font-size: 14px;
}

.mainBtn.pds {
  padding: 14px 50px;
}

.op-inner {
  height: 100%;
  display: flex;
  align-items: middle;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.side-number {
  position: absolute;
  left: 10px;
  top: 10px;
  background-color: white;
  color: black;
  padding: 10px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
}

.optionUlMatrix li {
  width: 100%;
}

.optionUlMatrix .matrixDv {
  width: 100%;
  align-items: center;
  display: flex;
}

.askQsDiv {
  position: absolute;
  bottom: 25px;
  background-color: #d8d8d8;
  padding: 8px 5px 5px;
}

.optionUlMatrix {
  border-right: 2px solid #d8d8d8;
}

.matrixView table {
  background-color: #f4f7fc;
}

.matrixView table tr:nth-child(odd) td {
  background-color: #e8e8e8;
}

.matrixView table th,
.matrixView table td {
  font-size: 13px;
  font-weight: 500;
  padding: 10px;
}

.optionUlMatrix .option-bx {
  width: 100%;
}

.toglLi {
  margin-right: 10px;
  font-size: 20px;
  color: #9e9a9a;
}

.tooltipx {
  color: #000000 !important;
  margin-left: 30px;
}

.tooltipx .fa {
  margin-left: 5px;
}

.tooltip {
  position: relative;
  opacity: 1;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: max-content;
  background-color: #5b5b5b;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  padding: 3px 8px;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 105%;
  min-width: 150px;
  font-size: 12px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.startReview a {
  color: #bfbebe;
  font-size: 50px;
  text-align: center;
}

.startReview a span {
  color: #000;
  font-size: 14px;
  display: block;
}

.startReview a .fa:nth-child(2) {
  display: none;
}

.btnChangeUi {
  font-size: 12px;
  background-color: #354c9e !important;
  border-radius: 4px !important;
  padding: 8px 15px !important;
  color: #fff !important;
  flex-shrink: 0;
}

.selectUi {
  color: #354c9e;
  font-size: 16px;
}

.startReview a:hover,
.startReview a.active,
.startReview a:hover span,
.startReview a.active span {
  color: #f8b84e !important;
}

.startReview a:hover .fa:nth-child(1),
.startReview a.active .fa:nth-child(1) {
  display: none;
}

.startReview a:hover .fa:nth-child(2),
.startReview a.active .fa:nth-child(2) {
  display: inherit;
}

.startReview .swipIocn {
  font-size: 15px;
  position: relative;
  opacity: 1;
}

.startReview {
  justify-content: space-between;
  align-items: center;
  width: 90%;
}

.startReview li {
  margin: 0px !important;
}

@media (max-width: 576px) {
  .textViewCheck-DK.heit {
    width: 146px;
  }

  .textViewCheck-DK-star {
    display: flex !important;
  }
}

.modal-dialog.modal-dialog-centered.intro {
  --bs-modal-width: 310px;
  --bs-modal-border-radius: 0.2rem;
}

.textViewCheck-DK-star {
  /* width: 170px;
  height: 180px;
  border-radius: 6px;
  padding: 8px 36px 8px 15px;
  background-color: #ebe7e738;
  font-size: 13px; */
  position: relative;
}

/* .textViewCheck-DK-star:hover{
  background-color: #d8d8d878;
} */

.IndyLB input:checked~.textViewCheck-DK-star {
  color: #fff;
}

.IndyLB input[type="checkbox"] {
  opacity: 0;
}

.IndyLB input:checked~.textViewCheck-DK-star .checkmarkIndyLB-star {
  display: inline-block;
}

.checkmarkIndyLB-star {
  color: #55a47e;
  display: none;
  position: absolute;
  right: -6px;
  top: -5px !important;
}

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

body {
  font-family: "Poppins", sans-serif;
}

.bg-login-img {
  background-image: url("/img/businessman-holding-product-service-evaluation-sheet-customer-satisfaction-concept@2x.png");
  height: 100vh;
  width: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.main-div {
  max-width: 450px;
  border-radius: 20px;
}

.main-div-1 {
  padding: 3%;
}

.heading {
  font-size: 22px;
  font-weight: 600;
  color: #0059a9;
  border-bottom: 2px solid #354c9e;
}

.Input-p {
  padding: 15px;
  border: none;
  background-color: #f7f7f7;
  font-size: small;
  font-weight: 500;
}

.Input-p span {}

.mainBtn {
  padding: 13px 30px;
  border: 1px solid #fff;
  color: #fff;
  background-color: #045FA0;
  border-radius: 5px;
  /* letter-spacing: 1.5px; */
  font-weight: 400;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s;
}

.checkmark {
  /* position: absolute; */
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.form-check-label:hover input~.checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.form-check-label .form-check-input input:checked~.checkmark {
  background-color: red;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.form-check-label input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.form-check-label .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.main-div {
  max-width: 450px;
  border-radius: 20px;
}

.main-div-1 {
  padding: 3%;
}

.heading {
  font-size: 24px;
  font-weight: 600;
  color: #0059a9;
  border-bottom: 2px solid #354c9e;
}

.heading-1 {
  font-size: 24px;
  font-weight: 600;
  color: #0059a9;
  /* border-bottom: 2px solid #354C9E; */
}

.heading-forget {
  font-size: 22px;
  color: #354c9e;
  font-weight: 600;
}

.sub-head {
  font-size: 14px;
}

.Input-p {
  padding: 15px;
  border: none;
  background-color: #f7f7f7;
}

.Input-p span {}

.mainBtn {
  padding: 13px 30px;
  border: 1px solid #fff;
  color: #fff;
  background-color: #045FA0;
  border-radius: 5px;
  /* letter-spacing: 1.5px; */
  font-weight: 400;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s;
}

/* Dashboard page */
.menu_top_link a {
  text-decoration: none;
  color: #818E94;
  padding: 5px 20px;
  font-size: 13px;
  border-radius: 4px;
  margin: 0px 5px;
  text-align: center;
}

.logoutUser {
  font-size: 18px !important;
  color: #9E9A9A !important;
  border-left: 1px solid #0000000D;
}

/* .menu_top_link a img{
     height:30px;
 } */
/* .menu_top_link a span{
     display: block;
     margin-top:5px;
 } */
.navbar {
  padding: 21px 0px;
}

.navbar-brand img {
  width: 213px !important;
}

.userprofile {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  overflow: hidden;
  padding: 0 !important;
  margin: 0px 10px;

}

.toggleTheme {
  border-left: 1px solid #0000000D;
}

.userprofile img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

.right-side-menu a img {
  height: 30px;
}

.right-side-menu a {
  padding: 1px 10px;
  display: block;
  color: #818e94;
  font-size: 12px;
}

.right-side-menu .dropdown-item {
  padding: 3pxx 10px;
}

.right-side-menu a:hover {
  color: #0059a9;
}

.notification-tag {
  position: relative;
}

.notification-tag span {
  font-weight: 600;
  display: inline-flex;
  position: absolute;
  top: 3px;
  right: 3px;
  background-color: #dfdfdf;
  color: #0059a9;
  border-radius: 30px;
  padding: 4px 4px 2px;
  min-width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}

.navbar-expand-md .navbar-nav {
  align-items: center;
}

.navbar-brand {
  padding: 0px 30px;
}

/* .navbar-brand img {
  width: 160px;
} */

.form-control {
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background: #fafafa;
  font-size: 14px;
  padding: 10px;
}

.page-header .row {
  align-items: center;
}

/*-------dropdn-----*/
.dropbtn {
  padding: 0px !important;
  margin-left: 20px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  height: 44px;
  width: 44px;
  border: 1px solid #707070;
  background: transparent;
}

.dropbtn img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 130px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 5px;
  padding: 10px 0px;
}

.dropdown-content a {
  color: black;
  padding: 5px 10px;
  text-decoration: none;
  display: block;
}

.dropdown-content a .fa {
  margin-right: 10px;
}

.dropdown a:hover {
  color: #0059a9;
}

.showDropdown {
  display: block;
}

.left-menu-sec {
  box-shadow: 0px 0px 6px #00000029;
  background-color: #fff;
  height: 100%;
}

.menu-left-ul {
  list-style-type: none;
}

.menu-left-ul a {
  padding: 10px 15px;
  text-decoration: none;
  color: #4c4c4c;
  display: block;
  font-size: 14px;
}

.menu-left-ul a:hover,
.menu-left-ul a.active {
  background-color: rgb(0 89 169 / 14%);
}

.menu-left-ul a span {
  color: #354c9e;
  float: right;
}

.menu-left-ul h5 {
  padding: 20px 12px 10px 15px;
  font-size: 15px;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.menu-left-ul h5 a {
  float: right;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  background-color: #354c9e;
  color: #fff;
  width: 25px;
  height: 25px;
  padding: 0;
  font-size: 20px;
  font-weight: 200;
}

.left-menu-bottom {
  background-color: #dee8ff;
  border-radius: 10px;
  padding: 20px 15px 0px;
  margin: 30px 15px 15px 15px;
}

.left-menu-bottom h5 {
  font-size: 17px;
  color: #354c9e;
}

.left-menu-bottom p {
  font-size: 14px;
}

body {
  font-family: "Poppins", sans-serif;
}

.btn-left-menu {
  padding: 6px 12px;
  color: #354c9e;
  text-decoration: none;
  font-size: 14px;
  border-radius: 24px;
  /* background-color: #354C9E; */
  transition: opacity 0.8s linear 0s;
  border: 1px solid #354c9e;
  margin-top: 5px;
  display: inline-block;
}

.btn-left-menu:hover {
  background-color: #354c9e;
  color: #fff;
}

.btn-left-menu span {
  display: none;
  transition: all 0.6s ease-out 0s;
}

.btn-left-menu:hover span {
  display: inherit;
  transition: all 0.6s ease-out 0s;
}

.page-header {
  background-color: #fafafa;
  padding: 15px;
}

.page-header h1 {
  font-size: 18px;
  font-weight: 500;
  color: #000;
}

.welcome-text h3 {
  color: #0059a9;
  font-size: 26px;
  font-weight: 600;
}

.welcome-text h5 {
  color: #000;
  font-size: 16px;
}

.mainBtn {
  padding: 8px 15px;
  color: #fff !important;
  background-color: #045FA0;
  min-width: 140px;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

a {
  text-decoration: none;
}

.page-header .col-md-7 {
  text-align: right;
}

.btnFilter {
  background-color: #fff;
  border-radius: 3px;
  color: #0059a9 !important;
  width: 35px;
  flex-shrink: 0;
  height: 35px;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 3px #00000029;
}

.searchDiv {
  max-width: 330px;
  box-shadow: 0px 0px 3px #00000029;
  border-radius: 3px;
  overflow: hidden;
}

.searchDiv .btnFilter {
  box-shadow: none;
  border-radius: 3px;
}

.searchDiv input {
  border: none;
  border-right: 1px solid #e9e8e8;
  border-radius: 0px;
  width: 300px;
  display: none;
  padding: 7px;
  background-color: #fff;
}

.left-menu {
  padding: 0px;
}

/* .menu_top_link a img:first-child{
         display:none !important;
     } */
.menu_top_link a:hover,
.menu_top_link a.active {
  color: #fff !important;
  background-color: #0059a9;
}

/* .menu_top_link a:hover img:first-child, .menu_top_link a.active img:first-child{
         display:block !important;
     }
     .menu_top_link a:hover img:nth-child(2), .menu_top_link a.active img:nth-child(2){
         display:none !important;
     }
     */

.modal-title {
  color: #0059a9;
  font-size: 16px !important;
}

.custLbl {
  text-align: left;
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 12px;
  padding: 6px 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 40px;
  border-bottom: 1px solid #dadada;
}

/* Hide the browser's default checkbox */
.custLbl input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.filterDrpSec {
  min-width: 150px;
  background-color: #fff;
  padding: 0px !important;
}

.filterDrpSec a {
  font-size: 13px;
  padding: 9px 8px;
  border-bottom: 1px solid #f1f1f1;
}

.filterDrpSec a:hover,
.filterDrpSec a.active {
  color: #0059a9;
}

/* Create a custom checkbox */
.checkmark {
  /* position: absolute; */
  top: 5px;
  left: 8px;
  height: 23px;
  width: 23px;
  background: #fff;
  border: 1px solid #e6e3e3;
  border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.custLbl:hover input~.checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.custLbl input:checked~.checkmark {
  background-color: #f27421;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custLbl input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custLbl .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*---for-radio-----*/
.checkmarkRadio {
  position: absolute;
  top: 4px;
  left: 8px;
  height: 23px;
  width: 23px;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.custLbl:hover input~.checkmarkRadio {
  border-color: #0059a9;
}

/* When the radio button is checked, add a blue background */
.custLbl input:checked~.checkmarkRadio {
  border-color: #0059a9;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkRadio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.custLbl input:checked~.checkmarkRadio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.custLbl .checkmarkRadio:after {
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #0059a9;
}

/*--------*/
a {
  text-decoration: none;
}

.th-dot a {
  color: #C0C0C0;
  font-size: 18px;
}


.th-dot .filterDrpSec a {
  font-size: 12px;
  color: #000;
}

.dltMy {
  color: red !important;
}

.feedbackTxt {
  display: flex;
  align-items: center;
  min-width: 180px;
}

.feedbackTxt p {
  font-size: 11px;
  color: #9E9A9A;
  margin-bottom: 0px;
}

.feedbackTxt h6 {
  font-size: 13px;
  margin-bottom: 6px;
}

.iconBox {
  width: 60px;
  height: 65px;
  padding: 10px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(53 76 158 / 70%);
  flex-shrink: 0;
  margin-right: 15px;
}

.iconBox img {
  max-height: 100%;
  max-width: 100% !important;
}

.table-view tr {
  background-color: #FAFAFA;
  border-bottom: 5px solid #F4F7FC;

}

.table-view td,
.table-view th {
  padding: 15px;
}

.table-view thead tr {
  background-color: #fff;

}

.table-view table th {
  color: #0059a9;
  font-weight: 500;
  font-size: 14px;
}

.txtlb {
  display: inline-flex;
  min-width: 40px;
  height: 35px;
  box-shadow: 0px 0px 3px #00000029;
  border-radius: 2px;
  align-items: center;
  justify-content: center;
  background: #fff;
  font-weight: 500;
  font-size: 14px;
}

.palyicons {
  width: 130px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.palyicons a {
  color: #C0C0C0;
}

.palyicons a:hover {
  color: #354C9E;
}

.palyicons a:nth-child(2):hover {
  color: #0059a9;
}

.palyicons a:nth-child(3):hover {
  color: #FF0000;
}

.tablIcon a {
  color: #C0C0C0;
  font-size: 18px;
}

.tablIcon a:hover {
  color: #0059a9;
}

.clrnder-row {
  flex-wrap: wrap;
}

.clrnder-row .form-grp {
  width: 43%;
  padding-right: 15px;
  position: relative;
  margin-bottom: 15px;
}

.iconCheck {
  display: inline-flex;
  align-items: baseline;
  justify-content: right;
  width: 14%;
}

.iconCheck a {
  margin-right: 12px;
}

.form-grp span {
  position: absolute;
  top: 25%;
  right: 25px;
  color: #9E9A9A;
}

.menuTblee {
  right: 0px;
}

.SurvyTypeBox {
  border: 1px solid #D8D8D8;
  padding: 0px 10px 15px;
  border-radius: 4px;
  height: 100%;
  background-color: #F8F8F8;
}

.SurvyTypeBox h5 {
  font-size: 16px;
  color: #0059a9;
}

.SurvyTypeBox p {
  color: #ACACAC;
  margin: 0;
  font-size: 12px;
}

.spnplus {
  float: right;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-top: 7px;
  background-color: #354C9E;
  color: #fff;
  width: 30px;
  height: 30px;
  padding: 0;
  font-size: 13px;
  font-weight: 100;
  padding-top: 2px;
}

.orngmus {
  background-color: #0059a9;
}

.mainBtnDshbord {
  padding: 13px 30px;
  font-size: 16px;
}

.startSuvyModal .modal-dialog {
  max-width: 100%;
  width: 75%;
}

.tab-content>.tab-pane {
  opacity: 1 !important;
}

.imgSuvyy {
  border: 2px solid rgb(112 112 112 / 42%);
  min-height: 415px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tabStart {
  padding: 15px 15px;
  border-radius: 0px !important;
  border: none !important;
  border-bottom: 1px solid #e9e9e9 !important;
}

.mainBtn2 {
  padding: 8px 15px;
  color: #045FA0 !important;
  border: 1px solid #045FA0;
  min-width: 140px;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
}

.disablBtn {
  padding: 8px 15px;
  color: #fff !important;
  background-color: #D8D8D8;
  min-width: 140px;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
}

.mainBtn2:hover {
  background-color: #045FA0;
  color: #fff !important;
}

.tabStart h4 {
  font-size: 14px;
  color: #000000;
  margin-bottom: 5px;
}

.tabStart span {
  font-size: 12px;
  color: #9E9A9A;
}

.tabStart.active {
  box-shadow: -3px 0px 2px 2px #cccc;
  background-color: #f5f5f5 !important;

}

.tabStart.active h4 {
  color: #0059a9;
}

.tabStart.active span {
  color: #000;
}

.startSuvyModal .modal-content {
  background-color: #f5f5f5;
  overflow: hidden;
}

.imgsuvry {
  flex-shrink: 0;
  margin-right: 15px;
}

.imgsuvry img {
  height: 20px;
  max-width: 20px;
}

.imgsuvry img:nth-child(2) {
  display: none;
}

.tabStart.active .imgsuvry img:first-child {
  display: none;
}

.tabStart.active .imgsuvry img:nth-child(2) {
  display: inherit;
}

.startSurvyRow .tab-content {
  padding: 40px 40px 30px 20px;
}

.startSurvyRow p {
  color: #333;
}

.startSurvyRow h2 {
  color: #354C9E;
  font-size: 22px;
  font-weight: 600;
}

.startSurvyRow h3 {
  font-size: 18px;
  text-align: center;
  color: #0059a9;
}

/*--clnr design---*/

.calendSec ul {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}


.calendSec p {
  font-size: 15px;
}

.calendSec a {
  text-decoration: none;
  font-size: 15px;
}

/* h1,
  h2,
  p,
  a,
  span {
    color: #263859;
  } */

.calendSec .icon {
  font-size: 25px;
}

/* ICON STYLING */
.calendSec .arrow-btn-container {
  position: relative;
}

.calendSec .arrow-btn {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  top: 10%;
  left: 15px;
  color: #000000;
  font-size: 25px;
}


.calendSec .arrow-btn.right {
  border-top-right-radius: 5px;
  right: -5px;

  left: inherit;
}

.calendSec .calendar-month .arrow-btn:hover {
  background: #222a37;
}

.calendSec .calendar-month .arrow-btn:hover {
  background: #16417e;
}

/*  CALENDAR STYLINGS*/
.selectdate .modal-dialog,
.selectTime .modal-dialog {
  max-width: 360px;
}

.remiderUpdateBox {
  padding: 0px 15px;
  border: 1px solid #70707082;
  border-radius: 4px;
  margin-bottom: 20px;
}

.remiderUpdateBox h4 {
  color: #354C9E;
  font-size: 14px;
  align-items: center;
  justify-content: space-between;

}

.setRemindr .form-grp span {
  cursor: pointer;
}

.main-dash-sec {
  background-color: #F4F7FC !important;
}

.remiderUpdateBox h4 span {
  font-size: 18px;
  color: #333;
}

.timeSetInput .form-control {
  margin: 0px 15px;
  text-align: center;
  width: 50px;

}

.calendSec {
  width: 90%;
}

.calendSec h2.titular {
  display: block;
  line-height: 50px;
  margin: 0;
  font-family: sans-serif;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.calendSec .calendar-month {
  height: auto;
  background-color: rgb(112 112 112 / 33%);
  border-radius: 6px;
  padding: 1px;
  overflow: hidden;
}

.calendSec .calendar-month .titular {
  background: #D8D8D8;
  font-size: 16px;
  font-weight: 600;
  color: #0059a9;
}

.calendSec .calendar-month .arrow-btn:hover {
  background: #263859;
}

.calendSec .calendar-month .arrow-btn:hover .icon {
  color: #e0e0e0;
  border-color: #e0e0e0;
}


.calendSec .calendar {
  margin: 10px auto;
  text-align: center;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.viewOptionUL .option-bx p span {
  width: 25px;
  font-size: 12px;
  height: 25px;
  background-color: #5a5a5a;
  color: #fcfcfc;
  border-radius: 50%;
  float: right;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.calendSec .calendar a {
  font-size: 14px;
  color: #000;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  transition: 100ms;
  margin: auto;
}

.calendSec .calendar td,
.calendSec .calendar th {
  transition: 100ms;
  height: 40px;
  font-weight: 500;
}

.calendSec .calendar a:hover,
.calendSec .calendar .selectedDay a {
  background-color: #354C9E;
  border-radius: 5px;
  color: #fff !important;

}


.modal-header {
  border-bottom: none;
}

/* .calendSec .calendar td:hover {
    background: #d3def3;
    border-radius: 50%;
  } */
.calendSec .calendar .days-week {
  color: #354C9E;

}

.dotedeInput input {
  margin-bottom: 8px;
  font-size: 16px;
  border: none;
  border-bottom: 1px dashed #ccc;
  background: transparent !important;
  border-radius: 0px;
}

.swipBtn svg #Path_18312 {
  fill: #C7C7C7;
}

.swipBtnActive svg #Path_18312 {
  fill: #354c9e;
}

.createFixedmenu a.active img:first-child,
.createFixedmenu a:hover img:first-child {
  display: none;
}

.calendSec .calendar .selectedDay a {
  color: #fafafa;
}

.calendSec .calendar .disabledDay a {
  color: #aaaaaa;
}

.calendSec .calendar .disabledDay:hover {
  background: transparent;
  border-radius: 0;
  border: none;
}

.create-left-menu {
  padding: 20px 12px;
  position: relative;
}

.flexed-position {
  position: absolute;
  bottom: 15px;
  left: 12px;
  right: 12px;
}

.create-left-menu h5 {
  padding: 0px 0px 5px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.create-left-menu h5 div {
  display: inline-flex;
  align-items: center;
}

.create-left-menu h5 .plusTogl {
  float: right;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  background-color: #0059a9;
  color: #fff;
  width: 25px;
  height: 25px;
  padding: 0;
  font-size: 22px;
  font-weight: 200;
}

.create-left-menu span {
  color: #797575;
  font-size: 12px;
  font-weight: 500;
}

.viewEditBtns {
  justify-content: space-between;
  align-items: center;
}

.btnsEditVieww a {
  color: #9E9A9A;
  border-bottom: 3px solid #EEEEEE;
  padding: 6px 15px;
  font-weight: 500;
  font-size: 14px;
}


.btnsEditVieww a.active {
  color: #354C9E;
  border-color: #354C9E;
}

.textaareaQue {
  border: none;
  background-color: transparent !important;
}

.dltViewBtn {
  color: #B5B5B5;
  font-size: 20px;
}

.dltViewBtn:hover {
  color: red;
}

.create-survry-area {
  background-color: #fff;
  box-shadow: 0px 0px 6px #00000029;
  padding: 20px;
  position: relative;
}

/*----switcher-----*/
.switch {
  position: relative;
  display: inline-block;
  font-size: 13px;
  color: #797575;
  margin-bottom: 15px;
  padding-right: 50px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  width: 50px;
  height: 22px;
}

.switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch input:checked+.slider {
  background-color: #0059a9;
}


.switch input:focus+.slider {
  box-shadow: 0 0 1px #2196F3;
}

.blueCount {
  padding: 2px;
  margin-right: 10px;
  width: 30px;
  color: #fff;
  background-color: #354c9e;
  border-radius: 3px;
  font-size: 9px;
  text-align: center;
  flex-shrink: 0;
  font-weight: 500;
}

.switch input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.switch .slider.round {
  border-radius: 34px;
}

.switch .slider.round:before {
  border-radius: 50%;
}

/*-----custom-select----*/
.custom-select .f-dropdown {
  --max-scroll: 3;
  position: relative;
  z-index: 10;
}

.custom-select .f-dropdown select {
  display: none;
}

.custom-select .f-dropdown>span {
  cursor: pointer;
  padding: 8px 6px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  position: relative;
  color: #bbb;
  border: 1px solid #D8D8D8;
  background: #fff;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.custom-select .f-dropdown>span>span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 12px;
  color: #424242;
}

.custom-select .f-dropdown>span img {
  width: 22px;
  margin-right: 10px;
}

.custom-select .f-dropdown>span:before,
.f-dropdown>span:after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 2px;
  border-radius: 1px;
  top: 50%;
  right: 12px;
  background: #000;
  transition: all 0.3s ease;
}

.custom-select .f-dropdown>span:before {
  margin-right: 4px;
  transform: scale(0.96, 0.8) rotate(50deg);
}

.custom-select .f-dropdown>span:after {
  transform: scale(0.96, 0.8) rotate(-50deg);
}

.custom-select .f-dropdown ul {
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  max-height: calc(var(--max-scroll) * 60px);
  top: 29px;
  left: 0;
  z-index: 1;
  right: 0;
  background: #FFF;
  border: 1px solid #CCC;
  border-top: 0px;
  border-radius: 3px;
  overflow-x: hidden;
  overflow-y: auto;
  transform-origin: 0 0;
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  transform: translate(0, 5px);
}

.custom-select .f-dropdown ul li {
  padding: 0;
  margin: 0;
}

.custom-select .f-dropdown ul li a {
  cursor: pointer;
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  outline: none;
  position: relative;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #D8D8D8;
}

.custom-select .f-dropdown ul li a span {
  color: #000;
}

.custom-select .f-dropdown ul li a img {
  width: 22px;
  margin-right: 10px;
}

.custom-select .f-dropdown ul li.active a {
  background: #f473211a;
}

.custom-select .f-dropdown ul li:first-child a {
  border-radius: 6px 6px 0 0;
}

.custom-select .f-dropdown ul li:last-child a {
  border-radius: 0 0 6px 6px;
}

.custom-select .f-dropdown.disabled {
  opacity: 0.7;
}

.custom-select .f-dropdown.disabled>span {
  cursor: not-allowed;
}

.custom-select .f-dropdown.filled>span {
  color: #000;
}

.custom-select .f-dropdown.open {
  z-index: 15;
}

.custom-select .f-dropdown.open>span {
  border-color: #D8D8D8;
}

.custom-select .f-dropdown.open>span:before,
.f-dropdown.open>span:after {
  background: #000;
}

.custom-select .f-dropdown.open>span:before {
  transform: scale(0.96, 0.8) rotate(-50deg);
}

.custom-select .f-dropdown.open>span:after {
  transform: scale(0.96, 0.8) rotate(50deg);
}

.custom-select .f-dropdown.open ul {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 12px);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
}

/* --------------------------- */
.custom-select .f-group {
  max-width: 100%;
  text-align: left;
}

.custom-select .f-group select {
  width: 100%;
}

/* width */
.custom-select .f-dropdown ul::-webkit-scrollbar,
.createFixedmenu::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.custom-select .f-dropdown ul::-webkit-scrollbar-track,
.createFixedmenu::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.custom-select .f-dropdown ul::-webkit-scrollbar-thumb,
.createFixedmenu::-webkit-scrollbar-thumb {
  background: #ccc;
}

/* Handle on hover */
.custom-select .f-dropdown ul::-webkit-scrollbar-thumb:hover,
.createFixedmenu::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

.createFixedmenu {
  width: 100px;
  box-shadow: 0px 0px 6px #00000029;
  background-color: #fff;
  height: calc(100vh - 75px);
  overflow-y: auto;
  left: 0;
  padding: 15px 0px;

}

.mainSec {
  padding-top: 78px !important;
}

.createFixedmenu ul {
  list-style-type: none;
  padding: 0;
}

.createFixedmenu a {
  color: #9E9A9A;
  font-size: 12px;
  text-align: center;
  display: block;
  padding: 15px 0px;
  margin-right: 10px;
}

.createFixedmenu a span {
  text-emphasis: center;
  display: block;
}

.createFixedmenu a img {
  height: 16px;
  margin: auto;
  display: block;
  margin-top: 5px;
}

.createFixedmenu a.active,
.createFixedmenu a:hover {
  background-image: url('../img/shapes.svg');
  color: #fff;
  background-position: right;
  background-size: 105%;
}

.createFixedmenu a img:nth-child(2) {
  display: none;
}

.rangeBox {
  width: 50px;
  height: 50px;
  text-align: center;
  border: 4px solid #F7F7F7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.feedbackTxt h6 {
  color: #000;
}

.swipBtn {
  padding: 0px;
  margin: -4px 10px 0px 0px;
}

.dotedeInput {
  width: 60%;

}

.optionsBox {
  padding-left: 30px;
  margin-top: 35px;
}

.imgIocnTg {
  border-radius: 3px;
  padding: 2px 6px;
  background: #F1F1F1;
}

.option-bx {
  background-color: #26A8FF4D;
  border-radius: 2px;
  border: 1px solid #70707033;
  padding: 10px 10px;
  align-items: center;
}

.iconBoxSelect a:hover .imgIconBox,
.iconBoxSelect a.active .imgIconBox {
  background-color: #0059a9;
}

.quationModal .modal-title {
  color: #354C9E;
}

.npsModal .modal-dialog {
  max-width: 300px;
}

.iconBoxSelect a:hover .imgIconBox img:first-child,
.iconBoxSelect a.active .imgIconBox img:first-child {
  display: none;
}

.iconBoxSelect a:hover .imgIconBox img:nth-child(2),
.iconBoxSelect a.active .imgIconBox img:nth-child(2) {
  display: block;
}

.iconBoxSelect h6 {
  font-size: 12px;
  color: #000;
  text-align: center;
}

.imgIconBox {
  background-color: #F7F7F7;
  border-radius: 4px;
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  margin-bottom: 12px;
}

.iconBoxSelect {
  margin-bottom: 20px;
}

.imgIconBox img {
  height: 50px;
  max-width: 70%;
}

.imgIconBox img:nth-child(2) {
  display: none;
}

.withImg {
  width: 45px;
  overflow: hidden;
  margin-right: 10px;
  height: 45px;
  flex-shrink: 0;
  border-radius: 4px;
  position: relative;
}

.withImg a {
  height: 100%;
  width: 100%;
  background-color: rgb(0 0 0 / 43%);
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  font-size: 10px;
}

.uploadTab .searchDiv {
  max-width: 100%;
}

.iconUplod {
  background-color: #f1f1f1;
  border-radius: 4px;
  width: 100%;
  max-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.uplodIconUl {
  flex-wrap: wrap;
  list-style-type: none;
}

.uplodIconUl li {

  width: 20%;
  padding: 10px;
}

.iconUplod img {
  height: 100px;
  max-width: 55%;
}

.uploadMediapopup .modal-dialog {
  max-width: 660px;
}

.uploadBox {
  padding: 0px;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 15px;
}

.nextQup {
  border-radius: 3px;
  overflow: hidden;
  background-color: #354C9E;
  color: #F7F7F7;
  font-size: 20px;
}

.nextQup .nextQ {
  padding: 0px 10px;
  background-color: #354C9E;
  color: #F7F7F7;
  display: inline-block;
  font-size: 22px;

}

.nextQup .nextQ:hover {
  color: #fff;
}

.uploadFileSuryRow h3 {
  font-size: 16px;
}

.uploadFileSuryRow p {
  font-size: 12px;
}

.moreLI {
  display: none;
}

.withImg:hover a {
  opacity: 1;
}

.withImg img {
  object-fit: cover;
}

.option-bx input {
  background-color: transparent !important;
  border: none;
  padding: 0;
}

.choiceText {
  font-size: 15px;
  text-decoration: underline;
  color: #0059a9;
  font-weight: 500;
}

.optionsBox ul {
  list-style-type: none;
}

.matrixOptionRow {
  border-top: 2px solid #D8D8D8;
}

.optionsBox ul li {
  margin-right: 15px;
  margin-bottom: 20px;

}

.option-bx a .fa {
  font-size: 20px;
  color: #000;
}

.viewOptionUL.viewExtrva .option-bx {
  width: 135px;
}

.viewOptionUL .option-bx {
  flex-wrap: wrap;
  width: 250px;
  padding: 5px;
}

.viewOptionUL .option-bx p {
  width: 100%;
  font-size: 14px;
}

.viewOptionBlnkUl .option-bx {
  min-width: 220px;
  padding: 8px;

}

.quImgBox {
  width: 40%;
  position: relative;
  margin-left: 30px;
  border-radius: 4px;
  overflow: hidden;
}

.quImgBox a {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #354C9E;
  font-size: 20px;
  font-weight: 800;
}

.typeFileOption label {
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 13px;
}

.fileBrows {
  border-radius: 10px;
  background-color: #D4D4D4;
  padding: 6px 15px;
  font-size: 15px;
}

.fileBrows span {
  background-color: #fff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: inline-block;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  margin-left: 15px;
}

.fileTypeText {
  background-color: #D8D8D8;
  padding: 10px;
  color: #354C9E;
  font-weight: 500;
}

.viewOptionBlnkUl li {
  margin-bottom: 15px;
}

.viewOptionUL .option-bx p span {
  width: 25px;
  font-size: 11px;
  height: 25px;
  background-color: #5A5A5A;
  color: #FCFCFC;
  border-radius: 50%;
  float: right;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.viewOptionUL .option-bx img {
  width: 100%;
  height: 220px;

  object-fit: cover;
  margin-bottom: 10px;
}

.form-control:focus {
  box-shadow: none !important;
}

.quationSec h4 {
  margin-right: 15px;
  margin-top: 10px;
  font-size: 21px;
}

.dotedeInput input {
  margin-bottom: 8px;
  font-size: 16px;
  border: none;
  border-bottom: 1px dashed #ccc;
  background: transparent;
  border-radius: 0px;
}

.createFixedmenu a.active img:first-child,
.createFixedmenu a:hover img:first-child {
  display: none;
}

.createFixedmenu a.active img:nth-child(2),
.createFixedmenu a:hover img:nth-child(2) {
  display: block;
}

.mainCreateSec .container-fluid {
  width: calc(100% - 100px);
  margin-left: 100px;
}

.left-menu {
  min-height: calc(100vh - 80px);
  height: calc(100vh - 65px);

}

.content-area {
  height: 100%;
}

.nextQutionn {
  position: absolute;
  right: 20px;
  bottom: 15px;
}

.countUl {
  list-style-type: none;
  overflow-y: auto;
  min-height: 85%;
  max-height: 85%;

}

.linkSec {
  align-items: center;
}

.linkSec h6 {
  font-size: 12px;
  margin-right: 10px;
  flex-shrink: 0;
}

.linkSec p {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}

.alignLiknBox {
  background-color: #F3F3F3;
  padding: 5px 0px 5px 10px;
  align-items: center;
  border-radius: 2px;
  overflow: hidden;
}

.alignLiknBox a {
  color: #000;
  padding: 0px 10px;
  text-align: center;
  font-size: 14px;
  flex-shrink: 0;
}

.textaareaQue {
  border: none;
  background-color: transparent;
}

.countUl::-webkit-scrollbar {
  width: 4px;
}

/* Track */
.countUl::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.countUl::-webkit-scrollbar-thumb {
  background: #ccc;
}

/* Handle on hover */
.countUl::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

.countUl p {
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 6px;
}

.multiChoiceSec {
  justify-content: space-between;

}


.multiChoiceSec span {
  color: #fff;
  background-color: rgb(53 76 158 / 50%);
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 12px;
}

.blnk-survyFixed {
  left: 0px;
  right: 0px;
}

.blueCount {
  padding: 2px;
  margin-right: 10px;
  width: 30px;
  color: #fff;
  background-color: #354C9E;
  border-radius: 3px;
  font-size: 9px;
  text-align: center;
  flex-shrink: 0;
}

.d-flexUl span {
  font-size: 11px;
  margin-right: 8px;
  color: #000;
  flex-shrink: 0;
}

.d-flexUl {
  justify-content: space-between;
  padding: 5px 8px;

  border-radius: 2px;
  margin: 0px 0px;
  margin-bottom: 7px;

}

.d-flexUl>.d-flex {
  width: 100%;
  flex-shrink: 0;
}

.d-flexUl.active,
.d-flexUl:hover {
  background: #F6F6F6;
}

.innerCount {
  color: #C5C4C4;
  font-size: 18px;
  flex-shrink: 0;
}

.innerCount:hover {
  color: #0059a9;
}

.blueCount img {
  margin-right: 4px;
}

.optionsBox ul {
  flex-wrap: wrap;
}

.uploadMediaSec .nav-tabs .nav-link {
  color: #CDCDCD;
  font-size: 16px;
}

.mediaRiw {
  max-height: 350px;
  overflow-y: auto;
}

.btn-close {
  z-index: 999;
}

.vdoIcon {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mediaRiw::-webkit-scrollbar {
  width: 4px;
}

/* Track */
.mediaRiw::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.mediaRiw::-webkit-scrollbar-thumb {
  background: #D8D8D8;
}

/* Handle on hover */
.mediaRiw::-webkit-scrollbar-thumb:hover {
  background: #D8D8D8;
}

.uploadMediaSec .nav-tabs {
  border-bottom: 2px solid #D8D8D8;
  margin-top: -50px;
  width: fit-content;
}

.uploadMediaSec .nav-tabs .nav-link.active,
.uploadMediaSec .nav-tabs .nav-link:hover {
  color: #000;
  border: none;
  border-bottom: 3px solid #0059a9;
}

.dotedeInput h5 {
  margin-bottom: 15px;
  font-size: 18px;
}

.dotedeInput span {
  font-size: 14px;
}

.duplicateDrop a {
  border: none;
  padding: 6px 8px;
}

.progressMainDv {
  width: 50%;
}

.progreesView {
  height: 2px;
  background-color: #d8d8d8;
  margin-bottom: -3px;
  width: 80% !important;
  margin-left: 10%;
}

.customTabLbl .custLbl {
  padding: 0px 10px 0px !important;
  text-align: center;
  width: 20%;
  font-weight: 500;
}

.customTabLbl .custLbl .checkmarkRadio {
  left: 40%;
  top: -10px;
  background-color: #fff;
}

.dateTimeUl li .option-bx {
  margin-left: 40px;
}

.dateTimeUl li .custLbl {
  color: #354C9E;
}

.viewRdioUl .custLbl {
  font-size: 14px;
}

.userInfiUl {
  border: none !important;
}

.viewTextAreaUL textarea {
  background-color: transparent !important;
  border: none;
}

.viewTextAreaUL {
  width: 50%;
}

.viewTextAreaUL p {
  text-align: right;
  color: #9E9A9A;
  font-size: 13px;
}

.easySuggestUL label {
  font-size: 13px;
  color: #354C9E;
}

.easySuggestUL li {
  width: 300px;
}

.easySuggestUL li:nth-child(2) {
  width: 100px;
}

.dotedSrtQu {
  width: 80%;
}

.startReview2 {
  display: none;
}

.startReview .swipIocn .tooltiptext {
  color: #fff !important;
  top: 35px !important;
  left: -80% !important;
  min-width: max-content !important;
}

.blockRating {
  display: flex;
}

.comnRating {
  display: flow-root;
  flex-wrap: wrap;
}

.comnRating img {
  width: 100%;
  max-width: auto;
  max-height: 40px;
  display: block;
}

.comnRating span {
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  color: #D24103;
}

.upsetRating span {
  color: #FF8F2B;
}

.naturalRating span {
  color: #FFCE00;
}

.happyRating span {
  color: #84D53B;
}

.excitedRating span {
  color: #0ECA95;
}

.blockRating a {
  width: 60px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin: 12px 0px;
  background-color: #D24103;
  border-left: 2px solid #E9E9E9;
  border-right: 2px solid #E9E9E9;
}

.upsetRating .blockRating a {
  background-color: #FF8F2B;
}

.naturalRating .blockRating a {
  background-color: #FFCE00;
}

.happyRating .blockRating a {
  background-color: #84D53B;
}

.excitedRating .blockRating a {
  background-color: #0ECA95;
}

.ratingBoxSec {
  justify-content: center;
  width: 80%;
  background-color: #E9E9E9;
  padding: 40px 10px 15px;
  position: relative;
  align-items: center;
  min-height: 320px;
  border-radius: 4px;
}

.emojiWatchSec {
  width: 80%;
  background-color: #E9E9E9;
  padding: 40px 10px 15px;
  position: relative;
  border-radius: 4px;
}

.ratingBoxSec .custLbl,
.emojiWatchSec .custLbl {
  position: absolute;
  top: 8px;
  left: 10px;
}

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

.iconSwipTxt .tooltiptext {
  left: 0px;
  top: 31px;
  min-width: 100px;
}

.orOp {
  color: #354C9E;
  font-size: 20px;
  font-weight: 600;
  width: 80%;
}

.comnM {
  display: none;
  text-align: center;
  margin-top: -65px;
}

.comnM img {
  height: 85px;
}

/* #Path_18190, #Path_18193, #Path_18192, #Path_18191, #Path_18189, #swipIcon2{
  cursor: pointer;
} */
.Path_18190,
.Path_18193,
.Path_18191,
.Path_18189,
.Path_18192 {
  cursor: pointer;
}

.m1 {
  display: block;
  margin-left: -16%;
}

.m2 {
  margin-top: -105px;
  margin-left: -13%;
}

.m2 img {
  height: 125px;
}

.m3 {
  margin-top: -130px;
}

.m3 img {
  height: 150px;
}

.m4 {
  margin-top: -100px;
  margin-left: 12%;
}

.m4 img {
  height: 120px;
}

.m5 {
  margin-left: 12%;
}

.ramboSec {
  width: 90%;
  margin: auto;
}

.ramboSec2 {
  width: 48%;
}

.comnStry {
  position: relative;
}

.meterChange2 .m3 {
  margin-top: -110px;
}

.meterChange2 .m3 img {
  height: 130px;
}

.meterChange2 .m2 {
  margin-top: -96px;
}

.meterChange2 .m2 img {
  height: 115px;
}

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

/* #columns {
  list-style-type: none;
} */

.column {

  cursor: move;
}

/* .column header {
  height: 20px;
  width: 150px;
  color: black;
  background-color: #ccc;
  padding: 5px;
  border-bottom: 1px solid #ddd;
  border-radius: 10px;
  border: 2px solid #666666;
} */

/* .column.dragElem {
  opacity: 0.4;
} */
/* .column.over {
  //border: 2px dashed #000;
  border-top: 2px solid blue;
} */

.paging_simple_numbers .page-item .page-link {
  width: auto;
  padding: 5px 10px;
  height: auto;
}

.paging_simple_numbers .pagination {
  max-width: 75%;
  float: inherit;
  width: auto;
  display: inline-flex;
  justify-content: right;
  padding: 10px 10px;
}

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

/* .leftSurvyTop{
  height: 100%;
} */

/* .highcharts-root, .highcharts-container {
  height: 600px !important;

} */
.Qus-t p.DesCription_Mar {
  font-size: 14px !important;
}

.Qus-t h5.margin_Rigt_Prew {
  font-size: 18px !important;
}

.Mobiles .fontsi14 {
  font-size: 13px !important;
}

.Mobiles .margin_Rigt_Prew_mob span {
  font-size: 10px !important;
}

.dataTables_wrapper {
  overflow-x: auto;
}

#deleteForm {
  padding: 0px 15px;
}

#deleteForm .mainBtn {
  background-color: #045FA0 !important;
}

.Questions-language-man h6 {
  font-size: 12px !important;
}

.Questions-language-man span.blue-clr {
  font-size: 14px;
}

@media(max-width:1024px) {

  .startSuvyModal .modal-dialog {
    width: 95%;
  }

  .Calender-dates {
    flex-shrink: 0;
  }

  .Qus-t h5.margin_Rigt_Prew {
    font-size: 16px !important;
  }

  .Progress-Sent h6 {
    font-size: 12px !important;
  }

  .prTT {
    padding-right: 15px !important;
  }

  .fontsi12 {
    font-size: 10px;
  }

  .fontsi13 {
    font-size: 10px;
  }

  .fontsi16 {
    font-size: 14px;
  }

  .fontsi14 {
    font-size: 13px;
  }

  .in_Survey h4 {
    font-size: 16px;
  }

  .mainBtn,
  .mainBtngrys {
    min-width: 110px;
    padding: 8px 10px;
    font-size: 10px !important;
  }

  .menu-left-ul a {
    font-size: 13px;
    padding: 10px;
  }

  .create-left-menu h5 {
    font-size: 13px;
  }

  .exp-one,
  .exp-two,
  .exp-three {
    margin-bottom: 12px;
  }

  .nextQutionn {
    right: 10px;
  }

  .nextQup .nextQ {
    font-size: 18px;
    padding: 0px 7px;
  }

  .create-left-menu {
    padding: 15px 8px;
  }

  .switch {
    font-size: 11px;
  }

  .progressMainDv {

    width: 80%;
  }

  .mainBtn {
    font-size: 8px 9px;
    font-size: 12px;
  }

  .viewTextAreaUL {
    width: 65%;
  }

  .askQsDiv {
    padding: 2px 0px 0px;
  }

  .mainBtnDshbord {
    padding: 8px 9px;
    font-size: 12px;
  }

  .startReview a {
    font-size: 34px;
  }

  .user_end {
    padding: 8px 11px;
    font-size: 11px !important;

  }

  .ntun-mn {
    padding: 8px 10px !important;
    font-size: 10px !important;
  }

  .Questions-language-man {
    padding: 5px !important;
  }

  .Questions-language-man span,
  .Questions-language-man h6 {
    font-size: 12px !important;
  }

  .Questions-language-man img {
    width: 16px !important;
  }

  .dashboard_inrs h6 {
    flex-shrink: 0;
  }

  .Saved_dsh_img {
    display: flex;
  }

  .Saved_dsh_img button {
    flex-shrink: 0;
  }

  .highcharts-root {
    max-height: 450px;
  }

}

/* .highcharts-root{
  width: 75% !important;
  margin: auto !important;
} */
.comnRating {
  display: flow-root;
  flex-wrap: wrap;
}

.comnRating img {
  width: 100%;
  max-width: auto;
  max-height: 40px;
  display: block;
}

.comnRating span {
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  color: #a73007;
}

.upsetRating span {
  color: #D24103;
}

.naturalRating span {
  color: #FF8F2B;
}

.happyRating span {
  color: #FFCE00;
}

.excitedRating span {
  color: #84D53B;
}

.blockRating a {
  width: 60px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin: 12px 0px;
  background-color: #D24103;
  border-left: 2px solid #E9E9E9;
  border-right: 2px solid #E9E9E9;
}

.upsetRating .blockRating a {
  background-color: #FF8F2B;
}

.naturalRating .blockRating a {
  background-color: #FFCE00;
}

.happyRating .blockRating a {
  background-color: #84D53B;
}

.excitedRating .blockRating a {
  background-color: #0ECA95;
}

.ratingBoxSec {
  justify-content: center;
  width: 80%;
  background-color: #E9E9E9;
  padding: 40px 10px 15px;
  position: relative;
  align-items: center;
  min-height: 320px;
  border-radius: 4px;
}

.emojiWatchSec {
  width: 80%;
  background-color: #E9E9E9;
  padding: 40px 10px 15px;
  position: relative;
  border-radius: 4px;
}

.ratingBoxSec .custLbl,
.emojiWatchSec .custLbl {
  position: absolute;
  top: 8px;
  left: 10px;
}

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

.iconSwipTxt .tooltiptext {
  left: 0px;
  top: 31px;
  min-width: 100px;
}

.orOp {
  color: #354C9E;
  font-size: 20px;
  font-weight: 600;
  width: 80%;
}

.comnM {
  display: none;
  text-align: center;
  margin-top: -65px;
}

.comnM img {
  height: 85px;
}

/* #Path_18190, #Path_18193, #Path_18192, #Path_18191, #Path_18189, #swipIcon2{
  cursor: pointer;
} */
.Path_18190,
.Path_18193,
.Path_18191,
.Path_18189,
.Path_18192 {
  cursor: pointer;
}

.m1 {
  display: block;
  margin-left: -16%;
}

.m2 {
  margin-top: -105px;
  margin-left: -13%;
}

.m2 img {
  height: 125px;
}

.m3 {
  margin-top: -130px;
}

.m3 img {
  height: 150px;
}

.m4 {
  margin-top: -100px;
  margin-left: 12%;
}

.m4 img {
  height: 120px;
}

.m5 {
  margin-left: 12%;
}

.ramboSec {
  width: 90%;
  margin: auto;
}

.ramboSec2 {
  width: 48%;
}

.comnStry {
  position: relative;
}

.meterChange2 .m3 {
  margin-top: -110px;
}

.meterChange2 .m3 img {
  height: 130px;
}

.meterChange2 .m2 {
  margin-top: -96px;
}

.meterChange2 .m2 img {
  height: 115px;
}

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

/* #columns {
  list-style-type: none;
} */

.column {

  cursor: move;
}

.iconSubBox .imgIconBox {
  justify-content: center;
}

.iconSubBox .imgIconBox img {
  height: 24px;
  max-width: 25%;
  margin-right: 35px;
}

.iconSubBox .imgIconBox {
  justify-content: center;
}

.iconSubBox:hover .imgIconBox {
  color: #fff;
}

.subCattView {
  display: none;
}

/*----filter-----*/
.filterHeader {
  background-color: #354C9E;
  padding: 15px 0px;
}

.mainFilterBtn {
  background-color: transparent;
}

.mainFilterBtn:hover {
  background-color: #0059a9;
}

.filterBtnBox {
  text-align: right;
}

.filterHeading {
  font-size: 16px;
}

.filterHeading .fa {
  font-size: 20px;
}

.filterListUl {
  list-style-type: none;
  padding: 15px 0px;
  padding-left: 30px;
}

.filterListUl li {
  margin-bottom: 14px;
}

.left-filter-sec h5 {
  background-color: #E9E9E9;
  padding: 15px 10px 15px 30px;
  color: #354C9E;
  font-size: 15px;
  text-transform: uppercase;
}

.filterListUl .checkmark {
  top: 3px;
}

.create-left-menu .countUl .filterDrpSec {
  min-width: 100px;
  right: -5px;
}

.left-filter-sec {

  height: calc(100vh - 160px);
  overflow-y: auto;
  border-right: 2px dashed #ccc;
}

.custom-scrl::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.custom-scrl::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
.custom-scrl::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.custom-scrl::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.filter-left-second {
  border-right: 2px dashed #ccc;
  height: calc(100vh - 160px);
  overflow-y: auto;
  padding-right: 15px;
}

.toggleTheme img:nth-child(2) {
  display: none;
}

/*---theme change-----*/
.nightTheme .navbar,
.nightTheme .left-menu-sec,
.nightTheme .page-header {
  background-color: #434C78 !important;
}

.nightTheme .dltViewBtn {
  color: #fff;
}

.nightTheme .easySuggestUL label {
  color: #fff;
}

.nightTheme .main-dash-sec {
  background-color: #515A88 !important;
}

.nightTheme .dotedeInput h5,
.nightTheme .dotedeInput span {
  color: #C7C7C7;
}

.nightTheme .customTabLbl .custLbl span {
  color: #fff;
}

.nightTheme .nextQup {
  background-color: #fff;
  color: #C7C7C7;
}

.nightTheme .nextQup .nextQ {
  background-color: #FFFFFF;
  color: #354C9E;
}

.nightTheme .btnChangeUi {
  background-color: #fff !important;
  color: #0059a9 !important;
}

.nightTheme .swipBtn svg #Path_18312 {
  fill: #C7C7C7;
}

.nightTheme .swipBtnActive svg #Path_18312 {
  fill: #fff;
}

.nightTheme .btnsEditVieww a {
  color: #C7C7C7;
  border-color: #C7C7C7;
}

.nightTheme .btnsEditVieww a.active {
  color: #fff;
  border-color: #fff;
}

.nightTheme .d-flexUl.acitve,
.nightTheme .d-flexUl:hover {
  background-color: #515A88;
}

.nightTheme .quationSec h4 {
  color: #C7C7C7;
}

.nightTheme .table-view thead tr {
  background-color: #515A88 !important;
}

.nightTheme .table-view table th,
.nightTheme .page-header h1 {
  color: #fff;
}

.nightTheme .toggleTheme img:nth-child(1) {
  display: none;
}

.nightTheme .create-left-menu h5 {
  color: #fff;
}

.nightTheme .d-flexUl span {
  color: #FFFFFF;
}

.nightTheme .countUl p {
  color: #C7C7C7;
}

.nightTheme .switch {
  color: #C7C7C7;
}

.nightTheme .dotedeInput input::placeholder,
.nightTheme .textaareaQue::placeholder,
.nightTheme .viewTextAreaUL p {
  color: #C7C7C7;
}

.nightTheme .rangeBox {
  background-color: #fff;
}

/* .nightTheme .multiChoiceSec span {
  background-color: rgb(255 255 255 / 50%);
} */

.nightTheme .option-bx {
  background-color: rgb(255 255 255 / 55%);
}

.nightTheme .tooltip .tooltiptext,
.nightTheme .fileTypeText {
  background-color: rgb(255 255 255 / 50%);
}

.nightTheme .fileTypeText {
  background-color: rgb(255 255 255 / 50%);
  color: #fff;
}

.nightTheme .option-bx input::placeholder,
.nightTheme .viewRdioUl .custLbl,
.nightTheme .toglLi,
.nightTheme .typeFileOption label,
.nightTheme .dateTimeUl li .custLbl,
.nightTheme .dotedeInput input,
.nightTheme .textaareaQue,
.nightTheme .startReview a span,
.nightTheme .selectUi,
.nightTheme .option-bx .form-control,
.nightTheme .viewTextAreaUL textarea::placeholder,
.nightTheme .viewOptionUL .option-bx p {
  color: #fff;

}

.nightTheme .tooltipx {
  color: #fff !important;
}

.nightTheme .fileBrows {
  background-color: rgb(255 255 255 / 50%);
  color: #fff;
}

.nightTheme .fileBrows span {
  color: #354C9E;
}

.nightTheme .clrnder-row .form-control {
  background-color: rgb(255 255 255 / 55%);
  color: #fff;
}

.nightTheme .clrnder-row .form-control::placeholder,
.nightTheme .form-grp span {
  color: #fff;
}

.nightTheme .viewOptionUL .option-bx p span {
  background-color: #fff;
  color: #354C9E;
}

.nightTheme .choiceText {
  color: #fff;
}

.nightTheme .create-survry-area {
  background-color: #515A88;
}

.nightTheme .blueCount {
  background-color: #C7C7C7;
  color: #354C9E;
}

.nightTheme .toggleTheme img:nth-child(2) {
  display: inherit;
}

.nightTheme .createFixedmenu a {
  color: #C7C7C7;
}

.nightTheme .createFixedmenu a.active,
.nightTheme .createFixedmenu a:hover {
  color: #fff;
}

.nightTheme .createFixedmenu {
  background-color: #434C78;
}

.nightTheme .table-view tr {
  background-color: #434C78;
  border-color: #515A88;
}

.nightTheme .menu-left-ul a,
.nightTheme .menu-left-ul a span {
  color: #C7C7C7;
}

.nightTheme .menu-left-ul a:hover,
.nightTheme .menu-left-ul a.active {
  background-color: rgb(255 255 255 / 18%);
  color: #fff;
}

.nightTheme .feedbackTxt h6 {
  color: #fff;
}

.nightTheme .menu-left-ul h5 {
  color: #fff;
}

.nightTheme .menu-left-ul h5 a {
  background-color: #0059a9;
}

.nightTheme .menu_top_link a {
  color: #fff;
}

.nightTheme .menu_top_link a:hover,
.nightTheme .menu_top_link a.active {
  color: #0059a9 !important;
  background-color: #fff;
}

.nightTheme .right-side-menu a {
  color: #EFEFEF;
}

.nightTheme .right-side-menu a:hover,
.nightTheme .right-side-menu a.active {
  color: #0059a9;
}

.nightTheme .logoutUser {
  color: #0059a9 !important;
}

.nightTheme .btnFilter {
  background-color: rgb(81 90 136 / 78%);
  color: #fff !important
}

.nightTheme .btnFilter:hover {
  background-color: #fff;
  color: #0059a9 !important;
}

.nightTheme .iconBox {
  background-color: rgb(81 90 136 / 78%);
}

.nightTheme .mainBtn {
  background-color: #fff;
  color: #0059a9 !important;
}

.nightTheme main {
  background-color: #515A88;
}

.nightTheme .feedbackTxt p {
  color: #C7C7C7;
}

.nightTheme .txtlb {
  background-color: #515A88;
  color: #fff;
}

.nightTheme .d-flexUl.acitve,
.nightTheme .d-flexUl:hover {
  background-color: #515A88;
}

/* Rishabh theme change css start */

/* Gr css */
.bg_wht {
  background-color: #fff;
}

.tex_BLCk {
  color: #000;
}

/* GR CSS END */

.nightTheme .clr_Thems_change {
  background-color: #434C78;


}

.nightTheme .bls_ehit {
  color: #fff;

}

.nightTheme .tex_BLCk {
  color: #fff;
}

.nightTheme .thm_inp i {
  color: #fff;

}

.nightTheme .thm_inp input {
  color: #ffffff !important;
}

.nightTheme .Metric-lib-p ul li h6 {
  color: #FFF;
}

.nightTheme .Metric-lib-p ul li button span {
  color: #FFF !important;
}

.nightTheme .Inf0_MT {
  color: #fff;
}

.nightTheme .change_12 {
  background-color: #ffffff50;
  color: #fff;
}

.nightTheme .draggable {
  color: #fff;
}

.nightTheme .org-IMG {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(274deg) brightness(150%) contrast(112%);
}

.nightTheme .bg-light-NpsEdit button span img {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(274deg) brightness(150%) contrast(112%);
}

/* User Management theme */

.nightTheme .User_tbl_cor {
  border: 0px;

}

.nightTheme .org-IMG-Blue {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(274deg) brightness(150%) contrast(112%);
}

.nightTheme .qwe {
  border: 1px solid #FFF;
}

.nightTheme .nhy {
  background-color: #434C78;
}

.nightTheme .mkiu input {
  background: #00000000;
}

.mdl-Bck {
  background-color: #D8D8D8;
  color: #fff !important;
}

.nightTheme .Usee_Mn_IN {
  color: #fff;

}

.nightTheme .clrs_whter {
  color: #ffffff;
}

.nightTheme .inter {
  border-color: #fff;
  background-color: #ffffff00;
}

.nightThemes .close_MDl {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(274deg) brightness(150%) contrast(112%);
}

.nightTheme .lorm-ip-bg-clr {
  background-color: #ffffff50;
}

.lore-m-bg-tbl {
  background-color: #F1F4F7;
}

.nightTheme .lore-m-bg-tbl {
  background-color: #F1F4F750;

}

.nightTheme .btnsEditVieww a.active {
  color: #fff;
  border-color: #fff;
}

.nightTheme .d-flexUl.acitve,
.nightTheme .d-flexUl:hover {
  background-color: #515A88;
}

.nightTheme .quationSec h4 {
  color: #C7C7C7;
}

.nightTheme .table-view thead tr {
  background-color: #515A88 !important;
}

.nightTheme .table-view table th,
.nightTheme .page-header h1 {
  color: #fff;
}

.nightTheme .toggleTheme img:nth-child(1) {
  display: none;
}

.nightTheme .create-left-menu h5 {
  color: #fff;
}

.nightTheme .d-flexUl span {
  color: #FFFFFF;
}

.nightTheme .countUl p {
  color: #C7C7C7;
}

.nightTheme .switch {
  color: #C7C7C7;
}

.nightTheme .dotedeInput input::placeholder,
.nightTheme .textaareaQue::placeholder,
.nightTheme .viewTextAreaUL p {
  color: #C7C7C7;
}

.nightTheme .rangeBox {
  background-color: #fff;
}

/* .nightTheme .multiChoiceSec span{
        background-color: rgb(255 255 255 / 50%);
    } */
.nightTheme .option-bx {
  background-color: rgb(255 255 255 / 55%);
}

.nightTheme .tooltip .tooltiptext,
.nightTheme .fileTypeText {
  background-color: rgb(255 255 255 / 50%);
}

.nightTheme .fileTypeText {
  background-color: rgb(255 255 255 / 50%);
  color: #fff;
}

.nightTheme .option-bx input::placeholder,
.nightTheme .viewRdioUl .custLbl,
.nightTheme .toglLi,
.nightTheme .typeFileOption label,
.nightTheme .dateTimeUl li .custLbl,
.nightTheme .dotedeInput input,
.nightTheme .textaareaQue,
.nightTheme .startReview a span,
.nightTheme .selectUi,
.nightTheme .option-bx .form-control,
.nightTheme .viewTextAreaUL textarea::placeholder,
.nightTheme .viewOptionUL .option-bx p {
  color: #fff;

}

.nightTheme .tooltipx {
  color: #fff !important;
}

.nightTheme .fileBrows {
  background-color: rgb(255 255 255 / 50%);
  color: #fff;
}

.nightTheme .fileBrows span {
  color: #354C9E;
}

.nightTheme .clrnder-row .form-control {
  background-color: rgb(255 255 255 / 55%);
  color: #fff;
}

.nightTheme .clrnder-row .form-control::placeholder,
.nightTheme .form-grp span {
  color: #fff;
}

.nightTheme .viewOptionUL .option-bx p span {
  background-color: #fff;
  color: #354C9E;
}

.nightTheme .choiceText {
  color: #fff;
}

.nightTheme .create-survry-area {
  background-color: #515A88;
}

.nightTheme .blueCount {
  background-color: #C7C7C7;
  color: #354C9E;
}

.nightTheme .toggleTheme img:nth-child(2) {
  display: inherit;
}

.nightTheme .createFixedmenu a {
  color: #C7C7C7;
}

.nightTheme .createFixedmenu a.active,
.nightTheme .createFixedmenu a:hover {
  color: #fff;
}

.nightTheme .createFixedmenu {
  background-color: #434C78;
}

.nightTheme .table-view tr {
  background-color: #434C78;
  border-color: #515A88;
}

.nightTheme .menu-left-ul a,
.nightTheme .menu-left-ul a span {
  color: #C7C7C7;
}

.nightTheme .menu-left-ul a:hover,
.nightTheme .menu-left-ul a.active {
  background-color: rgb(255 255 255 / 18%);
  color: #fff;
}

.nightTheme .feedbackTxt h6 {
  color: #fff;
}

.nightTheme .menu-left-ul h5 {
  color: #fff;
}

.nightTheme .menu-left-ul h5 a {
  background-color: #0059a9;
}

.nightTheme .menu_top_link a {
  color: #fff;
}

.nightTheme .menu_top_link a:hover,
.nightTheme .menu_top_link a.active {
  color: #0059a9 !important;
  background-color: #fff;
}

.nightTheme .right-side-menu a {
  color: #EFEFEF;
}

.nightTheme .right-side-menu a:hover,
.nightTheme .right-side-menu a.active {
  color: #0059a9;
}

.nightTheme .logoutUser {
  color: #0059a9 !important;
}

.nightTheme .btnFilter {
  background-color: rgb(81 90 136 / 78%);
  color: #fff !important
}

.nightTheme .btnFilter:hover {
  background-color: #fff;
  color: #0059a9 !important;
}

.nightTheme .iconBox {
  background-color: rgb(81 90 136 / 78%);
}

.nightTheme .mainBtn {
  background-color: #fff;
  color: #0059a9 !important;
}

.nightTheme main {
  background-color: #515A88;
}

.nightTheme .feedbackTxt p {
  color: #C7C7C7;
}

.nightTheme .txtlb {
  background-color: #515A88;
  color: #fff;
}

.nightTheme .d-flexUl.acitve,
.nightTheme .d-flexUl:hover {
  background-color: #515A88;
}

.nightTheme .qusest {
  background-color: #434C78 !important;
}

.nightTheme .Questions-org.list-unstyled.bg-white {
  background-color: #434C78 !important;
}

.nightTheme .in_Survey {
  background-color: #434C78 !important;
}

.nightTheme h6 {
  color: #fff !important;
}

.nightTheme .inner-15 h4 {
  color: #C7C7C7 !important;
}

.nightTheme .Edit-smith {
  background-color: #434C78 !important;
}

.nightTheme .stacked-bar-chart .row.pdg-et {
  background-color: #434C78 !important;
}

/* .nightTheme .About_nps{
    background-color: #434C78 !important;
  } */
.nightTheme .About_nps_innr {
  background-color: #434C78 !important;
}

.nightTheme .thirty-six-innr {
  background-color: #434C78 !important;
}

.nightTheme h1 {
  color: #fff !important;
}

/* .nightTheme span{
    color: #C7C7C7 !important;
  } */
.nightTheme .customoze span {
  color: #C7C7C7 !important;
}

.nightTheme .sub-head span {
  color: #fff !important;
}

.nightTheme .Filter-Report span {
  color: #fff !important;
}

.nightTheme .Questions-language-man.mt-3 .blue-clr.pe-2 {
  color: #fff !important;
}

.nightTheme .row .col-md-12 .row.bg-white.m-2.shadow.pb-5.pt-0 .col-md-8.text-center.mx-auto.bg-white .px-md-5.mb-3 .text-start.my-2 .fontsi14.text-gr-clr.my-2 {
  color: #C7C7C7 !important;
}

.nightTheme .row .col-md-12 .row.bg-white.m-2.shadow.pb-5.pt-0 .col-md-8.text-center.mx-auto.bg-white .px-md-5.mb-3 .text-start.my-2 .fontsi14.text-gr-clr.my-2 span {
  color: #fff !important;
}

.nightTheme .About_nps_innr p {
  color: #C7C7C7 !important;
}

.nightTheme .likert.list-unstyled li span {
  background-color: #fff !important;
}

.nightTheme .andtbl.pdg-et {
  background-color: #434C78 !important;
}

.nightTheme .bg-light-tbl {
  background-color: #515A88 !important;
}

.nightTheme .bg-light-tbl th {
  color: #fff !important;
}

.nightTheme .tbl tr {
  color: #fff !important;
}

.nightTheme .andtbl {
  background-color: #434C78 !important;
}

.nightTheme .add-user tr td {
  color: #fff !important;

}

.nightTheme .bg-white.p-3.box_shdow.my-2.w-100 {
  background-color: #434C78 !important;
}

.nightTheme .preg i {
  color: #fff !important;
}

.nightTheme .preg p {
  color: #fff !important;
}

.nightTheme .row.bg-white.box_shdow.py-3 {
  background-color: #434C78 !important;
}

.nightTheme .Product-category-innr.prdc-ctr-set-bg {

  background-color: #434C78 !important;
}

/* .nightTheme .nav-link .active.w-100.p-2.mb-3{
    background-color: #515A88 !important;
  } */
.nightTheme .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: #515A88 !important;
}

.nightTheme .Nps-stacked .pdg-et {
  background-color: #434C78 !important;
}

.nightTheme .w-100.bg-white.p-3.box_shdow {
  background-color: #434C78 !important;
}

.nightTheme .dropdown.NPS button i {
  color: #fff !important;
}

/* .Saved_dsh_img button img{

  } */


/* Rishabh theme change css start */

/* Gr css */
.bg_wht {
  background-color: #fff;
}

.tex_BLCk {
  color: #000;
}

/* GR CSS END */

.nightTheme .clr_Thems_change {
  background-color: #434C78;


}

.nightTheme .bls_ehit {
  color: #fff;

}

.nightTheme .tex_BLCk {
  color: #fff;
}

.nightTheme .Cst {
  color: #fff !important;
}

.nightTheme .thm_inp i {
  color: #fff;

}

.nightTheme .questions-bg {
  background-color: rgb(255 255 255 / 55%);
  /* color: #fff !important; */
}

.nightTheme .questions-bg span {
  background-color: #fff;
  color: #354C9E;
}

.nightTheme .thm_inp input {
  color: #ffffff !important;
}

.nightTheme .Metric-lib-p ul li h6 {
  color: #FFF;
}

.nightTheme .Metric-lib-p ul li button span {
  color: #FFF !important;
}

.nightTheme .Inf0_MT {
  color: #fff;
}

.nightTheme .change_12 {
  background-color: #ffffff50;
  color: #fff;
}

.nightTheme .draggable {
  color: #fff;
}

.nightTheme .org-IMG {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(274deg) brightness(150%) contrast(112%);
}

.nightTheme .bg-light-NpsEdit button span img {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(274deg) brightness(150%) contrast(112%);
}

.nightTheme .NeXt_Arow img {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(274deg) brightness(150%) contrast(112%);
}

/* User Management theme */

.nightTheme .User_tbl_cor {
  border: 0px;

}

.nightTheme .org-IMG-Blue {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(274deg) brightness(150%) contrast(112%);
}

.nightTheme .qwe {
  border: 1px solid #FFF;
}

.nightTheme .nhy {
  background-color: #434C78;
}

.nightTheme .mkiu input {
  background: #00000000;
}

.mdl-Bck {
  background-color: #D8D8D8;
  color: #fff !important;
}

.nightTheme .Usee_Mn_IN {
  color: #fff;

}

.nightTheme .clrs_whter {
  color: #ffffff;
}

.nightTheme .inter {
  border-color: #fff;
  background-color: #ffffff00;
}

.nightThemes .close_MDl {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(274deg) brightness(150%) contrast(112%);
}

.nightTheme .lorm-ip-bg-clr {
  background-color: #ffffff50;
}

.lore-m-bg-tbl {
  background-color: #F1F4F7;
}

.nightTheme .lore-m-bg-tbl {
  background-color: #F1F4F750;

}


/* User Management theme */

.nightTheme .Question {
  background-color: #434C78 !important;
}

.nightTheme .Question p {
  color: #C7C7C7 !important;
}

.nightTheme .massages-Email h6 {
  color: #fff !important;
}

.nightTheme .pwd {
  color: #fff;

}

.nightTheme .blue-bg-clr {
  background-color: #fff !important;
  /* color: #434C78 !important; */
}

.nightTheme .blue-bg-clr a {
  color: #434C78 !important;
}

.nightTheme .blue-bg-clr .vr {
  color: #434C78 !important;

}

.nightTheme .mann-nien {
  border: 0 !important;
}

.nightTheme .Rajesh_content h6 {
  color: #fff !important;
}

.nightTheme .Rajesh_content span {
  color: #C7C7C7 !important;
}

.nightTheme .topCustomerSec {
  background-color: #434C78 !important;

}

.nightTheme .topCustomerSec h4 {
  color: #ffffff !important;

}

.nightTheme .linkSec h6 {
  color: #ffffff !important;
}

.nightTheme .exlSec i {
  color: #fff !important;

}

.nightTheme .textCross {
  color: #ffffff !important;
}

.nightTheme .textCross span {
  color: #ffffff !important;
}

.nightTheme .crossSeetingSec h5 a {
  color: #ffffff !important;
}

.nightTheme h5 a {
  color: #ffffff !important;
}

.nightTheme .tabSettingBox ul li a {
  color: #ffffff !important;
}

.nightTheme .tabSettingBox ul li a.active {
  border-color: #9d9fa7 !important;

}

.nightTheme .selectQsCross h6 {
  color: #ffffff !important;

}

.nightTheme .selectQsCross label {
  color: #C7C7C7 !important;

}

.nightTheme .mn-tle {
  background-color: #434C78 !important;
}

.nightTheme .quad_rent_clr {
  background-color: #535c89 !important;
}

.nightTheme .Product-Qulity-innr h6 {
  color: #fff !important;
}

.nightTheme .Product-Qulity-innr span {
  color: #C7C7C7 !important;
}

.nightTheme #NPS-Impact-Analysis {
  background-color: #000 !important;
}

.nightTheme .topCustomerSec p {
  color: #fff !important;
}

.nightTheme .table-responsive.table-view {
  background-color: #434C78 !important;
}

.nightTheme .tablePreDiction .table-view thead tr th {
  color: #fff !important;
}

/* .nightTheme .tablePreDiction .table-view thead tr{
      background-color: #eaf2ff57 !important;
    } */
.nightTheme .tablePreDiction .table-view tr:nth-child(even) {
  background-color: #eaf2ff57 !important;
}

.nightTheme .main-dash-sec .container-fluid.bg-white.mt-2 {
  background-color: #434C78 !important;
}

.nightTheme .left-filter-sec {
  background-color: #434C78 !important;
}

.nightTheme .filterHeader {
  background-color: #434C78 !important;
}

.nightTheme .filter-left-second {
  background-color: #434C78 !important;
}

.nightTheme .filterListUl li label {
  color: #C7C7C7 !important;
}

.nightTheme .mainDvQs h6 {
  color: #fff !important;

}

.nightTheme .dropQsRight a {
  color: #C7C7C7 !important;

}

.nightTheme .right-filter-sec h5 {
  color: #fff !important;
}

.nightTheme .imgNtx a img {
  filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(186deg) brightness(151%) contrast(101%);
}

.nightTheme .left-filter-sec h5 {
  background-color: rgb(255 255 255 / 50%) !important;
  color: #fff !important;
}

.nightTheme .subUlTree {
  color: #fff !important;
}

.nightTheme .subUlTree li span {
  color: #C7C7C7 !important;
}

.nightTheme .listFree h6 {
  background-color: #ffffff50;
  color: #ffffff;

}

.nightTheme .subUlTree {
  border-left: 1px solid #c7c7c7;
}

.nightTheme .subUlTree li::before {
  border-top: 1px solid #c7c7c7;
}

/* .nightTheme .bls_ehit{

      } */
.nightTheme .viewOptionUL .option-bx span p {
  background-color: #ffffff !important;
  color: #434C78 !important;
}

.nightTheme .border-quest {
  background-color: #434C78 !important;
}

.nightTheme .border-quest h6 {
  color: #ffffff !important;
}

.nightTheme .qes span {
  color: #ffffff !important;
}

.nightTheme .Quesone-innr span {
  color: #fff;
}

.nightTheme .viewOptionBlnkUl span {
  color: #C7C7C7;
}

.nightTheme .border-quest span {
  color: #C7C7C7;
}

.nightTheme .border-quest button img {
  filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(186deg) brightness(151%) contrast(101%);
}

/* .nightTheme .langauge-buttn button{
                border: 1px solid #FFFFFF !important;
                color: #ffffff !important;
              } */
/* .nightTheme .langauge-buttn button{
                border: 1px solid #FFFFFF !important;
                color: #ffffff !important;
              } */
.nightTheme .Mmail_Email button h6 {
  color: #ffffff !important;
}

.nightTheme .Mmail_Email h5 {
  color: #ffffff !important;
}

.nightTheme .Mmail_Email button {
  color: #fff !important;
  background-color: #ffffff1f !important;
}

.nightTheme .ntun-mn.bg-nones.my-3 {
  background-color: #ffffff !important;
  color: #f27421 !important;
}

.nightTheme .Mmail_Email button img {
  filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(186deg) brightness(151%) contrast(101%);
}

/* .nightTheme .Email_2 .row .col-lg-9{

              } */
.nightTheme .main-dash-sec.bg-white .row .col-lg-9 {
  background-color: #ffffff17 !important;
}

.nightTheme .cus {
  background-color: rgb(245 245 245 / 31%);
  color: #fff !important;
}

.nightTheme .massages-Email .grays-bg-clr.mx-4.p-2.rounded-2 {
  background-color: #434C78 !important;

}

.nightTheme .col-lg-3 .Mmail_Email .border-0.bg-transparent.d-flex.align-items-center {
  background-color: #ffffff00 !important;
}

.nightTheme .offcanvas.offcanvas-end.Edt-Email.show {
  background-color: #434C78 !important;
}

.nightTheme .offcanvas-title {
  color: #fff !important;
}

.nightTheme .to-Emal {
  color: #C7C7C7;
}

.nightTheme .to-Emal h6 img {
  filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(186deg) brightness(151%) contrast(101%);
}

.nightTheme .text-area h6 {
  color: #C7C7C7 !important;
}

.nightTheme .text-area span {
  color: #C7C7C7 !important;
}

.nightTheme .ck-editor h6 {
  color: #ffffff !important;
}

.nightTheme .set h5 {
  color: #fff !important;
}

.nightTheme .set label {
  color: #fff !important;
}

.nightTheme .save-teemp button:last-child {
  color: #fff !important;

}

.nightTheme .save-teemp button:first-child {
  background-color: #fff !important;
  color: #f27421 !important;

}

.nightTheme .input-group input {
  background-color: #00000000 !important;
  color: #fff !important;
}

.nightTheme .offcanvas-body .form-floating textarea {
  background-color: #00000000 !important;
  color: #fff !important;
}

.nightTheme .offcanvas-body .form-floating label {
  color: #fff !important;
}

.nightTheme .offcanvas-body .selt {
  background-color: #00000000;
  border: 1px solid #d8d8d8 !important;
  color: #fff !important;

}

.nightTheme .offcanvas-body .selt option {

  color: #000 !important;

}

.nightTheme .to-Emal button h6 {
  color: #fff !important;
}

.nightTheme .Email-header h6 {
  color: #fff !important;
}

.nightTheme .span_emil {
  color: #fff !important;
}

.nightTheme .span_emil button {
  color: #fff !important;
}

.nightTheme .Email-header span {
  color: #C7C7C7 !important;
}

.nightTheme .Response-Email tr {
  color: #fff !important;
}

.nightTheme .Response-Email tr:last-child {
  background-color: #434C78 !important;
}

.nightTheme .innr-Schedule .bg-white.p-2.box_shdow.scroll-bE {
  background-color: #434C78 !important;

}

.nightTheme .Schedule_Mn_bd {
  background-color: #00000000 !important;
  color: #fff !important;
}

.nightTheme .Schedule_Mn_bd {
  /* background-color: #00000000 !important; */
  color: #000 !important;
}

.nightTheme .splite-emml span {
  color: #C7C7C7 !important;
}

.nightTheme .sche_Hsix {
  color: #fff !important;
}

.nightTheme .sche_Hsix::before {
  background-color: #fff !important;
}

.nightTheme .col-md-4 .my-2 .bg-white.my-1.d-block.blue-clr.fontsi12.fw-semibold {
  color: #fff !important;
  background-color: transparent !important;
}

.nightTheme .innr-Schedule .box_shdow .grays-clr p {
  color: #C7C7C7 !important;
}

.nightTheme .form-select.Schedule_Mn_bd.fontsi14 option {
  color: #000 !important;
}

.nightTheme .form-select.Schedule_Mn_bd.fontsi14 {
  color: #fff !important;
}

.nightTheme .form-control.Schedule_Mn_bd {
  color: #fff !important;

}

.nightTheme .mb-2 .fw-semibold.blue-clr {
  color: #fff;
}

.nightTheme .row .blue-clr.fontsi12.fw-semibold {
  color: #fff !important;
}

.nightTheme .form-check span {
  color: #C7C7C7 !important;
  margin-left: 3px;
  margin-top: 2px;
}

.nightTheme .my-1 .fontsi12.ms-2 {
  color: #fff !important;
}

.nightTheme .my-1 i {
  color: #C7C7C7 !important;
}

.nightTheme .dashed p {
  color: #000 !important;
}

.nightTheme .btn-out-dashed h6 {
  color: #fff !important;
}

.nightTheme .btn-out-dashed span {
  color: #C7C7C7 !important;
}

.nightTheme .mainBtn2:hover {
  background-color: #fff !important;
  color: #0059a9 !important;
}

.nightTheme .btn-out-dashed .d-flex i {
  color: #C7C7C7 !important;
}

/* .nightTheme .Schedule_Mn_bd .background-image{
              filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(186deg) brightness(151%) contrast(101%);
             } */
.nightTheme .dashed {
  background-color: #f4f7fc14;
}

/* .nightTheme .Response-Email{
              background-color: #fff !important;
             } */
.nightTheme .col-md-12.shadow-smee.my-3.bg-white {
  background-color: #434C78 !important;
}

/* .nightTheme .box-size{
              color: #000 !important;
             } */
.nightTheme .subtosub {
  color: #C7C7C7 !important;
}

.nightTheme .main-box span {
  color: #fff !important;
}

.nightTheme .sub-head {
  color: #fff !important;
}

.nightTheme .card.border-0.card-dection {
  background-color: #434C78 !important;
}

.nightTheme .btn-card-button {
  background-color: #fff !important;
  color: #f27421 !important;
}

.nightTheme .user_mn_bg {
  background-color: #515A88 !important;
}

.nightTheme .sec-survey-tittle .innr-tittle .bg-white.p-2.py-0 {
  background-color: #434C78 !important;
}

.nightTheme .User_man p {
  color: #C7C7C7;
}

.nightTheme .bg-white.p-2.py-0 .row .col-md-6 .p-2 p {
  color: #C7C7C7 !important;
}

.nightTheme .modal-dialog.modal-dialog-centered {
  --bs-modal-bg: #434C78 !important;
}

.nightTheme .row.justify-content-between .col-md-6 .position-relative span {
  background-color: #434C78 !important;

}

.nightTheme .Usee_Mn_IN {
  background-color: #434C78 !important;
}

/* .position-absolute.bg-white.m-0.blue-clr.fontsi12{

           } */

.nightTheme .my-2.position-relative span {
  background-color: #434C78 !important;
  color: #fff !important;
}

.nightTheme .col-md-12.col-sm-6 label {
  color: #fff !important;
}

.nightTheme .modal-footer {
  background-color: #515A88 !important;
}

.nightTheme .Assestes_btn {
  border: 1px solid #fff !important;
  color: #fff !important;
}

.nightTheme .Assestes_btns {
  background-color: #fff !important;
  color: #f27421 !important;
  border: 1px solid #fff !important;
}

.modal-dialog.modal-dialog-centered.Dele_te p {
  color: #C7C7C7 !important;
}

.nightTheme .check_bx.scroll-bE table tr:first-child {
  background-color: #515A88 !important;
  color: #fff !important;
}

.nightTheme .fontsi13.fw-semibold.text-black.p-10 {
  color: #fff !important;
}

.nightTheme .modal-dialog.modal-dialog-centered.Accessibility p {
  color: #C7C7C7 !important;
}

.nightTheme .User_Management-mn hr {
  color: #fff !important;
}

.nightTheme .Nps_Attr_Tbl table tr:nth-child(odd) {
  background-color: #515A88 !important;
  color: #fff !important;
}

.nightTheme .Nps_Attr_Tbl table tr:nth-child(even) {
  background-color: #515A8850 !important;
  color: #fff !important;
}

.nightTheme .Nps_Attr_Tbl table tr td {
  color: #fff !important;
}

.nightTheme .linkSec .alignLiknBox {
  background-color: #515A88 !important;
}

.nightTheme .dropdown.dropQsRight {
  background-color: #515A88 !important;
}

.nightTheme .dropDownCrssoBtn {
  background-color: #515A88 !important;
}

.nightTheme .dropdown-toggle1.dropDownCrssoBtn i {
  color: #fff !important;
}

/* .alignLiknBox a i{
      color: #fff !important;
     } */

.nightTheme .table-responsive.tableCross table tbody tr td:last-child {
  background-color: #515A88;
  color: #fff !important;
}

.nightTheme .tableViewCross table tr:nth-child(2) td {
  background-color: #515A88 !important;
  color: #fff !important;
}

.nightTheme .tableViewCross table tr:nth-child(3) td:first-child {
  background-color: #515A88 !important;
  color: #fff !important;
}

.nightTheme .tableViewCross table tr:nth-child(3) td:nth-child(2) {
  background-color: #515A88 !important;
  color: #fff !important;
}

.nightTheme .tableViewCross table .lowTd {
  background-color: #515A88 !important;
}

.nightTheme .tableViewCross table tr td:nth-child(1) {
  background-color: #515A88 !important;
  color: #fff !important;
}

.nightTheme .tableViewCross table td {
  background-color: #434C78 !important;
  color: #fff !important;
}

.nightTheme .Questions-npss.bg-white {
  background-color: #434C78 !important;
}

.nightTheme .model-delevry .modl-one {
  color: #fff !important;
}

.nightTheme .modl-two {
  color: #C7C7C7 !important;
}

.nightTheme .right-experien {
  background-color: #515A88 !important;
}

.nightTheme .exp-two {
  color: #fff !important;
}

.nightTheme .left-experien .exp-three p {
  color: #C7C7C7 !important;
}

.nightTheme .rit-parah {
  color: #FFF !important;
}

.nightTheme .right-experien:last-child {
  color: #C7C7C7 !important;
  font-size: 15px;
}

.nightTheme .Saved_dsh_img button img {
  filter: invert(97%) sepia(0%) saturate(13%) hue-rotate(296deg) brightness(143%) contrast(104%);
}

.nightTheme .Tittle-first u {
  color: #fff !important;
}

.nightTheme .prg-ress p {
  color: #fff !important;
}

.nightTheme .about-focus p {
  color: #C7C7C7 !important;
}

/* .nightTheme .andtbl .User-Man button{
color: #f27421 !important;
background-color: #fff !important;
 } */
.nightTheme .Expt button {
  background-color: #fff !important;
  color: #f27421 !important;
}

.nightTheme .Edit_Dots button img {
  filter: invert(97%) sepia(0%) saturate(13%) hue-rotate(296deg) brightness(143%) contrast(104%);
}

.nightTheme .in_Survey h4 {
  color: #fff !important;
}

.nightTheme .N_52 h6 img {
  filter: invert(97%) sepia(0%) saturate(13%) hue-rotate(296deg) brightness(143%) contrast(104%);
}

.nightTheme .pro-sentim .prd-Sent button {
  background-color: #fff !important;
  color: #f27421 !important;
}

.nightTheme .box_shdow.pdg-et.bg-white .border-0.text-white.org-bg-clr.fontsi12.py-2.px-2 {
  background-color: #fff !important;
  color: #f27421 !important;
}

.nightTheme .User-Man.d-flex .border-0.text-white.org-bg-clr.fontsi12 {
  background-color: #fff !important;
  color: #f27421 !important;
}

.nightTheme .tablePreDiction .table-view thead tr {
  background-color: #515A88 !important;
}

.nightTheme .tablePreDiction .table-view tr {
  background-color: #434c78 !important;
}

.nightTheme .sec-survey-tittle .innr-tittle .row.justify-content-center .col-md-5 .bg-white.px-4.py-2 {
  background-color: #434c78 !important;
}

.nightTheme .btn-prf u {
  color: #fff !important;
}

.nightTheme .form-label.text-secondary.fontsi14 {
  color: #fff !important;
}

.nightTheme .sec-survey-tittle .innr-tittle h5 {
  color: #fff !important;
}

.nightTheme .form-control.Insale.grayback-text {
  background-color: #434c78 !important;
  color: #fff !important;
}

.nightTheme .btn-prf .border-0.org-bg-clr.text-white.px-4.py-2.me-3.rounded-1 {
  background-color: #fff !important;
  color: #f27421 !important;
}

.nightTheme .btn-prf .border-0.org-bg-clr.text-white.px-4.py-2.me-3.rounded-1 img {
  filter: invert(63%) sepia(32%) saturate(7403%) hue-rotate(349deg) brightness(100%) contrast(74%);
}

.nightTheme .input-group.mb-3 span {
  background-color: #434c78 !important;
}

.nightTheme .setting .set-clr i {
  color: #fff !important;
}

.nightTheme .nav.flex-md-column.nav-pills.setings-tab.me-3 .nav-link.active.border-0 {
  color: #fff !important;
}

.nightTheme .nav-link.text-start.border-0 {
  background-color: #515A88;
}

.nightTheme .nav-pills .nav-link,
.nav-pills .show>.nav-link {
  background-color: #515A88 !important;
}

.nightTheme .tab-pane.fade.active.show .row.p-md-4 h5 {
  color: #fff !important;
}

.nightTheme .profile-detail .mb-3 label {
  color: #fff !important;
}

.nightTheme .profile-detail .mb-3 input {
  background-color: #434c78 !important;
  color: #fff !important;
}

/* Profile setting  */
.nightTheme .form-control.Insale {
  background-color: #434c78 !important;
}

/* .nightTheme .Insale {
                background-color: #000 !important;
               } */
.nightTheme .col-md-6 .mb-3.mt-3 label {
  color: #fff !important;
}

.nightTheme .col-md-6 .mb-3.mt-3 .form-control.Insale {
  color: #fff !important;
  background-color: #434c78 !important;
}

.nightTheme .col-md-6 .mb-3.mt-3 .form-select {
  color: #fff !important;
  background-color: #434c78 !important;
}

.nightTheme .col-md-6 .mb-3 .form-select {
  background-color: #434c78 !important;
  color: #fff !important;
}

.nightTheme .col-md-6 .mb-3 label {
  color: #fff !important;
}

.nightTheme .profile-seting-logo {
  background-color: #434c78 !important;
}

.nightTheme .btn_upload input {
  color: #fff !important;
}

.nightTheme .plnBoxsec .plnTopBox {
  background-color: #515A88 !important;
}

.nightTheme .plnBoxsec {
  background-color: #434c78 !important;
}

.nightTheme .main-dash-sec.mainCreateSec .bgSimple {
  background-color: #434C78 !important;
}

.nightTheme .compete-box {
  background-color: #515A88 !important;
}

.nightTheme .compete-box p {
  color: #fff !important;
}

.nightTheme .welcome-text h5 {
  color: #C7C7C7 !important;
}

.nightTheme .tablePreDiction .tableCustomer2 {
  background-color: #434C78 !important;
}

.nightTheme .pagination a {
  color: #fff !important;
}

.nightTheme .pagination a:hover:not(.active) {
  background-color: #999898 !important;
}

.nightTheme .header-main .card-body {
  background-color: #434C78 !important;
}

.nightTheme .header-main .card-body span {
  color: #fff !important;

}

.nightTheme .header-main .card-body p {
  color: #C7C7C7 !important;

}

.nightTheme .heading {
  border-bottom: 2px solid #ffffff;
}

.nightTheme .card.main-templates .card-body {
  background-color: #434C78 !important;
}

.nightTheme .input-group .input-group-text.bg-white.text-clrs {
  background-color: #434C78 !important;
  border-right: 0px;
}

.nightTheme .sub-list {
  color: #C7C7C7 !important;
}

.nightTheme .lists-cls li.active {
  color: #FFF !important;
}

.nightTheme .card.main-templates .card-body .text-center.p-0 a {
  color: #fff !important;
}

.nightTheme .customDeailForm .form-group label {
  color: #fff !important;
}

.nightTheme .customDeailForm .form-group input {
  color: #fff !important;
  background-color: #434C78 !important;
}

.nightTheme .customDeailForm .form-group select {
  color: #fff !important;
  background-color: #434C78 !important;
}

.nightTheme .customDeailForm .form-group textarea {
  color: #fff !important;
  background-color: #434C78 !important;
}

.nightTheme .bgSimple .accordion.faqItesm .accordion-item button {
  background-color: #535c89 !important;
}

.nightTheme #collapseOne {
  background-color: #434C78 !important;

}

.nightTheme #collapseOne h4 {
  color: #fff !important;
}

.nightTheme #collapseOne h5 {
  color: #fff !important;
}

.nightTheme #collapseOne p {
  color: #C7C7C7 !important;
}

.nightTheme #collapseOne {
  background-color: #434C78 !important;
}

.nightTheme #collapseTwo {
  background-color: #434C78 !important;
}

.nightTheme #collapseThree {
  background-color: #434C78 !important;
}

.nightTheme #collapseTwo h4 {
  color: #fff !important;
}

.nightTheme #collapseTwo h5 {
  color: #fff !important;
}

.nightTheme #collapseTwo p {
  color: #C7C7C7 !important;
}

.nightTheme #collapseThree h4 {
  color: #fff !important;
}

.nightTheme #collapseThree h5 {
  color: #fff !important;
}

.nightTheme #collapseThree p {
  color: #C7C7C7 !important;
}

.nightTheme .accordion-button::after {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(292deg) brightness(249%) contrast(101%) !important;
}

.nightTheme #text-fil input {
  background-color: #434C78 !important;
  color: #fff !important;
}

.nightTheme .form-check.flt-left label {
  color: #fff !important;
}

.nightTheme #ftrte-xtb textarea {
  background-color: #434C78 !important;
  color: #fff !important;
}

.nightTheme #Qcategory-xtb textarea {
  background-color: #434C78 !important;
  color: #fff !important;
}

.nightTheme .sclrTransparent h5 {
  color: #fff !important;
}

.nightTheme .Basic-plan {
  background-color: #434C78 !important;
}

.nightTheme .Basic-plan .m-0.gray-text.fontsi14 {
  color: #C7C7C7 !important;
}

.nightTheme .Basic-plan hr {
  color: #fff !important;
}

.nightTheme .basic tr .text-end.gray-text {
  color: #C7C7C7 !important;
}

.nightTheme .basic tr th {
  color: #fff !important;
  font-weight: 500px !important;

}

.nightTheme .row.p-md-3 .col-md-3 .text-center.p-2.mb-4 {
  background-color: #434C78 !important;
}

.nightTheme .row.p-md-3 .col-md-3 .text-center.p-2.mb-4 p {
  color: #fff !important;
}

/* share */
.nightTheme .row .col-md-12 .row.bg-white.m-2.shadow.pb-5.pt-0 {
  background-color: #434C78 !important;
}

.nightTheme .row .col-md-12 .row.bg-white.m-2.shadow.pb-5.pt-0 .col-md-8.text-center.mx-auto.bg-white {
  background-color: #434C78 !important;
}

.nightTheme .row .col-md-12 .row.bg-white.m-2.shadow.pb-5.pt-0 .col-md-8.text-center.mx-auto.bg-white h5 {
  color: #fff !important;
  font-weight: 500 !important;
}

.nightTheme .imgbox img {
  filter: invert(93%) sepia(100%) saturate(28%) hue-rotate(49deg) brightness(125%) contrast(106%);
}

.nightTheme .modal-dialog.modal-dialog-centered.QRC .blue-bg-clr.w-100.py-2.text-white.border-0.rounded-1.d-flex.align-items-center.justify-content-center {
  color: #f27421 !important;
}

.nightTheme .modal-dialog.modal-dialog-centered.QRC .blue-bg-clr.w-100.py-2.text-white.border-0.rounded-1.d-flex.align-items-center.justify-content-center img {
  filter: invert(63%) sepia(55%) saturate(4762%) hue-rotate(347deg) brightness(200%) contrast(95%);
}

.nightTheme .btn-close {
  filter: invert(78%) sepia(99%) saturate(0%) hue-rotate(140deg) brightness(108%) contrast(100%);
}

.nightTheme #clipboard {
  background-color: #ffffff20 !important;
}

.nightTheme .filterDrpSec {
  background-color: #434C78 !important;
}

.nightTheme .myDropEdit {
  background-color: #434C78 !important;

}

.nightTheme #myDropEdit ul li label {
  color: #fff;
}

.nightTheme .list {
  background-color: #434C78 !important;
  color: #fff !important;

}

.nightTheme .dropdown-selects .option:hover,
.dropdown-selects .option:focus {
  background-color: #515A88 !important;
}

.nightTheme .dropdown-selects {
  background-color: #515A88 !important;
}

.nightTheme .dropdown-selects .option.selected:focus {
  background: #dfdfdf25 !important;
}

.nightTheme .bgSimple .row.mt-2 .col-md-12 p {
  color: #fff !important;
}

.nightTheme .form-check.audit label {
  color: #fff !important;
}

.nightTheme .plnBoxsec ul li p {
  color: #C7C7C7 !important;
}

.nightTheme .Requirements_create h6 {
  background-color: #434C78 !important;
}

.nightTheme .Requirements_create .check-box-language {
  color: #fff !important;
}

.nightTheme .Edt_Dash.clr_Thems_change.d-flex.bg_wht h5 {
  color: #fff !important;
}

.nightTheme .Quesone-innr.border-0.w-100.bg-transparent span {
  color: #fff !important;
}

.nightTheme .px-4.py-1.border-0.org-bg-clr button:first-child {
  border: 1px solid #fff !important;
}

/* .nightTheme .form-select {
  background: url(/background.svg);
  filter: invert(78%) sepia(99%) saturate(0%) hue-rotate(140deg) brightness(108%) contrast(100%);
} */

.nightTheme .Schedule_r h5 {
  color: #fff !important;
}

.nightTheme .modal-dialog.modal-dialog-centered.User_man .modal-content .modal-body .row h6 img {
  filter: invert(78%) sepia(99%) saturate(0%) hue-rotate(140deg) brightness(169%) contrast(100%);

}

.nightTheme .modal-dialog.modal-dialog-centered.User_man .modal-content .modal-body .row .input-group span i {
  color: #fff !important;
}

/* .nightTheme .Schedule_r .d-flex.align-items-center.gap-3.pt-xsm-2 .mainBtn2{
border: 1px solid #fff !important;
color: #fff !important;
} */
.nightTheme .check_bx.scroll-bE .position-sticky.top-0 {
  background-color: #515A88 !important;
}

.nightTheme .badge {
  background-color: #434C78 !important;
  color: #fff !important;
}

.nightTheme .left-menu-sec.create-left-menu h5 img {
  filter: invert(78%) sepia(99%) saturate(0%) hue-rotate(140deg) brightness(145%) contrast(100%);
}

/* .navbar.navbar-expand-md.navbar-light .me-4 svg{
  filter: invert(48%) sepia(0%) saturate(7500%) hue-rotate(33deg) brightness(307%) contrast(233%);
 } */






/* .nightTheme .custLbl.border-0 */
/* .nightTheme .modal-dialog.modal-dialog-centered.QRC{
  --bs-modal-background-color: #434343
} */
/* share close theme */

/* .nightTheme #collapseTwo{
              background-color: #434C78 !important;
            } */
/* profile setting */
/* Rishabh theme change css close  */

@media(max-width:1024px) {
  .startSuvyModal .modal-dialog {
    width: 95%;
  }

  .progressMainDv {
    width: 80%;
  }

  .topCustomerSec h4,
  .topCustomerSec .sub-head {
    font-size: 16px;
  }

  .topCustomerSec .textCross {
    font-size: 12px;
  }
}

.dropQsRight ul {
  padding: 10px 15px;
  list-style-type: none;
}

.toggleFilterBtn {
  background-color: #E9E9E9;
  border-radius: 2px;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  padding: 8px 10px;
  align-items: center;
  color: #222;

}

.fiterIneerUI {
  padding: 0px;
  margin-bottom: 0px;
}

.fiterIneerUI li {
  margin-bottom: 5px;
}

/* .toggleFilterBtn:hover, .toggleFilterBtn.active{
  background-color: #fff;
  color: #818E94;
} */
.dropQsRight .dropdown-toggle1 {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  color: #222;
  align-items: center;
  padding: 5px 10px;
  font-size: 13px;
}

.dropQsRight {
  width: 80%;
}

.q-type {
  display: flex;
  justify-content: space-between;
}

.mainOptionSelection .dropQsRight {
  width: 60%;
}

.dropQsRight .dropdown-toggle1 .fa {
  color: #818E94;
}

.exlSec {
  display: flex;
  justify-content: center;
  width: 40%;
}

.exlSec .tooltip {
  font-size: 18px;
  color: #707070;
  padding: 0px 15px;
}

.topCustomerSec h4 {
  font-size: 18px;
}

.dropDownCrssoBtn {
  background-color: #F3F3F3;
  border-bottom: none !important;
  border-radius: 2px;
}

.dropDownCrssoBtn span {
  display: flex;
  align-items: center;
}

.textCrsTb p {
  margin: 0;
}

.textCrsTb p:last-child {
  color: #FF6F55;
}

.dropDownCrssoBtn i {
  font-size: 16px;
  margin-top: -5px !important;
  color: #000 !important;
}

.tableViewCross table {
  font-size: 12px;
  font-weight: 500;
}

.tableViewCross table td {
  padding: 10px;
  border: 3px solid #fff;
  background-color: #FAFAFA;
}

.tableViewCross table tr td:nth-child(1) {
  background-color: #EEEEEE;
}

.tableViewCross table tr:nth-child(3) td:nth-child(2) {
  background-color: #EEEEEE;
}

.tableViewCross table tr:nth-child(3) td:first-child {
  background-color: #DCF4FF;
}

.tableViewCross table tr:first-child td:nth-child(2) {
  background-color: #DCF4FF;
}

.tableViewCross table tr:nth-child(2) td {
  background-color: #EEEEEE;
}

.tableViewCross table tr td:last-child {
  background-color: #E9F2FC;
}

.tableViewCross table tr:last-child td:first-child,
.tableViewCross table tr:first-child td:first-child,
.tableViewCross table tr:nth-child(2) td:first-child {
  background-color: transparent;
}

.tableViewCross table .lowTd {
  background-color: #FFE1E1;
}

.tableViewCross table .highTd {
  background-color: #E7FFB2;
}

.highTd .textCrsTb p:last-child {
  color: #A4C45D;
}

.tableViewCrossSec h5 a {
  color: #707070;
  font-size: 14px;
}

.tableViewCross table tr:last-child td {
  background-color: #E9F2FC;
}

.topCustomerSec .textCross span {
  color: #707070;
  font-weight: 500;
}

.dropDownCrssoBtn span i {
  margin-right: 10px;
  margin-top: 0px !important;
}

.topCustomerSec .textCross {
  font-size: 14px;
}

.exlSec .tooltip .tooltiptext {
  top: 32px;
  left: -50%;
  min-width: max-content;
}

.dropQsRight .filterDrpSec {
  padding: 6px 0px !important;
}

.dropQsRight .filterDrpSec a {
  border: none;
  font-size: 12px;
}

.filter-left-second h6 {
  font-size: 13px;
  color: #354C9E;
  margin-bottom: 12px;
}

.serchBoxFilter {
  background-color: #e9e9e9;
  overflow: hidden;
}

.serchBoxFilter button {
  background-color: transparent;
  padding: 5px 10px;
  color: #868484;
}

.serchBoxFilter .form-control {
  background-color: transparent;
  border: none;
  padding: 6px;
}

.filterDropBox {
  padding: 10px 15px !important;
}

.fiterIneerUI a {
  border: none;
  padding: 5px;
}

.right-filter-sec h5 {
  color: #354C9E;
  font-size: 15px;
}

.right-filter-sec {
  position: relative;
  min-height: 100%;
  width: 95%;
}

.div-fixed {
  position: absolute;
  bottom: 10px;
  right: 0;
}

.reportFixedMenu a {
  font-size: 10px;
  margin-right: 0;
}

.topCustomerSec {
  border-radius: 5px;
  box-shadow: 0px 0px 6px #0000001A;
}

.npText {
  font-size: 12px;
  color: #707070;
  border-radius: 2px;
  background-color: #EFEFEF;
  padding: 3px 8px;
  display: inline-block;
  text-align: center;
  font-weight: 500;
}

.predicBtnComn {
  text-align: center;
  font-size: 12px;
  border-radius: 2px;
  padding: 5px 8px;
  color: #fff !important;
  background-color: #FF6F55;
  min-width: 50px;
  display: inline-block;
}

.predicBtnComn:hover {
  background-color: #f55d41;
}

.prediBtnYes {
  background-color: #A4C45D;
}

.prediBtnYes:hover {
  background-color: #86a541;
}

.tablePreDiction .table-view thead tr {
  background-color: #F1F4F7;
}

.tablePreDiction .table-view thead tr th {
  color: #6E6E6E;
  font-size: 12px;
}

.tablePreDiction .table-view tr {
  background-color: #fff;
  border: none;
}

.tablePreDiction .table-view tr:nth-child(even) {
  background-color: #EAF2FF;
}

.reportFixedMenu a.active,
.reportFixedMenu a:hover {
  color: #0059a9;
  background-image: none;
  font-weight: 500;
  background-color: transparent;
}

.reportFixedMenu a img {
  margin-bottom: 6px;
}

.seelctCust {
  display: none;
}

.dropdown-selects {
  /* background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
  background-repeat: repeat-x; */
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF', GradientType=0); */
  background-color: #e9e9e9;
  border-radius: 2px;
  /* border: solid 1px #eee;
  box-shadow: 0px 2px 5px 0px rgba(155, 155, 155, 0.5);
  box-sizing: border-box; */
  cursor: pointer;
  display: block;
  float: left;
  font-size: 13px;
  font-weight: normal;
  height: 33px;
  line-height: 34px;
  outline: none;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.mainDvQs {
  margin-bottom: 65px;
}

/* .dropdown-selects:focus {
  background-color: #fff;
} */

/* .dropdown-selects:hover {
  background-color: #fff;
} */

/* .dropdown-selects:active,
.dropdown-selects.open {
  background-color: #fff !important;
  border-color: #bbb;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
} */
/*
.dropdown-selects:after {
  height: 0;
  width: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #777;
  -webkit-transform: origin(50% 20%);
  transform: origin(50% 20%);
  transition: all 0.125s ease-in-out;
  content: '';
  display: block;
  margin-top: -2px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
}

.dropdown-selects.open:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
} */

.dropdown-selects.open .list {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}

.dropdown-selects.open .option {
  cursor: pointer;
}

.dropdown-selects.wide {
  width: 100%;
}

.dropdown-selects.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.dropdown-selects .list {
  box-sizing: border-box;
  transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  border-radius: 6px;
  margin-top: 4px;
  padding: 3px 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  max-height: 250px;
  overflow: auto;
  border: 1px solid #ddd;
}

.dropdown-selects .list::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.dropdown-selects .list::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
.dropdown-selects .list::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.dropdown-selects .listl::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.dropdown-selects .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.dropdown-selects .dd-search {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.5rem;
  position: relative;
}

.dropdown-selects .dd-search span {
  position: absolute;
  right: 16px;
  top: 1px;
  color: #8b8b8b;
}

.dropdown-selects .dd-searchbox {
  width: 95%;
  padding: 0.5rem;
  border: none;
  background-color: #e9e9e9;
  /* border-color:#999; */
  border-radius: 4px;
  outline: none;
  height: 35px;
  font-size: 12px;
}

.dropdown-selects .dd-searchbox:focus {
  border-color: #12CBC4;
}

.dropdown-selects .list ul {
  padding: 0;
  margin-bottom: 0;
}

.dropdown-selects .option {
  cursor: default;
  font-weight: 400;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  line-height: 23px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
  transition: all 0.2s;
  list-style: none;
  font-size: 12px;
}

.dropdown-selects .option:hover,
.dropdown-selects .option:focus {
  background-color: #f6f6f6 !important;
}

.dropdown-selects .option.selected {
  color: #0059a9;
}

.dropdown-selects .option.selected:focus {
  background: #f6f6f6;
}

.dropdown-selects a {
  color: #aaa;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.dropdown-selects a:hover {
  color: #666;
}

.actionRowPlan .col-md-6:last-child {
  text-align: right;
}

.actionRowPlan .custLbl {
  color: #354C9E;
  font-size: 14px;
}

.plnBoxsec {
  border: 1px solid #D8D8D8;
  background-color: #FAFAFA;
  border-radius: 4px;
  overflow: hidden;
  width: 88% !important;
}

.plnBoxsec ul {
  list-style-type: none;
  display: flex;
  margin-bottom: 0;
}

.plnBoxsec ul h6 {
  color: #354C9E;
  font-size: 12px;
  font-weight: 400;
}

.plnTopBox {
  background-color: #D8D8D8;
  padding: 10px 10px;
  align-items: center;
  justify-content: space-between;
}

.plnTopBox h6 {
  font-size: 14px;
  color: #354C9E;
  margin: 0;
}

.plnTopBox h6:last-child {
  color: #0059a9;
}

.plnBoxsec ul p {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0;
}

.plnBoxsec ul li {
  width: 50%;
  padding: 10px;
  display: inline-block;
}

.plnBoxsec .bottomUlPln li {
  width: 100%;
  display: block;
  padding-bottom: 12px;
}

.boxPlnMain {
  height: 100%;
}

.boxPlnMain .custLbl {
  padding-left: 28px;
  flex-shrink: 0;
}

.rowPlnList .col-md-6 {
  margin-bottom: 35px;
}

.customDeailForm label {
  font-size: 14px;
  color: #354C9E;
  padding-bottom: 8px;
}

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

.customDeailForm .form-control,
.customDeailForm .form-select {
  font-size: 13px;
}

.customDeailForm .form-select {
  border: 1px solid #D8D8D8;
  border-radius: 4px;
  padding: 10px;
  background-color: #fafafa;
  box-shadow: none !important;
}

.tooltipDelete {
  color: #C0C0C0;
}

.tooltipDelete .tooltiptext {
  min-width: 85px;
  bottom: -15px;
  left: -70%;
  width: max-content;
  top: inherit;
  font-size: 10px;
}

.tabIocnn {
  display: flex;
}

.tabIocnn a {
  padding: 0px 10px;
}

.mainBtnDefalut {
  background-color: #9E9A9A;
}

.mainBtnDefalut:hover {
  background-color: #0059a9;
}

.tableEditRole .custLbl .checkmark {
  top: -3px;
}

.editRoleName {
  background-color: #F3F3F3;
  display: inline-block;
  padding: 8px 8px;
  margin-left: 5px;
  width: 200px;
  border-radius: 2px;
  font-size: 12px;
}

.nofEED {
  display: inline-flex;
  color: #fff;
  border-radius: 2px;
  min-width: 55px;
  height: 18px;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  background-color: #FF0000;
  padding: 2px 1px;
}

.nofEED img {
  margin-left: 4px;
  height: 10px;
  width: auto;
}

.noOrange {
  background-color: #0059a9;
}

.noOrange1 {
  background-color: #FFB740;
}

.noGreen {
  background-color: #16AA48;
}

.tableCustomer2 .feedbackTxt {
  min-width: auto;
}

.pagination {
  display: inline-block;
  float: right;
}

.pagination a {
  color: black;
  float: left;
  padding: 2px 5px;
  width: 25px;
  border-radius: 3px;
  height: 25px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  justify-content: center;
}

.pagination a.active {
  background-color: #508FF4;
  color: white;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
}

.treeSec h4 {
  color: #000;
  background-color: #bfdcf7;
  text-align: center;
  border-radius: 4px;
  overflow: hidden;
  padding: 10px 10px;
  border-left: 3px solid #0059a9;
  min-width: 130px;
  font-size: 18px;
  margin-right: 5px;
}

.treeSec h6 {
  color: #354C9E;
  background-color: #fff;
  text-align: center;
  border-radius: 3px;
  margin-bottom: 5px;
  overflow: hidden;
  padding: 15px 20px;
  border: 1px solid #bbb9b9;
  border-left: 3px solid #354C9E;
  min-width: 150px;
  margin-right: 5px;
  font-size: 13px;
  margin-left: 5px;
}

.lineDmi {
  background-color: #354C9E;
  width: 90px;
  height: 2px;
}

.lineFreeSub {
  border-top: 1px solid #354C9E;
  width: 80px;
  height: 1px;
}

.subUlTree {
  border-left: 1px solid #354C9E;
  font-size: 12px;
  max-width: 250px;
  margin-bottom: -14px;
  padding-left: 10px;

}

.listFree {
  position: relative;
}

.treeSubList {
  position: absolute;
  left: 175px;
  bottom: 27px;
  width: max-content;
  align-items: end !important;
}

.treeSubList2 .lineFreeSub {
  width: 340px;
}

.treeSubList4 .lineFreeSub {
  width: 340px;
}

.treeSubList5 .lineFreeSub {
  width: 440px;
}

.treeSubList6 .lineFreeSub {
  width: 690px;
}

.subUlTree li {
  position: relative;
  margin-bottom: 6px;
}

.treeSecBox {
  padding: 100px 0px;
  overflow-x: auto;
}

.subUlTree li::before {
  position: absolute;
  content: '';
  height: 1px;
  width: 12px;
  left: -32px;
  top: 50%;
  border-top: 1px solid #354c9e;
}

.subUlTree a {
  color: #13AE41;
}

.subUlTree span {
  color: #354C9E;
  margin: 0px 3px;
}

.tableNewFile th,
.tableNewFile td {
  padding: 10px;
}

.tableNewFile th img {
  height: 25px;
}

.tableNewFile td {
  font-size: 13px;
  font-weight: 600;
}

.txtGRN {
  color: #16AA48;
}

.fontBig {
  font-size: 18px;
}

.lottieTb {
  width: 140px;
  margin: -5px 0px;
}

.txtONG {
  color: #0059a9;
}

.txtYWL {
  color: #FFB13D;
}

.txtRED {
  color: #FF0000;
}

.tbImgBottom img {
  height: 25px;
}

.botttomArrowLO {
  width: 60px;
  margin: -20px -20px;
}

.tableNewFile tbody tr {
  background-color: #F8F8F8 !important;
  border-bottom: 1px solid #E1E1E1 !important;
}

.tableNewFile {
  border: 1px solid #E1E1E1;
}

.rightSecNew .txtRED span {
  font-size: 18px;
}

.lottieRAIGHTnEE {
  margin: -20px auto;
}

.lottieTb2 {
  margin: -50px 0px;
}

.rightSecNew {
  border: 1px solid #D6CBCB;
  background-color: #FFFCFC;
  border-radius: 5px;
  padding: 15px;

  margin: 0px;
}

.rightSecNew .txtRED {
  font-weight: 600;
}

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

/* Track */
.table-view::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.table-view::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.table-view::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.tableNewFile td .txtRED.fontBig.d-flex.align-items-center,
.tableNewFile td .txtGRN.fontBig.d-flex.align-items-center {
  justify-content: space-between;
}

.profi.wth .select2-search__field {
  width: 100% !important;
}

.profi.wth .select2-selection__rendered {
  position: relative;
}

.profi.wth .select2-selection__rendered::after {
  position: absolute;
  right: 10px;
  top: 5px;
  content: '>';
  font-size: 14px;
  transform: rotate(90deg);

}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 5px;
  margin-right: 3px;
  background: #ffff;
  z-index: 9999;
  position: relative;
  padding: 4px;
}

@media(max-width:1024px) {
  .startSuvyModal .modal-dialog {
    width: 95%;
  }

  .lottieTb {
    width: 100px;
  }

  .rightSecNew .txtRED {
    font-size: 14px;
  }

  .rightSecNew .txtRED span {
    font-size: 16px;
  }

  .lottieRAIGHTnEE {
    width: 90% !important;
  }

  .botttomArrowLO {
    width: 40px;
    margin: -20px 0px;
  }

  .tableNewFile th img,
  .tbImgBottom img {
    height: 20px;
  }

  .fontBig {
    font-size: 14px;
  }

  .lottieTb2 {
    margin: -30px 0px;
  }

  .tableNewFile td {
    font-size: 12px;

  }

  .progressMainDv {

    width: 80%;
  }

  .topCustomerSec h4,
  .topCustomerSec .sub-head {
    font-size: 16px;
  }

  .topCustomerSec .textCross {
    font-size: 12px;
  }

  .mainBtn {
    font-size: 8px 9px;
    font-size: 12px;
  }

  .viewTextAreaUL {
    width: 65%;
  }

  .askQsDiv {
    padding: 2px 0px 0px;
  }

  .mainBtnDshbord {
    padding: 8px 9px;
    font-size: 12px;
  }

  .startReview a {
    font-size: 34px;

  }

  .bar-a,
  .bar-b,
  .bar-c {
    font-size: 12px;
  }

  .thirty-six-innr h1 {
    font-size: 17px !important;
  }
}

@media(max-width:991px) {
  .navbar-brand img {
    width: 80px;
  }

  button.border-0.bg-transparent.tooltipse {
    flex-shrink: 0;
  }

  .Saved_dsh_img {
    display: flex;
  }

  .thirty-six-innr h1 {
    font-size: 14px !important;
  }

  .bar-a,
  .bar-b,
  .bar-c {
    font-size: 8px;
  }

  .tbs-all {
    padding-top: 15px !important;
  }

  .dashboard_inrs h6 {
    flex-shrink: 0;
  }

  .matrixView table th,
  .matrixView table td {
    font-size: 10px;
    font-weight: 500;
    padding: 10px 5px;
  }

  .viewTextAreaUL {
    width: 100%;
  }

  .mainOptionSelection {
    margin-top: 10px;
  }

  .matrixView {
    width: 100% !important;
  }

  .progressMainDv {
    width: 90%;
  }

  .SurvyTypeBox p {
    font-size: 10px;
  }

  .SurvyTypeBox {
    padding: 0px 5px 15px;
  }

  .SurvyTypeBox h5 {
    font-size: 14px;
  }

  .menu_top_link a {
    padding: 3px 8px;
    font-size: 12px;
  }

  .right-side-menu a {
    font-size: 12px;
  }

  .right-side-menu a img {
    height: 25px;
  }

  .navbar {
    padding: 8px 0px;
  }

  .navbar-brand {
    padding: 0px 20px;
  }

  .matrixView table .custLbl .checkmarkRadio {
    top: -9px;
  }

  .askQsDiv {
    position: inherit;
    width: 100% !important;
    margin-bottom: 60px;
  }

  .optionUlMatrix {
    border-right: 0px;
    border-bottom: 2px solid #D8D8D8;
  }

  .tooltip .tooltiptext {
    top: 23px;
    left: -35px;
    min-width: 150px;
    font-size: 9px;
    max-width: 100%;
  }

  .dotedeInput {
    width: 100%;
  }

  .viewOptionUL .option-bx {
    width: 250px;
  }

  .easySuggestUL li {
    width: auto;
  }

  .startReview a {
    font-size: 24px;
  }

  .startReview a span {
    font-size: 10px;
  }

  .btnChangeUi {
    padding: 5px 6px !important;
    font-size: 7px !important;
    margin: 0px !important;
    margin-bottom: 15px !important;
  }

  .user_end {
    padding: 8px 11px;
    font-size: 11px !important;
  }

  .Dashboard_Names {
    display: block !important;
  }

  .Apply_Main {
    width: 100% !important;
    margin-bottom: 10px;
  }

  .Dashboard_Names .dashboard_inrs {
    width: 100% !important;
  }
}

@media(max-width:767px) {
  .navbar-brand img {
    width: 150px !important;
  }

  .lottieTb {
    width: 70px;
  }

  .left-menu {
    height: 100%;
  }

  .tableNewFile th img,
  .tbImgBottom img {
    height: 15px;
  }

  .botttomArrowLO {
    width: 30px;
  }

  .rightSecNew {
    margin-top: 20px;
  }

  .tableNewFile td,
  .tableNewFile th {
    font-size: 10px;
  }

  .logicPage .page-header h1 {
    margin-bottom: 0px !important;
  }

  .Survey_trigger_Total .col {
    margin-bottom: 10px !important;
  }

  .formLogic {
    padding: 10px 10px !important;
  }

  .formLogic {
    font-size: 14px;
  }

  .tableLogic {
    padding: 15px 10px !important;
  }

  .left-experien .exp-two::after,
  .left-experien .exp-two::before {
    content: none !important;
  }

  .viewOptionUL .option-bx {
    width: 100%;
  }

  .multiChoiceSec span {
    font-size: 10px;
  }

  .option-bx input,
  .choiceText {
    font-size: 12px;
  }

  .dotedeInput input {
    font-size: 14px;
  }

  .createFixedmenu a {
    font-size: 9px;
    padding: 7px 0px;
  }

  .createFixedmenu {
    width: 80px !important;
    padding: 5px 0px !important;
    height: calc(100vh - 56px);
  }

  .optionsBox {
    padding-left: 10px;
    margin-top: 25px;
  }

  .quationSec {
    padding-top: 32px;
  }

  .quationSec h4 {
    font-size: 14px;
    margin-right: 5px;
  }

  .rangeBox {
    width: 45px;
    height: 45px;
  }

  .optionsBox ul li {
    margin-bottom: 15px;
    margin-right: 10px;
  }

  .mainCreateSec .container-fluid {
    width: calc(100% - 80px) !important;
    margin-left: 80px !important;
  }

  .left-menu {
    min-height: auto;
  }

  .content-area {
    padding-bottom: 65px;
  }

  .dotedeInput {
    width: 100%;
  }

  .create-survry-area {
    padding: 10px;
  }

  .create-left-menu {
    padding-bottom: 45px;
  }

  .imgSuvyy {
    min-height: auto;
  }

  .mainBtn,
  .mainBtn2 {
    min-width: 80px;
    font-size: 11px;
    padding: 5px 5px;
  }

  .user_end {
    padding: 8px 11px;
    font-size: 11px !important;
  }

  .mainBtn.bg_nones {
    min-width: 80px;
    font-size: 11px !important;
    padding: 5px 5px !important;
  }

  .notification-tag span {
    top: -2px !important;
    right: 6px !important;
  }

  .right-side-menu {
    display: block !important;
    margin: 0px !important;
    margin-top: 15px !important;
  }

  .menu_top_link a:hover img:first-child,
  .menu_top_link a.active img:first-child {
    display: none !important;
  }

  */ .right-side-menu li {
    float: left !important;
  }

  .searchDiv {
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 15px !important;
  }

  .searchDiv input {
    display: inline-block !important;
    width: 90% !important;
  }

  .left-menu {
    padding: 0px 0.5px !important;
    margin-bottom: 10px;
  }

  /* .menu_top_link a img{
         display:none !important;
     } */
  .page-header h1 {
    margin-bottom: 20px !important;
  }

  .menu_top_link a {
    text-align: left !important;
    padding: 5px 10px !important;
  }

  .menu_top_link li {
    width: 100%;
  }

  .menu_top_link {
    justify-content: left !important;
  }

  .dotedeInput h5 {
    font-size: 14px;
  }

  .dotedeInput span {
    font-size: 10px;
  }

  .progressMainDv {
    width: 100%;
  }

  .customTabLbl .custLbl {
    padding: 0px 5px 0px !important;
    font-size: 8px;
  }

  .progreesView {
    margin-bottom: 3px;
  }

  .customTabLbl .custLbl .checkmarkRadio {
    left: 25%;
    top: -15px;
  }

  .easySuggestUL li {
    width: 100%;
  }

  .startReview a {
    font-size: 16px;
  }

  .startReview {
    width: 100% !important;
  }

  .startReview .swipIocn img {
    height: 14px !important;
  }

  .startReview a span {
    font-size: 8px;
  }

  .comnRating img {
    max-height: 16px;
  }

  .comnRating span {
    font-size: 6px;
  }

  .ratingBoxSec {
    min-height: auto;
    width: 100%;
  }

  .orOp {
    width: 100%;
    margin: 10px 0px !important;
    font-size: 16px;
  }

  .ramboSec2 {
    width: 100%;
  }

  .emojiWatchSec {
    width: 100%;
  }

  .blockRating a {
    margin: 6px 0px;
    width: 20px;
    font-size: 10px;
    height: 20px;
  }



  .comnM {
    margin-top: -95px;
  }

  .m2 {
    margin-top: -115px;
  }

  .comnM img {
    height: auto;
    width: 30%;
  }

  .m3 img {
    width: 22%;
  }

  .m3 {
    margin-top: -123px;
  }

  .m4 img {
    width: 38%;
  }

  .m4 {
    margin-top: -112px;
  }

  .m5 img {
    width: 38%;
  }

  .Threesd-Meter {
    display: block !important;
    width: 50% !important;
    justify-content: unset !important;
  }

  .Calender-dates {
    padding: 0px !important;
  }

  /* .Filtrs-in{
align-items: flex-start;
} */
  .Filter-Report {
    width: 100% !important;
  }

  .mn-tle {
    /* display: block !important; */
    align-items: baseline;
  }

  .in_Survey {
    margin-bottom: 10px;
  }

  .Dashboard_Names {
    display: block !important;
  }

  .mainBtngrys {
    min-width: 80px;
    font-size: 11px;
    padding: 5px 5px;
  }
}




/* Rishabh css Start  */

.form-check-input.orgs:checked {
  background-color: #f27421 !important;
}

.form-check-input.orgs {
  background-color: #fff !important;
  border: 1px solid #c9c9c9;
}

.input-fcs:focus-visible {
  outline: none;
}

.drp_today a:hover {
  color: #16417e;
}

.drp_today .dropdown-item:active {
  background-color: rgb(236, 235, 235);
}

.font-wai {
  font-weight: 500;
}

.ntun-mn {
  padding: 8px 14px;
  border: 1px solid #0059a9;
  color: #0059a9;
  border-radius: 3px;
  transition: all 0.3s;
  font-size: 13px;
  background-color: #fff;
}

.ntun-mns.sche {
  padding: 8px 32px;
  border: 1px solid #0059a9;
  color: #0059a9;
  border-radius: 3px;
  transition: all 0.3s;
  font-size: 13px;
  background-color: #fff;
}

.ntun-mn:hover {
  padding: 8px 14px;
  color: #fff;
  background-color: #0059a9;
  font-weight: 400;
  text-decoration: none;
  font-size: 13px;
}

.ntun-mn.bg-nones {
  background-color: #0059a9;
  color: #fff;
  padding: 8px 14px;
}

.ntun-mn.bg-nones:hover {
  color: #0059a9;
  background-color: #ffffff00;
  font-weight: 400;
  text-decoration: none;
  font-size: 13px;
}

.ntun-mn.bg-nonese {
  color: #ffffff;
  background-color: #0059a9;
  font-weight: 400;
  text-decoration: none;
  font-size: 13px;
  padding: 11px 26px;
}

.modal-dialog.modal-dialog-centered.Language-mdl {
  --bs-modal-width: 360px;
  --bs-modal-border-radius: 3px;
}

/* The container */
.select-bx-man .check-box-language {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.select-bx-man .check-box-language input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 23px;
  width: 24px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(192, 192, 192);
}

/* On mouse-over, add a grey background color */
.select-bx-man .check-box-language:hover input~.checkmark {
  background-color: rgb(243, 243, 243);
}

/* When the checkbox is checked, add a blue background */
.select-bx-man .check-box-language input:checked~.checkmark {
  background-color: #0059a9;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.select-bx-man .check-box-language input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.select-bx-man .check-box-language .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.stp:hover {
  filter: invert(25%) sepia(89%) saturate(6650%) hue-rotate(355deg) brightness(117%) contrast(185%);
}

.viewOptionUL .option-bx span p {
  width: 25px;
  font-size: 11px;
  height: 25px;
  background-color: #5A5A5A;
  color: #FCFCFC;
  border-radius: 50%;
  float: right;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.border-quest {
  border: 1px solid #70707050;
}

.org-clr {
  color: #0059a9;
}

/* .viewOptionUL .option-bx span {
  width: 100%;
  font-size: 14px;
} */

/* Create survey Design css */

.form-check-input.org:checked {
  background-color: #0059a9;
  border-color: #0059a9;
}

.design-filter-header .form-check-input.org:checked {
  color: #0059a9 !important;
}

.form-switch .form-check-input {
  width: 3em;
  height: 1.5em;
}

.questions-bg {
  background-color: #26a8ff4d;
}

.qs {
  padding: 2px;
}

.qs span {
  background-color: #707070;
  color: #f5f5f5;
  font-size: 14px;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  text-align: center;
  padding-top: 2px;
}

.m {
  width: 60%;
}

#text-fil,
#ftrte-xt,
#ftrte-xtbst,
#catr,
#ftrte-xtb {
  display: none;
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.25);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  border: 1px solid #0059a9;
  background-color: #fff;
}

.nav-pills .nav-link,
.nav-pills .show>.nav-link {
  border: 1px solid #c9c9c9;
  background-color: #fff;
  border-radius: 2px;
}

.nav-pills .nav-link.vfr,
.nav-pills .show>.nav-link {
  width: 64px;
  height: 42px;
}

.form-check-input.org:checked .design-filter-header {
  color: #0059a9 !important;
}

.Email-2-share.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: #f275211f;
  border-color: #d8d8d8;
}

.in_Survey {
  height: 100%;
}

.bar-a,
.bar-b,
.bar-c {
  font-size: 12px;
}

@media (max-width:576px) {

  .Mobiles .lgoph {
    display: none !important;
  }

  .Mobiles {
    width: 100% !important;
    height: 100% !important;
    margin-top: 0px !important;

  }

  .fifty {
    position: absolute;
    margin-bottom: 20px !important;
  }

  .imag-phn,
  .Mobiles {
    width: 100% !important;
    overflow: inherit !important;
    padding: 0px !important;
  }

  .mann-nien {
    margin-top: 20px !important;
  }

  .pwd {
    font-size: 13px !important;
  }

  .Mobiles {
    margin-top: 0px !important;
  }

  .ment {
    width: 100% !important;
  }

  .m {
    width: 100% !important;
  }

  .m0-0 {
    margin-left: 0px !important;
  }

  .arow-next {
    display: none !important;
  }

  .Mmail_Email {
    height: 45vh !important;
  }

  .all-0p {
    padding: 0px !important;
  }

  .ntun-mns.sche {
    padding: 12px 20px !important;
  }

  .ntun-mn.bg-nonese {
    padding: 12px 20px !important;
  }

  .Custmize_setting {
    position: inherit !important;
    margin-bottom: 20px;
    transform: none !important;
    left: 0px !important;
    top: 0px !important;

  }

  .mn-like {
    margin-bottom: 50px !important;
  }



  .mn-tle {
    display: block !important;
  }

  .Threesd-Meter {
    display: block !important;
    width: 100% !important;
  }

  .Filter-Report {
    width: 75% !important;
  }

  .Filtrs-Mater {
    justify-content: start !important;
    margin: 10px 0px;
  }

  .Calender-dates {
    padding: 0px !important;
    margin: 10px 0px !important;
  }

  /* Report Res start */
  .in_Survey {
    margin-bottom: 10px;
  }

  .Edit-smith {
    display: block !important;
  }

  .Edit_Dots {
    margin-top: 10px;
  }

  .User-Man {
    display: block !important;
  }

  .User-Man h6 {
    font-size: 15px !important;
  }

  .prd-Sent {
    display: block !important;
    margin-bottom: 10px;
  }

  .Nps-Dot {
    display: block !important;
    justify-content: space-between !important;
  }

  .tbs-all {
    display: block !important;
  }

  .Expt {
    margin-bottom: 10px;
  }

  .tabs-al-cloud ul li {
    margin-bottom: 10px;
  }

  .Branch_Report_Nps {
    align-items: baseline !important;
  }

  .Nps-Dot.end-sec {
    display: flex !important;
    top: 150px !important;
  }

  .end-section-n {
    top: 150px !important;
  }

  .trig {
    align-items: baseline !important;
  }

  .Action_plamns {
    display: flex !important;
    justify-content: inherit !important;
  }

  .Three_pas {
    display: flex !important;
  }

  /* Report Res Close */
  .frst_col-Man {
    display: block !important;
  }

  .Product-Qulity-innr {
    width: 100% !important;
  }

  .m_btm {
    margin-bottom: 5px !important;
  }

  .icons-four {
    text-align: center !important;
  }

  .Roles {
    display: block !important;
  }

  .Schedule_r {
    display: block !important;
  }

  .splite-emml {
    display: block !important;
  }

  .dashboard_inrs {
    width: 100% !important;
    display: block !important;
  }

  .dashboard_inrs input {
    width: 100% !important;
    margin: 10px 0px;

  }

  .Dashboard_Names {
    display: block !important;
  }

  .dashboard-tooltps-names {
    display: block !important;
  }

  .Apply_Main {
    width: 100%;
    justify-content: start !important;
  }

  .mainBtngrys {
    padding: 8px 25px !important;
    font-size: 12px;
  }

  #myChart4 {
    width: 100% !important;
    height: 100% !important;
  }

  #horizontalBarChartCanvas {
    width: 100% !important;
    height: 100% !important;
  }

  #myChartline {
    width: 100% !important;
    height: 100% !important;
  }

  .Two_QUEss {
    margin-left: 0px !important;
  }

  .form-check.audit {
    margin-left: 0px !important;
  }

  .rowPlnLists {
    margin-left: 0px !important;
  }

  /* Employee feedback */
  .Emp_Name {
    width: 100% !important;
  }

  /* Employee feedback */
  .Jump_to {
    display: block !important;

  }

  .fromse_Sele {
    width: 100% !important;
  }

  .cntredio {
    width: 100%;
  }

  .Like-thumb {
    width: 100px !important;
  }
}

.picker input {

  outline: 0;
  width: 30px;
  height: 29px;
  border-radius: 6px !important;
  border: 1px solid rgb(206, 206, 206);
  padding: 0px;
  border: none;
}


/* width */
.scrl::-webkit-scrollbar {
  width: 10px;
  display: none;
}

/* Track */
.scrl::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.scrl::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.scrl::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.Mobiles {
  margin-top: 50px !important;
}

.arow-next {
  position: absolute;
  top: 40%;
  right: 12px;
  padding: 5px;
  border-radius: 3px 0px 0px 3px;
  z-index: 999;
}

.blue-bg-clr {
  background-color: #354C9E;
}


.ment {
  width: 100%;
}

.ment img {
  object-fit: cover;
}

#text-fil,
#ftrte-xt,
#ftrte-xtbst,
#catr,
#ftrte-xtb {
  display: none;
}


.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background-color: #0059a9;
  color: #fff;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {
  background-color: #d8d8d8;
  color: #000;
}

.org-bg-clr {
  background-color: #0059a9;
}

.span_emil {
  color: rgb(8, 8, 8);
  background-color: rgba(53, 76, 158, 0.308);
  padding: 6px 12px;
  border-radius: 2px;
  border: 1px solid rgb(163, 163, 163);
  font-size: 12px;
}

.cus {
  background-color: rgba(53, 76, 158, 0.308);
  padding: 12px 21px;
  font-size: 12px;
  border-radius: 5px 5px 0px 0px;
}

.border-orange-top {
  border: 2px solid #0059a9;
}

.grays-clr {
  color: #818E94;
}

.grays-bg-clr {
  background-color: #dfdfdf;
}

.span_emil p {
  width: max-content;

}

.tabSettingBox .nav {
  justify-content: space-between;
}

.tabSettingBox .nav-link {
  background-color: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  color: #707070;
  font-size: 13px;
  font-weight: 600;
}

.crossSeetingSec {
  border-right: 1px solid #D8D8D8;
  padding-right: 15px;
}

.plusCrossOp {
  width: 19px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  background-color: #707070;
  color: #fff;
  font-size: 15px;
  margin-left: 7px;
}

.selectQsCross {
  padding: 15px 10px;
  border: 1px solid #dcdbdb;
}

.selectQsCross label {
  color: #354C9E;
  font-size: 11px;
  font-weight: 500;
}

.selectQsCross h6 {
  font-size: 12px;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
}

.selectQsCross h6 a {
  color: #707070;
  font-size: 18px;
  flex-shrink: 0;
  margin-left: 5px;
}


.tableViewCross table tr td.bg-transprent {
  background-color: transparent !important;
}

.tableViewCross table tr td.bg-lightBlue {
  background-color: #E9F2FC !important;
}

.picker input {

  outline: 0;
  width: 30px;
  height: 29px;
  border-radius: 6px !important;
  border: 1px solid rgb(206, 206, 206);
  padding: 0px;
  border: none;

}

.tableViewCross table tr td.bg-darkBlue {
  background-color: #DCF4FF !important;
}

.tableViewCross table tr td.bg-lightGray {
  background-color: #EEEEEE !important;
}

.priceWithGender {
  align-items: center;
  justify-content: center;

}

.ppTextCount {
  padding: 0px 5px;
  height: 100%;
  margin: 0px 10px;
  width: 45px;
}

.ppTextCount p {
  background-color: #EEEEEE;
  height: auto;
  margin: 5px 0px;
  min-height: 50px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.selectQsCross h6 a:hover {
  color: red;
}

.filtergryTxt {
  font-size: 12px;
  color: #C0C0C0;
}

.selectQsCross .form-select {
  font-size: 12px;
}

.filterCheckPs .custLbl {
  color: #000;
}

.tabSettingBox .nav-link:hover,
.tabSettingBox .nav-link.active {
  border-color: #354C9E;
  color: #354C9E;
  background-color: transparent;
}

/* modal trigar modal Css */

.modal-dialog.modal-dialog-centered.survey_trigar {
  --bs-modal-width: 400px;
  --bs-modal-border-radius: 3px;
}

.modal-dialog.modal-dialog-centered.SetRemnder {
  --bs-modal-width: 400px;
  --bs-modal-border-radius: 3px;
}

/* modal trigar modal end css */

/* Create survey Design end css */

/* Email Template css */
.offcanvas.offcanvas-end.Edt-Email {

  --bs-offcanvas-width: 700px;
}

.input-group-text.imprt {
  padding: 0.50rem 0.50rem;
  background-color: #0059a9 !important;

}

/* Email template design End  */

/* Share css */
.share-box .imgbox {
  height: 50px;
}

.share-box .imgbox img {
  width: 100%;
  height: 100%;
}

.shr-bx {
  margin-bottom: 10px;
  max-height: 180px;

}

.modal-dialog.modal-dialog-centered.QRC {
  --bs-modal-width: 370px;
  --bs-modal-border-radius: 3px;
}

/* Share css end */
/* Rishabh css End */
/* The container */
.Like-thumb {
  display: block;
  position: relative;
  border-radius: 2px;
  cursor: pointer;
  background-color: #d8d8d8;
}

/* Hide the browser's default radio button */
.Like-thumb input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* On mouse-over, add a grey background color */
.Like-thumb:hover input~.checkmarksen {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.Like-thumb input:checked~.checkmarksen {
  background-color: #0059a9;
  border-radius: 2px;
}

.Like-thumb input:checked~.checkmarksen span {
  color: #ffffff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarksen:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.Like-thumb input:checked {
  display: none;
}

/* Style the indicator (dot/circle) */
.Like-thumb .checkmarksen:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.Like-thumb input:checked~.checkmarksen img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(82deg) brightness(200%) contrast(150%);
}



/* Report css start */

.blu-clrs {
  color: #354C9E;
}

.ques-clr70 {
  background-color: #f47221ad;
}

.dropdown.Editsn a:hover {
  color: #354C9E;

}

.red-clr {
  color: red;
}

/* .dropdown.Editsn .Edit_next .upld-img a:hover{
  filter: invert(26%) sepia(14%) saturate(7198%) hue-rotate(211deg) brightness(88%) contrast(85%);
} */
.stacked-bar-chart {

  padding: 0px 10px;
}

.bar-a {
  background-color: #F51818;
  color: #fff;
}

.bar-b {
  background-color: #FFB740;
  color: #fff;
}

.bar-c {
  background-color: #09933B;
  color: #fff;
}

.opacity-0 {
  opacity: 0;
}

.Detrector span {
  height: 7px;
  width: 7px;
  background-color: #F51818;
  border-radius: 50%;
}

.Passive span {
  height: 7px;
  width: 7px;
  background-color: #FFB740;
  border-radius: 50%;
}

.Promotor span {
  height: 7px;
  width: 7px;
  background-color: #09933B;
  border-radius: 50%;
}

.thirty-six-innr {
  /* padding: 35px 0px; */
  min-height: 94%;
  padding-top: 36px;
  margin-top: 5px;
}

/* nps responsis rating section css */
.likert {

  width: 100%;
  margin: 0;

  display: block;

}



.likert:before {
  content: '';
  position: relative;
  top: 11px;
  left: 0%;
  display: block;
  background-color: #c5c5c5;
  height: 2px;
  width: 84%;
}

.likert li {
  display: inline-block;
  width: 8%;
  text-align: center;
  vertical-align: top;
}

.likert li span {
  display: block;
  position: relative;
  top: 6px;
  left: 25%;
  margin-left: -6px;
  height: 8px;
  width: 8px;
  background-color: #354C9E;
}

.blue-clr {
  color: #354C9E;
}

.likert li label {
  width: 100%;
}


/*  */
#chartdiv {

  width: 100%;

  height: 200px;
  margin: auto;
  padding-top: 10px;

  width: 100%;

  height: 100%;
  margin: auto;
  padding-top: 30px;

}

/* trigger css  */

.head-report {
  color: gray;
  font-weight: 600;
  font-size: 18px;
}

.main-box {
  background-image: url(img/Intersection\ 2.svg);
  height: 100%;

  background-repeat: no-repeat;
  /* background-size: cover; */
}

.sub-head {
  color: #045FA0;
  font-size: 18px;
}

.subtosub {
  font-size: 12px;
  line-height: 20px;
}

.btn-card-button {
  width: 150px;
  background-color: #0059a9;
  color: white;
  padding: 10px;
  font-size: 14px;
  border-radius: 5px;
}

.btn-card-button:hover {
  background-color: #0059a9;
  color: white;
}

.card-dection {
  box-shadow: 0px 0px 15px #00000012;
  border-radius: 10px;
}

.shadow-smee {
  box-shadow: 0px 0px 15px #00000012;
  border-radius: 15px;
  background-image: url('../img/Intersection-banner.svg');
  background-position: left;
  background-repeat: no-repeat;
}

#file_upload_section input {
  position: absolute;
}

@media(max-width:767px) {
  .main-box {
    padding: 15px !important;
  }

  .card-dection {
    margin-bottom: 15px;
  }


  .shadow-smee {
    background-position: top;
  }

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


.progress {
  width: 66px;
  height: 66px;
  font-size: 15px;
  color: #fff;
  background-color: #fff;

  position: relative;



}

/* .progress::after {content: "%"; color: #F47321; font-weight: 500; z-index: 1; margin-top: 23px;} */

.progress .title {
  position: relative;
  z-index: 100;
}

.progress .overlay {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

}

.progress .left,
.progress .right {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 8px solid #0059a9;
  border-radius: 100px 0px 0px 100px;
  border-right: 0;
  transform-origin: right;
}

.progress .left {
  animation: load1 1s linear forwards;
}

.progress:nth-of-type(2) .right,
.progress:nth-of-type(3) .right {
  animation: load2 .5s linear forwards 1s;
}

.progress:last-of-type .right,
.progress:first-of-type .right {
  animation: load3 .8s linear forwards 1s;
}

@keyframes load1 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(180deg);
  }
}

@keyframes load2 {
  0% {
    z-index: 100;
    transform: rotate(180deg);
  }

  100% {
    z-index: 100;
    transform: rotate(270deg);
  }
}

@keyframes load3 {
  0% {
    z-index: 100;
    transform: rotate(180deg);
  }

  100% {
    z-index: 100;
    transform: rotate(315deg);
  }
}

.greens-clr {
  color: #0E9023;

}

.greens-bg-clr {
  background-color: #A4C45D;

}

/* Trigger end */

/* user management */
.user-img {
  margin-right: -0.5rem !important;
  width: 36px;
  margin: 5px;
  border-radius: 50%;
}

.user-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.background {
  background-color: rgb(223, 223, 223);
}

/* uder management */

/* cloud */
.bg-gradient {
  /* background: transparent linear-gradient(262deg, var(--unnamed-color-354c9e) 0%, #1B264F 100%) 0% 0% no-repeat padding-box; */
  background-image: linear-gradient(262deg, #354C9E 0%, #1B264F 100%) !important;
  box-shadow: 0px 0px 21px #00000054;
  border-radius: 10px;
  opacity: 1;
}

.box_shdow {
  box-shadow: 0px 0px 6px #0000001A;
  border-radius: 2px;
}

.tbs-all .tabs-al-cloud .nav-link.active,
.nav-pills.clouds>.nav-link {
  background-color: #0059a9;
  border: 0;
  color: #fff;

}

.tbs-all .tabs-al-cloud .nav-link,
.nav-pills.clouds>.nav-link {
  background-color: #f0f0f0;
  border: 0;
  font-size: 12px;
  margin-right: 10px;
  color: #000;
  font-weight: 500;

}

/* cloud end */

/* Product Category start */

.rogres-red-light {
  background-color: #EC6666;
}

.rogres-gr-light {
  background-color: #686868;
}

.gr-light {
  color: #686868;
}

.red-light {
  color: #EC6666;
}

.red-bg-light {
  background-color: #EC6666;
}

.bg-gr {
  background-color: #7388A95A;
}

.sentimate-categry .nav-link,
.nav-pills.clouds>.nav-link {
  background-color: transparent;
  border: 0;

}

.sentimate-categry .nav-link.active,
.nav-pills.clouds>.nav-link {
  border: 0;
}

.graph_container {
  display: block;
  width: 600px;
}

/* .modebar.modebar--hover{
  opacity: 0;
  display: none;
}
.main-svg{
  background-color: transparent;
} */
.chart {
  max-width: 400px;
}

.yAxis {
  font-size: 1.2em;
}

.yAxis dt {
  float: left;
  width: 22%;
  text-align: right;
  min-height: 20px;
  line-height: 20px;
}

.yAxis dd {
  min-height: 20px;
  line-height: 20px;
  color: white;
  text-align: right;
  font-weight: bold;
  margin-left: 24%;
  background-color: #506CAE;
  width: 74%;
  text-indent: 999999px;
}

.yAxis dd:hover {
  background-color: #34549E;
  cursor: pointer;
}

.yAxis dt,
.yAxis dd {
  padding: 0 4px;
  margin-bottom: 2px;
  box-size: border-box;
}

.xAxis {
  white-space: nowrap;
  border-top: 1px solid #ccc;
  margin-top: 5px;
  margin-left: 24%;
}

.xAxis li.last {
  float: right;
  padding-right: 6px;
}

.xAxis li {
  display-inline: block;
  float: left;
  padding: 2px 0;
}

/* Product category end */

.qtpieInside {
  border-radius: 100%;
  position: absolute;
  left: 20%;
  width: 60%;
  top: 50%;
  margin-top: -20px;
  font-size: 30px;
  line-height: 70px;
  overflow: hidden;
  text-align: center;
  color: #ecf0f1;
}

#qtpie {
  position: relative;
  display: block;
  display: none;
  margin: 30px auto;
  width: 50%;
  height: 50%;
}

/* COLORS */

.Photoshop {
  fill: #2980b9;
  font-size: 14px;
}

.Photoshop:hover {
  fill: #3498db;
}

.Illustrator {
  fill: #f39c12;
}

.Illustrator:hover {
  fill: #f1c40f;
}

.InDesign {
  fill: #8e44ad;
}

.InDesign:hover {
  fill: #9b59b6;
}

.fourth {
  fill: #c0392b;
}

.fourth:hover {
  fill: #e74c3c;
}

.five {
  fill: #27ae60;
}

.five:hover {
  fill: #2ecc71;
}

.bg-light-tbl {
  background-color: #F4F7FC;
}

.prdc-ctr-set-bg {
  background-color: #F5F5F5;
}

.pdg-et {
  padding: 8px 0px;
}

/* tab */
canvas#horizontalBarChartCanvas {
  /* max-width: 768px; */
  width: 100% !important;
  height: 364px !important;
}

/* tab */



/* line chart */

#myChartline {

  width: 100% !important;
  height: 450px !important;
}

/* linechart */

/* nps by Zone  */

#myChartint {
  width: 100% !important;

}

/* Nps by zone */
/* Time line start */

/* time line end  */

/* nps branch */

/* nps by branch */

/* Zonal report */
.bar-clr-sky {
  background-color: #A3A1FB;
}

.bar-clr-gr {
  background-color: #5EE2A0;
}

.bar-clr-pin {
  background-color: #FF6565;
}

.bar-clr-yel {
  background-color: #FEC163;
}

.bar-clr-sky-lt {
  background-color: #FFA177;
}

/* #chartdive {
  width: 100%;
  height: 500px
} */

/* Zonal report */


/* Edit Dashboard */
.bg-light-NpsEdit {
  background-color: #EFEFEF;

}

/* width */
.scroll-bE::-webkit-scrollbar {
  width: 4px;
  border-radius: 5px;
  height: 4px;
}

/* Track */
.scroll-bE::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.scroll-bE::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}

/* Handle on hover */
.scroll-bE::-webkit-scrollbar-thumb:hover {
  background: #555;
  border-radius: 5px;
}

/* Noutification scrl css start  */
/* width */
.scroll-not::-webkit-scrollbar {
  width: 0px;
  border-radius: 5px;
}

/* Track */
.scroll-not::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.scroll-not::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 5px;
}

/* Handle on hover */
.scroll-not::-webkit-scrollbar-thumb:hover {
  background: #fff;
  border-radius: 5px;
}


/* Noutification scrl css end */
/* Edit Dashboard */

.Rajesh_mn {
  object-fit: cover;
  object-position: center;


}

.Rajesh_mn img {
  width: 90px;

}

/* Report css end */

/* Report css end */
.Like-thumb input:checked~.checkmarksen img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(82deg) brightness(125%) contrast(300%);
}

.grau-dark-clr {
  background-color: #f5f5f5;
}

.border-clr {
  border-color: #0059a9;
}

.nav-pills.setings-tab .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: #ffffff;
  color: black;
  font-weight: 600;
}

.nav-pills.setings-tab .nav-link,
.nav-pills .show>.nav-link {
  color: #868686;
  /* border-bottom: 1px solid; */
}

.prf-mn img {
  object-fit: cover;
  object-fit: contain;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.gray-text {
  color: #616161;
}

.grayback-text {
  background-color: #e7e7e7;
}

.prf-mn {
  width: 110px;
}

.upload-img {
  border: 1px solid #0059a9;
  padding: 7px 14px;
  border-radius: 3px;
}

.panel {
  margin: 50px auto 40px;
  max-width: 500px;
  text-align: center;
}

.button_outer {
  /* background: #F47321; */
  border-radius: 30px;
  text-align: center;
  height: 50px;
  width: 200px;
  display: inline-block;
  transition: 0.2s;
  position: relative;
  overflow: hidden;
}

.button_outer_2 {
  /* background: #F47321; */
  border-radius: 30px;
  text-align: center;
  height: 50px;
  width: 200px;
  display: inline-block;
  transition: 0.2s;
  position: relative;
  overflow: hidden;
}

.btn_upload {
  padding: 17px 30px 12px;
  color: black;
  text-align: center;
  position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 3;
  white-space: nowrap;
}

.btn_upload input {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  width: 100%;
  height: 105%;
  cursor: pointer;
  opacity: 0;
}

.file_uploading {
  width: 100%;
  height: 10px;
  margin-top: 20px;
  background: #ccc;
}


.file_uploading .btn_upload {
  display: none;
}

.processing_bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  border-radius: 30px;
  background: #0059a9;
  transition: 3s;
}

.file_uploading .processing_bar {
  width: 100%;
}

.success_box {
  display: none;
  width: 50px;
  height: 50px;
  position: relative;
}

.success_box:before {
  content: "";
  display: block;
  width: 9px;
  height: 18px;
  border-bottom: 6px solid #fff;
  border-right: 6px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 20px;
  top: 14px;
}

.file_uploaded .success_box {
  display: inline-block;
}

.file_uploaded {
  margin-top: 0;
  width: 50px;
  background: #0059a9;
  height: 50px;
}

.uploaded_file_view {
  margin: 40px auto;
  text-align: center;
  position: relative;
  transition: 0.2s;
  opacity: 0;

  padding: 15px;
}

.uploaded_file_view img {
  max-width: 100%;
}

.uploaded_file_view.show {
  opacity: 1;
}

.error_msg {
  text-align: center;
  color: #f00;
}

.form-check .form-check-input {
  float: none;
}

.form-check-input.org:checked {
  background-color: #0059a9;
  border-color: #0059a9;
}

.form-switch .form-check-input {
  width: 3em;
  height: 1.5em;
}

.ntun-mn {
  padding: 8px 14px;
  border: 1px solid #0059a9;
  color: #0059a9;
  border-radius: 3px;
  transition: all 0.3s;
}

.ntun-mn:hover {
  padding: 8px 14px;
  color: #fff;
  background-color: #0059a9;
  font-weight: 400;
  text-decoration: none;
  font-size: 13px;
}

.ntun-mn.bg-non:hover {
  color: #0059a9;
  background-color: #ffffff00;

  /* letter-spacing: 1.5px; */
  font-weight: 400;
  text-decoration: none;
  font-size: 14px;
}

.ntun-mn.bg-non {
  color: #fff;
}

.basic tr {
  border-bottom: 1px solid #d1d1d1;
}

.basic tr,
td {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  width: 25%;
}

.modal-dialog.modal-dialog-centered.users {
  --bs-modal-width: 800px;
  --bs-modal-border-radius: 3px;
}

/* width */
.sclrTransparent::-webkit-scrollbar {
  width: 4px;
}

/* Track */
.sclrTransparent::-webkit-scrollbar-track {
  background: #eee;
}

/* Handle */
.sclrTransparent::-webkit-scrollbar-thumb {
  background: #9a9898;
}

/* Handle on hover */
.sclrTransparent::-webkit-scrollbar-thumb:hover {
  background: #9a9898;
}

.form-check-input.inporg:checked {
  background-color: #0059a9;
  border-color: #0059a9;
}

.form-check-input.inporg {
  width: 1.4em;
  height: 1.3em;
  border-radius: 2px;
}

#changep {
  display: none;
}

.form-check-input:focus {
  display: none;
}

#uploadImg {
  display: inline-block;
  cursor: pointer;
}

#removePass {
  cursor: pointer;
}


.draggable {
  will-change: transform;

  list-style-type: none;


  cursor: move;
  transition: all 200ms;
  user-select: none;
  margin: 10px auto;
  position: relative;
}


/* .like-images{
  width: 280px;
  height: 170px;
} */
.Lioke-thmb-green {
  object-fit: cover;
  object-position: center;
}

.Lioke-thmb-green .like-images {
  width: 200px;

}

.quad_rent_clr {
  background-color: #FFF3EC;


}

.p-10 {
  padding: 10px 0px;
}

.lorm-ip-bg-clr {
  background-color: #EAF2FF;
}

.mainBtn.bg_nones {
  padding: 8px 15px;
  border: 1px solid #0059a9;
  color: #0059a9 !important;
  background-color: #ffffff;
  border-radius: 5px;
  /* letter-spacing: 1.5px; */
  font-weight: 400;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s;
}

.user_mn_bg {
  background-color: #F2F1F1;

}

.m_btm {
  margin-bottom: 85px;
}

.User_tbl_cor {
  box-shadow: 0px 0px 10px #00000024;
  border: 1px solid #d9d9d9;
}

.org-IMG:hover {

  filter: invert(20%) sepia(57%) saturate(5537%) hue-rotate(348deg) brightness(99%) contrast(93%);
}

.org-IMG-Blue:hover {
  filter: invert(0%) sepia(8%) saturate(7052%) hue-rotate(198deg) brightness(96%) contrast(95%);
}

.modal-dialog.modal-dialog-centered.User_man {
  --bs-modal-width: 500px;
  --bs-modal-border-radius: 3px;
}

.modal-dialog.modal-dialog-centered.Accessibility {
  --bs-modal-width: 500px;
  --bs-modal-border-radius: 3px;
}

.modal-dialog.modal-dialog-centered.Dele_te {
  --bs-modal-width: 400px;
  --bs-modal-border-radius: 3px;
}

.Usee_Mn_IN {
  border: 2px solid #c7c7c7 !important;
  /* border: 1px solid var(--unnamed-color-707070) !important; */
  border-radius: 2px;
}

.Assestes_btn {
  padding: 8px 22px;
  border: 1px solid #0059a9;
  color: #0059a9;
  border-radius: 3px;
  font-size: 14px;
  background-color: transparent;
}

.Assestes_btns {
  padding: 8px 22px;
  border: 1px solid #0059a9;
  color: #fff;
  border-radius: 3px;
  font-size: 14px;
  background-color: #0059a9;
}

/* Modal checkbox css */
.check_bx .form-check {
  padding: 0;
  display: flex;
  justify-content: center;

}

.check_bx .form-check-input:checked {
  background-color: #0059a9;
  border-color: #0059a9;
}

.check_bx .form-check-input[type=checkbox] {
  border-radius: 0px;
}

.check_bx .form-check-input {
  width: 1.2em;
  height: 1.2em;
}

.check_bx_sche .form-check-input {
  width: 1.2em;
  height: 1.2em;
}

.check_bx_sche .form-check-input[type=checkbox] {
  border-radius: 0px;
}

.check_bx_sche .form-check-input:checked {
  background-color: #0059a9;
  border-color: #0059a9;
}

/* Modal checkbox css close */
.user_end {
  padding: 8px 11px;
}

.Schedule_Mn_bdr {
  border: 2px solid #e4e4e4 !important;
  /* border: 1px solid var(--unnamed-color-707070) !important; */
  border-radius: 2px;
}

.btn-out-dashed {
  outline: 1px dashed #cfcfcf;
  outline-offset: -5px;
}

.dashed {
  outline: 1px dashed #cfcfcf;
  background-color: #F4F7FC;
}

.Sche-modl:hover {
  background-color: #16417e;
  color: #fff;
}

.Sche-modl {
  transition: all 1s;
}

.Sche-modl:hover span,
.Sche-modl:hover p,
.Sche-modl:hover h6 {
  color: #fff !important;
}


.sche_Hsix::before {
  content: '';
  height: 15px;
  width: 2px;
  border-radius: 20px;
  margin-right: 5px;
  background-color: #16417e;
  margin-top: 5px;
  display: inline-block;
}

.fontsi10 {
  font-size: 10px;
}

.gd-morning.show {
  filter: invert(60%) sepia(54%) saturate(4323%) hue-rotate(348deg) brightness(99%) contrast(93%);
}

.modal-dialog.modal-dialog-centered.Dashb {
  --bs-modal-width: 460px;
  --bs-modal-border-radius: 3px;
}

/*
.tooltipse {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltipse .tooltiptextse {
  visibility: hidden;
  width: 80px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 127%;
  left: 50%;
  margin-left: -43px;}

.tooltipse .tooltiptextse::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.tooltipse:hover .tooltiptextse {
  visibility: visible;
} */
.Saved_dsh_img button::after {
  content: '|';
  display: inline-block;
  color: #cfcfcf;
}

.Saved_dsh_img button:last-child::after {
  content: '|';
  display: inline-block;
  color: #cfcfcf;
  display: none;
}

.mainBtngrys {
  padding: 8px 42px;
  border: 1px solid #fff;
  color: #fff;
  background-color: #9E9A9A;
  border-radius: 5px;
  /* letter-spacing: 1.5px; */
  font-weight: 400;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s;
}

.dtHorizontalExampleWrapper {
  max-width: 600px;
  margin: 0 auto;
}

#dtHorizontalExample td {
  /* width: 100%; */
  vertical-align: middle;
}

#dtHorizontalExample th,
td {
  white-space: nowrap;
  padding-left: 15px;
}

.chartdiv {
  width: 100%;
  height: 100%;
  padding-top: 30px !important;
}

/* Chitra mam code start */

.compete-box {
  box-shadow: 0px 0px 6px #00000029;
  background-color: #fff;
  padding: 15px 12px;
  height: 100%;
}

.compete-box p {
  text-align: right;
  color: #354052;
  font-size: 14px;
  font-weight: 500;
}

.backText {
  color: #0059a9;
  font-weight: 400;
  font-size: 16px;
}

.imgBoxComp {
  justify-content: space-between;
  align-items: baseline;

}

.imgBoxComp img {
  height: 60px;
}

.imgBoxComp h4 {
  font-size: 36px;
  color: #0059a9;
}

.bgSimple {
  border-radius: 5px;
  padding: 15px;
  box-shadow: 0px 0px 6px #0000001a;
  background-color: #fff;
}

/* Chitra mam code end  */
.Two_QUEss {
  margin-left: 20px;
}

.noti:hover {
  color: #0059a9 !important;
}

.noti {
  color: #818E94 !important;
}

/* Noutification header css start  */


.notification-menu {

  background-color: #fff;
  border: #989898;
  padding: 10px;
  list-style: none;
  width: 300px;

  text-align: left;
  overflow: auto;
  height: 420px;

}

.fw-fiveh {
  font-weight: 500;

}

.notification-menu li {
  padding: 1px 10px;
  margin-bottom: 1px;
}

.bgcl {
  background-color: rgb(253 149 63 / 27%);
}

.forangesize.lin {
  line-height: normal;
}

.modal {
  --bs-modal-zindex: 1100;
}

.first_box_input input {
  border-bottom: 2px solid #b9b9b9 !important;

}

/* Noutification css end */

#Series_Toolt {
  display: none;
}

/* #Series_Toolt{
  display: none;
} */
/* .vfvf #Series_Toolt{
  display: block;
} */


.vfvf {
  position: relative;
  display: inline-block;

}

.vfvf .tooltiptextse {
  visibility: hidden;
  width: 250px;
  background-color: white;
  color: black;
  box-shadow: 0px 0px 6px #00000029;
  border-radius: 3px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 117%;

  left: 30px;
  top: 45px;

}

/* .vfvf .tooltiptextse::after {
  content: "";
  position: absolute;
  bottom: 99%;
  left: 84%;
  margin-left: -5px;
  border-width: 3px;
  border-style: solid;
  border-color: transparent transparent white transparent;
  width: 8px;
  box-shadow: 0px 0px 6px #00000029;

} */

.vfvf:hover .tooltiptextse {
  visibility: visible;
}

/* .viewOptionULs .option-bx{
  width: 250px;
} */


/* Re[port  progress bar round*/
.progress-circle {
  background-color: #ddd;
  border-radius: 50%;
  display: inline-block;
  height: 4rem;
  /* margin: 4rem 2rem 0; */
  position: relative;
  width: 4rem;
}

.progress-circle:before {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  content: attr(data-progress) '%';
  display: flex;
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
  position: absolute;
  left: 10px;
  right: 10px;
  color: #0059a9;
  top: 10px;
  bottom: 10px;
  transition: transform 0.2s ease;
}

.progress-circle:after {
  background-color: #0059a9;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 100%;
  width: 100%;
}

/* .progress-circle:hover:before,
.progress-circle:focus:before {
  transform: scale(0.8);
} */
/**
* $step is set to 5 by default, meaning you can only use percentage classes in increments of five (e.g. 25, 30, 45, 50, and so on). This helps to reduce the size of the final CSS file. If you need a number that doesn't end in 0 or 5, you can change the text percentage while rounding the class up/down to the nearest 5.
*/

.progress-circle:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(97.2deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="3"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(100.8deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="4"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(104.4deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="5"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(108deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="6"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(111.6deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="7"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(115.2deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="8"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(118.8deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="9"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(122.4deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="10"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(126deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="11"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(129.6deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="12"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(133.2deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="13"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(136.8deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="14"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(140.4deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="15"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(144deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="16"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(147.6deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="17"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(151.2deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="18"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(154.8deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="19"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(158.4deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="20"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(162deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="21"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(165.60000000000002deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="22"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(169.2deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="23"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(172.8deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="24"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(176.4deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="25"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(180deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="26"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(183.60000000000002deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="27"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(187.2deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="28"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(190.8deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="29"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(194.4deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="30"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(198deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="31"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(201.60000000000002deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="32"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(205.2deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="33"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(208.8deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="34"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(212.4deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="35"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(216deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="36"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(219.6deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="37"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(223.20000000000002deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="38"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(226.8deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="39"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(230.4deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="40"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(234deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="41"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(237.6deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="42"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(241.20000000000002deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="43"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(244.8deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="44"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(248.4deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="45"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(252deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="46"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(255.6deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="47"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(259.20000000000005deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="48"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(262.8deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="49"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(266.4deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="50"]:after {
  background-image: linear-gradient(-90deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="51"]:after {
  background-image: linear-gradient(-86.4deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="52"]:after {
  background-image: linear-gradient(-82.8deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="53"]:after {
  background-image: linear-gradient(-79.2deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="54"]:after {
  background-image: linear-gradient(-75.6deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="55"]:after {
  background-image: linear-gradient(-72deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="56"]:after {
  background-image: linear-gradient(-68.4deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="57"]:after {
  background-image: linear-gradient(-64.8deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="58"]:after {
  background-image: linear-gradient(-61.2deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="59"]:after {
  background-image: linear-gradient(-57.6deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="60"]:after {
  background-image: linear-gradient(-54deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="61"]:after {
  background-image: linear-gradient(-50.4deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="62"]:after {
  background-image: linear-gradient(-46.8deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="63"]:after {
  background-image: linear-gradient(-43.199999999999996deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="64"]:after {
  background-image: linear-gradient(-39.6deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="65"]:after {
  background-image: linear-gradient(-36deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="66"]:after {
  background-image: linear-gradient(-32.4deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="67"]:after {
  background-image: linear-gradient(-28.799999999999997deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="68"]:after {
  background-image: linear-gradient(-25.200000000000003deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="69"]:after {
  background-image: linear-gradient(-21.599999999999994deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="70"]:after {
  background-image: linear-gradient(-18deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="71"]:after {
  background-image: linear-gradient(-14.399999999999991deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="72"]:after {
  background-image: linear-gradient(-10.799999999999997deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="73"]:after {
  background-image: linear-gradient(-7.200000000000003deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="74"]:after {
  background-image: linear-gradient(-3.599999999999994deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="75"]:after {
  background-image: linear-gradient(0deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="76"]:after {
  background-image: linear-gradient(3.600000000000009deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="77"]:after {
  background-image: linear-gradient(7.200000000000003deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="78"]:after {
  background-image: linear-gradient(10.799999999999997deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="79"]:after {
  background-image: linear-gradient(14.400000000000006deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="80"]:after {
  background-image: linear-gradient(18deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="81"]:after {
  background-image: linear-gradient(21.60000000000001deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="82"]:after {
  background-image: linear-gradient(25.200000000000003deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="83"]:after {
  background-image: linear-gradient(28.799999999999997deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="84"]:after {
  background-image: linear-gradient(32.400000000000006deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="85"]:after {
  background-image: linear-gradient(36deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="86"]:after {
  background-image: linear-gradient(39.599999999999994deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="87"]:after {
  background-image: linear-gradient(43.20000000000002deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="88"]:after {
  background-image: linear-gradient(46.80000000000001deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="89"]:after {
  background-image: linear-gradient(50.400000000000006deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="90"]:after {
  background-image: linear-gradient(54deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="91"]:after {
  background-image: linear-gradient(57.599999999999994deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="92"]:after {
  background-image: linear-gradient(61.20000000000002deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="93"]:after {
  background-image: linear-gradient(64.80000000000001deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="94"]:after {
  background-image: linear-gradient(68.4deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="95"]:after {
  background-image: linear-gradient(72deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="96"]:after {
  background-image: linear-gradient(75.6deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="97"]:after {
  background-image: linear-gradient(79.20000000000002deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="98"]:after {
  background-image: linear-gradient(82.80000000000001deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="99"]:after {
  background-image: linear-gradient(86.4deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="100"]:after {
  background-image: linear-gradient(90deg, #0059a9 50%, transparent 50%, transparent), linear-gradient(270deg, #0059a9 50%, #ddd 50%, #ddd);
}

/* rerporrt progress bar round*/




/* Ratinf wmojis  start */

.ratingBoxSecOne {
  width: 100%;
}

/* Rating emojis close  */

/* logic modal */
.modal-dialog.modal-dialog-centered.LoGIc {
  --bs-modal-width: 600px;
  --bs-modal-border-radius: 3px;
}

/* logic modal  */


/* --------------------Mohib Updates ------------------------------*/

.left-experien .exp-one h2 {
  width: 50px;
  height: 50px;
  background-color: #045fa0;
  border-radius: 4px;
  color: #ffffff;
  text-align: center;
  line-height: 1.6;
  margin-right: 8px;
}

.left-experien .exp-one .modl-one {
  font-weight: 600;
}

.left-experien .exp-two {
  gap: 7px;
  color: #707070;
  position: relative;
}

.left-experien .exp-two::after {
  content: '';
  position: absolute;
  height: 37px;
  right: 0px;
  background-color: #bfbfbf;
  width: 1px;
  top: -6px;
}

.left-experien .exp-two::before {
  content: '';
  position: absolute;
  height: 37px;
  background-color: #bfbfbf;
  width: 1px;
  top: -6px;
  left: -2px;
}

.left-experien .exp-three p {
  font-weight: 500;
  font-size: 17px;
  color: #707070;
}

.left-experien .msg-exp {
  width: 30px;
  height: 30px;
  background: #045fb9;
  color: #ffffff;
  border-radius: 6px;
  text-align: center;
  line-height: 2.1;
  margin-right: 4px;
}

.rit-parah {
  font-size: 13px;
  color: #707070;
}

.right-experien {
  background-color: #EFEFEF;
  padding: 13px;
  border-radius: 2px;
}

/* logic modal  */

/* After line Custome Scale start */
/* .anyCustom_Line {
    position: relative;
} */
.anyCustom_Line .custLbl {
  position: relative;
}

.anyCustom_Line .custLbl:last-child::after {
  display: none;
}

.anyCustom_Line .custLbl::after {
  top: 1%;
  content: '';
  height: 2px;
  background-color: #d8d8d8;
  width: 100%;
  display: block;
  position: absolute;
  left: 70%;
}

.logicPage {
  box-shadow: 0px 0px 6px #00000029;
  background-color: #fff;
  min-height: 100%;
}

.formLogic {
  padding: 20px 20px;
}

.tableLogic {
  padding: 20px;
}

.tableLogic .dataTables_filter label,
.tableLogic .dataTables_length label,
.tableLogic .dataTables_paginate,
.tableLogic .dataTables_info,
.tableLogic td {
  font-size: 14px;
}

.formLogic .col-md-6 {
  margin-bottom: 15px;
}

table.dataTable.no-footer {
  width: 100%;
}

table.dataTable thead th {
  font-size: 13px;
  padding: 10px 6px;
  font-weight: 600;
  background-color: #00407E;
  color: #fff !important;
  text-align: left;
}

table.dataTable tbody td {
  font-size: 13px !important;
  padding: 10px 6px;
  font-weight: 500;
  color: #929292;
}

table.dataTable.no-footer {
  border-color: #dee2e6;
}

.shdw_calendr .onclick-on h6,
.dataTables_filter {
  font-size: 13px;
}

.rand_r_table .dataTables_length {
  padding: 10px 0px;
  font-size: 13px;
}

div.dataTables_wrapper div.dataTables_length select {
  height: 30px;
  padding: 0px 10px;
}

div.dataTables_wrapper div.dataTables_filter input {
  height: 35px;
  font-size: 13px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: transparent !important;
  background: transparent !important;
  border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.active a {
  background-color: #ddd;
}

.Tittle-first .blu-clrs {
  background-color: transparent;
  margin-bottom: 6px;
}

div.dataTables_wrapper div.dataTables_info {
  font-size: 13px;
  padding-top: 25px;
}

table.dataTable thead th {
  border: none !important;
}

div.dataTables_wrapper div.dataTables_length label {
  font-size: 13px;
}

.pagination {
  gap: 0;
}

.pagination .paginate_button {
  padding: 0px 0px !important;
  min-width: auto !important;
}

.pagination a {
  padding: 2px 10px;
  width: auto;
  height: auto;
}

.fomS .form-select {
  font-size: 13px;
  padding: 8px;
}

.formLogic label {
  font-size: 14px;
}

@media (max-width:576px) {
  .anyCustom_Line .custLbl::after {
    left: 70% !important;
    top: -12% !important;
  }

}

/* @media (max-width:756px) {
  .anyCustom_Line .custLbl::after {
    left: 70% !important;
    top: -12% !important;
  }

}
@media (max-width:1080px) {
  .anyCustom_Line .custLbl::after {
    left: 70% !important;
    top: -12% !important;
  } */


/* After line Custome Scale start */
.start_Five a {
  font-size: 30px !important;

}

.rdeo_Field {
  width: 210px !important;
}

.fnt_SI {
  font-size: 12px !important;
}

.backGRound_Clr {
  background-color: #f8f8f8 !important;
  border-radius: 33px 30px 28px 28px;
}

.arow-next i {
  color: #000000 !important;
}

.nightTheme .clor_Blu_N {
  background-color: #434c78 !important;
}

.nightTheme .Quens_Back_Trans {
  background-color: transparent !important;
}

@media (max-width:576px) {

  .rabgebx-22 {
    position: inherit !important;
    margin-left: 16px !important;
    width: 35px;
    height: 35px;
    font-size: 14px;

  }

  .BRand {
    margin-right: -35px !important;
    margin-bottom: 35px !important;
  }

  .start_r {
    display: block !important;
  }

  .sec_2 {
    background-color: transparent;
  }

  .ftr_BTM {
    margin-top: 0px !important;
  }

  .sec_2 {
    background: transparent;
  }

  .bgt {
    background-color: transparent !important;
  }

  .AFOntPREW {
    width: 20px !important;
    height: 20px !important;
    font-size: 10px !important;
  }

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

  .Range_resp {
    width: 30px !important;
    height: 30px !important;

  }

  .footers_mobile {
    width: 50% !important;
  }

  .pading_left {
    padding-left: 20px !important;
  }

  .ftr_BTUM {
    bottom: 0px !important;
  }

  #appendPreviewContent .col-md-9.col-lg-9.col-xxl-10 {
    padding: 0px !important;
  }

  .One_Responsive_Ftr {
    position: inherit !important;
  }

  .BoX_responsive_way {
    gap: 0.5rem !important;
  }

  .Q_name_responsive h6 {
    padding-right: 6.5rem !important;
    margin-bottom: -13px !important;
  }

  .Q_name_responsive {
    margin-bottom: 34px !important;
  }

  .Emoji_Btm_res {
    bottom: -18px !important;
  }

  .pading_Qdegr {
    margin-left: 0px !important;
  }

  .btm_resp_Ftr {
    bottom: -22px !important;
  }

  .ftr-Q-five {
    padding-right: 4.5rem;
  }

  .padd_rigt_rm {
    padding-right: 4.5rem;
  }

  .Width_Star_rating {
    width: 90% !important;
  }

  .Width_Star_rating li a {
    font-size: 30px;
  }

  .Width_Star_rating li a span {
    font-size: 14px;
  }

  .DesCription_Mar {
    margin-left: 0px !important;
  }

  .mar_mobile_Vw {
    margin-left: 0px !important;
  }

  .pad_mobile_Vw {
    padding-left: 0px !important;
  }

  .margin_Rigt_Prew {
    margin-right: 0px !important;
  }

}

.lnh {
  line-height: 2.8;
}

.ftr_BTUM {
  position: relative;
  bottom: -96px;
}

.range_BoX {
  width: 25px;
  height: 25px;
  font-size: 12px;
  background-color: #fff;
}

.padd_Left {
  padding-left: 21px;

}

.Yes_NO_W {
  width: 82px !important;

}

.Yes_NO_W img {
  width: 24px;
}

.Yes_NO_W span {
  padding-top: 8px !important;
}

.pad_L {
  padding-left: 0px !important;
}

.mybe {
  padding: 20px 15px 0px !important;
}

.palyicons a.active {
  color: #354C9E;
}

/* .palyicons a.active.orang{
  color
} */
.palyicons a.active:nth-child(2) {
  color: #0059a9;

}

.palyicons a.active:nth-child(3) {
  color: #FF0000;
}

.border_lorEm {
  border: 0.3px solid #bfbfbf;
}

.modify-btns button i {
  color: #fff !important;
}

.pading_left {
  padding-left: 18px;
}

.DesCription_Mar {
  margin-left: 18px;
}

.height_Vh {
  /* height: calc(0vh - 10px); */
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

}

.height_FIv_o {
  height: 51%;
}

/* .mar_btm{
  margin-bottom: 55px;
} */
.height_Per {
  height: 91%;
}

.hght_Ati {
  height: 80%;
}

.hght_Atiiiu {
  height: 97%;
}

.hght_AtiiiuP {
  height: 94%;
}

.bg_RemVe {
  background-color: #00000000;
}

.height_fotr {
  height: 77%;
}

.FOter_Heig {
  height: 79%;
}

.height_dte {
  height: 93%;
}

.DesCription_MAtrix {
  padding-left: 30px;
}

/* .Suggest_Box{
  width: 86%;
} */

/* Button  upload css start */
.upload-btn_wraper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.UP_load {

  color: white;
  background-color: #0059a9;
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
}

.upload-btn_wraper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.Width_Star_rating {
  width: 40%;
}

.nightTheme .palyicons .active {
  color: #53a53f;
}

/* .nightTheme .orang.UpdateStatus i.active{
  color: #f27421;
} */
.nightTheme #myDropEdit a {
  color: #fff !important;
}

.nightTheme .modal-content {
  background-color: #434C78 !important;
}

.nightTheme .modal-header h4 {
  color: #fff;
}

.nightTheme .modal-body .py-4 label {
  color: #C7C7C7 !important;
}

.nightTheme #myDropFilter ul li a {
  color: #fff !important;
}

.nightTheme .mainC span i {
  color: #fff !important;
}

.nightTheme #myDrop a {
  color: #fff !important;
}

.nightTheme .sub-card-heading.ms-3 {
  color: #fff !important;
}

.nightTheme .sub-head-tem {
  color: #C7C7C7 !important;
}

.nightTheme .card.main-templates.rounded-0.border-0 .card-body .w-100 a span {
  color: #fff !important;

}

.nightTheme .sub-heading-re.mt-3 {
  color: #C7C7C7 !important;
}

.nightTheme .sub-heading-re {
  color: #C7C7C7 !important;
}

header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9;
}

.nightTheme .SurvyTypeBox {
  background-color: #515A88 !important;
}

.nightTheme .SurvyTypeBox a h5 {
  color: #fff !important;
}

.nightTheme .SurvyTypeBox a p {
  color: #fff !important;
}

.nightTheme .dropdown-selects.wide.seelctCust span {
  color: #C7C7C7 !important;
}

.nightTheme .accordion-header .accordion-button .btnFaq span {
  color: #fff !important;
}


/* Button  upload css close */
.mainCreateSec {
  height: calc(100vh - 80px);
  height: auto;
  padding-top: 4px;
}

.dotedeInput_Questions_Width {
  width: 100%;
}

.margin_Rigt_Prew {
  margin-right: 50px;
}

.margin_Rigt_Prew_mob {
  margin-right: 25px;
}

.margin_Rigt_Prew_mob_emoji {
  margin-right: 26px;
}

/* modal change 5 way css */

.imgIconBox:hover span {
  color: #fff !important
}

.line_hegth_Ques {
  line-height: 27px;
}

.padding_top_q {
  padding-top: 4px;
}


/* MOdal change 5 way close */
.mob_left_remv {
  margin-right: 0px !important;
}

#show_confrim_password,
#show_new_password,
#show_old_password {
  position: relative;
}

.input-group-addon {
  position: absolute;
  top: 40px;
  right: 10px;
}

.menuBoxx {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

#highcharts-3gcnawk-28 {
  width: 100% !important;
}

.card-dection {
  height: 100%;
}

.frst_col-Man h6 {
  font-size: 16px !important;
}

.frst_col-Man span {
  font-size: 13px;
}

.right-experien p,
.left-experien .exp-one .modl-one,
.left-experien .exp-two {
  font-size: 14px;
}

.left-experien .exp-one .modl-two {
  font-size: 13px;
}

.Questions-npss .row {
  width: 100%;
}

.left-experien .exp-three p {
  font-size: 14px;
}

.left-experien .exp-one h2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tbbbb .highcharts-container {
  margin: auto;
  height: 600px !important;
  text-align: center !important;
  width: 100% !important;
}

.tbbbb .highcharts-root {
  margin: auto;
  height: 600px !important;
}

@media(max-width:1400px) {

  .tbbbb .highcharts-root,
  .tbbbb .highcharts-container {
    height: 500px !important;
  }
}

@media(max-width:1024px) {

  .tbbbb .highcharts-root,
  .tbbbb .highcharts-container {
    height: 500px !important;
  }

  .linkSec {
    flex-wrap: wrap;
  }

  .navbar-brand img {
    width: 110px !important;
  }

  .linkSec h6 {
    margin-bottom: 10px !important;
  }

  .npsInPCT .Nps_Attr_Tbl table tr:first-child {
    font-size: 13px !important;
  }

  .npsInPCT .Nps_Attr_Tbl table tr:first-child th {
    padding: 10px !important;
  }

  .frst_col-Man h6 {
    font-size: 14px !important;
  }

  .highcharts-root {
    width: 100% !important;
    height: auto !important;
  }

  .card-dection .card-boby {
    padding: 15px !important;
  }

  .card-dection .sub-head {
    font-size: 18px !important;
  }

  .card-dection .btn-card-button {
    width: 110px;
    font-size: 13px;
    padding: 8px 10px;
  }

  .right-experien p,
  .left-experien .exp-one .modl-one,
  .left-experien .exp-two {
    font-size: 12px;
  }

  .left-experien .exp-one h2 {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }

  .left-experien .exp-two::before {
    left: -8px;
  }

  .left-experien .exp-two::after {
    right: -10px;
  }

  .Qus-t p.DesCription_Mar {
    font-size: 12px !important;
  }
}

@media(max-width:991px) {
  .npsFeed .tbl {
    width: 100%;

  }

  .navbar-brand img {
    width: 100px !important;
  }

  .Qus-t h5.margin_Rigt_Prew {
    font-size: 13px !important;
  }

  .Qus-t p.DesCription_Mar {
    font-size: 10px !important;
  }

  .exp-one,
  .exp-two,
  .exp-three {
    margin-top: 12px;
  }

  .right-experien {
    width: 105%;
    margin-top: 10px;
  }

  .main-box {
    padding: 15px !important;
  }

  .topCustomerSec {
    padding: 15px 10px !important;
  }

  .topCustomerSec .textCross {
    margin-bottom: 15px !important;
  }

  .dashboard_inrs input {
    padding: 8px !important;
    font-size: 10px !important;
  }

  .pdg-et .Nps-Dot h6 {
    font-size: 10px !important;
  }

  .Edit-smith h6 {
    font-size: 13px !important;
  }

  .thirty-six-innr span {
    font-size: 11px !important;
  }

  .mainSec {
    padding-top: 63px !important;
  }

  .chartb {
    /* width: 75% !important; */

  }

  .npsFeed table {
    font-size: 12px !important;
  }

  .npsFeed .tbl td {
    padding: 5px !important;
  }

  .npsFeed .tbl th.fontsi14,
  .npsFeed .tbl td.fontsi13 {
    font-size: 8px !important;
  }

  .fontsi14 {
    font-size: 12px !important;
  }

  #myChartline,
  canvas#horizontalBarChartCanvas,
  .highcharts-container {
    height: auto !important;
    width: 100% !important;
  }

  .sentimate-categry .nav-link {
    margin-bottom: 0px !important;
    padding: 5px !important;
  }

  .Tittle-first,
  .Filter-Report {
    flex-shrink: 0;
  }

  .ptxx {
    padding-right: 6px !important;
    padding-left: 5px !important;
  }

  .Nps h6,
  .Nps-stacked h6 {
    font-size: 14px !important;
  }

  .tbs-all .tabs-al-cloud .nav-link,
  .nav-pills.clouds>.nav-link {
    font-size: 12px;
  }

  .card-dection .sub-head {
    font-size: 15px !important;
  }

  .card-dection .card-boby {
    padding: 12px !important;
  }

  .picker input {
    width: 26px;
    height: 25px;
  }

  .picker h6 {
    font-size: 8px !important;
  }

  .comnRating img {
    max-height: 30px;
  }

  .picker .col-3 {
    padding: 0px 5px !important;
  }
}

@media(max-width:767px) {

  #myChartline,
  canvas#horizontalBarChartCanvas {
    height: auto !important;
  }

  .marguu {
    font-size: 12px;
  }

  .rowMR .col-md-4,
  .rowMR .col-md-8 {
    padding: 0px !important;
  }

  .editRoleName {
    margin-left: 0px;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .dashbordForM {
    min-height: auto !important;
  }

  .res_data {
    margin-top: 10px !important;
  }

  .shadow-smee lottie-player {
    width: 100% !important;
  }

  .mainSec {
    padding-top: 50px !important;
  }

  .a,
  .b,
  .c,
  .d,
  .E {
    width: 20px !important;

  }

  .navbar-brand {
    padding: 0px 0px;
  }

  .card-dection {
    height: auto;
  }

  .navbar-brand img {
    width: 100px !important;
  }

  .Survey_trigger_Total .col {
    width: 50% !important;
    flex: auto;
  }

  .thirty-six-innr {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .menuBoxx .right-side-menu {
    display: flex !important;
    flex-direction: inherit !important;
  }

  .menuBoxx .navbar-collapse {
    position: absolute;
    left: 0px;
    width: 100%;
    padding: 20px;
    background-color: #fff;
  }

  .Questions-npss {
    padding: 15px 5px 15px 15px !important;
  }

  .Questions-org {
    justify-content: left !important;
  }

  .menuBoxx .homeB {
    margin-right: 0px !important;
    margin-left: 10px;
  }

  .Filter-Report {
    width: 100% !important;
  }

  .menuBoxx .navbar-toggler-icon {
    height: 20px !important;
    width: 20px !important;
  }

  .formLogic label {
    font-size: 12px;
  }

  .formLogic .form-select {
    font-size: 14px;
  }

  .menuBoxx .navbar-toggler {
    padding: 5px 8px !important;
  }

  .menuBoxx {
    width: auto;
    display: block;
  }

  .Lioke-thmb-green .like-images {
    width: 100px;
  }

  .frst_col-Man {
    display: flex !important;
    margin-bottom: 15px;
  }

  .navbar-brand img {
    width: 80px !important;
  }

  .frst_col-Man h6 {
    font-size: 13px !important;
  }

  .bar-a,
  .bar-b,
  .bar-c {
    font-size: 8px;
  }

  .tbs-all .tabs-al-cloud .nav-link,
  .nav-pills.clouds>.nav-link {
    padding: 6px 10px !important;
    font-size: 8px !important;
  }

  .tbbbb .highcharts-root,
  .tbbbb .highcharts-container {
    height: auto !important;
  }
}


.modal-dialog.modal-dialog-centered.dte {
  --bs-modal-width: 400px;
  --bs-modal-border-radius: 3px;
}

.modal-dialog.modal-dialog-centered.Are_you {
  --bs-modal-width: 350px;
  --bs-modal-border-radius: 3px;

}

.daterangepicker .drp-calendar {

  max-width: 368px !important;
}

.survey-name:focus-visible {
  outline: none;
  border-radius: none;
}

.spn_danger {
  background-color: #5bbd2e;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  right: -5px;
  top: 1px;
}

#Filter_onz {
  display: none;
}


/* rishabh css start  */



#people .multi-select-button {
  position: relative;
}

.demo-example .multi-select-menu {
  position: absolute;
  width: 100% !important;
  background: white;
}

.demo-example .multi-select-container--open {
  position: relative;
}

/* multiple selected dropdown css start */



/*  */
.dates input {
  height: 35px;
  font-size: 15px;

}

.caret {
  display: none;
}

.multi-select-menu {

  border: 1px solid #aaa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: none;
}

.multi-select-menuitem {
  display: block;
  font-size: 0.875em;
  padding: 0.6em 1em 0.6em 30px;
  white-space: nowrap;
}

.lin {
  line-height: 1.2;
}

.multi-select-menuitem--titled:before {
  display: block;
  font-weight: bold;
  content: attr(data-group-title);
  margin: 0 0 0.25em -20px;
}

.multi-select-menuitem--titledsr:before {
  display: block;
  font-weight: bold;
  content: attr(data-group-title);
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

input.form-control.line {
  border-top: 1px solid #ced4da;
  border-right: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
}

.multi-select-menuitem+.multi-select-menuitem {
  padding-top: 0;
}

.multi-select-presets {
  border-bottom: 1px solid #ddd;
}

.multi-select-menuitem input {
  position: absolute;
  margin-top: 0.25em;
  margin-left: -20px;
}

.multi-select-button {
  display: inline-block;
  /* font-size: 0.875em; */
  padding: 0.2em 0.6em;
  /* max-width: 16em; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: -0.5em;
  /* background-color: #f3f3f3; */
  border: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  cursor: default;
  width: 100% !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.multi-select-button:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em 0.4em 0 0.4em;
  border-color: #999 transparent transparent transparent;
  margin-left: 0.4em;
  vertical-align: 0.1em;
}


.multi-select-container--open .multi-select-menu {
  display: block;
}

.multi-select-container--open .multi-select-button:after {
  border-width: 0 0.4em 0.4em 0.4em;
  border-color: transparent transparent #999 transparent;
}

.multi-select-container--positioned .multi-select-menu {
  /* Avoid border/padding on menu messing with JavaScript width calculation */
  box-sizing: border-box;
}

.multi-select-container--positioned .multi-select-menu label {
  /* Allow labels to line wrap when menu is artificially narrowed */
  white-space: normal;
}

*,
body,
button,
input,
textarea,
select {
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

/* h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
} */

q:before,
q:after {
  content: '';
}

abbr,
acronym {
  border: 0;
}

.demo-example {
  margin-bottom: 1em;
}

.demo-example>label {
  display: block;
  margin-bottom: 0.5em;
  font-weight: bold;
}

.position-menu-within {
  width: 18em;
  height: 15em;
  background: #eee;
  overflow: auto;
  padding: 2em 0 0 2em;
}

.modal-example .multi-select-menu {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 50%;
  min-width: 0;
  overflow: auto;
  border: none;
  border-radius: 0.3em;
  box-shadow: 0 1em 3em rgba(0, 0, 0, 0.4);
}

.modal-example .multi-select-menuitem {
  font-size: 1em;
  padding: 1.5em 2.5em 1.5em 3.5em;
}

.modal-example .multi-select-menuitem+.multi-select-menuitem {
  padding-top: 0;
}

.modal-example .multi-select-menuitem input {
  margin-left: -2.5em;
}

.multi-select-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.4);
  display: none;
}

.multi-select-container--open .multi-select-modal {
  display: block;
}

.heg_date {
  padding: 10px;
  height: 33px;
  border-radius: 4px;
  border: 1px solid #c0c0c0 !important;
  /* box-shadow: 0px 3px 6px #00000029; */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* rishabh css close  */


/* dashboard css */


div.Dashboardloader,
.Dashboardloader1,
.Dashboardloader2,
.Dashboardloader3,
.Dashboardloader4,
.Dashboardloader5 {
  background-color: #FFF;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  opacity: 0.5;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.Dashboardloader img,
.Dashboardloader1 img,
.Dashboardloader2 img,
.Dashboardloader3 img,
.Dashboardloader4 img,
.Dashboardloader5 img {
  left: 0;
  top: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100px;
  margin: auto;
}

.modal-dialog.modal-dialog-centered.dte {
  --bs-modal-width: 400px;
  --bs-modal-border-radius: 3px;
}

.modal-dialog.modal-dialog-centered.Are_you {
  --bs-modal-width: 350px;
  --bs-modal-border-radius: 3px;

}

.daterangepicker .drp-calendar {

  max-width: 368px !important;
}

.survey-name:focus-visible {
  outline: none;
  border-radius: none;
}

.dash_left li a {
  color: #8f8f8f;
}

.dash_left .active {
  color: #354C9E !important;
  filter: invert(58%) sepia(361%) saturate(2079%) hue-rotate(199deg) brightness(77%) contrast(95%);
}

.act_eye .active {
  background-color: #9E9A9A !important;
  color: #fff;
}

.act_eye a {
  height: 23px;
  width: 27px;
  /* background-color: #d1d1d1; */
  display: block;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}

.act_eye a {
  color: #727272;
}

.people-sec a {
  height: 23px;
  width: 27px;
  /* background-color: #ce0a0a; */
  display: block;
  text-align: center;
  border-radius: 4px;
}

.people-sec .active {
  background-color: #9E9A9A !important;
  color: #fff;
}

.people-sec a {
  /* background-color: #9E9A9A !important; */
  color: #757575;
}

/* .prgress-red{
            background-color: red;
        }
        .prgress-yellow{
            background-color: #FFCF48;
        }
        .prgress-green{
            background-color: #09933B;
        } */
.bar-a {
  background-color: #FF6F55;
  color: #fff;
}

.bar-b {
  background-color: #FFB13D;
  color: #fff;
}

.bar-c {
  background-color: #A4C45D;
  color: #fff;
}

.About_nps_innr p {
  font-size: 12px;
  color: #a1a1a1;

}

.About_nps_innr h6 {
  font-size: 14px;
  /* color: #354C9E; */
}

.THirty_six {
  background-color: #ebebeb;
}

.THirty_six h1 {
  color: #354C9E;
}

.THirty_six p {
  font-weight: 700;
}

.spn_danger {
  background-color: #5bbd2e;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  right: -5px;
  top: 1px;
}

#Filter_onz {
  display: none;
}

#people .multi-select-button {
  position: relative;
}

.demo-example .multi-select-menu {
  position: absolute;
  width: 100% !important;
  background: white;
}

.demo-example .multi-select-container--open {
  position: relative;
}

.zone-wisereport .rootcausetable table thead tr:nth-child(1) {
  background-color: #00407E !important;
}

@media (max-width:576px) {
  .dashbrd_firsts {
    display: block !important;
  }

  .aplied_filtr {
    margin-top: 8px;
  }

  .Calender-dates {
    padding: 0px !important;
  }

}



/* modal start in css send case  */
.Internaly {
  width: 100px;
  height: 110px;
  background-color: #F5F5F5;
  /* text-align: center; */
  border-radius: 5px;
}

.Internaly img {
  /* margin: 0 auto; */
  display: flex;
  justify-content: center;
  align-items: center;
  /* height: 100%; */
  width: 50px;
  margin: auto;
}

.Internaly:hover img {
  filter: invert(51%) sepia(14%) saturate(2270%) hue-rotate(83deg) brightness(100%) contrast(84%);
}

.send_case {
  border-radius: 0px;
}

.Internaly:hover {
  background-color: #CCDEEB;
}

/* modal start in css send case  */

/* modal second strt  */
.btn_send_modl {
  padding: 10px 35px;
  background-color: #045FA0;
  color: #fff;
  border: 0;
  border-radius: 4px;
  font-size: 14px;


}

.first_name_clm {
  padding: 10px 0px;
}

.Send-cse-intern {
  height: 300px;
  overflow: auto;
}

/* width */
.Exter_scrl::-webkit-scrollbar {
  width: 4px;
  /* border-radius: 3px; */
}

/* Track */
.Exter_scrl::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.Exter_scrl::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.Exter_scrl::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* close  */



/* forth modal start  */

.chck-gren::after {
  content: '';
  height: 75px;
  display: block;
  /* position: absolute; */
  background-color: #045FA0;
  width: 3px;
  margin-left: 9px;
  margin-top: -2px;

}

/* .secont-chck-gren{
    margin-top: -4px;
} */
.fs-12 {
  font-size: 12px;
}

.fs-14 {
  font-size: 14px;
}


/* width */
.Histry_scrl::-webkit-scrollbar {
  width: 4px;
  /* border-radius: 3px; */
}

/* Track */
.Histry_scrl::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.Histry_scrl::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.Histry_scrl::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.case-history-inner {
  overflow: auto;
  height: 300px;
  overflow-x: hidden;
}

.mans td {
  white-space: inherit !important;
}

.People_tbl .padding_strt {
  padding-left: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.over_flw {
  height: 300px;
  overflow: auto;
}

.left-gray-section {
  background-color: #e5e5e5;
  padding: 8px;
  text-decoration: none;
  display: block;
}

.gray_clrs {
  color: #707070;
  font-size: 12px;
  margin-bottom: 5px;
}

.bg_skyb {
  background-color: #b2bde1;
  padding: 10px;
}

.bg-sec {
  background-color: #ECECEC;
  color: #354C9E;
}

.res_data tr td {
  padding-left: 10px;
  font-weight: 500;
}

.filterSecFm .select2-container {
  width: 100% !important;
}


.btnOrng,
.btnGry {
  font-size: 13px;
  font-weight: 500;
  padding: 6px 15px;
  border-radius: 4px;
}

.btnOrng {
  background-color: #0059a9;
  color: #fff;
}

/* fourt modal close */

/*----update---*/
#Filter_onz .profi h6 {
  font-size: 13px;
}

#Filter_onz .profi {
  margin-top: 15px;
}

.filterSecFm .select2-container {
  font-size: 13px;
}

.scSecT h6.grays-clr.fontsi13 {
  font-size: 12px !important;
}

.scSecT h6.grays-clr.fontsi13.mb-0 {
  font-size: 10px !important;
}

.nps-th {
  min-width: 270px;
  width: 270px
}

.nps-score-mn th,
td {
  white-space: inherit;
  font-size: 14px;
}

/* #dtHorizontalExample th, td */


/*Design Changes */
.navbar {
  padding: 16px 0px;
}

.mainSec {
  padding-top: 64px !important;
  padding-bottom: 0px !important;
}

.createFixedmenu {
  padding: 16px 10px;
  height: calc(100vh - 64px);
  top: 64px;
}

.mainCreateSec {
  padding: 16px 0 5px;
}

.mainCreateSec .container-fluid {
  padding: 0 16px;
}

.boxDiv {
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09);
  border-radius: 4px;
  overflow: hidden;
  padding: 12px;
}

.boxTitle {
  margin-bottom: 10px !important;
  font-size: 18px;
  font-weight: 600 !important;
  color: #000 !important;
}

.Survey_trigger_Total .progress-circle {
  width: 55px;
  height: 55px;
}

.Survey_trigger_Total .progress-circle:before {
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
}

.Survey_trigger_Total .progress-circle:after {
  background-color: #0059a9 !important;
}

.selectFilter {
  border: none !important;
  border-bottom: 1px solid #ccc !important;
  text-indent: 0px;
  padding: 0 0 5px;
  color: #0059a9 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.form-control {
  box-shadow: none !important;
  outline: none !important;
}

.filterSelectGroup input.form-control {
  background: #F7F7F7;
  border: none !important;
  outline: none !important;
  box-shadow: none;
  padding-right: 15px;
  padding-left: 15px;
  height: 40px;
}

.filterSelectGroup select.form-control {
  background: #F7F7F7;
  border: none;
  outline: none;
  box-shadow: none;
  background-image: url(../images/selectArrow.svg);
  background-position: center right 11px;
  background-size: 19px;
  padding-right: 30px;
  background-repeat: no-repeat;
  padding-left: 15px;
  height: 40px;
}

.filterSelectGroup .select2-container .select2-selection--multiple {
  background-color: #F7F7F7 !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: text !important;
  min-height: 40px !important;
}

.filterSelectGroup .profi.wth .select2-selection__rendered::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 11px;
  background: url(../images/selectArrow.svg);
  background-position: center;
  background-size: 19px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  transform: none;
}

.filterSelectGroup .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 2px;
  margin-bottom: 2px;
}

.filterSelectGroup .select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin: 0
}

.filterSelectGroup .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 10px 27px 10px 15px;
  display: block;
}

.filterSelectGroup .select2-container .select2-search--inline .select2-search__field {
  margin: 0;
}

.blu-clrs {
  color: #0059a9;
}

.daterangepicker .ranges li.active {
  background-color: #0059a9
}

.rootcausetable tr th {
  white-space: nowrap;
  background-color: #f2f2f2 !important;
  color: #000 !important;
  font-weight: 600;
  font-size: 14px !important;
}

.rootcausetable tr th,
.rootcausetable tr td {
  text-align: start;
  border: none;
  color: #000000;
  padding: 15px 20px;
  font-size: 14px;
  vertical-align: middle;
}

.rootcausetable tr td {
  font-size: 13px !important;
  color: #000 !important;
  width: auto;
}

.rootcausetable tr:nth-child(even) {
  background-color: #F4F7FC !important;
}

.rootcausetable {
  max-height: 570px;
}

.btn-blue {
  padding: 8px 15px;
  color: #fff !important;
  background-color: #045FA0;
  border-radius: 3px;
  font-size: 12px;
}

.text-blue {
  color: #0059a9;
}

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

::-webkit-scrollbar-thumb {
  background-color: #045FA0 !important;
}

.tablePreDiction .rootcausetable tr th {
  color: #000 !important;
}

.tablIcon.tabIocnn a i {
  color: #00407E;
}

.sorting_desc::after,
.sorting_asc::after,
.sorting::after {
  display: none !important;
}

.dataTables_length label,
.trend-tble .dataTables_filter label {
  font-weight: 500 !important;
  color: #818e94;
}

.dataTables_length label select {
  margin: 0px 10px !important;

}

.loyality-table tr th {
  color: #000 !important;
  font-size: 14px !important;
  white-space: normal;
}

.trend-tble .rootcausetable tr td:nth-child(2) {
  text-align: center;
}

.trend-tble .rootcausetable tr td:nth-child(9) {
  text-align: center;
}

.trend-tble .rootcausetable tr td:nth-child(1) {
  padding-left: 20px;
}

.trend-tble .rootcausetable tr td:nth-child(3) .feedbackTxt {
  justify-content: center;
}

/* {
  color: #818e94;
} */
/* .rootcausetable .dataTables_wrapper{
  height: 5px;
} */
.user-management .rootcausetable tr td:nth-child(9) {
  display: flex;
  align-items: center;
}

.user-management .rootcausetable tr td:nth-child(6) {
  text-align: center;
}

.fs21 {
  font-size: 21px;
  color: #045FA0;
}

.user-management .dataTables_filter {
  margin-right: 10px;
}

/* .user-management .rootcausetable .listing_table_wrapper::-webkit-scrollbar{
  
} */
.dataTables_wrapper::-webkit-scrollbar {
  height: 5px;
}

.fs13 {
  font-size: 13px;
}

.zone-wise {
  background-color: #dcecfb;
  padding: 10px 10px;
  /* color: #fff; */
}

.zone-wise h6 {
  /* color: #000 !important; */
  margin: 0px !important;
  font-size: 14px;
  font-weight: 500;
}

.movementtable tr td {
  width: auto !important;
}

/* .loyality-table tr td .feedbackTxt h6:nth-child(2){
justify-content: center;
} */
.customLagend {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center
}

.customLagend>li {
  display: flex;
  gap: 12px;
  font-size: 14px;
  align-items: center;
}

.customLagend>li i {
  width: 14px;
  height: 15px;
  border-radius: 3px;
  display: block;
}

.customLagend>li:nth-child(1) i {
  background: #a367dc;
}

.customLagend>li:nth-child(2) i {
  background: #8067dc;
}

.customLagend>li:nth-child(3) i {
  background: #6771dc;
}

.customLagend>li:nth-child(4) i {
  background: #6794dc;
}

.customLagend>li:nth-child(5) i {
  background: #67b7dc;
}

.customLagend>li:nth-child(6) i {
  background: #0059a9;
}

.industryAvg {
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: #818E94;
  text-align: center;
  margin: 10px 0;
}

.industryAvg b {
  font-size: 20px;
  color: #000;
  display: inline-block;
  vertical-align: middle;
}

.averageTable tfoot tr td {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 22px !important;
  background-color: #F4F7FC;
  color: #0059a9 !important;
  text-align: center;
}



/* 360 views css start  */
.selectBoxRow {
  margin: 0 -7px 30px;
}

.selectBoxDiv .oneBG {
  background: #CEE8CA;
  padding: 10px;
}

.selectBoxDiv .twoBG {
  background: #F2BC9E;
  padding: 10px;
}

.selectBoxDiv .threeBG {
  background: #92C7E8;
  padding: 10px;
}

.selectBoxDiv .FourBG {
  background: #92C7E8;
  padding: 10px;
}

.mar-t {
  margin-top: 24px;
}

.selectBoxDiv label {
  font-size: 12px;
  color: #354C9E;
  margin-bottom: 8px;
  font-weight: 500;
  line-height: 14px;
}

.selectBoxDiv .form-control {
  font-size: 12px;
  width: 100%;
  height: 35px;
  border-radius: 0;
  border: none;
  background: #fff;
  box-shadow: none;
  outline: none;
}

.stepsBox .clipt {
  width: 75px;
  height: 26px;
  color: #fff !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 1;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.3));
}

.stepsBox .clipt::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #354C9E;
  z-index: -1;
  clip-path: polygon(0 0, 100% 0, 86% 100%, 21% 100%);
}

.selectBoxDiv .form-control.inputcalendar {
  background-image: url(../img/calendar-icon.svg);
  background-size: 15px;
  background-position: center right 10px;
  padding: 0 25px 0 10px;
  background-repeat: no-repeat;
}

.selectBoxDiv select.form-control {
  background-image: url(../img/selectArrowdropdown.svg);
  background-size: 10px;
  background-position: center right 10px;
  padding: 0 25px 0 10px;
  background-repeat: no-repeat;
}

.bankDetailSection {
  padding: 200px 50px 40px;
  position: relative;
}

.bankDetailSection figure {
  margin: 0;
}

.bankDetailSection figure img {
  width: 55%;
}

.stepsBox {
  background-color: #354C9E;
  box-shadow: 0px 0px 6px #00000029;
  padding: 13px 5px;
  border-radius: 12px;
  width: 170px;
  position: absolute;
  padding-left: 18px;
}

.stepsBox .row {
  margin: 0 -4px;
}

.stepsBox .col {
  padding: 0 4px;
  text-align: center;
}

.step1 {
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
}

.step2 {
  top: 11%;
  right: 20%;
}


.step3 {
  top: 42%;
  right: 12%;
}

.step4 {
  top: 10%;
  left: 16%;
}

.step5 {
  top: 42%;
  left: 6%;
}

.step6 {
  top: 61%;
  left: 6%;
}

.step7 {
  top: 72%;
  left: 2%;
}

.step8 {
  top: 71%;
  right: 8%;
}

.stepsBox:hover {
  /* color: #fff; */
  background: #30a54c;
}

.stepsBox:hover i {
  background-color: #F47321;
}

/* .stepsBox:hover strong,
.stepsBox:hover span {
  color: #fff;
} */
.number {
  font-size: 18px !important;
  line-height: 22px !important;
  color: #354C9E !important;
}

.stepsBox:hover .clipt::after {
  background: #30a54c;
}

.countnumber {
  position: absolute;
  top: 12px;
  right: calc(100% - 21px);
  font-size: 46px;
  font-weight: 600;
  color: #fff;
  -webkit-text-stroke: 1px #354C9E;
  line-height: 40px;
  padding: 7px 4px;
  z-index: 1;
}

/* .content .number{
  font-size: 20px;
} */
.countnumber:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 21px;
  background: #f4f7fc;
  box-shadow: inset -2px 0px 3px #00000029;
  z-index: -1;
}

.blueBox .content {
  background-color: #fff;
  padding: 7px 9px 7px 11px;
  width: 185px;
  min-height: 92px;
  border-radius: 21px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  margin-left: 30px;
}

.icon-number {
  position: absolute;
  background: #f4f7fc;
  padding: 10px 8px 10px 0px;
  border-top-right-radius: 121px;
  border-bottom-right-radius: 120px;
  top: 16px;
  right: calc(100% - 39px);

}

.bankDetailSection .blueBox figure {
  background: #30a54c;
  width: 45px;
  height: 45px;
  border-radius: 100px;
  text-align: center;
  line-height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-number:before {
  content: "";
  position: absolute;
  top: 0;
  right: 7px;
  height: 94%;
  width: 30px;
  background: #f4f7fc;
  z-index: -1;
  bottom: 0;
  margin: auto;
}

.icon-number:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: #f4f7fc;
  z-index: -1;
}

.countnumber:before {
  content: "";
  position: absolute;
  top: 0;
  right: 7px;
  height: 94%;
  width: 30px;
  background: #f4f7fc;
  z-index: -1;
  bottom: 0;
  margin: auto;
}

.stepsBox:hover .countnumber {
  color: #354C9E;
}

.stepsBox:hover .icon-number figure {
  background-color: #354C9E;
}

.stepsBox i {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  background: #354C9E;
  display: block;
  text-align: center;
  line-height: 40px;
  position: absolute;
  top: -10px;
  right: -10px;
}

.stepsBox strong {
  font-size: 13px;
  color: #000;
  display: block;
  padding-right: 20px;
  font-weight: 600;
}

.stepsBox:hover .clrbluehvr {
  color: #30a54c !important;
}

.stepsBox .clrgreenhvr {
  color: #30a54c !important;
}

.stepsBox:hover .clrgreenhvr {
  color: #354C9E !important;
}

.stepsBox b {

  display: block;
  color: #354C9E;
  font-weight: 600;
  font-size: 16px;
}

.stepsBox span {
  font-size: 10px;
  color: #909090;
  line-height: 12px;
  display: block;
  margin-bottom: 4px;
}

.stepsBox span b {
  text-align: center;
  font-size: 16px;
  margin-top: 7px;
  display: block;
}

.selectAccountName {
  padding: 15px 0;
}

.selectAccountName label {
  font-size: 14px;
  white-space: nowrap;
  font-weight: 600;
  margin-right: 10px;
}

.selectAccountName .form-control {
  width: 250px;
  height: 40px;
  font-size: 13px;
  border-radius: 0;
  background-image: url(img/selectArrow.svg);
  background-size: 12px;
  background-position: center right 10px;
  padding: 0 25px 0 10px;
  background-repeat: no-repeat;
}

.selectBoxDiv {
  width: 22%;
  padding: 7px;
}

.viewType {
  width: 12%;
  padding: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.viewType span:after {
  content: "";
  position: absolute;
  top: -7px;
  right: -7px;
  width: 10px;
  height: 10px;
  border-radius: 100px;
  background: #fff;
  border: 3px solid;
}

.viewType span {
  display: block;
  text-align: center;
  font-size: 44px;
  font-weight: bold;
  line-height: 42px;
  position: relative;
  color: #354C9E;
}

.viewType span:hover {
  color: #F47321;
}

.viewType span b {
  font-size: 20px;
  font-weight: 500;
  display: block;
  line-height: normal;
}

.managementSurvey .table tfoot tr td {
  background: #0059a9;
  color: #fff !important;
  text-align: center;
}
.managementSurvey .table tbody tr td{text-align: center !important;border: 1px solid #e8e8e8;}
.managementSurvey .table tr td{text-align: center !important;}
.managementSurvey .rootcausetable tr th.text-danger{color: #f73939 !important;}
.managementSurvey .rootcausetable tr th.text-warning{color: #ffc107 !important;}
.managementSurvey .rootcausetable tr th.text-success{color: #17b96e !important;}
.Tittle-first .selectTypS{
  width: 200px;
}
@media (min-width:992px) and (max-width:1200px) {

  .step2 {
    right: 9%;
  }

  .step3 {
    top: 48%;
    right: 1%;
  }

  .step4 {
    top: 2%;
    left: 10%;
  }

  .step5 {
    top: 38%;
  }

  .step6 {
    top: 59%;
  }

  .step8 {
    top: 76%;
    right: 1%;
  }
}

@media (max-width:991px) {
  .selectBoxRow {
    padding-top: 30px;
  }

  .viewType {
    order: 1;
    width: 100%;
  }

  .selectBoxDiv {
    order: 2;
    width: 50%;
  }

  .bankDetailSection {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .stepsBox {
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 45%;
    margin: 0 0 25px;
  }
}

@media (max-width:575px) {
  .stepsBox {
    width: 98%;
    margin: 0 0 25px;
  }

  .bankDetailSection figure img {
    width: 90%;
  }

  .selectAccountName .form-control {
    width: 100%;
  }
}

.pointer {
  cursor: pointer !important;
}

.responseAns .feedbackText {
  text-align: center;
  flex: 1 0 0%;
}

.responseAns .feedbackText span {
  min-width: 55px;
  text-align: center;
  padding: 10px 20px;
  margin: 0 0 2px;
  border-radius: 4px;
}

.responseAns .feedbackText strong {
  border: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  display: block;
}

.responseAns .scoreGroup {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.responseAns .scoreGroup strong{
  font-size: 32px;
}