@import url("./overview-dashboard.css");

.bg-error {
  color: red;
  font-size: 11px;
  display: inline-block;
  padding-left: 15px;
}

.bg-error:first-letter {
  text-transform: uppercase;
}

/* pro user div style  start*/
.proUserContainer {
  background: white;
  height: 532px;
  border-radius: 12px;
  color: gray;
  padding: 25px;
  width: 1222px;
  border: 1px solid rgba(125, 129, 144, 0.15);
}

/* pro user div style  end*/

/* old lady searching section style start */
.searchingSection {
  height: 532px;
  width: 100%;
}

.searchingSection img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 300px;
  width: 300px;
}

/* old lady searching section style end */

/* support ticket page start */
.supportNav {
  display: flex;
  background: #ffffff;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px 12px 0px 0px;
}

.navHeading {
  font-size: 20px;
  font-weight: 700;
  color: #575b6c;
  margin-top: 25px;
}

.supportTicketBackIcon {
  padding: 25px;
  border-right: 1px solid rgba(125, 129, 144, 0.15);
}

.supportTicketIcon {
  margin: 26px 12px 0px 26px;
}

.supportTicketContent {
  background-color: #ffffff;
  padding: 25px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
}

.ticketContainer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 16px;
  column-gap: 16px;
}

.ticketContainer h5 {
  font-weight: 700;
  color: #575b6c;
  font-size: 13px;
}

.ticketContainer h6 {
  font-weight: 600;
  color: #575b6c;
  font-size: 12px;
}

.ticketContainer p {
  font-weight: 500;
  color: #575b6c;
  font-size: 12px;
  margin: 0px;
}

.bottomSection {
  display: flex;
  justify-content: space-between;
}

.bottomSection img {
  margin-top: 17px;
}

.supportTicket {
  background: rgba(125, 129, 144, 0.03);
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  overflow: hidden;
}

.heading {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
  padding: 15px 15px 0px 15px;
}

.supportRow {
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
  padding: 10px;
}

.bottomSection {
  padding: 10px;
}

/* support ticket page end */
.err_below {
  color: red;
}

.cursor {
  cursor: pointer;
}

.cursor:hover {
  opacity: 0.85;
}

.glossaryTable .white_pre_250 {
  text-align: left;
  max-width: 250px;
  white-space: pre-wrap !important;
}

.socialicons {
  width: 18px;
  margin-right: 5px;
}

@media screen and (min-width: 400px) {
  .commanModel.addCareer .modal-dialog {
    min-width: 660px;
  }
}

.commanModel .modelFormInput select {
  height: 45px;
}

.modelFormInput select {
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  font-weight: 500;
  font-size: var(--s14);
  line-height: 17px;
  padding: 12px 15px;
  resize: none;
}

.dabsSearch {
  padding: 12px 15px !important;
  border-bottom: 1px solid rgba(125, 129, 144, 0.15) !important;
}

.dabsSearch_Text p.name {
  text-align: left;
}

.view_userUpdateBtn a {
  float: right;
}

.basic-multi-select .select__control {
  border: none;
  border-radius: 14px;
  min-height: 43px;
}

.basic-multi-select input.select__input {
  height: 31px;
}

.basic-multi-select .select__placeholder {
  color: rgba(125, 129, 144, 0.5);
  font-size: var(--s14);
  font-weight: 500;
  font-family: "Inter";
}

.form-control::-webkit-file-upload-button,
.form-control::file-selector-button {
  display: none;
}

.form-control[type="file"]:not(:disabled):not([readonly]) {
  line-height: 32px;
}

.img-select2 select {
  border-radius: 12px;
}

.headerSearchBar .input-group input {
  border-radius: 12px !important;
}

.coming-soon-custom {
  padding: 25px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: rgba(87, 91, 108, 0.85);
}

.custom-nav {
  flex-wrap: wrap !important;
  width: 100% !important;
}

/* detailed Ticket start */
.detailedSupportSection {
  margin: 25px;
  background-color: #ffffff;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
}

.detailedSupportUpperSection {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.detailedSupportRow1 {
  display: grid;
  grid-template-columns: 3fr 2.1fr 2.1fr 4.2fr;
}

.detailedSupportRow1 div {
  padding: 15px;
}

.detailedSupportRow2 div {
  padding: 12px 15px;
}

.detailedSupportRow3 div {
  padding: 12px 15px;
}

.detailedSupportRow2 {
  display: grid;
  grid-template-columns: 3fr 2.1fr 2.1fr 2.1fr 2.1fr;
}

.detailedSupportRow3 {
  display: grid;
  grid-template-columns: 3fr 6.3fr 2.1fr;
}

.detailedSuppprtBackIcon {
  margin: auto 25px;
}

.disFlex {
  display: flex;
}

.detailedSupportSection p {
  margin: 0px;
  font-size: 13px;
  font-weight: 500;
  color: #575b6c;
  line-height: 16px;
}

.detailedSupportSection h6 {
  margin: 0px;
  font-size: 14px;
  font-weight: 600;
  color: #575b6c;
  line-height: 18px;
}

.detailedSupportSection h5 {
  margin: 0px;
  font-size: 15px;
  font-weight: 700;
  color: #575b6c;
  line-height: 18px;
}

.detailedTicketBorder {
  border-left: 1px solid rgba(125, 129, 144, 0.15);
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.chatBox {
  display: flex;
  margin: 15px;
}

.chatSection {
  border-right: 1px solid rgba(125, 129, 144, 0.15);
  padding: 0px 20px;
}

.chatContent {
  width: 550px;
  padding: 15px;
  background: rgba(125, 129, 144, 0.05);
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 16px 16px 16px 0px;
}

.userIcon img {
  background-color: black;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 12px;
  margin-top: 140px;
}

.detailedSupportLowerSection {
  display: flex;
}

.preTicket {
  border: 1px solid rgba(125, 129, 144, 0.15);
  padding: 14px;
}

.situationRes {
  border: 1px solid rgba(125, 129, 144, 0.15);
  padding: 14px;
}

.time-date {
  margin: 135px 5px 0px 5px;
  text-align: center;
}

.situationRes button {
  background: rgba(236, 0, 0, 0.05);
  border: 1px solid #ec0000;
  border-radius: 12px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
}

/* detailed Ticket end */

/* userDropDown start */

.user_name {
  width: calc(100% - 40px);
  gap: 2px;
}

.checkMail {
  padding: 18px 22px;
  border-top: 1px solid rgba(87, 91, 108, 0.15);
}

.checkMail a {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #727b82;
}

/* userDropDown end */
.notification_box {
  height: 352px;
}

.bellNotifyGroup {
  background: #fff !important;
  opacity: 1;
}

.p0 {
  padding: 0px !important;
}

.mr-bottom {
  margin: 0px 0px 20px 0px;
}

.mr-right10 {
  margin-right: 10px;
}

.p-right {
  padding-right: 20px;
}

.boderNone {
  border: none;
}

.checkMailP {
  padding: 20px 0px 20px 20px;
}

.view_userUpdateBtn a {
  padding: 9px 12px;
  display: inline-block;
  line-height: 14px;
}

.dabsSearch_Text p.name {
  line-height: 16px;
  margin-top: 3px;
}

.mvcDashboard a.genralLinkCard:hover {
  color: #0a58ca;
  transform: scale(1.04);
  transition: all 0.4s ease;
}

.select__multi-value.select__multi-value__label,
.select__value-container div.select__multi-value,
.select__multi-value__label,
.select__multi-value__remove,
.select__multi-value__remove:hover {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #3b6cd8 !important;
  background-color: rgba(43, 78, 190, 0.1) !important;
  height: 21px;
  border-radius: 0 !important;
}

.select__value-container div.select__multi-value {
  border-radius: 8px !important;
  overflow: hidden;
}

.basic-multi-select {
  background: #ffffff;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  min-height: 45px;
  font-size: var(--s14);
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
}

.textareaControl #the-count {
  position: absolute;
  top: -33px;
  right: 0;
}

.commanModel .textareaControl {
  overflow: visible;
  position: relative;
}

.topText {
  height: 16px;
  overflow-y: visible;
}

.onlineUserCards.d-flex {
  gap: 8px;
}

.update_search_bar button.btn img,
.headerSearchBar button.btn img {
  width: 17px;
  opacity: 0.25;
}

.headerSearchBar .form-control::placeholder {
  color: rgba(115, 121, 130, 0.25);
}

.dropify-wrapper .dropify-preview {
  border-radius: 12px;
  padding: 0px;
}

.dropify-wrapper .dropify-preview .dropify-render img {
  width: 100%;
}

select.form-control.color-fade,
select.form-select.color-fade {
  color: rgba(125, 129, 144, 0.5);
}

select.form-control.color-fade option,
select.form-select.color-fade option {
  color: rgba(0, 0, 0, 0.9);
}

.firstLetterCapital::first-letter {
  text-transform: uppercase;
}

.admin_notification.dropdown-menu.show {
  inset: -5px 0px auto auto !important;
}

.notification.dropdown .show path {
  fill: #3b6cd8;
}

.headerSearchBar .input-group input {
  padding-left: 39px;
}

.custom-select select {
  font-weight: 500;
}

.height-18px {
  height: 18px !important;
}

.height-20px {
  height: 20px !important;
}

.height-24px {
  height: 24px !important;
}

.height-27px {
  height: 27px !important;
}

.height-31px {
  height: 31px !important;
}

.height-33px {
  height: 33px !important;
}

.height-37px {
  height: 37px !important;
}

.inpHeight-40px {
  height: 40px !important;
}

.inpHeight-41px {
  height: 41px !important;
}

.inpHeight-42px {
  height: 42px !important;
}

.inpHeight-43px {
  height: 43px !important;
}

.inpHeight-44px,
.height-44px {
  height: 44px !important;
}

.inpHeight-45px {
  height: 45px !important;
}

.inpHeight-46px {
  height: 46px !important;
}

.inpHeight-47px {
  height: 47px !important;
}

.height-48px {
  height: 48px !important;
}

.height-50px {
  height: 50px !important;
}

.rightBox {
  width: auto;
  padding: 25px 26px 25px 23px;
}

.middleBox {
  flex-grow: 1;
}

.rightBox h6 {
  letter-spacing: 0px;
}

.paginationNav ul li a {
  background: rgba(87, 91, 108, 0.1);
}

.paginationNav ul li a.active {
  background: rgba(43, 78, 190, 0.1);
}

.commanModel .modal-content {
  outline: 1px solid rgba(125, 129, 144, 0.25);
  outline-offset: -1px;
  border: 0px;
  overflow: hidden;
}

.modal-body {
  padding: 1rem;
}

.form-control:focus {
  background-color: transparent;
}

.modal-body .modelSignBtn {
  margin-top: 9px;
}

.w170 {
  width: 170px;
}

.urlFormSubHeading {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: rgba(87, 91, 108, 0.75);
  margin-bottom: 20px;
}

.lableEg {
  float: right;
  margin-top: 4px;
  font-weight: 500;
  font-size: 11px !important;
  line-height: 13px;
}

.margin-0 {
  margin: 0px;
}

.copyIcon {
  padding: 9px 13.47px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 0px 12px 12px 0px;
  background: linear-gradient(
      0deg,
      rgba(43, 78, 190, 0.05),
      rgba(43, 78, 190, 0.05)
    ),
    #ffffff;
}

.ticket_detaile_infoLeft .uercontent_row:nth-child(even) {
  flex-direction: row;
}

.ticket_detaile_infoLeft .uercontent_row.reverse {
  flex-direction: row-reverse;
}

.replyFileUpload {
  position: absolute;
  bottom: 81px;
  border: 1px solid red;
  width: 130px;
  height: 37px;
  opacity: 0;
}

.send_message_div {
  position: relative;
}

.chatScreenHeight {
  height: 75vh;
  overflow-y: scroll;
}

.emojiPicker {
  position: absolute;
  top: 14%;
  right: 4%;
  border: 1px solid rgba(125, 129, 144, 0.15);
}

.userBtngrid a.greenBtn {
  background: rgba(91, 197, 137, 0.05);
  border: 1px solid #5bc589;
  color: #5bc589;
}

.kycStatus {
  margin-top: 10px;
  width: 275px;
  height: 83px;
  padding: 10px;
  background: rgba(43, 78, 190, 0.05);
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
}

.statusResult {
  font-weight: 600;
  font-size: var(--s13);
  color: #575b6c;
}

.userKycFlex {
  margin-top: 6px;
  display: flex;
}

.userKycFlex a {
  width: 96px;
}

.kycDetailsleft_div {
  width: 50%;
}

.kycDetailsMain {
  justify-content: space-between;
}

.formHeadingCustom {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.kycCounter {
  display: flex;
  min-width: 94px;
  height: 22px;
  background: rgba(43, 78, 190, 0.1);
  border-radius: 25px;
  justify-content: space-between;
}

.arrow-left {
  background: rgba(43, 78, 190, 0.75);
  border-radius: 25px 0px 0px 25px;
  padding: 7px 8px;
}

.arrow-right {
  background: rgba(43, 78, 190, 0.75);
  border-radius: 0px 25px 25px 0px;
  padding: 7px 8px;
}

.kycCounterText {
  font-weight: 600;
  font-size: 13px;
  line-height: 22px;
  color: #7d8190;
  text-align: center;
}

.kycCounterText span {
  color: #3b6cd8;
}

/* scroll bar design for chat section in support admin */
#messages::-webkit-scrollbar {
  width: 2px;
}

#messages::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 12px;
}

.videoBanner {
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.1),
      rgba(125, 129, 144, 0.1)
    ),
    #ffffff;
  border: 1px solid rgba(125, 129, 144, 0.25);
  border-radius: 12px 12px 0px 0px;
  width: 189px;
  height: 106px;
}

.videoBanner img {
  border-radius: 12px 12px 0px 0px;
}

.videoBannerHead {
  border: 1px solid rgba(125, 129, 144, 0.25);
  border-radius: 12px;
}

.videoBannerHead h4 {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  color: rgba(87, 91, 108, 0.85);
  margin-bottom: 5px;
}

.videoBannerHead p {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: rgba(125, 129, 144, 0.5);
  margin: 0;
}

.videoBannerTextHead {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

.channelVerified {
  font-weight: 500;
  font-size: 11.5px;
  line-height: 140%;
  display: flex;
  align-items: center;
  color: rgba(87, 91, 108, 0.65);
  position: absolute;
  bottom: 38px;
  right: 0px;
}

.channelVerified input {
  margin-right: 5px;
}

.verifiedTick {
  width: 14px;
  height: 14px;
  background: #3b6cd8;
  border: 1px solid rgba(87, 91, 108, 0.5);
  border-radius: 4px;
}

.disBtn {
  padding: 10px;
  border: 1px solid #575b6c;
  border-radius: 12px;
}

.inpHeight {
  height: 113px;
}

.copyIcon2 {
  padding: 43px 13.47px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 0px 12px 12px 0px;
  background: linear-gradient(
      0deg,
      rgba(43, 78, 190, 0.05),
      rgba(43, 78, 190, 0.05)
    ),
    #ffffff;
}

/* support ticket detail section */
.boldText {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #575b6c;
}

.lightText {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: rgba(87, 91, 108, 0.85);
  margin: 0;
}

.mediumText {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #575b6c;
}

.borderBtmRight {
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
  border-right: 1px solid rgba(125, 129, 144, 0.15);
}

.width-26 {
  width: 26%;
  /* min-width: 125px; */
}

.width-19 {
  width: 19%;
  /* min-width: 125px; */
}

.width-36 {
  width: 36%;
  /* min-width: 250px; */
}

.width-57 {
  width: 57%;
  /* min-width: 400px; */
}

.btnPadding {
  padding: 25px;
}

.borderOut {
  border-top: 1px solid rgba(125, 129, 144, 0.15);
  border-right: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 0px 12px 12px 0px;
}

.borderBottom {
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.borderBottom25 {
  border-bottom: 1px solid rgba(125, 129, 144, 0.25);
}

.borderBottomBlue {
  border-bottom: 1px solid #3b6cd8;
}

.borderBottomBlue50 {
  border-bottom: 1px solid rgba(59, 108, 216, 0.5) !important;
}

.borderBootomLeftRadius {
  border-radius: 0px 0px 12px 0px;
}

.btnStyle {
  border: 1px solid rgba(125, 129, 144, 0.15);
  padding: 60px 25px;
  border-radius: 12px 0px 0px 12px;
}

td div {
  padding: 0px !important;
}

.firstRow {
  padding: 15px 20px;
}

.secondRow {
  padding: 12px 20px;
}

.headerBtnSec .bellNotification .bellNotifyGroup a,
.headerBtnSec .bellNotification .bellNotifyTopHead .bellNotifyCloseBox a {
  width: auto;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
}

.bellNotify {
  border-bottom: 1px solid rgba(114, 123, 130, 0.1);
}

.bellNotifyHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bellNotifyHeading h5 {
  font-weight: 700;
  font-size: var(--s12);
  color: rgba(0, 0, 0, 0.85);
}

.bellNotifyTime p {
  color: rgba(0, 0, 0, 0.75);
  font-weight: 500;
  font-size: var(--s8);
}

.bellNotifyPara p {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 400;
  font-size: var(--s11);
}

.notifyPadding {
  padding: 14px 17px !important;
}

.bellNotifyHead {
  margin-bottom: 4px;
}

.pagi_nation .nav li a.active {
  color: #3b6cd8 !important;
}

.lineBreak {
  white-space: pre-wrap;
}

.marginBottom10 {
  margin-bottom: 10px !important;
}

.coverProfileInput {
  position: relative;
  top: 60px;
  left: 5px;
  width: 110px;
  opacity: 0;
}

.fixUserUi {
  height: 420px !important;
  overflow: auto !important;
}

.fixUserUi::-webkit-scrollbar {
  width: 2px;
  background: rgba(0, 0, 0, 0.15);
}

.fixUserUi::-webkit-scrollbar-thumb {
  background-color: gray;
  border-radius: 12px;
}

.publicSubmissionHeader {
  background-color: #ffffff;
  margin: 25px 25px 0px 25px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px 12px 0px 0px;
}

.paddingFix {
  padding: 0px 25px 25px 25px !important;
}

.borderRdiusTop {
  border-radius: 0px 0px 12px 12px;
  border-top: none;
}

.backBtnPublic {
  padding: 25px;
  border-right: 1px solid rgba(125, 129, 144, 0.15);
}

.publicHeading {
  padding: 25px;
  margin: auto 0px;
}

.publicHeading p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: rgba(87, 91, 108, 0.85);
  margin: 0px 0px 0px 10px;
}

.publicHeading img {
  height: 15px;
  width: 18px;
  margin: auto 0px;
}

.marginBottom0 {
  margin-bottom: 0px !important;
}

.sincePlaceholder {
  color: rgba(125, 129, 144, 0.5) !important;
}

.margibBottom0 {
  margin-bottom: 0px !important;
}

.uploadFileBody {
  text-align: center;
  background: rgba(87, 91, 108, 0.05);
  border: 1px dashed rgba(87, 91, 108, 0.5);
  border-radius: 15px;
}

.uploadPic {
  padding: 75px 334px 0px 334px;
}

.uploadPopUpContent {
  padding: 30px 0px 75px 0px;
}

.uploadPopUpContent h5 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
  margin-bottom: 10px !important;
}

.uploadPopUpContent button {
  background: rgba(43, 78, 190, 0.9);
  border: 1px solid rgba(125, 129, 144, 0.25);
  border-radius: 12px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #ffffff;
  padding: 15px;
}

.uploadPopUpContent p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.75);
  margin-bottom: 25px;
}

.marginBottom20 {
  margin-bottom: 20px;
}

.fileDriveTop {
  padding: 20px 25px 0px 25px;
  background-color: white;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-bottom: none;
  border-radius: 12px 12px 0px 0px;
}

.fileDriveTop p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 27px;
  color: #575b6c;
  margin-top: 9px;
}

.fileDriveTop button {
  background: rgba(43, 78, 190, 0.05);
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  padding: 10px 18px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #3b6cd8;
}

.paddingTop25 {
  margin-top: 25px;
}

.fileDriveBorder {
  border-top: 1px solid rgba(125, 129, 144, 0.15);
  margin: 5px 0px 25px 0px;
}

.nonEditableInpBg:focus,
.nonEditableInpBg {
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.1),
      rgba(125, 129, 144, 0.1)
    ),
    #ffffff !important;
}

.catInp {
  width: 14px !important;
  height: 14px !important;
  border: 1px solid rgba(87, 91, 108, 0.85);
  border-radius: 4px !important;
  margin-left: 195px;
  top: 3px;
  margin-right: 5px;
  position: relative;
}

.faqcheakLabel {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500 !important;
  font-size: 11.5px !important;
  line-height: 140% !important;
  color: rgba(87, 91, 108, 0.85) !important;
}

.supportCloBtn {
  background: linear-gradient(
      0deg,
      rgba(236, 0, 0, 0.05),
      rgba(236, 0, 0, 0.05)
    ),
    #ffffff;
  border: 1px solid rgba(236, 0, 0, 0.5);
  border-radius: 12px;
  height: 47px;
  width: 300px !important;
}

.supportCloBtn a {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #ec0000;
}

