/* *:not(i){
  font-family: 'Helvetica',  sans-serif !important;
} */

.app-container{

  margin-bottom: 4px !important;
}

.popover-body{
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}

.loginLogo1 {
  content: url("../img/mongo_logo.png");
  max-width: 85px !important;  /*120*/
}
.logo-box{
  height: 60px !important;
}
.logo-box .logo{
  line-height: 60px !important;
}
.navbar-custom{
  height: 60px !important;
}

.loginLogo {
  content: url("../img/recevo_logo/recevo.png");
  max-width: 150px !important;
}

.appSubLogo {
  content: url("../img/payex_logo/app_logo2.png");
  max-width: 50px !important;
}

.auth-fluid {
  background: url("../img/payex_logo/bg-auth.jpg") center !important;
}

.backImage {
  background-image: url("../img/payex_logo/bg-auth.jpg") !important;
  background-position: center !important; /* Center the image */
  background-repeat: no-repeat !important; /* Do not repeat the image */
  background-size: cover !important; /* Resize the background image to cover the entire container */
  justify-content: end !important;
}

.top-box-banner{
  margin-top: 0.375rem!important;
  margin-bottom: 0.75rem!important;
}

.sub-widget{
  padding-bottom: 0.375rem!important;
  padding-top: 0.375rem!important;
}

.default-nav li{
  
  padding: 1rem 0 0 !important;
}

.metismenu li {
  margin-right: 2rem !important;

}
.default-nav{
  padding-top: 0.2rem!important;
  padding-bottom: 0.75rem!important;
}

.drp-download-statement{
  margin-top: 0.75rem!important;
  
}

.tbl-td{
  padding-bottom: 0.75rem!important;
  padding-top: 0.75rem!important;
}


[aria-label="First"]{
  padding: 10px 5px !important;
    top: 0;
    height: 27.59px;
    display: flex;
    justify-content: center;
    align-items: center;
}

[aria-label="Previous"]{
  padding: 10px 5px !important;
    top: 0;
    height: 27.59px;
    display: flex;
    justify-content: center;
    align-items: center;
}

[aria-label="Next"]{
  padding: 10px 5px !important;
    top: 0;
    height: 27.59px;
    display: flex;
    justify-content: center;
    align-items: center;
}

[aria-label="Last"]{
  padding: 10px 5px !important;
    top: 0;
    height: 27.59px;
    display: flex;
    justify-content: center;
    align-items: center;
}



:root {
  --app-theme-clr: #233a5c;
  --app-light-clr: white;
  --app-dark-clr: black;
  --app-warning-clr: orange;
  --app-error-clr: red;
  --app-success-clr: green;
  --aap-info-clr: #008080;

  --app-disable-clr: #a6a4a4;

  --app-btn-disabled: gray;
  --app-btn-primary: rgb(29, 28, 28);

  --app-btn-disabled-hover: #cecece;
  --app-btn-active-clr:red;

  --bs-primary: #233a5c;
  --app-secondary-clr: #d1e4ff;
  --app-txt-light-clr: white;

  --app-forget-pin-txt-clr: white;

  --app-link-singup-txt-clr: white;

  --app-border-clr: #afaeae;
  --app-input-txt-color: gray;
  --app-input-bg-color: #c8ced6;

  --app-login-txt-clr: white;

  --app-btn-disable-bg-clr: #233a5c;
  --app-btn-disable-txt-clr: #ddd;

  --app-btn-bg-clr: white;
  --app-btn-txt-clr: #233a5c;
  --app-btn-hover-txt-clr: #233a5c;
  --app-btn-hover-bg-clr: #ced4da;
  --app-btn-active-bg-clr: #ddd;
  --app-btn-active-txt-clr: #ddd;

  --app-btn1-bg-clr: #5d779e;
  --app-btn1-txt-clr: white;
  --app-btn1-hover-txt-clr: #233a5c;
  --app-btn1-hover-bg-clr: #ced4da;
  --app-btn1-active-bg-clr: #ddd;
  --app-btn1-active-txt-clr: #ddd;

  --app-btn2-bg-clr: white;
  --app-btn2-txt-clr: #5d779e;
  --app-btn2-hover-txt-clr: #233a5c;
  --app-btn2-hover-bg-clr: #ced4da;
  --app-btn2-active-bg-clr: #ddd;
  --app-btn2-active-txt-clr: #ddd;

  --app-btn3-bg-clr: #ee464e;
  --app-btn3-txt-clr: #ffff;
  --app-btn3-hover-txt-clr: #233a5c;
  --app-btn3-hover-bg-clr: #ced4da;
  --app-btn3-active-bg-clr: #ddd;
  --app-btn3-active-txt-clr: #ddd;

  --app-btn4-bg-clr: #fff;
  --app-btn4-txt-clr: #ffff;
  --app-btn4-hover-txt-clr: #d9dfe1;
  --app-btn4-hover-bg-clr: #ddd;
  --app-btn4-active-bg-clr: #ddd;
  --app-btn4-active-txt-clr: #ddd;

  --app-login-bg-clr: #233a5c;
  --app-login-txt-clr: white;

  --app-menu-txt-clr: #ddd;
  --app-menu-bg-clr: #ddd;

  --app-header-bg-clr: #233a5c;
  --app-header-txt-clr: #ffffff;
  --app-header-strip: #233a5c;

  --app-sub-header-bg-clr: #ddd;
  --app-sub-header-txt-clr: #ddd;

  --app-filter-header-bg-clr: #ddd;
  --app-filter-header-txt-clr: #ddd;

  --app-filter-sub-header-bg-clr: #d9dfe1;
  --app-sub-header-patch-bg-clr: #5f789d;

  --app-tab-btn-bg-clr: #fffff;
  --app-tab-btn-txt-clr: #9fb5bd;
  --app-tab-btn-checked-clr: #9fb5bd;

  --app-sp-discount-bg-clr: #f77a0e;
  --app-sp-discount-txt-clr: white;
  --app-overdue-txt-clr: #e0737b;
  --app-overdue2-txt-clr: #eebc5f;
  --app-deferment-txt-clr: #989aa2;
  --app-cashdiscount-txt-clr: #90ee90;
  --app-ticker-txt-clr: white;
  --app-partially-paid-txt-clr: #eebc5f;
  --app-confirmedCD-txt-clr: #eebc5f;

  --app-title-bg-clr: #233a5c;
  --app-title-txt-clr: white;

  --app-approved-bg-clr: #ddd;
  --app-approved-txt-clr: #dddd;

  --app-paid-bg-clr: #ddd;
  --app-paid-txt-clr: #dddd;

  --app-failed-bg-clr: #ddd;
  --app-failed-txt-clr: #dddd;

  --app-rejected-bg-clr: #ddd;
  --app-rejected-txt-clr: #dddd;

  --app-awaiting-mis-bg-clr: #ddd;
  --app-awaiting-mis-txt-clr: #dddd;

  --app-mis-not-received-bg-clr: #ddd;
  --app-mis-mis-not-received-txt-clr: #dddd;

  --app-multipay-batch-bg-clr: #ddd;
  --app-multipay-batch-txt-clr: #dddd;
  --tbl-content-hight-with-footer : 410px
}

.width90 {
  width: 90% !important;
}

.slim-btn{
  height: 28px;
  padding-top: 3px;
}

input {
  display: block;
  max-height: 34px;
  padding: 0.45rem 0.9rem;

  line-height: 1.5;
  color: #6c757d;

  background-clip: padding-box;
  border: 1px solid #ced4da;
  background-color: white;
  border-radius: 0.2rem;
}

.form-control {
  background-color: white !important;

}

.form-control:disabled {
  background-color: #f7f7f7 !important;

}




.adjustConfirmPinMsg {
  /* margin-left: 94px; */
  text-align: justify;
  color: #000;
  background-color: #fdf1db;
  border: #fdf1db;
}

.currency-container {
  position: relative;
}

.currency-symbol-1 {
  position: absolute;
  /* left:8px; */
  top: 7px;
  width: 2.5rem;
  text-align: end;
}

.currency-symbol-2 {
  position: absolute;
  width: 2.375rem;
  right: 8px;
  top: 7px;
  text-align: start;
}

.text-currency {
  /* padding:10px 20px; */
  padding-left: 2.375rem;
  border: solid 1px #ccc;
  /* border-radius:5px; */
}

.md-sub-nav li:hover{
  color: var(--app-theme-clr);
  border-color: var(--app-theme-clr);
  font-weight: bolder;
}

.md-sub-nav-active{
  color: var(--app-theme-clr);
  border-color: var(--app-theme-clr);
  font-weight: bolder;
}

/* .invsignFullTXT{
  background: var(--app-theme-clr);
  color: white;
  border-radius: 30px;
  text-align: center;
  padding: 4px;
  border: 1px solid black;
  width: 60px;
  font-size: 11px;
 } */

select {
  display: block;
  color: #6c757d;
  padding: 0.45rem 1.9rem 0.45rem 0.9rem;

  line-height: 1.5;
  max-height: 34px;

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f7f7f7' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.9rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.addCardLabel {
  width: 200px;
  margin-left: 16px;
}
.addCardInput {
  width: 28% !important;
  margin-bottom: 5px;
  height: 32px;
}

.border-top {
  border-top: 1px solid gray !important;
  padding-top: 10px;
}

@media (min-width: 576px) {
  .modal-md {
    max-width: 40%;
  }

  .modal-lg {
    max-width: 60%;
  }
}

.divbatchtag {
  background-color: var(--div-patch-clr);
  color: var(--app-txt-light-clr);
  padding: 2px;
  border-radius: 0.25rem;
}

.modal-header {
  background-color: var(--app-header-strip);
  color: var(--app-txt-light-clr);
  padding: 0.5rem 1rem !important;
}

.modal-title {
  color: var(--app-txt-light-clr) !important;
  background-color: var(--app-header-strip);
}

.popupHeaderTxt {
  color: var(--app-txt-light-clr) !important;
}

/* .form-input-txt{
  width: 50% !important;
}

.form-select{
  width: 50% !important;
}

.input-group{
  width: 50% !important;
}

.formSize{
  padding-left: 1%;

}
 */

.total-cn-assign {
  padding-left: 5%;
}



.leftTxtAlign {
  text-align: left;
}

.tbleHeader {
  text-align: left;
}



.sc-ion-alert-md-h {
  max-width: 100% !important;
}

.alert-message {
  margin-top: 15px;
  padding: 0px 15px 15px !important;
  font-size: 0.8rem !important;
  text-align: justify;
}

.alert-head {
  background-color: var(--app-theme-clr);
  padding: 12px !important;
  height: 42px;
}

.alert-1-hdr {
  font-size: 1.1rem !important;
}

.alert-title {
  color: white !important;
  font-size: 15px !important;
  --text-transform: initial !important;
}
.alert-title.sc-ion-alert-md {
  font-size: 15px !important;
  --text-transform: unset !important;
}

.customDialog .alert-wrapper .alert-head .alert-title {
  font-size: 14px !important;
  text-transform: none !important;
}

.alert-danger {
  color: var(--app-btn-primary);
  background-color: #ffeade;
  border-color: #ffeade;
}