.marginRight5 {
  margin-right: 6px;
}

.filePrevImg {
  height: 60px;
  width: 60px;
  border-radius: 8px;
}

.folderNameli {
  padding-top: 20px !important;
}

.fileRowSize {
  height: 60px;
  width: 60px;
}

.marginTop8 {
  margin-top: 8px !important;
}

.marginTop14 {
  margin-top: 14px;
}

.marginBottom12 {
  margin-bottom: 12px !important;
}

.fileImgPrevLi {
  padding: 14px 25px !important;
  width: 115px;
  text-align: left !important;
}

.textAlignLeft {
  text-align: left;
}

.paddingLeft0 {
  padding-left: 0px !important;
}

.paddingLeft12 {
  padding-left: 12px !important;
}

.actionLi {
  width: 80px !important;
  padding: 20px 25px 14px 0px !important;
  text-align: right !important;
}

.addFilePopup {
  min-width: 840px !important;
}

.marginTop10 {
  margin-top: 10px !important;
}

.supTicReadFile {
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.1),
      rgba(125, 129, 144, 0.1)
    ),
    #ffffff;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  padding: 13px 16.5px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #7d8190;
}

.attachmentInp {
  position: absolute;
  top: 230px;
  opacity: 0;
}

.marginRight3 {
  margin-right: 3px;
}

.marginTop10 {
  margin-top: 10px;
}

.fileListhead {
  padding: 14px 25px;
  height: 45px;
}

.fileAction {
  padding: 14px 20px !important;
  width: 55px;
}

.fileDate {
  padding: 14px 20px !important;
  width: 160px !important;
}

.fileSizeTd {
  padding: 14px 20px !important;
  width: 160px !important;
}

.paddingRight20 {
  padding-right: 20px !important;
}

.fileCol1th {
  width: 120px;
}

.fileCol2th {
  text-align: left !important;
  padding-left: 0px !important;
}

.expandIcon {
  padding: 4px;
  background: #575b6c;
  border-radius: 5px;
  color: white;
}

.padding8-12 {
  padding: 8px 12px;
}

.notifyPadding {
  padding: 12px !important;
}

.notifyUiFix {
  background: #ffffff;
  border: 1px solid rgba(87, 91, 108, 0.15);
  border-radius: 12px;
  margin: 4px 0px 8px 0px;
}

.bellNotifyGroup {
  background: none !important;
}

.notifyState {
  height: 7px;
  width: 7px;
  background-color: #3b6cd8;
  margin: auto 5px auto 0px;
  border-radius: 50%;
}

.notifyHeading {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600 !important;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0px !important;
}

.timeText {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600 !important;
  font-size: 8px !important;
  line-height: 10px !important;
  color: rgba(0, 0, 0, 0.85) !important;
}

.readMessageBg {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),
    #ffffff;
}

.lineHeight16 {
  line-height: 16px !important;
}

.sincePlaceholderDate[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0.3;
}

.dropifyImgRead {
  width: 252px;
  height: 140px;
  background: rgba(125, 129, 144, 0.05);
  border: 1px dashed rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  text-align: center;
}

.dropifyP {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  line-height: 16px !important;
  text-align: center;
  color: rgba(125, 129, 144, 0.75) !important;
  margin-bottom: 3px !important;
}

.dropifyImgRead img {
  margin-top: 21.6px;
  margin-bottom: 9px;
}

.readOnlyFile {
  position: absolute;
  bottom: 150px;
  opacity: 0;
}

.newsLetterFileRead {
  position: absolute;
  opacity: 0;
}

.borderFix {
  border-radius: 0px 12px 12px 0px !important;
}

.leftTick {
  position: relative;
  right: 20px;
  top: 20px;
}

.marginLeft5 {
  margin-left: 5px;
}

.menuColumn {
  position: relative;
  margin-top: 8px;
}

.menucolumn_admin {
  padding: 0px 10px;
}

.menuColumn > ul > li {
  margin-bottom: -1px;
}

.lesson_btn li a {
  font-size: 14px !important;
  line-height: 17px !important;
}

.zIndex0 {
  z-index: 0 !important;
}

.marginTop3 {
  margin-top: 3px !important;
}

.roleNav li {
  list-style: none;
  margin: 0px 6px;
}

.roleNav li a {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: rgba(87, 91, 108, 0.5);
  padding: 11px 18px;
  border: 1px solid rgba(87, 91, 108, 0.15);
  border-radius: 12px;
}

/* .activeNavCol a {
} */
.activeNavCol {
  color: #3b6cd8 !important;
  background: rgba(43, 78, 190, 0.05);
  border: 1px solid #3b6cd8 !important;
  border-radius: 12px;
}

.roleContent {
  padding: 25px;
  border-radius: 0px 0px 12px 12px;
  background-color: white;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-top: none;
}

.roleCheckDiv {
  background: linear-gradient(
      0deg,
      rgba(43, 78, 190, 0.05),
      rgba(43, 78, 190, 0.05)
    ),
    #ffffff;
  border: 1px solid rgba(43, 78, 190, 0.1);
  border-radius: 12px;
  padding: 24px 20px;
}

.labelRole {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  margin-left: 10px;
  color: #575b6c;
}

.inputRole {
  width: 300px;
  border: 1px solid rgba(111, 134, 218, 0.15);
  border-radius: 12px;
}

.marginBottom18 {
  margin-bottom: 18px !important;
}

.checkBoxRead {
  width: 25px;
  height: 25px;

  background: #ffffff;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 8px;
}

input [checkbox] {
  opacity: 0;
}

.unreadNotCount {
  height: 14px;
  width: 14px;
  background: #3b6cd8;
  border-radius: 50%;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  text-align: center;
  color: #ffffff;
  position: absolute;
  left: 20px;
  top: 16px;
}

.adminzone_heading {
  padding: 5px 20px;
  background: #fff;
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  color: #7d8190;
  margin-top: 15px;
}

.adminzone_heading > img {
  margin-right: 5px !important;
}

.account_input input {
  margin-bottom: 12px;
}

.marginLeft46 {
  margin-left: 46px !important;
}

.marginTop5 {
  margin-top: 5px;
}

.marginRight6 {
  margin-right: 6px;
}

.approveIcon {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  margin-top: 4px;
  color: #3b6cd8;
  cursor: pointer;
}

.size17 {
  height: 17px;
  width: 17px;
}

.colBlack {
  color: #000 !important;
}

.height37 {
  height: 37px;
  width: 37px;
}

.bannerPrevImg {
  width: 252px;
  height: 140px;
}

.userNameNav {
  padding: 0px 25px;
}

.userNameNav li {
  margin-right: 25px;
  padding: 14px 0px;
}

.activeLi {
  border-bottom: 1px solid #3b6cd8;
}

.activeLi_a {
  color: #3b6cd8 !important;
}

.userNameNav li a {
  color: #7d8190;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
}

.padding2025 {
  padding: 20px 25px;
}

.textArea {
  background: #ffffff;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  height: 288px;
  width: 100%;
  padding: 14px 15px;
}

.textArea::placeholder {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: rgba(125, 129, 144, 0.5);
}

.textAreaNew::placeholder {
  font-weight: 500;
  font-size: 14px;
  color: rgba(125, 129, 144, 0.5);
  letter-spacing: 0px;
}

.textSpan {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: rgba(125, 129, 144, 0.75);
  margin: 7px 0px 25px 0px;
}

.borderRadius12 {
  border-radius: 12px;
}

.lineHeight15 {
  line-height: 15px !important;
}

.lineHeight17 {
  line-height: 17px !important;
}

.displayBlock {
  display: block !important;
}

.marginRight5 {
  margin-right: 5px;
}

.borderNone {
  border: none !important;
}

.fileDriveInput {
  position: absolute;
  left: 360px;
  height: 47px;
  width: 120px;
  opacity: 0;
}

.blogImgPrev {
  width: 262px;
  height: 141px;
  background: rgba(125, 129, 144, 0.15);
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  text-align: center;
}

.blogImgPrev p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: rgba(87, 91, 108, 0.5);
  margin-bottom: 8px !important;
}

.blogImgPrev input {
  opacity: 0;
  left: 0;
  position: relative;
  bottom: 60px;
}

.blogPrev {
  width: 262px;
  height: 141px;
}

.blogUploadIcon {
  margin: 39px 0px 10.8px 0px;
}

.fix-height th {
  height: 49px;
}

.fix-height {
  border-left: 1px solid rgba(125, 129, 144, 0.15);
}

.userProfilePicHeight {
  width: 35px;
  height: 35px;
  min-width: 35px;
  min-height: 35px;
  border-radius: 50%;
  border: 1px solid rgba(125, 129, 144, 0.25);
}

.userProfilePicHeight img {
  object-fit: cover;
}

.userProfilePicName {
  background-color: white;
}

.role-header {
  gap: 10px;
}

.radio-btn {
  background: #ffffff;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  display: flex;
  align-items: center;
  padding: 14px;
  gap: 8px;
}

.radio-btn input[type="radio"] {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  height: unset;
}

.radio-btn span {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: rgba(125, 129, 144, 0.9);
}

.pageTagSpan {
  background: #ffffff;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  padding: 0px 7px;
  border-radius: 12px 0px 0px 12px;
  border-right: none;
}

.pageTagSpan span {
  margin: 0 2.5px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #3b6cd8;
  padding: 4px 6px;
  background: rgba(43, 78, 190, 0.1);
  border-radius: 6px;
}

.pageInput {
  padding: 0px !important;
  border: none !important;
  margin: 0 !important;
}

.pageInput:focus {
  outline: 0;
}

.borderRed {
  /* border: 1px solid red !important; */
  border: 1px solid rgba(236, 0, 0, 0.5) !important;
  background: linear-gradient(
      0deg,
      rgba(236, 0, 0, 0.05) 0%,
      rgba(236, 0, 0, 0.05) 100%
    ),
    #fff !important;
}

.inpBgRed {
  background: linear-gradient(
      0deg,
      rgba(236, 0, 0, 0.05) 0%,
      rgba(236, 0, 0, 0.05) 100%
    ),
    #fff !important;
}

.borderOnlyRed {
  /* border: 1px solid red !important; */
  border: 1px solid rgba(236, 0, 0, 0.5) !important;
}

.bgInputRed {
  background: linear-gradient(
      0deg,
      rgba(236, 0, 0, 0.05) 0%,
      rgba(236, 0, 0, 0.05) 100%
    ),
    #fff !important;
}

.loadingGif {
  height: 20px;
  margin-right: 5px;
}

.userDatabaseScroll {
  max-height: 450px;
  overflow: auto;
}

/* .userDatabaseScroll::-webkit-scrollbar {
  background: rgba(0, 0, 0, 0.15);
  width: 2px;
} */
.crossIconPageTg {
  margin-left: 5px;
  margin-bottom: 2px;
}

.courseSearchImg {
  height: 55px !important;
  width: 102px !important;
}

.textAreaCustom {
  background: #ffffff;
  border: none !important;
  /* border-radius: 12px; */
  height: 270px;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}

.areaHead textarea:focus {
  border: none;
  box-shadow: none;
  outline: none;
}

.areaHead {
  display: flex;
}

.areaHead .numberList {
  margin-top: 3px;
  display: flex;
  flex-direction: column;
}

.areaHead .numberList span {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #7d8190;
}

.betaEnterPasswordInner {
  background: #f7f7f9;
  position: absolute;
  top: 0;
  bottom: 0;
}

.notification_box::-webkit-scrollbar {
  width: 2px;
}

.notification_box::-webkit-scrollbar-thumb {
  height: 250px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 12px;
}

/* advertising section */
.addHeading {
  padding: 12px 25px;
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.btnBgadd {
  background-color: #3b6cd8;
  opacity: 0.75;
}

.addHeading p {
  margin-bottom: 0px;
  margin-top: 8px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: rgba(87, 91, 108, 0.85);
}

.addHeading button {
  padding: 10px 25px;
  border-radius: 12px;
  font-size: 14px;
  border: none;
  color: white;
  border: 1px solid rgba(0, 0, 0, 0.25);
  line-height: 17px;
}

.addFormDiv {
  padding: 25px;
}

.cheakboxDiv {
  height: 45px;
  /* width: 225px; */
  background: #ffffff;
  border: 1px solid #7d8190;
  border-radius: 12px;
  margin-right: 12px;
}

.checkboxInp {
  margin: 0px 10px 12px 12px;
}

.cheakboxDiv label {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: rgba(0, 0, 0, 0.9);
  margin-top: 14px;
  padding-right: 12px;
}

.cheakboxPlaceholder {
  color: rgba(125, 129, 144, 0.9) !important;
}

.margintop12 {
  margin-top: 12px;
}

.notificationNav {
  padding: 0px 25px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-bottom: none;
  border-top: none;
  background-color: white;
}

.notificationNav p {
  margin-right: 32px;
  margin-bottom: 0px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #7d8190;
}

.totalCount {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  margin: 12px 0px;
  color: #575b6c;
}

.notification_head {
  background-color: white;
  border-radius: 12px 12px 0px 0px;
  border: 1px solid rgba(125, 129, 144, 0.15);
}

.notifyLi {
  padding: 14px 0px;
  cursor: pointer;
}

.notifyActive {
  border-bottom: 1px solid #3b6cd8;
  color: #3b6cd8 !important;
}

.bellIconMargin {
  margin: 0px 14.5px 0px 4.5px;
}

.pad13 {
  padding: 13px 19.5px;
}

.letterSpacing0 {
  letter-spacing: 0px !important;
}

.userExtraDetails {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.profileBoxInnerCustom {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 14px;
  width: 245px;
  height: 120px;
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.03),
      rgba(125, 129, 144, 0.03)
    ),
    #ffffff;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  margin-bottom: 12px;
  flex-direction: column;
}

.profileCards {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.profileCardHeadCustom {
  margin-bottom: 0px;
  gap: 10px;
}

.profileImgCard img {
  width: 30px;
  height: 30px;
  object-fit: cover;
}

.userExtraDetails .profileBoxOuter {
  max-height: 330px;
  overflow: auto;
  padding: 25px 20px;
}

.profileImgCard {
  width: 30px;
  height: 30px;
}

.profileContantCard p {
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: -0.02em;
  color: rgba(16, 19, 25, 0.75);
}

.profileContantCard h4 {
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.02em;
  color: rgba(16, 19, 25, 0.85);
}

.profileContantCard a {
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  display: flex;
  align-items: center;
  color: #3b6cd8;
}

.btnLightCustom {
  height: 22px;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #5bc589;
}

.profileCardRight a.btnLightGreen {
  color: #5bc589;
  background: linear-gradient(
      0deg,
      rgba(91, 197, 137, 0.25),
      rgba(91, 197, 137, 0.25)
    ),
    #ffffff;
  border: 1px solid #5bc589;
  border-radius: 12px;
}

.btnLightOrange,
.btnLightOrange:hover {
  background: linear-gradient(
      0deg,
      rgba(253, 183, 17, 0.2),
      rgba(253, 183, 17, 0.2)
    ),
    #ffffff;
  border: 1px solid #fdb711;
  border-radius: 12px;
  color: #fdb711;
}

.profileCardLeft h6 {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  display: flex;
  align-items: center;
  color: rgba(16, 19, 25, 0.75);
}

.profileSkillHead {
  display: flex;
  gap: 8px;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.profileSkillHead .profileContantCardCustom {
  display: flex;
  flex-direction: column;
  align-items: center;
}

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

/* Track */
.profileBoxOuter::-webkit-scrollbar-track {
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: white;
  width: 12px;
}

/* Handle */
.profileBoxOuter::-webkit-scrollbar-thumb {
  width: 6px;
  height: 54px;
  background: rgba(125, 129, 144, 0.15);
  border-radius: 25px;
  border: 3px solid transparent;
  background-clip: padding-box;
}

/* Handle on hover */
.profileBoxOuter::-webkit-scrollbar-thumb:hover {
  background: rgba(125, 129, 144, 0.25);
  border: 3px solid transparent;
  background-clip: padding-box;
}

.userDatabaseScroll::-webkit-scrollbar-track {
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: white;
  width: 12px;
}

/* Handle */
.userDatabaseScroll::-webkit-scrollbar-thumb {
  width: 6px;
  height: 54px;
  background: rgba(125, 129, 144, 0.15);
  border-radius: 25px;
  border: 3px solid transparent;
  background-clip: padding-box;
}

/* Handle on hover */
.userDatabaseScroll::-webkit-scrollbar-thumb:hover {
  background: rgba(125, 129, 144, 0.25);
  border: 3px solid transparent;
  background-clip: padding-box;
}

.padding25 {
  padding: 25px;
}

.margin25 {
  margin: 25px;
}

.userformComInput input,
.userformComInput textarea {
  background: #fff;
}

.userformComInput input:disabled,
.userformComInput textarea:disabled {
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.05),
      rgba(125, 129, 144, 0.05)
    ),
    #ffffff;
}

.urlHeadText {
  background: #ffffff;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  font-weight: 600;
  font-size: var(--s14);
  line-height: 17px;
  padding: 15px;
  resize: none;
  color: #7d8190;
  word-wrap: break-word;
}

.urlHeadText span {
  color: #3b6cd8;
}

.disBtnCustom {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: #575b6c;
  justify-content: center;
  padding: 14px;
}

.paddingTop9 {
  padding-top: 9px !important;
}

.margin25_0 {
  margin: 25px 0px !important;
}

.fileDriveListIcon {
  border: 1px solid rgba(125, 129, 144, 0.25);
  border-radius: 12px;
  height: 47px;
  width: 47px;
  padding: 9px 13px 15px 13px;
}

.fileDriveListIcon img {
  height: 15.33px;
  width: 19.17px;
}

.select__value-container div.select__multi-value {
  border-radius: 6px !important;
  overflow: hidden;
}

/* course analytics start*/
.CourseAnalyticsDiv {
  margin: 25px;
  background: #ffffff;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
}

.CourseAnalyticsHead {
  display: flex;
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.analyticsbackBtn {
  padding: 21px 25px;
  border-right: 1px solid rgba(125, 129, 144, 0.15);
}

.courseAnalyticsTitle img {
  height: 40px;
  width: 74px;
  margin-right: 12px;
  border-radius: 5px;
}

.analyticsTitle {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #575b6c;
}

.authorName {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #575b6c;
}

.publishedOnDiv,
.actionDiv {
  padding: 17px 20px;
  border-right: 1px solid rgba(125, 129, 144, 0.15);
  text-align: center;
}

.statusDiv {
  padding: 17px 20px 0px 20px;
  height: 74px;
  border-right: 1px solid rgba(125, 129, 144, 0.15);
  text-align: center;
}

.publishedOnDiv {
  border-left: 1px solid rgba(125, 129, 144, 0.15);
}

.actionDiv {
  border: none;
  width: 113px;
}

.statusDiv {
  width: 118px;
}

.publishedonP1 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #7d8190;
  margin-bottom: 7px;
}

.publishedonP2 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #4a5056;
}

.courseAnalyticsMid {
  padding: 25px 0px;
}

.courseAnalyticsMid h2 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: rgba(87, 91, 108, 0.95);
  margin: 0px 0px 8px 25px;
}

.analyticsGridBox {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0px;
}

.cardLi p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 0px;

  color: rgba(87, 91, 108, 0.85);
}

.cardLi h6 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #575b6c;
  margin: auto 0px;
}

.cardLi {
  border-bottom: 1px solid rgba(125, 129, 144, 0.1);
  padding: 12px 0px;
}

.anylyticsCard {
  padding: 0px 25px;
  border-right: 1px solid rgba(125, 129, 144, 0.1);
}

.analyticsGraphGrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin: 10px 15px;
}

.paddingBottom0 {
  padding-bottom: 0px !important;
}

.graphCard {
  margin: 10px;
  border-radius: 8px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  height: 200px;
  max-width: 285px;
}

.graphCardNav {
  padding: 13.65px 13px;
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
  /* border-radius: 8px 8px 0px 0px; */
}

.graphCardNav p {
  font-family: "Inter";
  font-style: normal;
  margin-bottom: 2.73px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #575b6c;
}

.graphCardNav h6 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: rgba(87, 91, 108, 0.75);
  margin-bottom: 0px;
}

.notesDiv {
  margin: 0px 25px;
}

.notesDiv p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 10px;
  color: rgba(87, 91, 108, 0.85);
}

.notesDiv textarea {
  width: 100%;
  height: 237px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  outline: none;
  padding: 14px 15px;
}

.notesDiv textarea::placeholder {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: rgba(125, 129, 144, 0.5);
}

.padding17_0 {
  padding: 17px 0px;
}

.barPadding {
  padding: 35px 13px 0px 13px;
}

.pieChartLabel {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  margin-top: 13.84px;
  color: rgba(87, 91, 108, 0.85);
}

.pieChartLabel span {
  font-weight: 600;
}

.circle1 {
  height: 5.33px;
  width: 5.33px;
  background-color: #3b6cd8;
  margin: auto 7.34px auto 18.34px;
  border-radius: 50%;
}

.circle2 {
  height: 5.33px;
  width: 5.33px;
  background-color: #ffbe0b;
  margin: auto 7.34px auto 18.34px;
  border-radius: 50%;
}