.alert-warning {
  color: var(--app-btn-primary);
  background-color: #ffeade;
  border-color: #ffeade;
}

.alert-button {
  color: var(--app-txt-dark-clr) !important;
  background-color: var(--app-txt-light-clr) !important;
  display: flex !important;
  justify-content: center !important;
  border: 2px solid var(--app-theme-clr) !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  height: 38px !important;
  width: 45% !important;
}

.alert-button-inner.sc-ion-alert-md{
  width: auto;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
}

.alert-button:hover{
  color: var(--app-txt-light-clr) !important;
  background-color: var(--app-theme-clr) !important;
  text-decoration: none;
  border: 2px solid var(--app-theme-clr);


}



.btn-outline-secondary:hover{
  color: var(--app-txt-dark-clr) !important;
}

.filter-border {
  border-top: 0.5px solid #d4d4d4;
  border-bottom: 0.5px solid #d4d4d4;
}

.bg-theme {
  background-color: var(--app-header-strip) !important;
  color: white;
}

.customAlert > div.alert-button-group button {
  color: red;
  background-color: var(--app-theme-clr);
}

.customAlert .alert-wrapper .alert-button-group > button:hover {
  color: red;
  background-color: var(--app-theme-clr);
}

.testCustom {
  --color-hover: blue;
}



.iFrameCard {
  background-color: blue;
}

#iFrameCard {
  background-color: red;
}

.overdue {
  /* background-color: #eb968c;
  color: rgb(29, 28, 28); */
  color: red;
  font-size: 12px;

}

.inProcess{
  color: gray;
  font-size: 12px;
}

.pending {

  color: #0e4a03;
  font-size: 12px;

}



.paid {
  /* background-color: var(--app-cashdiscount-txt-clr);
  color: var(--app-btn-primary); */
  color: green;
  font-size: 13px;
  font-weight: bold;
}

.cashdiscount {
  background-color: var(--app-cashdiscount-txt-clr);
  color: var(--app-btn-primary);
  font-size: 11px;
}
.approve {
  background-color: #90ee90;
  color: var(--app-btn-primary);
  font-size: 11px;
}
.success {
  background-color: #006400;
  color: var(--app-btn-text-clr);
  font-size: 11px;
}
.p-l-r {
  padding-left: 10%;
  padding-right: 10%;
}

.app-btn {
  color: var(--app-theme-clr);
  background-color: var(--app-txt-light-clr);
  border: 2px solid var(--app-theme-clr);
  border-radius: 5px !important;
  text-decoration: none;
}

.app-btn:hover {
  color: var(--app-txt-light-clr);
  background-color: var(--app-theme-clr);
  text-decoration: none;
  border: 2px solid var(--app-theme-clr);


}

.app-btn:active {
  color: var(--app-txt-light-clr);
  background-color: var(--app-btn-active-clr);
  text-decoration: none;
  border: 2px solid var(--app-btn-disabled);
}

.app-btn:disabled {
  color: var(--app-btn-disabled) !important;
  background-color: white !important;
  border: 2px solid var(--app-disable-clr) !important;
}

.app-btn:focus {
  color: var(--app-theme-clr);
  background-color: var(--app-txt-light-clr);
  /* color: var(--app-txt-dark-clr);
  background-color: var(--app-btn-disabled-hover); */
  text-decoration: none;
  border: 2px solid var(--app-theme-clr);
  /* border: 2px solid var(--app-btn-disabled); */
}

.btn:disabled{
  /* border: 0.5px solid var(--app-theme-clr) !important; */
  border: 0.5px solid var(--app-disable-clr) !important;
  color: var(--app-disable-clr) !important;
}


.btn, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0rem var(--app-theme-clr) !important; 

} 

.btn-outline-dark {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-txt-light-clr);

  border: 2px solid var(--app-theme-clr);

  text-decoration: none;
}

.btn-outline-dark:hover {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-theme-clr);
  text-decoration: none;
  border: 2px solid var(--app-theme-clr);


}

.btn-dark {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-txt-light-clr);
  border: 2px solid var(--app-theme-clr);
  border-radius: 24px !important;
  text-decoration: none;
}

.btn-dark:hover {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-theme-clr);
  text-decoration: none;
  border: 2px solid var(--app-theme-clr);


}

.btn-dark:active {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-btn-disabled-hover);
  text-decoration: none;
  border: 2px solid var(--app-btn-disabled);
}






.icon-pending{
  filter: invert(32%) sepia(0%) saturate(0%) hue-rotate(175deg) brightness(91%) contrast(91%) !important;
  text-decoration: none;
}
.icon-overdue{
  
  filter: invert(24%) sepia(84%) saturate(7336%) hue-rotate(356deg) brightness(99%) contrast(117%) !important;
  text-decoration: none;
}

.icon-partial-paid{
  filter: invert(19%) sepia(14%) saturate(2393%) hue-rotate(176deg) brightness(97%) contrast(90%) !important;
  
  text-decoration: none;
}
.icon-reject-approval-pending{

  color:#055a2b;
  filter: invert(24%) sepia(65%) saturate(921%) hue-rotate(110deg) brightness(94%) contrast(107%) !important;
  text-decoration: none;
}


.icon-paid{
  color:#055a2b;
  filter: invert(18%) sepia(100%) saturate(5096%) hue-rotate(154deg) brightness(93%) contrast(95%) !important;
  text-decoration: none;
}
.icon-btnClr{
  color:#cccC12;
  filter: invert(93%) sepia(1%) saturate(234%) hue-rotate(7deg) brightness(92%) contrast(85%) !important;
  
  text-decoration: none;
}