.circle3 {
  height: 5.33px;
  width: 5.33px;
  background-color: #4fd939;
  margin: auto 7.34px auto 18.34px;
  border-radius: 50%;
}

/* course analytics end*/
.custom-progress {
  display: flex;
  align-items: center;
  width: 20px;
  height: 20px;
}

.progressHeader {
  position: fixed;
  width: 300px;
  right: 25px;
  z-index: 100000000;
  bottom: 50px;
}

.notificationAlertCustom {
  position: relative;
  top: unset;
  bottom: unset;
  right: unset;
}

.word-break {
  word-break: break-all;
}

.teamRoleCustom .commonCart {
  padding-top: 0px;
  border-top: none;
  border-radius: 0px 0px 12px 12px;
}

.teamHeaderCustom {
  border-bottom: none;
}

.padding15 {
  padding: 15px;
}

.padding0 {
  padding: 0px !important;
}

.marginBottom10 {
  margin-bottom: 10px;
}

.marginBottom3 {
  margin-bottom: 3px;
}

.padding14_15 {
  padding: 14px 15px !important;
}

.paddingTop32 {
  padding-top: 32px !important;
}

.marginBottom25 {
  margin-bottom: 25px !important;
}

.customUrlInpBg {
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.05),
      rgba(125, 129, 144, 0.05)
    ),
    #ffffff;
}

.filedickIconSpacing {
  margin-top: -3px;
  margin-right: 7px;
}

.publicHeading img {
  height: 17.1px;
  width: 27px;
  margin: auto 0px;
}

.updateBtnHeader {
  display: flex;
  gap: 10px;
}

.calenderBtn {
  width: 52px;
  height: 45px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 12px;
  background-color: #fff;
}

.courseAnalyticsTitle {
  padding: 17px 25px;
}

.bBottom {
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.actionViewMargin {
  margin: 0px 12.6px 0px 11.6px;
}

.analyticsHeader {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1200px) {
  .analyticsGridBox {
    grid-template-columns: 1fr 1fr;
  }

  .analyticsGraphGrid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 750px) {
  .analyticsGridBox {
    grid-template-columns: 1fr;
  }

  .analyticsGraphGrid {
    grid-template-columns: 1fr 1fr;
  }

  .statusDiv {
    height: 100%;
  }

  .analyticsHeader {
    flex-direction: column;
    justify-content: space-between;
  }

  .borderT {
    border-top: 1px solid rgba(125, 129, 144, 0.15);
  }
}

@media screen and (max-width: 600px) {
  .analyticsGraphGrid {
    grid-template-columns: 1fr;
  }
}

/*  */
.sidebarWidth {
  min-width: 250px !important;
}

.userDatabaseLi li {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 160%;
}

.marginRight5 {
  margin-right: 5px;
}

.analyticsBodyDiv {
  background: #ffffff;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  padding: 15px;
}

.margin12_5 {
  margin: 10px;
}

.analyticsCardNav {
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
  padding: 15px;
}

.analyticsCardNav p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #575b6c;
  margin-bottom: 3px;
}

.analyticsCardNav h6 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: rgba(87, 91, 108, 0.75);
  margin-bottom: 0px;
}

.analyticsCard {
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
}

.fileDriveListIcon img {
  height: 20.33px;
  width: 19.17px;
}

.updatePopUpImg {
  height: 20.83px !important;
  width: 18.75px !important;
}

.bannerImg {
  background-color: rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  height: 450px;
}

.bannerImg img {
  height: 25px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* New Code SGG CMS */

.commanModal-body {
  border-radius: 15px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #fff;
  overflow: hidden;
}

.btn:hover {
  opacity: 0.85 !important;
}

.account_input textarea {
  background: #ffffff;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  font-size: var(--s14);
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
  resize: none;
}

.addSalesRecord-sec .custom-select select {
  /* color: rgba(125, 129, 144, 0.5); */
  font-size: var(--s14);
}

.btn-primary-variant {
  background: #fff;
  /* border: 1px solid #3b6cd8; */
  border: 1px solid rgba(59, 108, 216, 0.5);
  border-radius: 12px;
  height: 45px;
  font-weight: 600;
  font-size: var(--s14);
  color: #3b6cd8;
  line-height: 1.2;
}

.btn-primary-variant-Danger {
  border-radius: 12px;
  height: 45px;
  font-weight: 600;
  font-size: var(--s14);
  color: #ec0000;
  border: 1px solid #ec0000;
  background: rgba(236, 0, 0, 0.05);
  line-height: 17px;
}

.btn-primary-variant-Danger-filter {
  color: #ee3124;
  border: 1px solid rgba(238, 49, 36, 0.25);
  background: rgba(238, 49, 36, 0.05);
  border-radius: 12px;
  font-size: var(--s14);
  line-height: 17px;
}

input[type="checkbox"]:disabled {
  background: #3b6cd8;
}

.topHeaderInner {
  margin-right: 20px !important;
}

.bgColorModalHead-sgg {
  background: rgba(87, 91, 108, 0.05) !important;
  max-height: 50px;
}

.btnBlue-active {
  color: #3b6cd8 !important;
  border-radius: 12px;
  border: 1px solid #3b6cd8 !important;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff !important;
}

.scrollBarCustom::-webkit-scrollbar,
.scrollBarCustomDash::-webkit-scrollbar {
  width: 7px;
}

.scrollBarCustom0px::-webkit-scrollbar {
  width: 0px !important;
}

.scrollBarCustom4px::-webkit-scrollbar {
  width: 4px;
}
/* .fullScreen-rightSectionCust .commontable tbody {
  height: 580px;
} */

.btn-primary-variant:hover {
  color: rgba(59, 108, 216, 0.8) !important;
  border-color: rgba(59, 108, 216, 0.8) !important;
}

.btn-primary-variant-Danger:hover {
  color: rgba(236, 0, 0, 0.8) !important;
  border-color: rgba(236, 0, 0, 0.8) !important;
}

.btn-primary-variant-Danger-filter:hover {
  color: rgba(238, 49, 36, 0.8);
  border-color: 1px solid rgba(238, 49, 36, 0.15);
}

.btn-primaryDanger {
  color: #fff;
  background-color: #ec0000 !important;
  border: 1px solid #ec0000 !important;
}

/* Track */
.scrollBarCustomDash::-webkit-scrollbar-track {
  background: #fff;
  border-top: 1px dashed rgba(125, 129, 144, 0.15);
  border-left: 1px dashed rgba(125, 129, 144, 0.15);
  border-bottom: 1px dashed rgba(125, 129, 144, 0.15);
}

/* Track */
.scrollBarCustom::-webkit-scrollbar-track,
.scrollBarCustom4px::-webkit-scrollbar-track {
  background: #fff;
  border: 0px solid transparent;
  border: 1px solid rgba(125, 129, 144, 0.15);
}

/* Handle */
.scrollBarCustom::-webkit-scrollbar-thumb,
.scrollBarCustom4px::-webkit-scrollbar-thumb,
.scrollBarCustomDash::-webkit-scrollbar-thumb {
  background: #7d8190;
  border: 2px solid transparent;
  border-radius: 12px;
  background-clip: content-box;
}

.scrollBarCustom4px::-webkit-scrollbar-thumb {
  border: 1px solid transparent;
}

.middelContant .phCode-login {
  font-size: var(--s14);
  color: #727b82;
  font-weight: 500;
}

.loginWrapper {
  width: 232px;
  height: 46px;
  margin-top: 55px;
  padding: 0px 18px;
  border-radius: 50px;
}

.sgg_changeOrg {
  background-color: #fff;
  position: fixed;
  bottom: 0;
  margin-right: 1px;
  width: 250px;
}

.sggHeader-RightSection {
  height: 60px;
  overflow: hidden;
  padding: 10px;
  gap: 8px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  background: rgba(59, 108, 216, 0.05);
  z-index: 10000;
}

.sggHeader-RightSection .imgBox {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 8px;
  outline: 1px solid rgba(209, 213, 219, 0.25);
}

.sggHeader-RightSection .comp_name h5 {
  color: rgba(0, 0, 0, 0.8);
}

.sggHeader-RightSection .comp_name p {
  font-size: var(--s10);
  /* line-height: 12px; */
}

.sggHeader-RightSection .imgIcon {
  height: 16px;
  width: 16px;
  min-width: 16px;
}

.sggHeader-RightSection .switchOrgHeight {
  height: 40px;
  width: 40px;
  object-fit: cover;
}

.sidebarBorderCust {
  border-right: 1px solid rgba(125, 129, 144, 0.25);
  /* padding-bottom: 140px; */
  /* height: 100%; */
  height: 100vh;
}

.sidebarBorderCust .padding-Btm {
  padding-bottom: 80px;
}

.menuColumn {
  margin-top: 0px;
  padding-top: 8px;
}

.overViewHeading {
  border: 1px solid rgba(125, 129, 144, 0.25);
  border-radius: 12px;
  overflow: hidden;
  height: calc(100vh - 110px);
}

.overViewBody {
  display: flex;
  flex-wrap: wrap;
}

.overViewBody .keyMatrics {
  width: 60%;
  border-right: 1px solid rgba(125, 129, 144, 0.15);
}

.announceMents .amBody {
  gap: 10px;
  padding: 15px;
  /* max-height: 530px; */
  height: calc(100vh - 216px);
  overflow: auto;
}

li.announcement-Link {
  border-radius: 12px;
  border: 1px solid rgba(87, 91, 108, 0.15);
  background: #fff;
  padding: 12px;
  list-style: none;
}

li.announcement-LinkLoader {
  list-style: none;
}

li.announcement-Link.active {
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.05) 0%,
      rgba(0, 0, 0, 0.05) 100%
    ),
    #fff;
}

.announcement-Link .hDiv h4 {
  color: rgba(0, 0, 0, 0.9);
  font-size: var(--s12);
  font-weight: 600;
  line-height: normal;
}

.announcement-Link .hDivRgt {
  white-space: nowrap;
  overflow: hidden;
}

.announcement-Link .hDivRgt h4 {
  font-size: var(--s10);
  font-weight: 500;
  /* line-height: normal; */
}

.announcement-Link .hDiv {
  gap: 6px;
}

.announcement-Link .bodyText {
  color: rgba(0, 0, 0, 0.85);
  font-size: var(--s11);
  font-weight: 400;
  line-height: 140%;
}

.announcement-Link .btmText h6 {
  color: rgba(0, 0, 0, 0.85);
  font-size: var(--s8);
  font-weight: 500;
  line-height: 8px;
}

.announcement-Link .hTagBlue,
.announcement-Link .hTagBlack {
  border-radius: 12px;
  border: 1px solid rgba(87, 91, 108, 0.25);
  background: rgba(59, 108, 216, 0.85);
  color: #fff;
  font-size: 7.5px;
  font-weight: 500;
  line-height: 6px;
  padding: 3px 5px;
}

.announcement-Link .hTagBlack {
  background: rgba(0, 0, 0, 0.85);
}

.ljSectionData .announceMents {
  width: 40%;
}

.userProfile_details .mainHeading,
.userProfile_password .mainHeading,
.userProfile_BankDetail .mainHeading,
.customer_addSalesRecord .mainHeading {
  border-bottom: 1px solid rgba(125, 129, 144, 0.25);
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
  height: 47px !important;
}

.verticalLine {
  border-left: 1px solid rgba(125, 129, 144, 0.15);
}

.verticalLine25 {
  border-left: 1px solid rgba(125, 129, 144, 0.25);
}

.horizontalLine {
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.userProfile_details {
  width: 40%;
}

.userProfile_password,
.userProfile_BankDetail {
  width: calc(30% - 1px);
}

.sendLoginPass-checkBox label {
  color: #7d8190;
  font-size: var(--s13);
  font-weight: 500;
  /* line-height: normal; */
}

.sendLoginPass-checkBox input[type="checkbox"] {
  height: 16px;
  width: 16px;
  border-color: rgba(125, 129, 144, 0.5) !important;
  /* outline: 1px solid rgba(125, 129, 144, 0.5); */
}

.bugImageInputGroup .input-group {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(125, 129, 144, 0.15);
}

.bugImageInputGroup input {
  width: calc(100% - 79px);
}

.bugImageInputGroup .input-group-text {
  width: 80px;
  background-color: #3b6cd8;
  font-size: var(--s14);
  font-weight: 600;
}

.securitySwitch h6,
.actvSession .headCust {
  font-size: var(--s14);
  height: 17px;
}

.securitySwitch .spanEnabled {
  font-size: var(--s13);
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.1) 0%,
      rgba(125, 129, 144, 0.1) 100%
    ),
    #fff;
  border-radius: 8px;
}

.securitySwitch .spanNotEnabled {
  font-size: var(--s13);
  background: rgba(236, 0, 0, 0.1);
  color: #ec0000;
  border-radius: 8px;
}

.secr-imgNotEnabled {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.05);
  height: 100%;
}

.secr-imgNotEnabled div {
  gap: 20px;
}

.secr-imgEnabled {
  border-radius: 8px;
  border: 1px solid rgba(91, 197, 137, 0.5);
  background: rgba(91, 197, 137, 0.05);
  height: 100%;
}

.secr-imgEnabled h5 {
  color: #5bc589;
  font-size: var(--s14);
  font-weight: 600;
}

.common_securityIns h6 {
  color: #575b6c;
  font-size: 15px;
  font-weight: 700;
}

.common_securityIns p {
  font-weight: 400;
  font-size: var(--s14);
  color: #575b6c;
  line-height: 1.6;
}

.common_securityIns p span {
  font-weight: 500;
  font-size: var(--s14);
  border-bottom: 1px solid #575b6c;
}

.switchContainer {
  display: block;
  position: relative;
  cursor: pointer;
  color: #000;
  font-size: var(--s15);
  user-select: none;
  font-weight: 400;
}

.switchContainer input {
  cursor: pointer;
  height: 20px;
  width: 20px;
}

.securityPage-main {
  width: 100%;
}

.settings_security .mainHeading,
.settings_details .mainHeading {
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
  overflow: hidden;
}

.settings_details {
  width: 100%;
}

.settings_security {
  width: 598px;
  border-right: 1px solid rgba(125, 129, 144, 0.15);
}

.settings_mainBody {
  height: 580px;
}

.securitySwitch .btnDanger-auth,
.btnDanger-ec {
  border-radius: 12px !important;
  border: 1px solid rgba(236, 0, 0, 0.5) !important;
  background: linear-gradient(
      0deg,
      rgba(236, 0, 0, 0.05) 0%,
      rgba(236, 0, 0, 0.05) 100%
    ),
    #fff !important;
  color: #ec0000 !important;
}

.quercodeSummary {
  flex: 0 0 auto;
  width: 21%;
}

.headerSearchBar .input-group {
  background: transparent;
}

.list_header .filterBtn button {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0 15px;
  color: rgba(0, 0, 0, 0.75);
  white-space: nowrap;
  max-width: 125px;
  width: 125px;
}

.commonCart-Cust {
  background-color: transparent;
  border: none;
}

.commontable {
  background-color: #fff;
}

.filterBtn .spanNumber,
.filterBtnUsr .spanNumber {
  width: 18px;
  height: 18px;
  font-size: var(--s12);
  font-weight: 600;
  background-color: rgba(59, 108, 216, 0.15);
  border-radius: 50%;
}

.button-secondary {
  display: flex;
  gap: 5px;
  color: #3b6cd8;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid #3b6cd8;
  background: rgba(59, 108, 216, 0.05);
}

.button-PrimaryVar {
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
}

.tableBottom,
.sb-btm {
  justify-content: flex-end;
  border-top: 1px solid rgba(125, 129, 144, 0.25);
}

.tableBottom .btmCol,
.sb-btm .btmCol {
  padding: 8px 18px;
  border-left: 1px solid rgba(125, 129, 144, 0.25);
}

.tableBottom .btmCol p,
.sb-btm .btmCol p {
  font-size: var(--s12);
  font-weight: 500;
  color: rgba(0, 0, 0, 0.75);
}

.tableBottom .btmCol p .colorBlue-sgg,
.sb-btm .btmCol p .colorBlue-sgg {
  border-bottom: 1px solid #3b6cd8;
}

.customer_addSalesRecord {
  width: 100%;
  /* filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.05)); */
}

.switchContainer-Relation {
  display: block;
  position: relative;
  cursor: pointer;
  color: rgba(87, 91, 108, 0.85);
  font-size: var(--s13);
  user-select: none;
  font-weight: 600;
}

.switchContainer-Relation input {
  cursor: pointer;
  height: 16px;
  width: 16px;
}

.account_input-pnGroup .input-group {
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  height: 45px;
}

.account_input-pnGroup .input-group-text {
  font-size: var(--s14);
  color: #727b82;
  font-weight: 500;
}

.account_input-pnGroup .mobInput {
  font-size: var(--s14);
  color: #000;
  font-weight: 500;
}

.account_input-address textarea {
  resize: none;
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.15);
}

.positionRelativeCust {
  position: relative;
}

.asr_add-docs .input-group {
  border-radius: 12px;
  height: 40px;
  /* overflow: hidden; */
  border: 1px solid rgba(125, 129, 144, 0.15);
  justify-content: space-between;
  flex-wrap: nowrap;
}

.bug-ReportDoc .input-group {
  border-radius: 12px;
  height: 45px;
  /* overflow: hidden; */
  border: 1px solid rgba(125, 129, 144, 0.15);
  justify-content: space-between;
  flex-wrap: nowrap;
}

.asr_add-docs .docInput,
.bug-ReportDoc .docInput {
  position: absolute;
  right: 0px;
  top: 28px;
  opacity: 0;
  width: 72px;
  z-index: 1050;
  height: 40px;
}

.asr_add-docs span {
  color: rgba(125, 129, 144, 0.5);
  font-size: var(--s14);
  font-weight: 500;
  max-width: 124px;
  overflow: hidden;
}

.anc_addDocs span {
  max-width: 400px;
}

.bug-ReportDoc span {
  color: rgba(125, 129, 144, 0.5);
  font-size: var(--s14);
  font-weight: 500;
  max-width: 230px;
  overflow: hidden;
}

.asr_add-docs4 span {
  max-width: 176px;
}

.asr_add-docs .input-group-text,
.bug-ReportDoc .input-group-text {
  /* max-width: 79px; */
  max-width: 95px;
  padding: 0px 12px;
  font-size: var(--s14);
  font-weight: 600;
  border-radius: 0px 11px 11px 0px;
  outline: 1px solid rgba(125, 129, 144, 0.25);
  border: 0;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.addSalesRecord-sec .col-detailsLeft {
  width: 66%;
}

.addSalesRecord-sec .col-detailsRight {
  width: calc(34% - 1px);
}

.addSalesRecord-sec h6 {
  font-size: var(--s14);
  /* margin-left: 15px; */
  font-weight: 600;
  display: inline-block;
  border-bottom: 1px solid #3b6cd8;
}

.addSalesRecord-sec .col-detailsRight .add-docsForm {
  height: calc(100% - 36px);
}

.addSalesRecord-sec_p4 .col-detailsRight .add-docsForm {
  height: calc(100% - 30px);
}

.nav-pillsCustom .nav-pills {
  border-right: 1px solid rgba(125, 129, 144, 0.25);
  height: 100%;
}

.nav-pillsCustom .nav-pills.brdLeft {
  border-left: 1px solid rgba(125, 129, 144, 0.25);
}

.addSalesLeft-Overflow {
  overflow: auto;
  max-height: 400px;
  height: 400px;
}

.col-detailsLeft-acsParent {
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.col-detailsLeft-acs .tableS2 th,
.veh-priceList .tableS2 th,
.ciRghtBody .tableCi th {
  color: rgba(87, 91, 108, 0.85);
  font-size: var(--s13);
  font-weight: 600;
}

.col-detailsLeft-acs .tableS2 .serialNumber,
.ciRghtBody .tableCi .serialNumber {
  color: #000;
  font-size: var(--s14);
  font-weight: 500;
}

.col-detailsLeft-acs .tableS2 .input-group,
.col-detailsLeft-form .input-group,
.col-detailsRight-s2 .input-group,
.veh-priceList .input-group,
.ciRghtBody .tableCi .input-group {
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  overflow: hidden;
}

.overflowUnset {
  overflow: unset !important;
}

.col-detailsLeft-acs .tableS2 .input-group,
.veh-priceList .input-group {
  height: 39px;
}

.col-detailsLeft-acs .tableS2 input,
.col-detailsLeft-acs .tableS2 .custom-select,
.col-detailsLeft-acs .commonform_btn,
.col-detailsLeft-acs .commonform_btn button,
.ciRghtBody .tableCi input,
.ciRghtBody .tableCi .custom-select {
  height: 39px;
}

.col-detailsLeft-acs .tableS2 .form-select,
.ciRghtBody .tableCi .form-select {
  height: 37px;
}

.col-detailsLeft-acs .commonform_btn button {
  max-width: 88px;
  margin-left: 15px;
}

.col-detailsLeft-acs .addrowBtn .btnCust,
.veh-priceList .addrowBtn .btnCust {
  color: #3b6cd8;
  font-size: var(--s13);
  font-weight: 700;
  width: 88px;
  height: 28px;
  border-radius: 10px;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.1) 0%,
      rgba(59, 108, 216, 0.1) 100%
    ),
    #fff;
}

.addSalesRecord-sec .borderTop-custom,
.borderTop-custom {
  border-top: 1px solid rgba(125, 129, 144, 0.15);
}

.borderTop-custom25 {
  border-top: 1px solid rgba(125, 129, 144, 0.25) !important;
}

.borderTopLogin-custom {
  border-top: 1px solid rgba(115, 121, 130, 0.15) !important;
}

.addSalesRecord-sec .borderBottom-custom,
.borderBottom-custom {
  border-bottom: 1px solid rgb(125, 129, 144, 0.15);
}

.col-detailsLeft-acs .customerPayments-img,
.col-detailsRight .addService2-doc {
  position: relative;
  height: 39px;
}

.relative {
  position: relative !important;
}

.col-detailsLeft-acs .customerPayments-img .imgUploadInput {
  position: absolute;
  left: 174px;
  width: 72px;
  z-index: 1050;
  opacity: 0;
}

.imgUploadInput {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
}

.col-detailsRight .addService2-doc .docInput {
  position: absolute;
  opacity: 0;
  width: 72px;
  z-index: 1050;
  left: 314px;
  height: 39px;
  top: 0px;
}

.col-detailsRight .addService2-doc span {
  max-width: 248px;
}

.col-detailsRight .spanNumber {
  width: auto;
  height: 15px;
  font-size: var(--s12);
  font-weight: 700;
  background-color: rgba(59, 108, 216, 0.1);
  border-radius: 5px;
}

.col-detailsLeft-acsS4Cust {
  overflow: auto;
  max-height: 500px;
  height: 500px;
}

.col-detailsLeft-SerS4Cust {
  overflow: auto;
  max-height: 500px;
  height: 410px;
}

.col-detailsLeft-acs .commonform_btn .s4Table-CustBtn {
  max-width: 310px;
  margin-left: 18px;
}

.commonform_btn .input-checkBox {
  align-items: flex-start;
}

.addSalesRecord-sec .col-detailsRight .addFormRight-service {
  height: 100%;
}

.addServ-p1rt {
  height: 290px;
}

.addServ-p1rb {
  min-height: 168px;
}

.addServ-p2rt {
  height: 172px;
}

.addServ-p2rb {
  height: 300px;
}

.addServiceLeft-Overflow {
  overflow: auto;
  max-height: 680px;
  height: 680px;
}

.addServiceLeft-Overflow .col-detailsLeft-acs {
  min-height: 338px;
}

.col-detailsRight .addService2-parent {
  min-height: 240px;
  height: 240px;
}

.viewSales-recordPage {
  background: linear-gradient(
      0deg,
      rgba(91, 197, 137, 0.05) 0%,
      rgba(91, 197, 137, 0.05) 100%
    ),
    #fff;
}

.viewSales-colDetails {
  width: 25%;
}

.viewSales-colDetailsMdl {
  width: 50% !important;
}

.viewService_p2Right {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.viewSales-colDetails p,
.viewSales_p2Left p,
.viewSales_p2Right .vsAccessoriesBill p,
.viewSales_p2Rightbtm .vsPayments p,
.viewSales_p2Rightbtm .vsDetails p,
.viewService_p2Right p {
  font-size: var(--s14);
  font-weight: 500;
  color: #575b6c;
  /* text-wrap: nowrap; */
  white-space: nowrap;
}

.viewService_p2Left p {
  font-size: var(--s14);
  font-weight: 500;
  color: #575b6c;
  word-wrap: break-word;
}

.viewSales-colDetails h6,
.viewSales_p2Left h6,
.viewSales_p2Right h6,
.viewSales_p2Rightbtm h6,
.viewService_p2Left h6,
.viewService_p2Right h6 {
  font-size: var(--s14);
  font-weight: 500;
  color: #000;
  text-align: right;
}

.viewSales_p2Left .vsInt-heading,
.viewSales_p2Right .vsInt-heading,
.viewSales-recordPage .vsInt-heading,
.viewService_p2Left .vsInt-heading,
.viewService_p2Right .vsInt-heading {
  border-bottom: 1px solid #3b6cd8;
}

.viewSales_p2Left .vsPayments,
.viewSales_p2Right .vsAccessoriesBill {
  height: 385px;
  max-height: 385px;
  overflow-y: auto;
}

.viewSales_p2Right .vsAccessoriesBill {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.viewService_p2Left .vsPayments {
  height: 476px;
  max-height: 476px;
  overflow-y: auto;
}

.viewService_p2Left .vsNotesService {
  height: 138px;
  max-height: 138px;
  overflow-y: auto;
}

.vsPayments .vsImg-box {
  width: 75px;
  height: 75px;
  border-radius: 12px;
  background: rgba(217, 217, 217, 0.5);
}

.vsPayments .vsImg-box p {
  color: #575b6c;
  font-size: var(--s14);
  height: 18px;
}

.vsPayments .vsImg-box img {
  object-fit: cover;
}

.vsPayments .vsImg-box div {
  gap: 13px;
}

.vsPayments .vsImg-box a {
  color: rgba(59, 108, 216, 0.74);
  font-size: 12px;
  font-weight: 600;
  border-bottom: 1px solid rgba(59, 108, 216, 0.74);
  height: 16px;
}

.viewSales_p2Right .vs-table th,
.viewService_p2Right .vs-table th {
  color: rgba(87, 91, 108, 0.85);
  font-size: var(--s13);
  font-weight: 600;
}

.viewSales_p2Right .vs-table td,
.viewService_p2Right .vs-table td {
  color: #000;
  font-size: var(--s14);
  font-weight: 500;
}

.viewSales_p2Right .vsNotes p,
.viewService_p2Right .vsNotes p {
  color: rgba(0, 0, 0, 0.8);
  font-size: var(--s14);
  font-weight: 400;
}

.vsDocuments .btn-download {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  background: #fff;
  font-size: var(--s14);
  font-weight: 500;
}

.vsDocuments .btn-download:hover,
.vsDocuments .btn-download:active {
  border: 1px solid #3b6cd8;
  color: #3b6cd8;
}

.vsDocuments .docsBtnAv {
  color: #5bc589;
  font-size: var(--s12);
  font-weight: 600;
}

.vsDocuments .docsBtnNa {
  color: #ec0000;
  font-size: var(--s12);
  font-weight: 600;
}

.isCompany-checkBox input {
  height: 16px;
  width: 16px;
  cursor: pointer;
}

.deleteIcon-tbl span {
  width: 23px;
  height: 23px;
  cursor: pointer;
}

.deleteIcon-tbl span img {
  width: 23px;
  height: 23px;
  cursor: pointer;
}

.addSalesRecord-sec .addSaleStep-one {
  overflow: auto;
  height: 550px;
}

/* .viewService_p2Left .vsPayments{
  height: 385px;
  max-height: 385px;
} */

.viewService_p2Right .vsAccessoriesBill {
  height: 590px;
  max-height: 630px;
  overflow-y: auto;
}

.addServ-Leftbtm .addServ-lp {
  width: calc(34% - 32px);
}

.addServ-Leftbtm .addServ-disc {
  width: calc(66% - 33px);
}

.sortByCart,
.sortByCart-usr {
  width: 100%;
  height: 564px;
  gap: 10px;
}

.sortByCart-usr {
  height: calc(100% - 160px);
}

.fullScreen-rightSectionCust .sortByCart {
  height: 660px !important;
}

.filterCart-cust .form-label,
.filterCustomer-cust .form-label {
  margin-bottom: 6px;
}

.sortByCart .sb-options {
  width: 260px;
  min-width: 260px;
  height: 100%;
  border-radius: 15px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #fff;
  overflow: hidden;
}

.sortByCart .sb-head {
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
  height: 42px;
}

.sortByCart .sb-options h6 {
  color: #575b6c;
  font-size: 15px;
}

.sortByCart .sb-listAll {
  /* max-width: 990px; */
  height: 100%;
  width: 100%;
  background: rgba(125, 129, 144, 0.15);
  border-radius: 15px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #fff;
  overflow: hidden;
}

.sb-listAll .sb-head {
  width: 100%;
  height: 36px;
  border-bottom: 1px solid rgba(125, 129, 144, 0.25);
  background: linear-gradient(
    0deg,
    rgba(59, 108, 216, 0.2) 0%,
    rgba(59, 108, 216, 0.2) 100%
  );
}

.sb-listAll .sb-body .sweet-loading p {
  color: #7d8190;
  font-size: 15px;
  font-weight: 500;
}

.sb-listAll .sb-body {
  height: calc(100% - 70px);
}

.sb-options .sb-body {
  height: calc(100% - 42px);
}

.sb-listAll .sb-btm {
  background: rgba(125, 129, 144, 0.1);
  border-top: 1px solid rgba(125, 129, 144, 0.25);
}

.commanModal-goBack .modal-dialog {
  max-width: 376px;
}

.addServRdBtn h6 {
  font-weight: 600;
  font-size: var(--s13);
  color: rgba(87, 91, 108, 0.85);
  margin-bottom: 10px;
}

.addServRdBtn .switchContainer input {
  height: 18px;
  width: 18px;
}

.widthCust-scb {
  width: 148px !important;
}

.text-alignCenter {
  text-align: center !important;
}

.csrList-header h5 {
  color: #575b6c;
  font-size: 18px;
  font-weight: 700;
}

.sb-leftOptions {
  height: calc(100% - 42px);
}

.sb-leftOptions .sortOptions-cust {
  gap: 14px;
}

.orgPopup-main .modal-dialog {
  max-width: 400px;
}

.orgPopup-main .modal-dialogLg {
  max-width: 770px;
}

.orgList-sgg {
  list-style: none;
}

.orgList-sgg .liOrg {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.02) 0%,
      rgba(59, 108, 216, 0.02) 100%
    ),
    #fff;
  padding: 10px;
  gap: 10px;
  min-height: 62px;
}

.orgList-sgg .liOrg:hover {
  border: 1px solid #3b6cd8;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.orgList-sgg li .planTag {
  height: 22px;
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.25);
}

.orgList-sgg li .planTag p {
  margin-top: 1px;
}

.orgList-sgg li .planTag.noPlan p {
  color: #1a1a1a;
}
.orgList-sgg li .planTag.noPlan {
  background: rgba(75, 85, 99, 0.1);
}

.orgList-sgg .addMore-bus {
  outline: 0;
  background: none;
}

.orgList-sgg .addMore-bus .item {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  height: 94px;
  width: calc(50% - 6px);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.02) 0%,
      rgba(59, 108, 216, 0.02) 100%
    ),
    #fff;
}

.orgList-sgg .addMore-bus .item:hover {
  border: 1px solid #3b6cd8;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.orgList-sgg .liOrg.active {
  background: linear-gradient(0deg, #3b6cd8 0%, #3b6cd8 100%), #fff;
}

.orgList-sgg li .li-item {
  gap: 10px;
  max-width: 68%;
}

.orgList-sgg .org-nameBio {
  max-width: calc(100% - 52px);
}

.orgList-sgg .org-nameBio h6 {
  color: #1a1a1a;
}

.orgList-sgg .org-nameBio p {
  color: #4b5563;
}

.orgList-sgg .spanElem p {
  color: #3b6cd8;
  font-size: 13px;
}

.orgList-sgg li.active .org-nameBio h6,
.orgList-sgg li.active .org-nameBio p {
  color: #fff !important;
}

.service-custCB {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid rgba(125, 129, 144, 0.5);
  /* padding: 1px !important; */
}

.service-custCB.active {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.15) 0%,
      rgba(59, 108, 216, 0.15) 100%
    ),
    #fff;
}

.csrHistory-edit .modal-dialog,
.csrHistoryDet-edit .modal-dialog {
  max-width: 460px;
}

.csrHistory-edit .modal-body {
  max-height: 350px;
  height: 350px;
  overflow: auto;
}

.csrHistory-edit .hl-item .his-itemPic {
  width: 21px;
  height: 21px;
  border-radius: 12px;
  overflow: hidden;
  background-color: #d9d9d9;
}

.csrHistory-edit .hl-item .his-itemPic span {
  color: #575b6c;
  font-size: 9px;
  height: 12px;
}

.csrHistory-edit .hl-item .his-itemPic img {
  width: 21px;
  height: 21px;
  object-fit: cover;
}

.csrHistory-edit .hl-item {
  padding: 8px 10px;
  border-radius: 12px;
}

.csrHistory-edit .hl-item:hover {
  background: rgba(59, 108, 216, 0.1);
}

.csrHistory-edit .hl-item:hover > .viewDetail h6 {
  color: #3b6cd8 !important;
  border-bottom: 1px solid #3b6cd8 !important;
}

.csrHistory-edit .hl-item .his-itemEdit p {
  color: #575b6c;
}

.csrHistory-edit .hl-item .item-tag {
  color: #fdb711;
  font-size: 12px;
  background: rgb(253, 183, 17, 0.15);
  border-radius: 5px;
  padding: 0px 4px;
}

.csrHistoryDet-edit .modal-body {
  max-height: 447px;
  height: 447px;
  overflow: auto;
  background-color: rgb(59, 108, 216, 0.05);
}

.csrUserDetail h6 {
  color: #575b6c;
  font-size: 15px;
}

.csrHistoryBody {
  border: 1px solid rgba(125, 129, 144, 0.15);
}

.csrChangeHead h5,
.csrChange-item .h-serial h5 {
  font-size: 14px;
  font-weight: 600;
  color: rgba(59, 108, 216, 0.8);
}

.csrChangeHead .h-serial,
.csrChange-item .h-serial {
  width: 25px;
}

.csrChangeHead .h-oldData,
.csrChangeHead .h-newData,
.csrChange-item .h-oldData,
.csrChange-item .h-newData {
  width: calc(50% - 12px);
}

.csrChange-item .h-serial {
  position: relative;
}

.csrChange-item .h-serial h5 {
  position: absolute;
  left: -32px;
  top: 32px;
  width: 88px;
  max-width: 88px;
  transform: rotate(-90deg);
}

.commanModal-sf {
  transition-delay: 1s;
}

.commanModal-sf .modal-iconSpace {
  height: 146px;
}

.bgSuccessPopup {
  background: rgba(5, 195, 104, 0.1) !important;
}

.bgFailPopup {
  background: rgba(236, 0, 0, 0.1) !important;
}

.betaPasswordCard .input-group {
  height: 46px !important;
}

.betaPasswordCard .betaEye,
.betaPasswordCard .passInput,
.betaPasswordCard .betaLock {
  height: 44px !important;
}

.middelContant .betaEye,
.middelContant .passInput,
.middelContant .betaLock {
  height: 45px;
}

.commanModal-sf .modal-infoSpace p {
  width: 130px;
  min-width: 130px;
  color: #575b6c;
}

.betaPasswordCard .middelContant label {
  color: rgba(0, 0, 0, 0.65);
}

.userDetails_form-account .form-label {
  margin-bottom: 6px;
}

.user_Profile .userInner_profileList .img-main {
  height: 20px;
  width: 20px;
}

.commonCart-view .viewCsrBtns img {
  height: 21px;
  width: 21px;
}

.commonCart-view .viewCsrBtns-lr img {
  height: 25px;
  width: 25px;
}

.passInput-pwd::placeholder {
  height: 12px;
}

.headerSearchBar-cust,
.headerSelect-cust {
  height: 46px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(125, 129, 144, 0.25);
}

.headerSearchBar-Main {
  height: 43px;
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #f7f7f9;
}

.headerSearchBar-cust .form-control,
.headerSearchBar-cust .input-group-text,
.headerSelect-cust .input-group-text {
  background: #fff;
  border: none;
  height: 44px;
}

.headerSearchBar-Main .form-control,
.headerSearchBar-Main .input-group-text {
  background: transparent;
  border: none;
  height: 41px;
}

.headerSearchBar-Main .form-control::placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

.headerSearchBar-cust .form-control::placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
  font-size: 15px;
  font-weight: 500;
}

.commanModal-loadingBar {
  transition-delay: 1s;
}

.commanModal-loadingBar .modal-dialog {
  width: 320px;
  border-radius: 15px;
  background: #fff;
}

.commanModal-loadingBar .modal-content {
  height: 136px;
}

.commanModal-loadingBar .modal-iconSpace {
  height: 76px;
  max-height: 76px;
}

.commanModal-loadingBar .loading-info p {
  padding: 0px 28px;
  color: #7d8190;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px !important;
  line-height: 1.4;
}

/* Styling CSR Table */
.h-100vh {
  height: 100vh !important;
}

input[type="time"]::-webkit-calendar-picker-indicator {
  background: none;
}

.commontable .w-100px {
  width: 100px !important;
  max-width: 100px !important;
}

.w-105px {
  width: 105px !important;
  max-width: 105px !important;
}

.commontable .w-220px,
.w-220px {
  width: 220px !important;
  max-width: 220px !important;
}

.w-287px {
  width: 287px !important;
  max-width: 287px !important;
}

.w-150px {
  width: 150px !important;
  max-width: 150px !important;
}

.w-153px {
  width: 153px !important;
  max-width: 153px !important;
}

.w-156px {
  width: 156px !important;
  max-width: 156px !important;
}

.commontable .w-160px,
.w-160px {
  width: 160px !important;
  max-width: 160px !important;
  min-width: 160px !important;
}

.commontable .w-cust-th,
.commontable .w-cust-td {
  width: calc(100% - 1090px) !important;
  max-width: calc(100% - 1090px) !important;
}

.commontable .w-custSC-td {
  width: calc(100% - 1097px) !important;
  max-width: calc(100% - 1097px) !important;
}

/* Style for Accounts Record */
.accountsRecord-body,
.cashbookRecords-body ul {
  row-gap: 15px;
  column-gap: 14px;
}

.cashbookRecords-body {
  height: calc(100vh - 213px);
  overflow: auto;
  margin-bottom: 15px;
}

.accountsRecord-header h5,
.cashbookSummary-header h5,
.tsGatePass-header h5 {
  color: #575b6c;
  font-size: 18px;
  font-weight: 700;
}

.accRec-card,
.tsGatePass-card {
  /* height: 155px; */
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: #fff;
  filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.05));
  position: relative;
}

.accRec-card {
  width: 140px;
}

.tsGatePass-card {
  width: 295px;
  height: 160px;
}

.accRec-card.inActive,
.tsGatePass-card.inActive {
  opacity: 0.5;
}

.accRec-card.active,
.tsGatePass-card.active {
  opacity: 1;
  cursor: pointer;
}

.accRec-card .arCardImg {
  height: 110px;
  background: rgba(59, 108, 216, 0.1);
}

.tsGatePass-card .arCardImg {
  height: calc(100% - 47px);
  background: rgba(59, 108, 216, 0.1);
}

.accRec-card .arCardImg.h-cust {
  height: 95px;
  background: rgba(59, 108, 216, 0.1);
}

.arCard-star {
  position: absolute;
  top: 10px;
  right: 10px;
}

.accRec-card .arCardImg .img-mdl {
  height: 50px;
  width: 50px;
}

.tsGatePass-card .arCardImg .img-mdl {
  height: 55px;
  width: 55px;
}

.accRec-card .arCardImg .img-mdl.imgActv,
.accRec-card.active:hover > .arCardImg > .imgInactv,
.tsGatePass-card .arCardImg .img-mdl.imgActv,
.tsGatePass-card.active:hover > .arCardImg > .imgInactv {
  display: none;
}

.accRec-card.active:hover > .arCardImg > .imgActv,
.tsGatePass-card.active:hover > .arCardImg > .imgActv {
  display: block;
}

.accRec-card .arCardTxt {
  min-height: 43px;
}

.tsGatePass-card .arCardTxt {
  min-height: 47px;
  height: 47px;
}

.accRec-card .arCardTxt.h-cust {
  min-height: 58px;
}

.accRec-card .arCardTxt h6,
.tsGatePass-card .arCardTxt h6 {
  color: #575b6c;
  font-size: 14px;
  font-weight: 600;
  padding: 12px;
  text-align: center;
}

.accRec-card.active:hover > .arCardTxt h6,
.tsGatePass-card.active:hover > .arCardTxt h6 {
  color: #3b6cd8;
}

.cashbookRecords-body .cbRecords-card {
  width: 293px;
  height: 160px;
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: #fff;
  filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.05));
}

.cashbookRecords-body .cbRecords-card:hover,
.cashbookRecords-body .cbRecords-card:active {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.1) 0%,
      rgba(59, 108, 216, 0.1) 100%
    ),
    #fff;
}

.cashbookRecords-body .cbRecords-card .divHead {
  height: 39px;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.15) 0%,
      rgba(59, 108, 216, 0.15) 100%
    ),
    #fff;
  padding: 12px;
}