.icon-inProcess{
  

  color: #006400;
  filter: invert(14%) sepia(72%) saturate(4620%) hue-rotate(97deg) brightness(104%) contrast(107%) !important;
  text-decoration: none;
}
.iconBtn {
  filter: invert(19%) sepia(14%) saturate(2393%) hue-rotate(176deg) brightness(97%) contrast(90%);
  
  text-decoration: none;
}


.manage-dispute{
  color: #008000;
  filter: invert(29%) sepia(82%) saturate(1106%) hue-rotate(87deg) brightness(99%) contrast(109%);
}

.dispute-icon{
  color: #ff0000;
  filter: invert(25%) sepia(97%) saturate(7182%) hue-rotate(359deg) brightness(98%) contrast(120%);
}

.manage-pro-pay{
  filter: invert(29%) sepia(82%) saturate(1106%) hue-rotate(87deg) brightness(99%) contrast(109%);
}

.p2p-no-setup{
  color: #808080;
  filter: invert(49%) sepia(7%) saturate(3%) hue-rotate(324deg) brightness(101%) contrast(89%);
}

.dispute-or-query{
  color: #bdbd08;
  filter: invert(92%) sepia(39%) saturate(7485%) hue-rotate(359deg) brightness(80%) contrast(96%);
}
.dispute-default{
  color: #808080;
  filter: invert(49%) sepia(7%) saturate(3%) hue-rotate(324deg) brightness(101%) contrast(89%);
}

.p2p-setup{
  color: #008000;
  filter: invert(29%) sepia(82%) saturate(1106%) hue-rotate(87deg) brightness(99%) contrast(109%);
}

.p2p-edit{
  color: #bdbd08;
  filter: invert(92%) sepia(39%) saturate(7485%) hue-rotate(359deg) brightness(80%) contrast(96%);
}
.p2p-delete{
  color: #ff0000;
  filter: invert(17%) sepia(79%) saturate(7467%) hue-rotate(3deg) brightness(103%) contrast(121%);
}

.selectDisputeHistory{
  cursor: pointer;
}

.selectDisputeHistory:hover{
  background: #c7d7ee;
  background-color:#c7d7ee;
  cursor: pointer;
}





.promise-pay{
  filter: invert(25%) sepia(97%) saturate(7182%) hue-rotate(359deg) brightness(98%) contrast(120%);
}

.iconBtn:hover {
  filter: invert(55%) sepia(44%) saturate(4787%) hue-rotate(160deg) brightness(93%) contrast(102%);
  text-decoration: none;
  cursor: pointer;
}

.iconBtn:active {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-btn-disabled-hover);
  text-decoration: none;
  
}




.btn-primary {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-txt-light-clr);

  border: 2px solid var(--app-theme-clr);

  text-decoration: none;
  padding: 5px 15px !important;
}

.btn-primary:hover {
  color: var(--app-txt-light-clr);
  background-color: var(--app-theme-clr);
  text-decoration: none;
  border: 2px solid var(--app-theme-clr);
  padding: 5px 15px !important;

}


.btn-download {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-txt-light-clr);

  border: 0px solid var(--app-theme-clr);
  font-size: 1.5rem;
  text-decoration: none;
  padding: 5px 15px !important;
}

.btn-download:hover {
  color: var(--app-theme-clr);
  font-size: 1.7rem;
  text-decoration: none;

  padding: 5px 15px !important;

}



.adjustBtnStyle {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-txt-light-clr);

  border: 2px solid var(--app-theme-clr);

  text-decoration: none;
}



.btn-check:focus + .btn-primary,
.btn-primary:focus {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-txt-light-clr);

  border: 2px solid var(--app-btn-border-clr);
  box-shadow: 0 0 0 0.15rem rgb(129 242 151 / 50%);
}

.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  color: var(--bs-black);
  background-color: var(---app-txt-dark-clr);
  border-color: var(--app-txt-dark-clr);
}

.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.15rem rgb(129 242 151 / 50%);
}

.btn-primary:disabled,
.btn-primary.disabled {
  color: var(--app-btn-disabled);
  background-color: var(--app-txt-light-clr);
  font-weight: bold;
  border: 2px solid var(--app-theme-clr);
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
  box-shadow: 0 0 0 0.15rem rgb(129 242 151 / 50%);
}


.btn-info {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-txt-light-clr);
  border: 2px solid var(--app-theme-clr);

}

.btn-info:hover {
  /* color: var(--app-txt-dark-clr); */
  color: var(--app-txt-light-clr);
  background-color: var(--app-theme-clr);
  border: 2px solid var(--app-theme-clr);

}
.btn-info.active,
.btn-info:active,
.btn-check:checked,
.btn-check.checked{
  color: var(--app-txt-light-clr);
  background-color: var(--app-theme-clr);
  border: 2px solid var(--app-theme-clr);
}

.btn-secondary {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-txt-light-clr);
  border: 2px solid var(--app-theme-clr);

}

.btn-secondary:hover {
  /* color: var(--app-txt-dark-clr); */
  color: var(--app-txt-light-clr);
  background-color: var(--app-theme-clr);

  border: 2px solid var(--app-theme-clr);

}

.btn-secondary:disabled,
.btn-secondary.disabled {
  color: var(--app-btn-disabled);
  background-color: var(--app-disable-clr);
  font-weight: bold;
  border: 2px solid var(--app-disable-clr);
}



.btn-info{
  color: var(--app-txt-dark-clr);
  background-color: var(--app-txt-light-clr);
  border: 2px solid var(--app-theme-clr);

}

.btn-info:hover{
  color: var(--app-txt-dark-clr);
  background-color: var(--app-txt-light-clr);
  border: 2px solid var(--app-theme-clr);

} 

.btn-info:active{
  color: var(--app-txt-dark-clr);
  background-color: var(--app-txt-light-clr);
  border: 2px solid var(--app-theme-clr);

} 