.cashbookRecords-body .cbRecords-card:hover .divHead,
.cashbookRecords-body .cbRecords-card:active .divHead {
  background: linear-gradient(0deg, #3b6cd8 0%, #3b6cd8 100%), #fff;
}

.cashbookRecords-body .cbRecords-card:hover svg path {
  fill: #3b6cd8;
}

.cashbookRecords-body .cbRecords-card .divHead h6 {
  color: #3b6cd8;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}

.cashbookRecords-body .cbRecords-card:hover .divHead h6,
.cashbookRecords-body .cbRecords-card:active .divHead h6 {
  color: #fff;
}

.cashbookRecords-body .cbRecords-card .divBody p {
  color: #7d8190;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  padding: 32px;
  line-height: 1;
}

.cashbookRecords-body .cbRecords-card .divBtm h6 {
  color: #7d8190;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 30px;
}

.cashbookRecords-body .cbRecords-card:hover .divBody p,
.cashbookRecords-body .cbRecords-card:active .divBody p,
.cashbookRecords-body .cbRecords-card:hover .divBtm h6,
.cashbookRecords-body .cbRecords-card:active .divBtm h6 {
  color: #3b6cd8;
}

.cashbookRecords-btm .btn {
  border-radius: 50px;
  padding: 16px 20px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  height: 50px;
}

.cashbookRecords-btm .btn-caEdit {
  border: 1px solid rgba(59, 108, 216, 0.5);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.1) 0%,
      rgba(59, 108, 216, 0.1) 100%
    ),
    #fff;
  color: #3b6cd8;
}

.cashbookRecords-btm .btn-caAdd {
  border: 1px solid rgba(125, 129, 144, 0.5);
  background: #3b6cd8;
  color: #fff;
}

.cashbookSummary-header p {
  color: #575b6c;
  font-size: 16px;
  font-weight: 500;
}

.cashbookSummary-body,
.cashbookTransactions-body,
.emiCalc-tbl,
.crPdf-tbl,
.searchTaxpr,
.searchTaxpr-hsn,
.customerCont-body {
  background: #fff;
  overflow: hidden;
  border: 1px solid rgba(125, 129, 144, 0.25);
}

.cashbookSummary-body {
  border-radius: 14px;
}

.cashbookSummary-body .cs-table th,
.cashbookSummary-body .cs-table td,
.cashbookTransactions-body .ct-table th,
.cashbookTransactions-body .ct-table td,
.crPdf-tbl .ct-table th,
.crPdf-tbl .ct-table td {
  border-bottom: 1px solid rgba(125, 129, 144, 0.25);
  border-right: 1px solid rgba(125, 129, 144, 0.25);
}

.searchTaxpr .tbl th,
.searchTaxpr .tbl td,
.searchTaxpr-hsn .tbl th,
.searchTaxpr-hsn .tbl td,
.searchTaxpr-fd .tbl th,
.searchTaxpr-fd .tbl td,
.searchTaxpr-freq .tbl th,
.searchTaxpr-freq .tbl td {
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
  border-right: 1px solid rgba(125, 129, 144, 0.15);
  text-align: center;
}

.searchTaxpr .tbl th,
.searchTaxpr .tbl td,
.searchTaxpr-fd .tbl th,
.searchTaxpr-fd .tbl td,
.searchTaxpr-freq .tbl th,
.searchTaxpr-freq .tbl td {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.searchTaxpr-hsn .tbl th,
.searchTaxpr-hsn .tbl td {
  font-size: 15px;
  font-weight: 600;
  color: #000;
}
.searchTaxpr .tbl th:last-child,
.searchTaxpr .tbl td:last-child,
.searchTaxpr-fd .tbl th:last-child,
.searchTaxpr-fd .tbl td:last-child,
.searchTaxpr-hsn .tbl th:last-child,
.searchTaxpr-hsn .tbl td:last-child,
.searchTaxpr-freq .tbl th:last-child,
.searchTaxpr-freq .tbl td:last-child {
  border-right: none !important;
}

.searchTaxpr .tbl tr:last-child td,
.searchTaxpr-hsn .tbl tr:last-child td,
.cashbookSummary-body .cs-table tr:last-child > td,
.dbp-table tr:last-child > td,
.customerComp-body tr:last-child > td,
.customerCont-mrgBody tr:last-child > td {
  border-bottom: none !important;
}

.searchTaxpr .tbl th {
  height: 38px;
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.05) 0%,
      rgba(125, 129, 144, 0.05) 100%
    ),
    #fff;
}

.searchTaxpr-fd .tbl th,
.searchTaxpr-freq .tbl th {
  height: 45px;
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
}

.searchTaxpr-freq .tbl th {
  height: 46px;
}

.searchTaxpr-hsn .tbl th {
  height: 50px;
}

.searchTaxpr-hsn .tbl th.bg {
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.05) 0%,
      rgba(125, 129, 144, 0.05) 100%
    ),
    #fff;
}

.searchTaxpr-fd .tbl tr.bg,
.searchTaxpr-freq .tbl tr.bg {
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
}

.searchTaxpr .tbl td {
  height: 50px;
}

.searchTaxpr-fd .tbl td {
  height: 41px;
}

.searchTaxpr-freq .tbl td {
  height: 45px;
}

.searchTaxpr-hsn .tbl td {
  height: 46px;
  padding: 12px 20px;
  line-height: 1.2;
}

.searchTaxpr-hsn .tbl td.w-cust,
.searchTaxpr-hsn .tbl th.w-cust {
  width: 476px;
  max-width: 476px;
}

.tradeAdv-Body .ct-tableBtm,
.veh-priceList .vpl-tableBtm {
  height: 31px !important;
  max-height: 31px !important;
}

.tradeAdv-Body .ct-tableBtm p,
.veh-priceList .vpl-tableBtm p {
  padding: 6px 18px !important;
}

.tradeAdv-Body .ct-table td,
.dbp-table td,
.viewMk-tbl .tableView td,
.bugsReport-tbl .tableView td,
.emiCalc-tbl .ct-table td,
.backupsTbl-Body .ct-table td,
.backupsTbl-Body .ct-table td {
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
  border-right: 1px solid rgba(125, 129, 144, 0.15);
}

.tradeAdv-Body .ct-table th,
.dbp-table th,
.viewMk-tbl .tableView th,
.bugsReport-tbl .tableView th,
.emiCalc-tbl .ct-table th,
.backupsTbl-Body .ct-table th {
  border-bottom: 1px solid rgba(125, 129, 144, 0.25);
  border-right: 1px solid rgba(125, 129, 144, 0.15);
}

.veh-priceList .tableView th {
  border-bottom: 1px solid rgba(125, 129, 144, 0.25);
}
.cashbookSummary-body .cs-table th {
  color: #575b6c;
  font-size: 14px;
  font-weight: 700;
  padding: 14px 15px;
  max-height: 45px;
  height: 45px;
  line-height: 1;
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
}

.cashbookSummary-body .cs-table td {
  color: #575b6c;
  font-size: 20px;
  font-weight: 500;
  padding: 18px 15px;
  max-height: 60px;
  height: 60px;
  line-height: 1;
}

.cashbookSummary-body .cs-table td a:hover {
  opacity: 0.85 !important;
}

.cashbookSummary-body .cs-table .view-tsc {
  max-height: 47px;
  height: 47px;
  padding: 13px 15px;
}

.cashbookSummary-body .cs-table .w-cust {
  width: calc(100% - 1020px) !important;
  max-width: calc(100% - 1020px) !important;
}

.cashbookSummary-body .cs-table .w-span5 {
  width: calc(100% - 220px) !important;
  max-width: calc(100% - 220px) !important;
}

.cashbookSummary-body .cs-table .td-main {
  color: rgba(87, 91, 108, 0.85);
  font-size: 15px;
  font-weight: 600;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.cashbookSummary-btm {
  gap: 12px;
}

.cashbookSummary-btm .btn,
.cashbookSummary-btm .btnV2 {
  text-align: center;
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  height: 48px;
  padding: 12px 18px;
  font-size: 15px;
  font-weight: 500;
}

.colorMr-sgg {
  color: #05c368 !important;
}

.bgColorMr-sgg {
  background: linear-gradient(
      0deg,
      rgba(5, 195, 104, 0.05) 0%,
      rgba(5, 195, 104, 0.05) 100%
    ),
    #fff !important;
}

.bgColorBlue-sgg {
  background: #3b6cd8 !important;
}

.cashbookSummary-btm .btn-csMr {
  color: #05c368;
  background: linear-gradient(
      0deg,
      rgba(5, 195, 104, 0.05) 0%,
      rgba(5, 195, 104, 0.05) 100%
    ),
    #fff;
}

.cashbookSummary-btm .btnV2 {
  color: #3b6cd8;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #fff;
  height: 60px;
  line-height: 1.2;
}

.cashbookSummary-btm .btnV2:hover {
  background: linear-gradient(
      0deg,
      rgba(86, 170, 255, 0.05) 0%,
      rgba(86, 170, 255, 0.05) 100%
    ),
    #fff;
}

.colorEv-sgg {
  color: #ec0000 !important;
}

.disabledBg-sgg {
  background: rgba(125, 129, 144, 0.05) !important;
}

.bgColorEv-sgg {
  background: linear-gradient(
      0deg,
      rgba(236, 0, 0, 0.05) 0%,
      rgba(236, 0, 0, 0.05) 100%
    ),
    #fff !important;
}

.cashbookSummary-btm .btn-csEv {
  color: #ec0000;
  background: linear-gradient(
      0deg,
      rgba(236, 0, 0, 0.05) 0%,
      rgba(236, 0, 0, 0.05) 100%
    ),
    #fff;
}

.colorBe-sgg {
  color: #11408a !important;
}

.bgColorBe-sgg {
  background: linear-gradient(
      0deg,
      rgba(17, 64, 138, 0.05) 0%,
      rgba(17, 64, 138, 0.05) 100%
    ),
    #fff !important;
}

.cashbookSummary-btm .btn-csBe {
  color: #11408a;
  background: linear-gradient(
      0deg,
      rgba(17, 64, 138, 0.05) 0%,
      rgba(17, 64, 138, 0.05) 100%
    ),
    #fff;
  border: 1px solid rgba(125, 129, 144, 0.15);
}

.cashbookSummary-btm .btn-csVt {
  color: #42a4eb;
  background: linear-gradient(
      0deg,
      rgba(66, 164, 235, 0.05) 0%,
      rgba(66, 164, 235, 0.05) 100%
    ),
    #fff;
}

.colorCr-sgg {
  color: #562ec8 !important;
}

.bgColorCr-sgg {
  background: linear-gradient(
      0deg,
      rgba(86, 46, 200, 0.05) 0%,
      rgba(86, 46, 200, 0.05) 100%
    ),
    #fff !important;
}

.cashbookSummary-btm .btn-csCr {
  color: #562ec8;
  background: linear-gradient(
      0deg,
      rgba(86, 46, 200, 0.05) 0%,
      rgba(86, 46, 200, 0.05) 100%
    ),
    #fff;
  border: 1px solid rgba(125, 129, 144, 0.15);
}

.cashbookSummary-btm .btn-csAt {
  color: #9d6a46;
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: linear-gradient(
      0deg,
      rgba(157, 106, 70, 0.05) 0%,
      rgba(157, 106, 70, 0.05) 100%
    ),
    #fff;
}

.colorStng-sgg {
  color: #ff9800 !important;
}

.bgColorStng-sgg {
  background: linear-gradient(
      0deg,
      rgba(255, 152, 0, 0.05) 0%,
      rgba(255, 152, 0, 0.05) 100%
    ),
    #fff !important;
}

.cashbookSummary-btm .btn-csStng {
  color: #ff9800;
  background: linear-gradient(
      0deg,
      rgba(255, 152, 0, 0.05) 0%,
      rgba(255, 152, 0, 0.05) 100%
    ),
    #fff;
  border: 1px solid rgba(125, 129, 144, 0.15);
}

.cashbookTrans-search .input-group,
.tradeAdvanceTrans-search .input-group,
.impDocs-search .input-group,
.priceList-search .input-group,
.usersP-search .input-group,
.listInvoice-search .input-group {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #fff;
  height: 46px;
}

.cashbookTrans-search .input-group {
  max-width: 280px;
}

.tradeAdvanceTrans-search .input-group {
  max-width: 264px;
}

.listInvoice-search .input-group {
  max-width: 440px;
}

.impDocs-search .input-group {
  width: calc(100% - 465px);
}

.priceList-search .input-group {
  width: calc(100% - 486px);
}

.cashbookTrans-search .input-group .form-control,
.tradeAdvanceTrans-search .input-group .form-control,
.impDocs-search .input-group .form-control,
.priceList-search .input-group .form-control,
.usersP-search .input-group .form-control,
.listInvoice-search .input-group .form-control {
  color: rgba(0, 0, 0, 0.5);
}

.cashbookTrans-search .type-input,
.tradeAdvanceTrans-search .type-input,
.listInvoice-search .type-input {
  width: 150px;
  height: 46px;
}

.cashbookTrans-search .type-input .custom-select,
.tradeAdvanceTrans-search .type-input .custom-select {
  height: 46px;
  border: 1px solid rgba(125, 129, 144, 0.25);
}

.cashbookTrans-search .type-input .custom-select select,
.tradeAdvanceTrans-search .type-input .custom-select select {
  color: rgba(0, 0, 0, 0.75);
}

.cashbookTrans-search .w-cust {
  width: calc(100% - 1160px);
}

.tradeAdvanceTrans-search .w-cust {
  width: calc(100% - 1160px);
}

.tradeAdvanceTrans-search .w-custAl {
  width: calc(100% - 1152px);
  min-width: 64px;
}

.listInvoice-search .w-cust {
  width: calc(100% - 1150px);
}

.usersP-search .w-cust {
  width: calc(100% - 648px);
}

.allGatePass-search .w-cust {
  width: calc(100% - 1144px);
}

.cashbookTransactions-body,
.emiCalc-tbl,
.customerCont-body {
  border-radius: 14px;
}

.searchTaxpr {
  border-radius: 12px;
}

.cashbookTransactions-body .ct-table tbody {
  height: calc(100vh - 284px);
  display: block;
  overflow: auto;
}

.cashbookTransactions-body .ct-tableBE tbody {
  height: calc(100vh - 318px);
}

.cashbookTransactions-body .ct-table tr,
.dbp-table tr,
.viewVpl-body tr,
.viewMk-tbl tr,
.bugsReport-tbl tr,
.emiCalc-tbl tr,
.crPdf-tbl tr,
.customerCont-body .ct-table tr,
.customerComp-body .ct-table tr,
.customerCont-mrgBody .ct-table tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.cashbookTransactions-body .ct-table th,
.cashbookTransactions-body .ct-table td,
.customerCont-body .ct-table th,
.dbp-table th,
.dbp-table td,
.crPdf-tbl td,
.crPdf-tbl th {
  color: #000;
  font-size: 15px;
  padding: 8px 10px;
  max-height: 38px;
  height: 38px;
  line-height: 1.2;
}

.cashbookTransactions-body .ct-table th,
.customerCont-body .ct-table th,
.emiCalc-tbl th {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.2) 0%,
      rgba(59, 108, 216, 0.2) 100%
    ),
    #fff;
  font-weight: 600;
}

.customerCont-body .ct-table.usrList th {
  background: linear-gradient(
      0deg,
      rgba(112, 75, 55, 0.1) 0%,
      rgba(112, 75, 55, 0.1) 100%
    ),
    #fff !important;
  border-bottom: 1px solid rgba(125, 129, 144, 0.25);
}

.crPdf-tbl th,
.crPdf-tbl .lastTr {
  background: linear-gradient(
      0deg,
      rgba(86, 46, 200, 0.05) 0%,
      rgba(86, 46, 200, 0.05) 100%
    ),
    #fff;
  font-weight: 600;
}

.dbp-table th,
.bg-shCust {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff !important;
  font-weight: 600;
}

.cashbookTransactions-body .ct-table td,
.dbp-table td,
.crPdf-tbl td {
  font-weight: 500;
}

.tradeAdv-Body .ct-table td {
  font-weight: 400;
}

.cashbookTransactions-body .ct-table .td-main span,
.customerCont-body .ct-table .td-main span {
  color: #3b6cd8;
  border-bottom: 1px solid #3b6cd8;
}

.cashbookTransactions-body .ct-tableBtm {
  background: rgba(125, 129, 144, 0.1);
  max-height: 35px;
  height: 35px;
}

.cashbookTransactions-body .ct-tableBtm p {
  color: #7d8190;
  padding: 8px 18px;
}

.cashbookTransactions-body .ct-tableBtm .tblBtm-left p {
  border-right: 1px solid rgba(125, 129, 144, 0.25);
}

.cashbookTransactions-body .ct-tableBtm .tblBtm-right p {
  border-left: 1px solid rgba(125, 129, 144, 0.25);
}

.cbPopup-Body {
  height: auto;
}

.cModal-cashbook .modal-dialog {
  max-width: 420px;
}

.commanModel .modal-dialogAddCont {
  max-width: 620px;
}

.commanModel-Csr .modal-dialog {
  max-width: 620px;
}

.commanModel-remark .modal-dialog {
  max-width: 640px;
}

.commanModel-Mrg .modal-dialog {
  max-width: 980px;
}

.plModal-history .modal-dialog {
  max-width: 400px;
}

.md-TetInfo {
  max-width: 910px !important;
}

.cModal-cashbook .form_inputfield > div {
  padding: 0 5px;
}

.cModal-cashbook .input-group,
.cModal-inv .input-group {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(125, 129, 144, 0.15);
  height: 45px;
}

.cModal-cashbook .cb-manage {
  height: 290px;
}

.cModal-cashbook .cb-manage li,
.catList-stng li,
.roles-body .rolesLeft li {
  padding: 6px 10px;
}

.catList-stng {
  min-height: 258px;
  height: calc(100vh - 472px);
  border-left: 1px solid rgba(125, 129, 144, 0.15);
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.1) 0%,
      rgba(125, 129, 144, 0.1) 100%
    ),
    #fff;
  padding: 5px;
  overflow: auto;
}

.catList-stng .imgDiv {
  gap: 12px;
  width: 142px;
}

.catList-stng .catDiv {
  width: calc(100% - 142px);
}

.input-group.ig-create {
  border-top-left-radius: 0px;
}

.input-group.ig-create .form-control,
.input-group.ig-create .form-select {
  font-size: 14px;
  font-weight: 500;
}

.input-group.ig-create .form-control {
  color: rgba(0, 0, 0, 0.9);
}

.input-group.ig-create .form-control::placeholder,
.input-group.ig-create .form-select::placeholder {
  color: rgba(125, 129, 144, 0.5);
}

.ig-create .input-groupIn {
  width: calc(100% - 140px);
}

.input-group.ig-createCat .form-control {
  width: calc(100% - 150px);
}

.input-group.ig-createCat .form-select {
  border: none;
  width: 150px;
  border-radius: 0;
  border-left: 1px solid rgba(125, 129, 144, 0.15);
}

.input-group.ig-search {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.ig-create .input-group-text,
.ig-create .input-group-text:active {
  outline: 1px solid rgba(59, 108, 216, 0.25);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.1) 0%,
      rgba(59, 108, 216, 0.1) 100%
    ),
    #fff;
  border-end-end-radius: 12px;
  border-top-right-radius: 0px;
}

.ig-createCat .input-group-text,
.ig-createCat .input-group-text:active {
  width: 140px;
}

.cModal-cashbook .cb-manage li:hover,
.catList-stng li:hover {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
  border-radius: 5px;
  overflow: hidden;
  /* padding: 8px 10px; */
}

.roles-body .rolesLeft li:hover,
.roles-body .rolesLeft li.active {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.1) 0%,
      rgba(59, 108, 216, 0.1) 100%
    ),
    #fff;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.cModal-cashbook .cb-manage li:hover > p,
.catList-stng li:hover > p,
.roles-body .rolesLeft li:hover > p,
.roles-body .rolesLeft li.active > p {
  color: #3b6cd8;
}

.cModal-cashbook .cb-manage li:hover > img,
.catList-stng li:hover > div > img {
  display: block !important;
}

.csp_add-docs .input-group-text {
  outline: 1px solid rgba(59, 108, 216, 0.25);
}

.tradeAdvance-body,
.dbpRec-body {
  border-radius: 15px;
  border: 1px solid rgba(125, 129, 144, 0.25);
}

.tradeAdvance-body {
  height: calc(100vh - 148px);
}
.dbpRec-body {
  height: calc(100vh - 148px);
}

.tradeAdvance-body .body-head .btn,
.dbpRec-body .body-head .btn {
  border-radius: 10px;
  height: 33px;
  max-height: 33px;
  line-height: 1.2;
}

.tradeAdvance-body .body-head .btn-primary {
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #3b6cd8;
}

.tradeAdvance-body .body-head .btn-primary-variant,
.dbpRec-body .body-head .btn-primary-variant {
  border: 1px solid rgba(59, 108, 216, 0.5);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.1) 0%,
      rgba(59, 108, 216, 0.1) 100%
    ),
    #fff;
}

.ta-body .taLeftRight-head {
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
  height: 98px;
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
}

.ta-body .taLeftRight {
  width: 50%;
}

.ta-body .taLeftRight-head img {
  width: 109px;
}

.ta-body .taLeftRight-head h5 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

.taLeftRight-body {
  max-width: 498px;
  border-radius: 10px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  /* background: #fff; */
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
}

.taLeftRight-body.m50 {
  margin-bottom: 50px !important;
}

.taLeftRight-body .btn-primary-variant,
.sh-updateBtn .btn-primary-variant {
  border-radius: 10px;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.1) 0%,
      rgba(59, 108, 216, 0.1) 100%
    ),
    #fff;
}

.sh-updateBtn .btn-primary {
  border-radius: 10px;
  background: #3b6cd8;
  color: #fff;
}

.sh-updateBtnCust .btn {
  width: 61px;
}

.taLeftRight-body .ta-item {
  border-radius: 10px;
}

.taLeftRight-body .ta-item h6,
.taLeftRight-body .ta-item p {
  height: 38px;
  line-height: 1.5;
}

.taLeftRight-body .ta-item h6 {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.dbpLeft {
  background: linear-gradient(
      0deg,
      rgba(45, 51, 148, 0.05) 0%,
      rgba(45, 51, 148, 0.05) 100%
    ),
    #fff;
}

.dbpRight,
.shareholdingLeft .dbpLeft-head,
.shareholdingRight .dbpRight-head,
.sh-footer {
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.05) 0%,
      rgba(0, 0, 0, 0.05) 100%
    ),
    #fff;
}

.dbpLeft .dbpLeft-head h5 {
  color: #2d3394;
}

.dbpLeft-body,
.dbpRight-body {
  height: calc(100% - 104px);
}

.sharesLeft-body,
.sharesRight-body {
  height: calc(100% - 70px);
}

.dbp-table {
  border-radius: 10px;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(125, 129, 144, 0.25);
}

.dbp-table tr > td {
  background: #fff;
}

.sh-body {
  height: calc(100% - 49px);
}

.shLR-body {
  max-width: 470px;
}

.uploadDbpRecord-doc {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
  height: 129px !important;
  position: relative;
}

.uploadDbpRecord-doc .pCust {
  word-break: break-all;
}

.uploadDbpRecord-doc .docInput {
  position: absolute;
  right: 0px;
  top: 0px;
  opacity: 0;
  width: 100%;
  z-index: 1050;
  height: 129px !important;
}

.idFilter-btn button {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #fff;
  height: 46px;
}

.vgp-body,
.dropDown-body {
  max-width: 800px;
  height: calc(100vh - 110px);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.vgpAdd-body {
  max-width: 1057px;
  height: calc(100vh - 110px);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.priceList-body,
.uapRoles-body {
  height: calc(100vh - 110px);
}

.vgp-body .vgp-head,
.priceList-body .vpl-head,
.dropDown-body .dropDown-head,
.vgpAdd-body .vgp-head {
  height: 47px;
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
}

.uapRoles-body .roles-head {
  height: 47px;
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
}

.vgp-body .vgp-flow .item h5,
.dropDown-body .dropDown-flow .item h5,
.vgpAdd-body .vgp-flow .item h5,
.vgpCust-Foot.item h5 {
  color: rgba(87, 91, 108, 0.85);
}

.dropDown-body .dropDown-flow {
  height: 98px;
}

.issueGP-flow {
  max-height: 284px;
}

.issueGP-form input,
.issueGP-form textarea {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: #fff;
}

.issueGP-form .form-label {
  width: 86px;
}

.issueGP-form input {
  max-width: 200px;
  height: 45px;
}

.issueGP-form textarea {
  resize: none;
  height: 112px;
  max-width: 350px;
}

.issueGP-form .issueGP-btm .switchContainer,
.issueGP-form .issueGP-btm p {
  color: #7d8190;
}

.bodyMain-igp {
  height: 370px;
  overflow: auto;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.bodyMain-igp input {
  width: 18px;
  height: 18px;
}

.bodyMain-igp .labelItem p {
  line-height: 1.2;
}

.bodyMain-igp .labelItem .ig-id {
  width: 46px;
}

.bodyMain-igp .labelItem .ig-type {
  width: 55px;
}

.announcements-Body,
.emiCalc-Body,
.backups-Body {
  height: calc(100vh - 148px);
}

.announcements-Body .amBody {
  gap: 10px;
  padding: 15px;
  overflow: auto;
  background: rgba(59, 108, 216, 0.05);
}

.announcements-Body .amBody-rgt .amRight-head {
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
  padding: 15px;
  max-height: 47px;
}

.announcements-Body form {
  height: calc(100% - 62px);
}

.priceList-body .vpl-head .h5Cust {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  padding: 8px 10px;
}

.priceList-body .vpl-head span {
  line-height: 1.2;
}

.veh-priceList input,
.veh-priceList select,
.veh-priceList .custom-select,
.veh-priceList .tableS2 td,
.ciRghtBody .tableCi td {
  height: 39px;
}

.priceList-body .veh-PlForm,
.viewVpl-body,
.viewMk-tbl,
.bugsReport-tbl {
  height: calc(100% - 47px);
}

.vpl-saveBtn .btn-primary {
  height: 40px;
  width: 142px;
}

.veh-priceList .tableView th {
  font-size: var(--s15);
  font-weight: 600;
  height: 42px;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.2) 0%,
      rgba(59, 108, 216, 0.2) 100%
    ),
    #fff;
}

.veh-priceList .tableView td {
  font-size: var(--s15);
  font-weight: 400;
}

.veh-priceList .vpl-tableBtm {
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.1) 0%,
      rgba(125, 129, 144, 0.1) 100%
    ),
    #fff;
}

.viewVpl-body tbody {
  height: calc(100vh - 232px);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.viewMk-tbl tbody {
  height: calc(100vh - 196px);
}

.bugsReport-tbl tbody {
  height: calc(100vh - 227px);
}

.viewMk-tbl .tableView th,
.viewMk-tbl .tableView td,
.bugsReport-tbl .tableView th,
.bugsReport-tbl .tableView td {
  padding: 8px 10px;
  line-height: 1.4;
  height: 38px;
  max-height: 38px;
}

.mkDownload-popup {
  padding-bottom: 86px;
}

.giftsCard-Body .gCards,
.eInvoive-Body .gCards {
  height: 488px;
}

.giftsCard-Body .gCards .col-left,
.giftsCard-Body .gCards .col-mdl,
.giftsCard-Body .gCards .col-right,
.eInvoive-Body .gCards .col-left,
.eInvoive-Body .gCards .col-mdl,
.eInvoive-Body .gCards .col-right {
  width: 33.333333%;
}

.giftsCard-Body .gCards .col-left,
.giftsCard-Body .gCards .col-mdl,
.giftsCard-Body .gCards .col-right {
  gap: 40px;
}

.giftsCard-Body .gCards .col-left {
  background: rgba(253, 183, 17, 0.15);
}

.giftsCard-Body .col-left .btn,
.giftsCard-Body .col-mdl .btn,
.giftsCard-Body .col-right .btn,
.eInvoive-Body .col-left .btn,
.eInvoive-Body .col-mdl .btn,
.eInvoive-Body .col-right .btn {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  width: 158px;
}

.giftsCard-Body .col-left .btn {
  background: #fdb711;
}

.giftsCard-Body .gCards .col-mdl {
  background: rgba(66, 164, 235, 0.1);
}

.giftsCard-Body .col-mdl .btn {
  background: #42a4eb;
}

.giftsCard-Body .gCards .col-right {
  background: rgba(86, 46, 200, 0.1);
}

.giftsCard-Body .col-right .btn {
  background: #562ec8;
}

.giftCard-Btm .gc-card {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #fff;
  height: 122px;
  width: 230px;
  position: relative;
}

.giftCard-Btm .gc-card h5 {
  font-size: 28px;
}

.giftCard-Btm .gc-card .gc-icon {
  position: absolute;
  top: 10px;
  right: 10px;
}

.gcPop-iconBody {
  height: 192px;
}

.gcPop-iconBody.success {
  background: rgba(5, 195, 104, 0.1);
}

.gcPop-iconBody.failed {
  background: rgba(236, 0, 0, 0.1);
}

.uap-btnVariant .btn-primary-variant,
.uapRoles-body .roles-head .btn-primary-variant {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.1) 0%,
      rgba(59, 108, 216, 0.1) 100%
    ),
    #fff;
}

.bckp-btnVariant .btn-primary-variant {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.15) 0%,
      rgba(59, 108, 216, 0.15) 100%
    ),
    #fff;
}

.roles-body .rolesLeft {
  width: 400px;
}

.roles-body .rolesRight {
  width: calc(100% - 400px);
  background: rgba(59, 108, 216, 0.05);
}

.roles-body .rolesLeft .li-items {
  height: calc(100vh - 204px);
}

.roleInp-group .spanBtn {
  border: 1px solid rgba(236, 0, 0, 0.5);
  background: linear-gradient(
      0deg,
      rgba(236, 0, 0, 0.05) 0%,
      rgba(236, 0, 0, 0.05) 100%
    ),
    #fff;
  color: #ec0000;
  border-radius: 12px;
  line-height: 17px;
}

.roleInp-group .spanBtn:hover {
  opacity: 0.8;
}

.roleInp-group input {
  height: 45px;
  width: calc(100% - 170px);
}

.roles-body .rcBody {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: #fff;
  overflow: hidden;
}

.roles-body .rcBody .rcBody-inner {
  height: calc(100vh - 430px);
}

.rcBody-item {
  width: 33.33333333%;
}

.vuserDtl-body .bodyLeft,
.vuserDtl-body .bodyMdl,
.vuserDtl-body .bodyRight {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.vuserDtl-body .bodyLeft,
.euserDtl-body .bodyLeft {
  width: 522px;
}

.vuserDtl-body .bodyMdl,
.euserDtl-body .bodyMdl {
  width: 310px;
}

.vuserDtl-body .bodyRight,
.euserDtl-body .bodyRight {
  width: calc(100% - 832px);
}

.vuserDtl-body .viewHead,
.euserDtl-body .viewHead {
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
  height: 47px;
}

.vuserDtl-body .up_proImg {
  height: 100px;
  width: 100px;
  border-radius: 10px;
}

/* .profile_img{
  max-width:100px !important;
  max-width:100px !important;
  border-radius:50% !important;
} */

.vuserDtl-body .tagGreen {
  color: #05c368;
  border-radius: 8px;
  border: 1px solid rgba(5, 195, 104, 0.5);
  background: linear-gradient(
      0deg,
      rgba(5, 195, 104, 0.02) 0%,
      rgba(5, 195, 104, 0.02) 100%
    ),
    #fff;
}

.vuserDtl-body .idTag {
  border-radius: 8px;
  border: 1px solid rgba(59, 108, 216, 0.5);
  height: 26px;
  background: rgba(59, 108, 216, 0.02);
}

.dropDown-body .dropDown-inner {
  height: calc(100vh - 302px);
}

.dropDown-body .dropDown-btm {
  height: 47px;
}

.dropDown-inner li:hover > .imgBox {
  display: block !important;
}

.dropDown-inner li:hover > p {
  color: #3b6cd8;
}

.dropDown-inner li {
  padding: 6px 10px;
}

.dropDown-inner li:hover {
  border-radius: 10px;
  background: rgba(59, 108, 216, 0.1);
}

.cModal-addOptn .modal-dialog {
  max-width: 407px;
}

.cModal-addOptn .modal-body {
  padding-bottom: 80px;
}

.changePassCust-outer .ig-input {
  border: 0px;
  border-radius: 0px 11px 11px 0px;
  outline: 1px solid rgba(59, 108, 216, 0.25);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.changePassCust-outer .betaLock {
  border-radius: 11px;
}

.changePassCust-outer .switchContainer {
  color: #7d8190;
}

.loginHistory-title {
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
}

.loginHistory-inner {
  height: calc(100vh - 514px);
}

.loginHistory-inner p,
.loginHistory p,
.activeSessionList p {
  color: rgba(87, 91, 108, 0.75);
}

.changeLog-Body {
  height: calc(100vh - 148px);
}

.changeLog-Body .cl-bodyLeft {
  position: relative;
  width: 724px;
}

.changeLog-Body .cl-bodyLeft-inner {
  background: rgba(59, 108, 216, 0.05);
  height: 100%;
  padding-bottom: 50px;
}

.cl-bodyLeft .clLeft-footer {
  height: 40px;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid rgba(125, 129, 144, 0.15);
}

.changeLog-Body .cl-bodyLeft li {
  list-style: none;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 10px;
  background-color: #fff;
}

.changeLog-Body .cl-bodyLeft .cl-item {
  height: 68px;
  width: calc(100% - 58px);
  border-right: 1px solid rgba(125, 129, 144, 0.15);
}

.changeLog-Body .cl-bodyLeft .cl-item .w-cust {
  width: calc(100% - 95px);
}

.cl-bodyLeft li.actvSec:hover,
.cl-bodyLeft li.active {
  border: 1px solid rgba(59, 108, 216, 0.5) !important;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.1) 0%,
      rgba(59, 108, 216, 0.1) 100%
    ),
    #fff !important;
}

.cl-bodyLeft .cl-item p {
  color: #7d8190;
}

.cl-bodyLeft .cl-item h6 {
  color: rgba(0, 0, 0, 0.75);
}

.changeLog-Body .clTag-success,
.changeLog-Body .clTag-danger,
.changeLog-Body .clTag-info,
.changeLog-Body .clTag-fix,
.changeLog-Body .clTag-secure {
  border-radius: 8px;
  height: 32px;
}

.changeLog-Body .clTag-success {
  background: rgba(5, 195, 104, 0.1);
  color: #05c368;
}

.clTag-successClr svg path,
.clTag-successClr {
  fill: #05c368 !important;
  color: #05c368 !important;
}

.changeLog-Body .clTag-danger {
  background: rgba(236, 0, 0, 0.1);
  color: #ec0000;
}

.clTag-dangerClr svg path,
.clTag-dangerClr {
  fill: #ec0000 !important;
  color: #ec0000 !important;
}

.changeLog-Body .clTag-info {
  background: rgba(94, 153, 253, 0.1);
  color: #5e99fd;
}

.clTag-infoClr,
.clTag-infoClr svg path {
  fill: #5e99fd !important;
  color: #5e99fd !important;
}

.changeLog-Body .clTag-fix {
  background: rgba(150, 65, 193, 0.1);
  color: #9641c1;
}

.clTag-fixClr,
.clTag-fixClr svg path {
  fill: #9641c1 !important;
  color: #9641c1 !important;
}

.changeLog-Body .clTag-secure {
  background: rgba(157, 106, 70, 0.1);
  color: #9d6a46;
}

.clTag-secureClr,
.clTag-secureClr svg path {
  fill: #9d6a46 !important;
  color: #9d6a46 !important;
}

.changeLog-Body .cl-bodyRight {
  width: calc(100% - 724px);
}

.cl-bodyRight .clRght-head {
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
}

.cl-bodyRight .clBody-inner {
  height: calc(100vh - 311px);
}

.cl-bodyRight .clBody-inner .w-custom {
  width: calc(100% - 310px);
}

.btnVarDelete {
  border-radius: 12px;
  border: 1px solid rgba(236, 0, 0, 0.5);
  height: 46px;
  width: 46px;
  min-width: 46px;
  background: linear-gradient(
      0deg,
      rgba(236, 0, 0, 0.1) 0%,
      rgba(236, 0, 0, 0.1) 100%
    ),
    #fff;
}

.clLeft-footer .btnCust {
  border-radius: 8px;
  background: rgba(59, 108, 216, 0.1);
  height: 29px;
}

.ecBodyLeft {
  width: 280px;
}

.backupBodyLeft {
  width: 470px;
}

.backupBodyRight {
  width: calc(100% - 470px);
}

.ecBodyRight {
  width: calc(100% - 280px);
}

.backups-Body,
.ecBodyRight {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.ecBodyRight .ecGraph {
  height: 164px;
  position: relative;
}

.ecGraph .downloadIcon {
  position: absolute;
  top: 15px;
  right: 15px;
}

.ecBodyRight .ecCalc-body {
  height: calc(100% - 164px);
}

.emiCalc-tbl th,
.emiCalc-tbl td {
  color: #000;
  font-size: 15px;
  padding: 10px 12px;
  max-height: 42px;
  height: 42px;
  line-height: 1;
}

.emiCalc-tbl td {
  font-weight: 500;
}

.backupBodyLeft .bcInfo p,
.backupBodyLeft .bcInfo h6 {
  color: rgba(87, 91, 108, 0.85);
}

.backupsTbl-Body .ct-table tbody {
  height: calc(100vh - 254px);
}

.backupsTbl-Body .ct-table td {
  font-weight: 400;
}

.toastModal {
  min-height: 62px;
  width: 450px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  transform: translateX(calc(100% + 30px));
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.25, 1.35);
  z-index: 100000;
}

.toastModal.active {
  transform: translateX(0);
}

.toastModal .bgTSuccess {
  background: linear-gradient(
      0deg,
      rgba(5, 195, 104, 0.05) 0%,
      rgba(5, 195, 104, 0.05) 100%
    ),
    #fff;
}

.bgTDanger {
  background: linear-gradient(
      0deg,
      rgba(236, 0, 0, 0.05) 0%,
      rgba(236, 0, 0, 0.05) 100%
    ),
    #fff;
}

.bgTInfo {
  background: linear-gradient(
      0deg,
      rgba(66, 163, 242, 0.05) 0%,
      rgba(66, 163, 242, 0.05) 100%
    ),
    #fff;
}

.bgTWarn {
  background: linear-gradient(
      0deg,
      rgba(249, 154, 11, 0.05) 0%,
      rgba(249, 154, 11, 0.05) 100%
    ),
    #fff;
}

.toastModal .bgTDsuccess,
.bgTD-successMain {
  background: #05c368 !important;
}

.toastModal .bgTDdanger {
  background: #ec0000;
}

.toastModal .bgTDinfo {
  background: #42a3f2;
}

.toastModal .bgTDwarn {
  background: #f99a0b;
}

.toastModal .toastClr {
  width: 6px;
}

.toastModal .toastMsg {
  width: calc(100% - 6px);
}

.toastModal .toastHead {
  height: 18px;
}

.toastModal .toastMsg .msgTxt p {
  color: rgba(87, 91, 108, 0.8);
}

.progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
}

.progress {
  background: #fff;
}

.progress::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

.progress.bgSuccess::before {
  background-color: #05c368;
}

.progress.bgDanger::before {
  background-color: #ec0000;
}

.progress.bgInfo::before {
  background-color: #42a3f2;
}

.progress.bgWarn::before {
  background-color: #f99a0b;
}

.progress.active::before {
  animation: progress 5s linear forwards;
}

.permDenied-body .pdIcon,
.permDenied-body .pdIcon img {
  height: 36px;
  width: 36px;
}

.modalOpt-fixed {
  top: 90px;
  right: 20px;
  width: 407px;
}

.userDetInp-grp {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.1) 0%,
      rgba(125, 129, 144, 0.1) 100%
    ),
    #fff;
  height: 45px;
  width: 100%;
}

.viewCbr-footer {
  height: 50px;
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
}

.viewCbr-footer span {
  color: rgba(87, 91, 108, 0.85);
}

.viewCbr-footerTop {
  background: #fff;
}

.viewCbr-footerTop .ttlSpan {
  color: rgba(0, 0, 0, 0.75);
}

.viewCbr-footerTop .statusSpan {
  border-radius: 8px;
  height: 25px;
  padding: 4px 10px;
}

.viewCbr-footerTop .statusBgSucc {
  background: rgba(91, 197, 137, 0.15);
}

.viewCbr-footerTop .statusBgDang {
  background: rgba(236, 0, 0, 0.05);
}

.viewCbr-footerTop .btn {
  height: 27px;
  border-radius: 8px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #3b6cd8;
}

.viewCbr-footerTop .actionItm h6 {
  color: rgba(0, 0, 0, 0.75);
  font-size: 12px;
  font-weight: 500;
}

.viewCbr-footerTop .actionItm .itm {
  gap: 3px;
}

.viewCbr-footerTop .actionItm .itm1 {
  width: 60px;
  min-width: 60px;
}

.viewCbr-footerTop .actionItm .itm2 {
  width: 150px;
  min-width: 150px;
}

.viewCbr-footerTop .actionItm p {
  color: #000;
  font-size: 14px;
  font-weight: 500;
}

.modalCust-position,
.modalCust-positionSt {
  position: fixed;

  top: 0;
}

.modalCust-position {
  width: 420px;
  right: 0;
}

.showPopup-pos {
  z-index: 1055 !important;
}

.showPopup-neg {
  z-index: -1000 !important;
}
.modalCust-positionSt {
  width: 620px;
  max-width: 620px !important;
  right: -620px;
  opacity: 0;
  transition: all 0.6s ease;
}

.modalCust-positionSt.show {
  right: 0px;
  opacity: 1;
}

.modalCust-position .cbPopup-Body,
.modalCust-positionSt .cbPopup-Body {
  height: calc(100vh - 50px);
}

.bodyMain-igp .labelItem .txn-id {
  width: 72px;
}

.bodyMain-igp .labelItem .txn-amount {
  width: 90px;
}

.semi-donut {
  --percentage: 0;
  --fill: #3b6cd8;
  width: 208px;
  height: 104px;
  position: relative;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  overflow: hidden;
  color: var(--fill);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  box-sizing: border-box;

  &:after {
    content: "";
    width: 208px;
    height: 208px;
    border: 50px solid;
    border-color: var(--fill) var(--fill) #0f1b36 #0f1b36;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    transform: rotate(calc(1deg * (-45 + var(--percentage) * 1.8)));
    animation: fillAnimation 1s ease-in;
  }
}