.btn-link {
  font-weight: 400;

  text-decoration: none;

  color: var(--app-txt-dark-clr);
  background-color: var(--app-txt-light-clr);
  border: 2px solid var(--app-theme-clr);

}

.btn-link:hover {
  color: var(--app-txt-dark-clr);
  text-decoration: none;
  background-color: var(--app-theme-clr);

  border: 2px solid var(--app-theme-clr);

}

.btn-link:focus {
  text-decoration: none;
}

.btn-link:disabled,
.btn-link.disabled {
  color: var(--app-btn-disabled);
}

.show > .btn-primary.dropdown-toggle {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-btn-disabled-hover);
  text-decoration: none;
  border: 2px solid var(--app-btn-disabled);
}

.btn-deactivate-card {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-txt-light-clr);

  border: 2px solid var(--bs-warning);
 
}

.btn-deactivate-card:hover {
  color: var(--app-txt-light-clr);
  background-color: var(--bs-warning);
  border: 2px solid var(--bs-warning);
 
}

.btn-deactivate-card:active {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-btn-disabled-hover);
  text-decoration: none;
  border: 2px solid var(--app-btn-disabled);
}

.btn-activate-card {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-txt-light-clr);

  border: 2px solid var(--app-theme-clr);
 
}

.btn-activate-card:hover {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-theme-clr) !important;
  border: 2px solid var(--app-theme-clr);
 
}

.btn-activate-card:active {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-btn-disabled-hover);
  text-decoration: none;
  border: 2px solid var(--app-btn-disabled);
}

.adjWidth {
  width: auto;
}


.btn-sz-130 {
  width: 130px !important;
  padding: 7px;
}

.fix-wd-55 {
  width: 55px !important;
}

.close-btn{
  background: transparent;
  border: 0px solid;
  font-weight: bold;
  color: white;
  font-size: 18px;
}

.addDeductionBtn {
  font-size: 16px;
  padding: 0px 10px;
  border-radius: 5px;
  color: var(--app-txt-dark-clr);
  background-color: var(--app-txt-light-clr);
  border: 1px solid var(--app-theme-clr);
  max-width: 40px;
}

.addDeductionBtn:hover {
  font-size: 16px;
  padding: 0px 10px;
  border-radius: 5px;
  color: var(--app-txt-light-clr);
  background-color: var(--app-theme-clr);
  max-width: 40px;
}

/* .btn-danger {
  text-decoration: none;

  color: var(--app-txt-dark-clr);
  background-color: var(--app-txt-light-clr);
  border: 2px solid var(--app-theme-clr);
  border-radius: 24px;
  border-color: var(--bs-warning);
}
.btn-danger:hover {
  color: var(--app-txt-dark-clr);
  background: var(--app-theme-clr);
  border: 2px solid var(--app-theme-clr);
  border-radius: 15px; 
  } */

.btn-danger {
  /* color: #fff;
    background-color: var(--bs-warning); */
  /* color: var(--app-txt-dark-clr); */
  color: rgb(223, 49, 49);
  background-color: var(--app-txt-light-clr);
  /* border-color: var(--bs-warning); */
  border-color: var(--bs-warning-dark);
}

.btn-danger:hover {
  color: #fff;
  /* background-color: var(--bs-warning-dark); */
  background-color: rgb(223, 49, 49);
  border-color: var(--bs-warning-dark);
}

.btn-check:focus + .btn-danger,
.btn-danger:focus {
  /* color: #fff; */
  color: rgb(223, 49, 49);
  background-color: var(--bs-warning-dark);
  border-color: var(--bs-warning-dark);
  box-shadow: 0 0 0 0.15rem rgba(114, 163, 253, 0.5);
}
.btn-check:checked + .btn-danger,
.btn-check:active + .btn-danger,
.btn-danger:active,
.btn-danger.active,
.show > .btn-danger.dropdown-toggle {
  /* color: #fff; */
  color: rgb(223, 49, 49);
  background-color: var(--bs-warning-dark);
  /* border-color: #436ebe; */
  border-color: var(--bs-warning-dark);
}
.btn-check:checked + .btn-danger:focus,
.btn-check:active + .btn-danger:focus,
.btn-danger:active:focus,
.btn-danger.active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.15rem rgba(173, 18, 1, 0.5);
}
.btn-danger:disabled,
.btn-danger.disabled {
  color: var(--app-btn-disabled);
  background-color: var(--bs-warning);
  border-color: var(--bs-warning);
}

.btn-outline-danger {
  color: var(--bs-warning);
  border-color: var(--bs-warning);
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: var(--bs-warning);
  border-color: var(--bs-warning);
}
.btn-check:focus + .btn-outline-danger,
.btn-outline-danger:focus {
  box-shadow: 0 0 0 0.15rem rgba(89, 147, 253, 0.5);
}
.btn-check:checked + .btn-outline-danger,
.btn-check:active + .btn-outline-danger,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show {
  color: #fff;
  background-color: var(--bs-warning);
  border-color: var(--bs-warning);
}
.btn-check:checked + .btn-outline-danger:focus,
.btn-check:active + .btn-outline-danger:focus,
.btn-outline-danger:active:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.15rem rgba(89, 147, 253, 0.5);
}
.btn-outline-danger:disabled,
.btn-outline-danger.disabled {
  color: var(--app-btn-disabled);
  background-color: transparent;
}

.filterIconBtn {
  border-radius: 15px;
  border: 2px solid var(--app-theme-clr);
  background-color: var(--app-txt-light-clr);

  padding: 5px;
  color: var(--app-txt-dark-clr);
}