.changeLog-Btm .vers {
  background: rgba(125, 129, 144, 0.1);
  height: 35px;
}

.changeLog-Btm .vers p {
  color: #7d8190;
  font-size: 13px;
  font-weight: 600;
}

@keyframes fillAnimation {
  0% {
    transform: rotate(-45deg);
  }

  50% {
    transform: rotate(135deg);
  }
}

@keyframes fillGraphAnimation {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }
}

@keyframes progress {
  100% {
    right: 100%;
  }
}

.ecBodyRight .ecDetail li {
  gap: 55px;
}

.ecBodyRight .ecDetail li .pointPa,
.ecBodyRight .ecDetail li .pointTi {
  width: 9px;
  height: 9px;
  border-radius: 3px;
}

.ecBodyRight .ecDetail li .pointPa {
  background: #0f1b36;
}

.ecBodyRight .ecDetail li .pointTi {
  background: #3b6cd8;
}

.modalCustBe-position {
  width: 1320px;
  max-width: 1320px !important;
  position: fixed;
  right: 0;
  top: 0;
}

.modalCustBe-position .cbPopup-Body {
  height: calc(100vh - 50px);
}

.modalCustCr-position {
  width: 1075px;
  max-width: 1075px !important;
  position: fixed;
  right: 0;
  top: 0;
}

.modalCustCr-position .cbPopup-Body {
  height: calc(100vh - 50px);
}

.h-300px {
  height: 300px;
}

.csvFile-table th,
.csvFile-table td {
  font-size: 14px !important;
}

.roleInp-group .spanBtn.disabled {
  pointer-events: none;
  opacity: 0.65;
}

.eInvoive-Body .gCards .col-mdl .topBox,
.eInvoive-Body .gCards .col-mdl .btmBox,
.eInvoive-Body .gCards .col-right .topBox,
.eInvoive-Body .gCards .col-right .btmBox {
  height: 50%;
}

.eInvoive-Body .gCards .col-mdl .topBox,
.eInvoive-Body .gCards .col-right .topBox {
  border-bottom: 1px solid rgba(125, 129, 144, 0.25);
}

.eInvoive-Body .gCards .col-mdl .topBox {
  background: rgba(66, 164, 235, 0.1);
}

.eInvoive-Body .gCards .col-right .topBox {
  background: rgba(86, 46, 200, 0.1);
}

.eInvoive-Body .gCards .col-mdl .btmBox {
  background: rgba(5, 195, 104, 0.1);
}

.eInvoive-Body .gCards .col-right .btmBox {
  background: rgba(15, 27, 54, 0.1);
}

.eInvoive-Body .gCards .col-mdl .topBox .btn {
  background: #42a4eb;
}

.eInvoive-Body .gCards .col-right .topBox .btn {
  background: #562ec8;
}

.eInvoive-Body .gCards .col-mdl .btmBox .btn {
  background: #05c368;
}

.eInvoive-Body .gCards .col-right .btmBox .btn {
  background: #0f1b36;
}

.eInvoive-Body .gCards .col-left,
.eInvoive-Body .gCards .col-mdl .topBox,
.eInvoive-Body .gCards .col-mdl .btmBox,
.eInvoive-Body .gCards .col-right .topBox,
.eInvoive-Body .gCards .col-right .btmBox {
  gap: 30px;
}

.eInvoive-Body .gCards .col-left {
  background: rgba(249, 154, 11, 0.1);
}

.eInvoive-Body .col-left .btn {
  background: #f99a0b;
}

.createInvoice-Body,
.viewInvoice-Body {
  border-radius: 15px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  height: calc(100vh - 144px);
  background: #fff;
}

.createInvoice-Body .ciLeft,
.viewInvoice-Body .ciLeft {
  width: 382px;
  max-width: 382px;
  background: rgba(253, 183, 17, 0.05);
}

.createInvoice-Body .ciRght,
.viewInvoice-Body .ciRght {
  width: calc(100% - 382px);
}

.createInvoice-Body .ciLeft .boxFrm,
.viewInvoice-Body .ciLeft .boxFrm {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #fff;
  height: 112px;
  overflow: hidden;
}
.createInvoice-Body .ciLeft .boxFrm .box {
  background: rgba(59, 108, 216, 0.05);
  height: 100%;
}

.createInvoice-Body .ciLeft .boxFrm.active,
.viewInvoice-Body .ciLeft .boxFrm.active {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.btnCust11 {
  border-radius: 10px;
  background: rgba(59, 108, 216, 0.1);
  height: 28px;
  border: none;
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  justify-content: center;
}

.btnCust11:hover {
  opacity: 0.9;
}

.createInvoice-Body .ciRght .ciRghtBody,
.viewInvoice-Body .ciRght .ciRghtBody {
  height: calc(100% - 72px);
  background: rgba(59, 108, 216, 0.05);
}

.createInvoice-Body .ciRght .ciRghtBody .tblCi,
.viewInvoice-Body .ciRght .ciRghtBody .tblCi {
  height: calc(100% - 24px);
}

.createInvoice-Body .ciRght .ciBtn .btn,
.viewInvoice-Body .ciRght .ciBtn .btn {
  background: #3b6cd8;
  border: 1px solid #3b6cd8;
  border-radius: 12px;
  height: 46px;
  font-weight: 600;
  font-size: var(--s15);
  line-height: 17px;
}

.ciRghtBody .tblCi .cmnform_btn .btn {
  border-radius: 10px;
  background: #3b6cd8;
  color: #fff;
  height: 28px;
}

.ciRghtBody .tblCi .ciCalc .item1,
.ciRghtBody .tblCi .ciCalc .item2,
.ciRghtBody .tblCi .ciCalc .item3,
.ciRghtBody .tblCi .ciCalc .item4 {
  width: 326px;
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.15);
}

.ciRghtBody .tblCi .ciCalc .item2 .divRgt {
  width: 60%;
}

.ciRghtBody .tblCi .ciCalc .item1,
.ciRghtBody .tblCi .ciCalc .item3 {
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.1) 0%,
      rgba(125, 129, 144, 0.1) 100%
    ),
    #fff;
}

.ciRghtBody .tblCi .ciCalc .item1,
.ciRghtBody .tblCi .ciCalc .item4 {
  height: 39px;
}

.ciRghtBody .tblCi .ciCalc .item2 {
  background: #fff;
  height: 39px;
}

.ciRghtBody .tblCi .ciCalc .item3 {
  height: 64px;
}

.ciRghtBody .tblCi .ciCalc .item4 {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.1) 0%,
      rgba(59, 108, 216, 0.1) 100%
    ),
    #fff;
}

.ciRghtBody .tblCi .ciCalc .item2 .spanMdl {
  border-radius: 8px;
  border: 1px solid rgba(125, 129, 144, 0.1);
  background: rgba(217, 217, 217, 0.1);
  height: 27px;
  overflow: hidden;
}

.ciRghtBody .tblCi .ciCalc .item2 .spanMdl .itemBlk,
.ciRghtBody .tblCi .ciCalc .item2 .spanMdl .itemWt {
  padding: 4px 8px;
  width: 24px;
}

.ciRghtBody .tblCi .ciCalc .item2 .spanMdl .itemBlk {
  border-right: 1px solid rgba(125, 129, 144, 0.1);
  background: #575b6c;
  color: #fff;
}

.ciRghtBody .tblCi .ciCalc .item2 .input-group {
  width: auto !important;
}

.ciRghtBody .tblCi .ciCalc .item2 .input-group input {
  text-align: left;
  font-size: 14px;
  font-weight: 500;
}

.ciRghtBody .tblCi .ciCalc .item2 .input-group input::placeholder {
  color: rgba(125, 129, 144, 0.5);
}

.securityPage-main .topCu {
  height: 198px;
  overflow: auto;
}

.securityPage-main .actvSession {
  width: calc(100% - 598px);
  height: 100%;
  background: rgba(253, 183, 17, 0.05);
}

.actvSession .btmCu {
  height: 420px;
  overflow: auto;
}

.activeSessionList .btn {
  border-radius: 8px;
  background: rgba(211, 24, 32, 0.8);
  color: #fff;
  height: 26px;
}

.activeSessionList .custTag {
  color: #3b6cd8;
  font-size: 12px;
  font-weight: 600;
  border-radius: 5px;
  background: rgba(59, 108, 216, 0.1);
  padding: 2px 4px;
  margin-left: 4px;
}

/* Switch Companies custom input switch container */

.switchComp {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 18px;
}

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

.switchComp .sliderComp {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.switchComp .sliderComp:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 0px;
  bottom: 0px;
  background-color: #ec0000;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid rgba(0, 0, 0, 0.25);
}

input:checked + .sliderComp {
  background-color: #fff;
}

input:checked + .sliderComp:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
  background-color: #3b6cd8;
}

.modelFormInput input.inputGp,
.modelFormInput .input-group.inputGp {
  border-radius: 12px 12px 0px 0px !important;
}

/* Rounded sliderComps */
.sliderComp.round {
  border-radius: 34px;
}

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

.approvalEv-body {
  padding: 25px 140px 0px 140px;
  height: 100%;
  background: #f7f7f9;
  border-top: 1px solid rgba(125, 129, 144, 0.25);
}

.approvalEv-body .bodyInner {
  padding: 30px;
  border-radius: 20px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #fff;
  overflow: hidden;
}

.approvalEv-head .logoCust {
  height: 75px;
  background-color: #fff;
}

.approvalEv-body .evBodyHead {
  padding-bottom: 30px;
  font-size: 18px;
  font-weight: 600;
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.approvalEv-body .evBodyDetail {
  padding-top: 30px;
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.approvalEv-body .evBodyFooter {
  padding-top: 30px;
}

.approvalEv-body .evData-row .col-cust,
.approvalEv-body .evData-row .col-custBtm {
  width: 25%;
  margin-bottom: 30px;
}

.approvalEv-body .evData-row .col-custBtm {
  text-align: end;
}

.approvalEv-body .evData-row .col-purp {
  width: 50%;
  margin-bottom: 30px;
}

.approvalEv-body .evData-row .col-btn {
  width: 75%;
  /* margin-bottom: 30px; */
}

.approvalEv-body .evData-row h5 {
  color: rgba(87, 91, 108, 0.85);
  font-size: 16px;
  font-weight: 600;
}

.approvalEv-body .evData-row p {
  color: #000;
  font-size: 18px;
  font-weight: 500;
}

.approvalEv-body .evData-row p span {
  font-size: 14px;
  font-weight: 600;
}

.approvalEv-body .evData-row p.linkCust {
  color: #3b6cd8;
  border-bottom: 1px solid #3b6cd8;
  display: inline;
}

.approvalEv-body .evBodyFooter .btnDang,
.approvalEv-body .evBodyFooter .btnSucc,
.approvalEv-body .evBodyFooter .btnDangAct,
.approvalEv-body .evBodyFooter .btnSuccAct {
  height: 46px;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 600;
}

.approvalEv-body .evBodyFooter .btnDang {
  border: 1px solid rgba(236, 0, 0, 0.25);
  background: #fff;
  color: rgba(236, 0, 0, 0.75);
}

.approvalEv-body .evBodyFooter .btnSuccAct,
.approvalEv-body .evBodyFooter .btnDangAct {
  border: 1px solid rgba(125, 129, 144, 0.25);
  color: #fff;
}

.approvalEv-body .evBodyFooter .btnSuccAct {
  background: #05c368;
}

.approvalEv-body .evBodyFooter .btnDangAct {
  background: rgba(236, 0, 0, 0.75);
}

.approvalEv-body .evData-row .userDet h5 {
  font-size: 16px;
  font-weight: 500;
}

.approvalEv-body .evData-row .userDet p {
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}

.approvalEv-body .evData-row .userDet p span {
  font-size: 13px;
}

.commanModel .modal-dialogAf {
  max-width: 980px;
}

.commanModel .modal-dialogGpt.hideHistory {
  max-width: 910px;
}

.commanModel .modal-dialogGpt.showHistory {
  max-width: 1200px;
}

.modalBody-Af .btn {
  border-radius: 10px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.03) 0%,
      rgba(125, 129, 144, 0.03) 100%
    ),
    #fff;
  height: 35px;
  color: #7d8190;
}

.modalBody-Af .btn .span21px {
  width: 21px;
  height: 21px;
}

.modalBody-Af .btn:hover {
  border: 1px solid rgba(59, 108, 216, 0.25);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.03) 0%,
      rgba(59, 108, 216, 0.03) 100%
    ),
    #fff;
  color: #3b6cd8;
}

.modalBody-Af .btn:hover path {
  fill: #3b6cd8;
}

.igClock-cust {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

.cModal-cashbook .modal-header span {
  color: #575b6c;
}

.modalBody-plVer {
  overflow: auto;
}

.modalBody-plVer li h6,
.modalBody-plVer li p {
  color: #000;
}

.modalBody-plVer li h5 {
  color: rgba(236, 0, 0, 0.75);
}

.modalBody-plVer li .spanTag {
  color: #3b6cd8;
  border-radius: 6px;
  background: rgba(59, 108, 216, 0.05);
  padding: 0 5px;
  height: 16px;
}

.modalBody-plVer li .btn {
  border-radius: 12px;
  height: 46px;
  width: 56px;
  justify-content: center;
  align-items: center;
}

.modalBody-plVer li .btnView {
  border: 1px solid rgba(59, 108, 216, 0.5);
  color: #3b6cd8;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.modalBody-plVer li .btnApply {
  border: 1px solid rgba(125, 129, 144, 0.5);
  color: #fff;
  background: #3b6cd8;
}

.modalBody-plVer li:hover {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.modalBody-plVer li:hover .vaBtn-mdl {
  display: flex !important;
}

.hsnSac-List .modal-dialog {
  max-width: 738px;
}

.modalBody-hsn .input-group {
  height: 49px;
}

.hsnList-body {
  height: 460px;
  overflow: auto;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.hsnList-body h6 {
  line-height: 1.5;
  width: 80px;
}

.hsnList-body p {
  color: #575b6c;
  width: calc(100% - 96px);
}

.invStatus {
  height: 18px;
  padding: 2px 6px;
  border-radius: 5px;
}

.invStatus.warn,
.spanStats.warn {
  color: #f99a0b;
  background: linear-gradient(
      0deg,
      rgba(249, 154, 11, 0.05) 0%,
      rgba(249, 154, 11, 0.05) 100%
    ),
    #fff;
}

.invStatus.info {
  color: #3b6cd8;
  background: rgba(59, 108, 216, 0.1);
}

.invStatus.success,
.spanStats.success {
  color: #05c368;
  background: linear-gradient(
      0deg,
      rgba(5, 195, 104, 0.05) 0%,
      rgba(5, 195, 104, 0.05) 100%
    ),
    #fff;
}

.invStatus.danger,
.spanStats.danger {
  color: #ec0000 !important;
  background: linear-gradient(
      0deg,
      rgba(236, 0, 0, 0.05) 0%,
      rgba(236, 0, 0, 0.05) 100%
    ),
    #fff !important;
}

table .hoverNone:hover {
  background: none !important;
}

.disabledInp-par {
  border-radius: 14px;
}

.spanCopied {
  opacity: 0;
  transition: all 1s ease-out;
  height: 26px;
  background-color: #000;
  border: 1px solid #05c368;
  border-radius: 15px;
  color: #05c368;
  top: -35px;
  left: 0px;
  display: flex;
  align-items: center;
  font-size: 14px;
}

.spanCopied.show {
  opacity: 1;
}

.invSetting-Body {
  border-radius: 15px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #fff;
}

.srcTaxpayer-Body {
  border-radius: 15px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  /* background: #3b6cd80d; */
  background-color: #fff;
}

.srcTaxpayer-Body .bodyPar {
  min-height: calc(100vh - 320px);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.srcTaxpayer-Body .headPar {
  background: rgba(125, 129, 144, 0.05);
}

.srcTaxpayer-Body .headPar2 {
  background: #fff;
}

.srcTaxpayer-Body .headPar2 .input-group {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: #fff;
  width: 390px;
}

.srcTaxpayer-Body .headPar span,
.FillDet-Body .headPar span,
.FillFreq-Body .headPar span {
  border-radius: 8px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: #fff;
  color: rgba(0, 0, 0, 0.75);
  font-size: 14px;
  height: 33px;
  padding-left: 10px;
  padding-right: 10px;
  transition: all 0.3s ease;
}

.srcTaxpayer-Body .headPar span.active,
.srcTaxpayer-Body .headPar span:hover,
.FillDet-Body .headPar span.active,
.FillDet-Body .headPar span:hover,
.FillFreq-Body .headPar span.active,
.FillFreq-Body .headPar span:hover {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.1) 0%,
      rgba(59, 108, 216, 0.1) 100%
    ),
    #fff;
  color: #3b6cd8;
}

.searchTaxpr-det .itemDet {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #fff;
}

.searchTaxpr-det .itemDet .detRow.odd {
  background: rgba(125, 129, 144, 0.05);
}

.searchTaxpr-det .itemDet .detRow .col-cs {
  padding: 20px 20px 38px 20px;
}

.searchTaxpr-det .itemDet .detRow .col-cr {
  padding: 18px;
}

.searchTaxpr-det .itemDet .detRow h6 {
  color: rgba(0, 0, 0, 0.75);
}

.searchTaxpr-det .itemDet .detRow p {
  color: #000;
}

.invSetting-Body .bodyPar {
  height: calc(100vh - 206px);
}

.viewInvoice-Body {
  height: calc(100vh - 110px);
}

.viewInvoice-Body .ciLeft {
  height: calc(100% - 49px);
}

.viewInvoice-Body .ciRght {
  height: calc(100% - 49px);
}

.invSetting-Body .ciLeft,
.invSetting-Body .ciRght {
  width: 760px;
  max-width: 760px;
  background: linear-gradient(
    0deg,
    rgba(87, 91, 108, 0.05) 0%,
    rgba(87, 91, 108, 0.05) 100%
  );
  height: 100%;
}

.invSetting-Body .ciRght {
  background: linear-gradient(
    0deg,
    rgba(87, 91, 108, 0.05) 0%,
    rgba(87, 91, 108, 0.05) 100%
  );
  width: calc(100% - 760px);
  height: 100%;
}

.inpGroup-mobile {
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  overflow: hidden;
}

.invSetting-foot,
.searchTxp-foot {
  background: linear-gradient(
    0deg,
    rgba(87, 91, 108, 0.05) 0%,
    rgba(87, 91, 108, 0.05) 100%
  );
}

.invSetting-foot .btn,
.searchTxp-foot .btn {
  background: #3b6cd8;
  border: 1px solid #3b6cd8;
  border-radius: 12px;
  height: 42px;
  font-weight: 600;
  font-size: var(--s15);
  min-width: 200px;
}

/* .invSetting-Body .head-eInvoice h6 {
font-size: 13px;
} */

.head-eInvoice .infoBox {
  max-width: 360px;
}

.head-eInvoice .imgBox {
  width: 37px;
  height: 37px;
}

.displayContents {
  display: contents;
}

.e-invBtn-cust .btn {
  border-radius: 12px;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.1) 0%,
      rgba(59, 108, 216, 0.1) 100%
    ),
    #fff;
  height: 39px;
  min-width: 88px;
  border: 1px solid rgba(125, 129, 144, 0.25);
}

.viewInv-header {
  height: 49px;
}

.viewInv-header .infLeft .spanStats,
.viewInv-header .infRght .spanStats {
  border-radius: 8px;
  height: 25px;
}

.viewInv-header .infRght .spanStats {
  background: rgba(59, 108, 216, 0.1);
  color: #3b6cd8;
}

.viewInv-rghtBody .userInfo p {
  color: #7d8190;
  position: absolute;
  left: 15px;
  bottom: 15px;
}

.viewInv-rghtBody .userInfo p span,
.fontClr-bl75 {
  color: rgba(0, 0, 0, 0.75);
}

.invPayment-proof .upload_file {
  position: relative;
  border-radius: 12px;
  border: 1px dashed rgba(125, 129, 144, 0.15);

  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.05) 0%,
      rgba(125, 129, 144, 0.05) 100%
    ),
    #fff;
  height: 75px;
}

.invPayment-proof .upload_file span {
  color: rgba(125, 129, 144, 0.75);
}

.invPayment-proof .upload_file .fileInp {
  opacity: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.invPayment-desc textarea {
  max-height: 75px;
}

.invPmt-ppHead {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
  height: 50px;
}

.invPmt-ppHead .colorView {
  color: #3b6cd8 !important;
  font-size: 18px;
}

.invPopup-Body .rowHead h6 {
  color: rgba(0, 0, 0, 0.75);
  font-size: 12px;
  font-weight: 500;
}

.invPopup-Body .rowHead p {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}

.invPopup-Body .rowBody {
  height: calc(100vh - 360px);
  overflow: auto;
}

.invPopup-Body .rowBody .item {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  padding: 12px;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.invPopup-Body .rowBody .item p {
  color: rgba(0, 0, 0);
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.invPopup-Body .rowBody .item p span {
  color: rgba(0, 0, 0, 0.75);
}

.invPopup-Body .rowFooter {
  background: linear-gradient(
      0deg,
      rgba(5, 195, 104, 0.05) 0%,
      rgba(5, 195, 104, 0.05) 100%
    ),
    #fff;
}

.invPopup-Body .rowFooter .pLeft {
  width: 264px;
}

.invPopup-Body .rowFooter .pRgt {
  width: calc(100% - 278px);
}

.invPopup-Body .rowFooter .pLeft h6 {
  font-size: 14px;
  color: #000;
}

.invPopup-Body .rowFooter .pLeft p {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.75);
}

.invPopup-Body .footerPay {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  height: 45px;
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.05) 0%,
      rgba(125, 129, 144, 0.05) 100%
    ),
    #fff;
  overflow: hidden;
}