.filterIconBtn:hover {
  color: var(--app-txt-light-clr);
  background: var(--app-theme-clr);
  border: 2px solid var(--app-theme-clr);
  border-radius: 15px;
}

button:disabled {
  color: var(--app-btn-disabled) !important;
  background-color: transparent !important;
  border: 0px  !important;
}

.btn-check:focus {
  color: var(--app-btn-disabled) !important;
  background-color: var(--app-disable-clr) !important;
  border: 2px solid var(--app-disable-clr) !important;
}
.btn-check:active {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-btn-disabled-hover);
  text-decoration: none;
  border: 2px solid var(--app-btn-disabled);
}

.txtAlignRight {
  text-align: right;
}
.height100 {
  height: 100%;
}
.lightBgClr {
  background-color: white;
}

.width100 {
  width: 100% !important;
}
.width50 {
  width: 50%;
}
.width55 {
  width: 55%;
}
.width45 {
  width: 45% !important;
}
.width35 {
  width: 35% !important;
}
.width10 {
  width: 10%;
}
.width15 {
  width: 15%;
}
.width20 {
  width: 20%;
}
.width25 {
  width: 25%;
}
.width30 {
  width: 30%;
}
.width40 {
  width: 40%;
}
.width60 {
  width: 60%;
}
.width70 {
  width: 70%;
}
.width80 {
  width: 80%;
}
.width1400 {
  width: 1400px;
}

.fix-h-400 {
  height: 435px;
}

.scroll-content {
  overflow-x: hidden !important;
  width: 99.99%;
}

.font-size5rm {
  font-size: 5rem;
}

.margin-Left0 {
  margin-left: 0px !important;
}

.popover-content {
  width: 50% !important;
  max-width: 50% !important;
}

a {
  color:   black; /*i icon #4f81cb !important;*/
  text-decoration: none;
}

.infoIcon{
  color:   #4f81cb !important; /*i icon #4f81cb !important;*/
}


a:hover {
  color: var(--bs-primary-dark);
  text-decoration: underline;
}

#sidebar-menu > ul > li > a:active,
#sidebar-menu > ul > li > a:focus {
  border-color: var(--bs-primary) !important;
  color: var(--bs-primary) !important;
  text-decoration: none;
}

#sidebar-menu > ul > li > a:hover {
  color: var(--bs-primary) !important;
  text-decoration: none;
}



#sidebar-menu > ul > li > a.mm-active {
  color: var(--bs-primary);
}

#sidebar-menu .menuitem-active > a {
  color: var(--bs-primary);
}

#sidebar-menu .menuitem-active .active {
  color: var(--bs-primary);
}

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

.form-check-input:focus {
  border-color: var(--bs-primary);
  outline: 0;
  /* box-shadow: 0 0 0 0.15rem rgb(240 107 120 / 25%); */
  box-shadow: var(--bs-primary);
}

.custom-day.range {
  background-color: var(--bs-primary) !important;
}
.custom-day:hover {
  background-color: rgba(75, 205, 62, 0.5) !important;
}
.custom-day.faded {
  background-color: rgba(75, 205, 62, 0.5) !important;
}
.bg-primary {
  background-color: var(--bs-primary) !important;
}

.table-sm > :not(caption) > * > * {
  vertical-align: middle;
  text-align: center;
}
.flexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}


.page-title-left {
  float: left !important;
}

.headerTab {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-txt-light-clr);
  border: 2px solid var(--app-theme-clr);
  border-radius: 24px !important;
  text-decoration: none;
}

.headerTab:hover {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-theme-clr);
  text-decoration: none;
  border: 2px solid var(--app-theme-clr);


}

.headerTab:active {
  color: var(--app-txt-dark-clr);
  background-color: var(--app-btn-disabled-hover);
  text-decoration: none;
  border: 2px solid var(--app-btn-disabled);
}

.cpgImg {
  width: 80%;
}
.left-side-menu {
  z-index: 100 !important;
}

.btn-min-size {
  min-width: 80px;
}

.mobile-btn-group {
  display: flex;
  justify-content: left;
}

.amount-bold {
  font-weight: bolder;
}

.appTitleContainer {
  font-size: 17px;
  padding: 0px;
}

.invsign {
  background: var(--app-theme-clr);
  color: white;
  border-radius: 30px;
  text-align: center;
  padding: 4px;
  width: 25px;
  font-size: 11px;
}

.creditViewBtn {
  border-top: 1px solid lightgray;
}

.nav-justified .nav-item,
.nav-justified > .nav-link {
  flex-basis: auto;
}

.navbar-custom .button-menu-mobile {
  width: 40px !important;
}

.filter-container {
  max-height: 500px;
  overflow: auto;
  overflow-x: hidden;
}

.filter-box .filter-container {
  overflow: initial;
}

#iframe {
  width: 50%;
}

.lbl-card {
  font-size: 0.87rem !important;
  width: 40.5% !important;
  padding-right: 5px;
  font-weight: normal;
  margin-top: -5px;
  color: #6c757d;
}

.lbl-check {
  font-size: 0.87rem !important;
  width: 40.5% !important;
  padding-right: 5px;
  
  color: #6c757d;
}

.creditNoteMaxScreen {
  max-height: 300px;
  overflow: auto;
}

.dropdown-toggle {
  border: 1px solid #ced4da !important;
  height: 32px;

  padding-left: 10px;
  text-align: left;
  font-size: 12px;
}
.card-widgets {
  height: 30px !important;
}

.txt-enter-credential {
  font-size: 0.9rem;
}

/* Nokia Lumia 520 */
@media screen and (max-width: 321px) and (min-width: 319px) {
  .btn-min-size {
    min-width: 60px;
    font-size: 0.6rem;
  }

  .statementContainer {
    font-size: 0.6rem !important;
  }

  .app-btn {
    font-size: 0.6rem;
  }
}

/* Media Query for Mobile Devices */
@media only screen and (max-width: 480px) {
  .btn-min-size {
    min-width: 60px;
    font-size: 0.6rem;
  }

  .statementContainer {
    font-size: 0.6rem !important;
  }

  .app-btn {
    font-size: 0.6rem;
  }
}

@media (max-width: 576px) {
  .txt-enter-credential {
    font-size: 0.8rem;
  }

  body {
  
    font-size: 0.7rem !important;
    padding-bottom: 0px;
  }

  #iframe {
    width: 100%;
  }

  .filter-container {
    max-height: 400px;
    overflow: auto;
  }

  .modal {
    position: relative !important;
    top: -85% !important;
  }

  .modal-dialog {
    margin-left: 5% !important;
  }

  .lightBgClr {
    background-color: rgb(245 243 243);
  }

  .mobile-btn-group {
    display: flex;
    justify-content: center;
  }
  .page-title-box {
    padding: 0px;
    margin: 0 -27px 1px !important;
  }
  .headerTab {
    color: var(--app-txt-light-clr);
    background-color: var(--app-theme-clr);
    border: 2px solid var(--app-theme-clr);
    width: 100%;
    border-radius: 0px !important;
    text-decoration: none;
  }

  .cpgImg {
    width: 50%;
  }

  .left-side-menu {
    z-index: 10000 !important;
    padding-top: 0px !important;
  }

  .buyerHeading {
    display: flex !important;
    height: 70px;
    color: white;
    justify-content: center;
    align-items: center;
    background-color: var(--app-btn-primary);
  }
}

@media (max-width: 768px) {
  body {
    font-size: 0.7rem !important;
    padding-bottom: 0px;
  }

  .form-control {
    font-size: 0.7rem !important;
    background:white;
    background-color:white !important;
  }

  #iframe {
    width: 100%;
  }

  .filter-container {
    max-height: 400px;
    overflow: auto;
  }
  .dp-h {
    height: 200px;
  }

  .modal {
    position: relative !important;
    top: -85% !important;
  }

  .lightBgClr {
    background-color: rgb(245 243 243);
  }
  .mobile-btn-group {
    display: flex;
    justify-content: center;
  }
  .page-title-box {
    padding: 0px;
    margin: 0 -27px 1px !important;
  }
  .left-side-menu {
    z-index: 10000 !important;
    padding-top: 0px !important;
  }

  .buyerHeading {
    display: flex !important;
    height: 70px;
    color: white;
    justify-content: center;
    align-items: center;
    background-color: var(--app-btn-primary);
  }
  .headerTab {
    color: var(--app-txt-light-clr);
    background-color: var(--app-theme-clr);
    border-right: 1px solid var(--app-txt-light-clr);
    width: 100%;
    border-radius: 0px !important;
    text-decoration: none;
  }

  .cpgImg {
    width: 50%;
  }
}

@media (max-width: 991.98px) {
  .dropdown-toggle {
    border: 1px solid #ced4da !important;
    height: 32px;
    font-size: 0.7rem;
    padding-left: 10px;
  }
  body {
    font-size: 0.7rem !important;
    padding-bottom: 0px;
  }

  #iframe {
    width: 100%;
  }

  .filter-container {
    max-height: 400px;
    overflow: auto;
  }

  .modal {
    position: relative !important;
    top: -95% !important;
  }

  .left-side-menu {
    padding-top: 0px !important;
  }

  .buyerHeading {
    display: flex !important;
    height: 70px;
    color: white;
    justify-content: center;
    align-items: center;
    background-color: var(--app-btn-primary);
  }
  .lightBgClr {
    background-color: rgb(245 243 243);
  }
  .mobile-btn-group {
    display: flex;
    justify-content: center;
  }
  .page-title-box {
    padding: 0px;
    margin: 0 -27px 1px !important;
  }
  .headerTab {
    color: var(--app-txt-light-clr);
    background-color: var(--app-theme-clr);
    border-right: 1px solid var(--app-txt-light-clr);
    width: 100%;
    border-radius: 0px !important;
    text-decoration: none;
  }

  .cpgImg {
    width: 50%;
  }
}

.carousel-indicators [data-bs-target] {
  background-color: black !important;
}

.carousel-control-next {
  background: #979696;
  height: 30px;
  width: 20px;
  top: 50%;
}

.carousel-control-prev {
  background: #979696;
  height: 30px;
  width: 20px;
  top: 50%;
}

.d-contents {
  display: contents !important;
}
.ts {
  border-collapse: separate;
  border-spacing: 0 15px;
}
.rs {
  position: absolute;
  right: 0;
}

.card-header.bg-white {
  border-bottom: none;
}

.card-header.bg-white h3 {
  margin-bottom: 0;
}

.card-header.bg-white p {
  margin-bottom: 0;
  font-size: 12px;
}

.stat-card {
  margin: 0 auto;
}

.stat-card.red {
  border: 1px solid #bd304f;
}

.stat-card.green {
  border: 1px solid var(--app-theme-clr);
}

.bg-red {
  background-color: #bd304f;
  color: #fff;
  padding: 0.2rem;
}

.bg-green {
  background-color: #5c944c !important;
  color: #fff !important;
  padding: 0.2rem;
}

.bg-purple{
  color: #fff !important;
}

.navbar-custom {
  background-color: var(--app-theme-clr) !important;
  left: 0 !important;
}

.logo-box {
  background-color: var(--app-theme-clr) !important;
}

.right-border {
  border-color: var(--app-theme-clr);
}

.default-nav a {
  text-decoration: none;
  color: black;
}