.invPopup-Body .footerPay .w-cust {
  width: calc(100% - 90px);
}

.modal-dialogCustInv,
.modal-dialogCustSo,
.modal-dialogCustErr {
  max-width: 420px !important;
}

.modal-dialogCustIsp {
  max-width: 510px !important;
}

.modal-dialogCustErr .modal-content {
  overflow: visible !important;
}

.modal-dialogCustInv .modal-iconSpace {
  height: 170px;
}

.modal-dialogCustInv .modal-infoSpace {
  height: 185px;
  background: rgba(86, 46, 200, 0.05);
  border-top: rgba(125, 129, 144, 0.15);
}

.modal-dialogCustInv .modal-infoSpace img {
  height: 25px;
  width: 25px;
}

.modal-dialogCustInv .modal-infoSpace span {
  color: rgba(0, 0, 0, 0.75);
}

.modal-dialogCustInv .modal-infoSpace .btnCust {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  width: 180px;
  height: 46px;
  color: #fff;
  background: #562ec8;
}

.modal-dialogCustInv .modal-infoSpace .btnSkip {
  border-radius: 12px;
  border: 1px solid #575b6ccc;
  width: 130px;
  height: 46px;
  color: #575b6c;
  background: transparent;
}

.createReport-pp .selectFilter button,
.createReport-pp .previewHead button {
  height: 32px;
  padding: 0px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  border-radius: 5px;
  background: #fff;
  border: 1px solid rgba(125, 129, 144, 0.15);
}

.createReport-pp .selectFilter button:hover,
.createReport-pp .selectFilter button.active {
  color: #562ec8;
  background: linear-gradient(
      0deg,
      rgba(86, 46, 200, 0.05) 0%,
      rgba(86, 46, 200, 0.05) 100%
    ),
    #fff;
  border: 1px solid #fff;
}

.createReport-pp .previewHead h4 {
  font-size: 24px;
}

.createReport-pp .previewHead button {
  color: #562ec8;
  height: 34px;
}

.createReport-pp .previewPdf,
.createReport-pp .settingsPdf {
  width: 100%;
  overflow: auto;
}

.createReport-pp .previewPdf {
  height: calc(100vh - 360px);
}

.createReport-pp .settingsPdf {
  height: calc(100vh - 185px);
}

.createReport-pp .previewPdf .cust-item {
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 5px;
  width: 100%;
}

.createReport-pp .previewPdf .pdfHead {
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
  width: 100%;
  background: linear-gradient(
      0deg,
      rgba(86, 46, 200, 0.05) 0%,
      rgba(86, 46, 200, 0.05) 100%
    ),
    #fff;
  padding: 15px 25px;
}

.createReport-pp .previewPdf .pdfHead img {
  height: 50px;
  width: 50px;
}

.createReport-pp .previewPdf .pdfHead h6 {
  font-size: 18px;
  font-weight: 700;
}

.createReport-pp .previewPdf .pdfHead p {
  font-size: 14px;
  font-weight: 500;
}

.createReport-pp .previewPdf .pdfBody {
  width: 100%;
  padding: 25px;
}

.createReport-pp .previewPdf .pdfBody h6 {
  font-size: 16px;
  font-weight: 700;
}

.createReport-pp .previewPdf .pdfBody h6 span {
  font-size: 14px;
  font-weight: 500;
}

.createReport-pp .previewPdf .pdfBody h5 {
  font-size: 14px;
  font-weight: 500;
}

.createReport-pp .previewPdf .pdfBody .ttl {
  font-size: 16px;
  font-weight: 700;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 5px;
  width: 100%;
}

.createReport-pp .previewPdf .pdfBody .ttl .item {
  width: 33.33333%;
}

.ttl .item.borderRt {
  border-right: 1px solid rgba(125, 129, 144, 0.15);
}

.crPdf-tbl {
  border-radius: 5px;
  margin: 0px 25px;
  height: auto;
}

.form-control-SelectCustom .Search__value-container {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.form-control-SelectCustom .select__menu {
  padding-left: 4px;
  padding-right: 4px;
}

.form-control-SelectCustom .Search__input-container {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.form-control-SelectCustom .select__control {
  padding: 0px 6px !important;

  background: #ffffff;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  height: 38px !important;
  font-size: var(--s14);
  color: rgb(0, 0, 0);
  font-weight: 500;
}

.form-control-SelectCustom .select__input-container {
  height: 36px;
}

.form-control-SelectCustom .select__control--is-focused {
  border: none !important;
}

.form-control-SelectCustom .select__single-value,
.form-control-SelectCustom .select__placeholder {
  font-size: 14px;
}

.select__indicators {
  height: 36px;
}

.autoSave-CsrBtns {
  opacity: 0;
  transition: all 1s ease-out;
  padding: 6px 4px;
  border-radius: 10px;
  background-color: #7d81900d;
}

.autoSave-CsrBtns p {
  font-size: 14px;
  font-weight: 600;
  color: #3b6cd8;
}

.autoSave-CsrBtns.show {
  opacity: 1;
}

.settingsPdf .pdfHead h6 {
  font-size: 24px;
  color: #575b6c;
}

.pdfSetting-bodyOut .title {
  font-size: 13px;
  font-weight: 600;
  color: #575b6c;
}

.pdfSetting-body .bodyItem > div {
  border-radius: 10px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  padding: 12px 16px;
}

.pdfSetting-body .bodyItem.compulsary > div {
  background-color: rgba(125, 129, 144, 0.05);
}

.pdfSetting-body .bodyItem p {
  font-size: 12px;
  font-weight: 600;
  color: #3b6cd8;
}

.pdfSetting-btn button {
  width: 175px;
}

.widthTh-3 {
  width: 33.33333% !important;
  min-width: 33.33333% !important;
}

.widthTh-4 {
  width: 25% !important;
  min-width: 25% !important;
}

.widthTh-5 {
  width: 20% !important;
  min-width: 20% !important;
}

.textWrap-ellipse {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.textWrap-ellipseTwo {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.leftRgt-btn button {
  background-color: transparent;
  border: none;
}

.leftRgt-btn .numberOf_pages {
  font-size: 12px;
  font-weight: 600;
  color: #575b6c;
}

/* responsive fonts*/

/* .lheight{
  line-height: 1.5 !important;

}
.bred{
  border:2px solid red !important;
}
.position-absolute{
  position: absolute !important;

} */

/* 
@media screen and (min-width: 1530px){
  *{
    font-size: 16px !important;
  } 
   .fsize *,.fsize{
    font-size: 16px !important;
  }

} */

@media screen and (max-width: 980px) {
  .userProfile_details {
    width: 100%;
  }

  .userProfile_password,
  .userProfile_BankDetail {
    width: calc(50% - 1px);
  }

  /* .overViewBody{
    width:100%;
    flex-direction:column;
  }
  .keyMatrics,.announceMents{
    width:100% !important;
  
  }
  .mflexResponsive{ 
    flex-direction:column !important;
    flex-wrap:wrap !important;
    overflow: auto !important;
    height:auto !important;
  }
  .mw-100{
    width:100% !important;
  
  }
  .overflowAuto{
    overflow: visible !important;
  }
  .order1{
  order:-1 !important;
  } */
}

.mflexResponsive-ta {
  flex-direction: column;
  flex-wrap: wrap;
  overflow: auto !important;
  height: calc(100% - 54px);
}

.no_ofUsers {
  border-bottom: 2px solid transparent;
  height: 20px;
  /* text-decoration: underline; */
}

.no_ofUsers:hover {
  border-bottom: 2px solid #575b6c;
  /* text-decoration: underline; */
}

.userRole-listmodal .role {
  height: 42px;
}

.userRole-listmodal .btm {
  height: 31px;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.userRole-listmodal .modal-content {
  height: 500px !important;
}

.userRole-listmodal .modal-body {
  overflow: auto;
}

.userRole-listmodal .modal-body .spanImg {
  height: 35px;
  width: 35px;
  border-radius: 6px;
  background: rgba(125, 129, 144, 0.1);
  overflow: hidden;
}

.userRole-listmodal .modal-body .spanImg img {
  object-fit: cover;
}

.modelFormInput-selectCust select {
  padding-right: 30px !important;
}

.uppercase-text {
  text-transform: uppercase;
}

.modal-contentCustScr {
  overflow: auto !important;
}

.modalBody-txnPopup {
  height: 247px;
  flex-wrap: wrap;
  flex-direction: row;
}

.modalBody-txnPopup .leftRgtTa-popup {
  padding: 25px 15px;
  cursor: pointer;
}

.modalBody-txnPopup .leftRgtTa-popup:hover {
  background: rgba(59, 108, 216, 0.05);
}

.modalBody-txnPopup .leftTa {
  border-right: 1px solid rgba(125, 129, 144, 0.15);
}

.modalBody-txnPopup .leftRgtTa-popup h5 {
  margin-top: 44px;
  margin-bottom: 44px;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  line-height: 1.45;
}

.modalBody-txnPopup .leftRgtTa-popup .int-link {
  font-size: 13px;
  font-weight: 500;
  color: #3b6cd8;
  text-align: center;
}

.modalBody-txnDet {
  min-height: 314px;
}

.modalBody-txnDetCl,
.modalBody-txnDetTa {
  max-height: 380px;
  overflow: auto;
}

.modalBody-txnDetApp {
  max-height: 420px;
  overflow: auto;
}

.modalBody-txnDet .mBody {
  row-gap: 15px;
}

.modalBody-txnDet .body-item h6 {
  font-size: 13px;
  font-weight: 600;
  color: #3b6cd8;
}

.modalBody-txnDet .body-item {
  gap: 6px;
}

.modalBody-txnDet .body-item p {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  word-wrap: break-word;
}

.modalBody-txnDet .body-item p.redClr {
  color: #ec0000;
}

.modalBody-txnDet .body-item .bodyComment {
  font-weight: 400;
  letter-spacing: -0.1px;
  line-height: 1.5;
}
.modalBody-txnDet .body-item .bodyComment .spanCmt {
  font-weight: 600;
  border-bottom: 1px solid #000;
}

.modalBody-txnDet .body-item .spanId {
  font-size: 10px;
  font-weight: 600;
}

.modalBody-txnDet .body-item .imgBox .item {
  border-radius: 5px;
  background: rgba(86, 46, 200, 0.1);
  height: 22px;
  padding: 5px;
  max-width: 129px;
}

.pmtProof-pp .imgBox .item {
  border-radius: 5px;
  background: rgba(86, 46, 200, 0.1);
  height: 26px;
  padding: 5px;
  max-width: 100%;
}

.modalBody-txnDet .body-item .imgBox .item .img-fluid,
.pmtProof-pp .imgBox .item .img-fluid {
  width: 12px;
  height: 12px;
}

.modalBody-txnDet .body-item .imgBox .item p,
.pmtProof-pp .imgBox .item p {
  color: #562ec8;
  font-size: 13px;
  font-weight: 400;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.modalBody-csbtm {
  border-top: 1px solid rgba(125, 129, 144, 0.15);
}

.modalBody-csbtm .btnbtm {
  border-radius: 12px;
  font-size: 15px;
  font-weight: 600;
  height: 40px;
}

.modalBody-csbtm .btnbtm-sc,
.approvalEv-body .evBodyFooter .btnSucc {
  border: 1px solid rgba(5, 195, 104, 0.25);
  background: #fff;
  color: #05c368;
}

.modalBody-csbtm .btnbtm-dg,
.approvalEv-body .evBodyFooter .btnDang {
  border: 1px solid rgba(236, 0, 0, 0.25);

  background: #fff;
  color: rgba(236, 0, 0, 0.75);
}

.modalBody-csbtm .btnbtm-sc:hover,
.approvalEv-body .evBodyFooter .btnSucc:hover {
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #05c368;
  color: #fff;
}

.modalBody-csbtm .btnbtm-dg:hover,
.approvalEv-body .evBodyFooter .btnDang:hover {
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #ec0000;
  color: #fff;
}

.modalBody-csbtm .btnbtm-sc:hover path,
.modalBody-csbtm .btnbtm-dg:hover path,
.approvalEv-body .evBodyFooter .btnSucc:hover path,
.approvalEv-body .evBodyFooter .btnDang:hover path {
  fill: #fff;
  fill-opacity: 1;
}

.ciBtmVw-eInv,
.ciBtn-eInv {
  background: rgba(86, 46, 200, 0.05);
  height: 72px;
}

.ciBtmVw-eInv .qrCode {
  width: 72px;
  height: 72px;
}

.ciBtmVw-eInv .qrCode img {
  width: 100%;
  height: 100%;
}

.ciBtmVw-eInv,
.leftOpt p {
  color: #7d8190;
  font-size: 13px;
  font-weight: 500;
}

.ciBtmVw-eInv,
.leftOpt p span {
  color: rgba(0, 0, 0, 0.75);
  font-weight: 600;
}

.ciBtmVw-eInv,
.leftOpt .info {
  gap: 20px;
}

.ciBtn-eInv .leftOpt {
  gap: 12px;
}

.ciBtn-eInv .btnBtm {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.25);

  background: #562ec8;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  width: 160px;
  height: 37px;
}

.ciBtn-eInv .leftOpt .info {
  gap: 5px;
}

.ciBtn-eInv .leftOpt .info h6 {
  color: #000;
  font-size: 13px;
  font-weight: 600;
}

.ciBtn-eInv .leftOpt .info p {
  color: rgba(0, 0, 0, 0.75);
  font-size: 13px;
  font-weight: 500;
}

table tr:hover {
  background: rgba(59, 108, 216, 0.05);
}

/* .form-select:disabled {
  background-color: #e9ecef;
  border-radius: 0.25rem;
  overflow: hidden;
} */

.generate-button {
  z-index: 100;
  height: 46px;
  position: relative;
  top: -1px;
  left: 1px;
  border: 1px solid rgba(59, 108, 216, 0.25);
  border-radius: 0 12px 12px 0;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.zoom {
  transition: transform 0.2s;
  /* Animation */
}

.zoom:hover {
  transform: scale(
    1.05
  ); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.cursor-pointer {
  cursor: pointer;
}
.icon-button {
  border: none;
  color: #4a5056;
  background-color: transparent;
}

.modal-eInvErr ul {
  list-style-type: none;
  padding: 0px;
  margin-bottom: 30px;
}

.modal-eInvErr .pHg {
  line-height: 24px;
}

.modal-eInvErr .dispInl {
  display: inline;
  word-break: break-word;
}

.eInvErr-detPt {
  position: absolute;
  top: -74px;
  right: -268px;
  visibility: hidden;
  display: none;
  opacity: 0;
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  width: 260px;
  z-index: 100000;
}

.eInvErr-detPt.show {
  visibility: visible;
  display: unset;
  opacity: 1;
  transition: all 0.3s ease;
}

.eInvErr-detPt .bdr {
  border-radius: 12px;
}

.eInvErr-det {
  gap: 10px;
  padding: 12px;
  background: #fff;
  max-height: 280px;
  overflow: auto;
}

.eInvErr-detPt .desg {
  position: absolute;
  top: 75px;
  left: -9px;
  height: 16px;
  width: 16px;
  border-left: 1px solid rgba(125, 129, 144, 0.25);
  transform: rotate(45deg);
  border-bottom: 1px solid rgba(125, 129, 144, 0.25);
  background: #fff;
}

.eInvErr-det p {
  font-weight: 500;
  font-size: 13px;
  color: #000;
}

.eInvErr-det p .spanMn {
  color: rgba(0, 0, 0, 0.75);
}

.eInvErr-det p .spanDg {
  color: #ec0000;
}

.eInvErr-det p .spanSc {
  color: #05c368;
}

.spanTooltip {
  position: relative;
}

.spanTooltip .tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  color: #000;
  border: 1px solid #ccc;
  padding: 12px;
  border-radius: 4px;
  width: 250px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 10;
}

.spanTooltip .tooltip div {
  margin-bottom: 8px;
}

.spanTooltip .reason {
  color: red;
}

.spanTooltip .resolution {
  color: green;
}

.imgBox-logo38 {
  height: 38px;
  width: 38px;
}

.modelSignBtn .dRgt p {
  color: rgba(87, 91, 108, 0.85);
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
}

.stng-catgBody .catSpan {
  border-radius: 8px;
  background: rgba(87, 91, 108, 0.1);
  color: #575b6c;
  font-size: 13px;
  font-weight: 600;
  height: 24px;
}

.stng-catgBody .labl p {
  color: rgba(87, 91, 108, 0.85);
  font-size: 13px;
  font-weight: 400;
}

.stng-catgBody .catSpan.active,
.stng-catgBody .catSpan:hover {
  background: rgba(59, 108, 216, 0.1);
  color: #3b6cd8;
}

.modelForm-cust .clList {
  max-height: 164px;
  width: calc(100% - 10px);
  border-radius: 0px 0px 12px 12px;
  border-left: 1px solid rgba(125, 129, 144, 0.15);
  border-right: 1px solid rgba(125, 129, 144, 0.15);
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
  background: #fff;
  padding-bottom: 10px;
  position: absolute;
  z-index: 1000;
}

.modelForm-cust .clList ul {
  max-height: 154px;
  padding: 8px 10px 0px 10px;
}

.modelForm-cust .clList li {
  list-style: none;
  padding: 2px 5px;
}

.modelForm-cust .clList li:hover {
  background: rgba(59, 108, 216, 0.1);
  border-radius: 6px;
}
.modelForm-cust .clList li h6 {
  color: rgba(0, 0, 0, 0.75);
  font-size: 12px;
  font-weight: 500;
}

.modelForm-cust .clList li p {
  color: rgba(87, 91, 108, 0.75);
  font-size: 10px;
  font-weight: 500;
}

.img15px {
  height: 15px;
  width: 15px;
}

.select-changeLog input {
  width: 18px;
  height: 18px;
}

@media screen and (max-width: 864px) {
  .userProfile_password,
  .userProfile_BankDetail {
    width: 100%;
  }

  .approvalEv-body {
    padding: 15px;
  }

  .approvalEv-body .bodyInner {
    padding: 15px 12px;
  }

  .approvalEv-head .logoCust {
    height: 65px;
    background-color: #fff;
  }

  .approvalEv-head .img-fluid {
    max-width: 87%;
  }

  .approvalEv-body .evBodyHead {
    padding-bottom: 15px;
    font-size: 14px;
    line-height: 1.4;
  }

  .approvalEv-body .evBodyDetail {
    padding-top: 15px;
  }

  .approvalEv-body .evBodyFooter {
    padding-top: 20px;
  }

  .approvalEv-body .evData-row .col-cust {
    width: 50%;
    margin-bottom: 20px;
  }

  .approvalEv-body .evData-row .col-custBtm {
    width: 100%;
    padding-top: 15px;
    border-top: 1px solid rgba(125, 129, 144, 0.15);
    text-align: start;
  }

  .approvalEv-body .evData-row .col-purp {
    width: 100%;
    margin-bottom: 20px;
  }

  .approvalEv-body .evData-row .col-btn {
    width: 100%;
    margin-bottom: 15px;
  }

  .approvalEv-body .evData-row h5 {
    font-size: 13px;
  }

  .approvalEv-body .evData-row p {
    font-size: 15px;
  }

  .approvalEv-body .evData-row p span {
    font-size: 11px;
    font-weight: 700;
  }

  .approvalEv-body .evBodyFooter .btnDang,
  .approvalEv-body .evBodyFooter .btnSucc {
    height: 40px;
    font-size: 15px;
  }

  .approvalEv-body .evData-row .userDet h5 {
    font-size: 13px;
  }

  .approvalEv-body .evData-row .userDet p {
    font-size: 13px;
  }

  .approvalEv-body .evData-row .userDet p span {
    font-size: 10px;
  }
}

@media screen and (min-width: 1600px) {
  .taLeftRight-body .ta-item h6,
  .taLeftRight-body .ta-item p {
    height: 42px;
  }

  .tradeAdvance-body .body-head .btn,
  .dbpRec-body .body-head .btn {
    height: 38px;
    max-height: 38px;
  }

  .taLeftRight-body {
    max-width: 540px;
  }

  .sidebarWidth {
    min-width: 290px !important;
  }
}

@media screen and (max-width: 980px) {
  .ta-body .taLeftRight {
    width: 100%;
  }
  .taLeftRight-body {
    max-width: 100%;
  }

  .mflexResponsive-ta {
    flex-wrap: nowrap !important;
  }
}

@media screen and (max-width: 1200px) {
  .cashbookRecords-body .cbRecords-card {
    width: 48%;
  }
}