.default-nav .active {
  border-bottom: 2px solid var(--app-theme-clr);
}

.bg-sub-widget {
  color: var(--app-theme-clr);
  border-color: var(--app-theme-clr);
}

.bg-sub-widget-1 {
  color: var(--app-dark-clr);
  border-left: 1px solid;
}

.card.bg-green {
  padding: 0.2rem 1rem;
  border-radius: 0.8em;
}

.padded {
  padding: 0.7rem;
  border-right: 1px solid var(--app-theme-clr);
}

.bg-lime {
  background-color: #e2f0d9;
  color: #000;
}

.transparent-app-btn {
  color: var(--app-theme-clr);
}

.sub-widget {
  border-color: var(--app-theme-clr);
}

/* layout changes */

.text-start .badge {
  padding: 0.55em 0.5em;
}

.rounded-edge {
  border-top-right-radius: 0.4em;
  border-bottom-right-radius: 0.4em;
}

.card.stats-card p,
.card.bg-sub-widget p {
  margin-bottom: 0;
}

.border-red {
  border: 1px solid red;
}

.border-green {
  border: 1px solid green;
}

















.tbl-head-bg {
  background-color: rgb(221, 220, 220);
  color: rgb(95, 93, 93);
  height: 40px !important;
}

.s-table thead th {
  background-color: #5d6192;
  color: white;
  z-index: 6000;
  position: sticky;
  top: 0;
}

.bg-danger {
  background-color: #837acd !important; /* DN color #e0a4ca !important*/
  color: white !important;
}

.inv-badge{
  background-color: #837acd !important; 
}
.dn-badge{
  background-color: #e0a4ca !important; 
}

.cn-badge{
  background-color: #84cfb2 !important; 
}

.a-cc-btn{
  padding: 10px;
}

.frp-banner{
  background-color: #7bd1b4;
  color: white;
}

.a-cc-btn{
  color: #6cac9e;
  border: 1px solid #6cac9e;
  gap: 10px;
  font-size: 14px;
}
.popup-bg{
  border-radius: 15px !important;
}

.popup-head-bg{
  background-color: var(--app-theme-clr);
  font-size: 15px;
  color: white;
  height: 42px;
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
}

.selectbackgroundColor{
  background-color: #fff !important;
}

.filterIconPosition{
  margin-top: 4px !important;
}

.crossIconSize{
  border: 1px solid;
}

.iFrameCardSize{
  width: 100% !important;
  margin-left: -13px !important;
}

.iFrameCardDivLabels{
  margin-left: -11px !important;
}

.approvalDeductionth{
  background-color: var(--app-theme-clr);
  color: #fff;
}
.approvalDeductiontr{
  background-color: #bbcee9;
  color: #000;
}

.clrBlack{
  color: #000 !important;
}

.opacityForApprovalDeduction{
  opacity: 0.9 !important;
}

.verticalLine{
  border-left: 2px solid black;
  height: 22px;
  position: absolute;
  left: 50%;
  margin-left: -3px;
}

.cursorToPointer{
  cursor: pointer !important;
}

.textDecorationNone{
  text-decoration: none !important;
}

.filterLists{
  background-color: #6b747c !important;
  color: #fff !important;
}

.changePinBtnSize{
  width: 224px !important;
}

.popverAdjustments {
  width: 600px;;
}

.popover{
  position:absolute !important;
  left:5px !important;
}

.page-link {
  padding: 0rem 0.75rem;
}

.page-item>a>span {
  font-size: 1.5rem !important;
  padding: -2px -10px !important;
}

.page-item>a {
  font-size: 0.9rem !important;
  padding: 2px 10px !important;
}

.page-item.active .page-link {
  z-index: 3;
  color: var(--app-txt-light-clr);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.pagination{
  font-size: 1rem !important;
}

.bATotalDueStyl{
  min-width: 125px !important;
  max-width: 130px !important;
}

.bAInvoiceStyl{
  min-width: 125px !important;
  max-width: 130px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin:10px !important;
}

.bATotalDueStyl{
  min-width: 125px !important;
  max-width: 130px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin:10px !important;
}
.bAStatusStyl{
  min-width: 125px !important;
  max-width: 130px !important;
}
.bAAgeStyl{
  min-width: 125px !important;
  max-width: 130px !important;
}
.bATypeStyl{
  min-width: 125px !important;
  max-width: 130px !important;
}





/* Just common table stuff. */

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

th,
td {
  padding: 8px 16px;
}

th {
  background: #eee;
}

.form-wizard-header .nav-item .nav-link .number {
  line-height: 20px !important;
  width: 20px !important;
}

.CREDITGREEN{
  color: green;
}

.RISKRED{
  color: red;
}

.xero-logo{
  content: url("../images/bmo-img/seller-logo/xero.png");
}
.sage-intacct-logo{
  content: url("../images/bmo-img/seller-logo/sage-intacct.png");
}

.acumatica-logo{
  content: url("../images/bmo-img/seller-logo/acumatica.png");
}

.quickbooks-logo{
  content: url("../images/bmo-img/seller-logo/quickbooks.png");
}
.wave_accounting-logo{
  content: url("../images/bmo-img/seller-logo/wave_accounting.png");
}
.ifs-logo{
  content: url("../images/bmo-img/seller-logo/ifs.png");
}
.tally-logo{
  content: url("../images/bmo-img/seller-logo/tally.png");
}
.netsuite-logo{
  content: url("../images/bmo-img/seller-logo/netsuite.png");
}
.zoho-logo{
  content: url("../images/bmo-img/seller-logo/zoho.png");
}

.excel-logo{
  content: url("../images/bmo-img/seller-logo/excel.png");
}