.navbar {
  height: 80px;
  flex-wrap: nowrap;
}
.navbar-brand img{
  width: auto;  
  height: 80px; 
}
.card{ 
  padding: 15px;
  border: none; 
  background-color: var(--card-bg-color)!important;
}

.back-color{
  background-color: var(--back-color);
  padding-bottom: 20px;
}

.shadow {
  box-shadow: 0 3px 10px 0 var(--shadow-class-bg-color)!important;
}
.card-header {
  background: transparent;
  border: none;
  font-size: 1.6rem;
  font-weight: 600;  
}
.card-header.view-acc{
  background:#eaeaea;
  border:1px solid rgba(242, 243, 241, 0.267);
  font-size: 1.6rem;
  font-weight: 600;  
}

a { 
  cursor: pointer; 
}

.alert-text{
  font-size: 14px;
  padding: 12px;
  margin-bottom: 10px;
  border-radius: 5px;
}
.fw-600 {
  font-weight: 600;
}

/*------------- Form elements CSS started --------------*/
.form-label {
  margin-bottom: 0.5rem;
}
.form-select{
  box-shadow: inset 0 1px 1px #00000013;
  font-size: 14px;
}
label {
  font-size: 14px;
  font-weight: 600;
}
.form-control{
  box-shadow: inset 0 1px 1px #00000013;
  font-size: 14px;
}
.form-group {
   margin-bottom: 0px;
}
.btn-link {   
  color: var(--btn-link-class-color);
}
.form-group .btn.btn-link {
  padding: 0;
  padding-bottom: 0;
  font-size: 14px;
  text-decoration: none;
}
.form-group.btnOuter {
  text-align: center;
}

.text-right{
  float: right;
  right: 0;
}

.success-err-case {  
  right: 0;
  position: absolute;
}
.form-check {
  padding: 30px 20px 15px 20px;
}

/* ----------------Form element CSS End---------------- */

.btn-primary{
  padding: 8px 24px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 6px;
  color: var(--btn-primary-color );   
  border: 1px solid;
  font-weight: 600; 
  min-width: 90px;
  text-align: center;
  background-color: var(--btn-primary-bg-color);
  border: none;
  
}
/*---default style for buttons and view disputes---*/
.btn-primary:hover{
  background-color: var(--btn-primary-hover-bg-color);
  color: var(--btn-primary-hover-color); 
  box-shadow: 0 3px 15px 0 var(--btn-secondary-hover-box-shadow-color);
  border: none;
  
}
.btn.btn-primary[disabled] {
  background-color: var(--btn-primary-disabled-color);
}
.btn-secondary{
  padding: 8px 24px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 6px;
  color: var(--btn-secondary-color);
  border-color: var(--btn-secondary-border-color);
  border: 1px solid;
  font-weight: 600; 
  min-width: 90px;
  text-align: center;
  background-color: var(--btn-secondary-bg-color);
  background: linear-gradient(to right, var(--btn-secondary-background-color1-for-linear-radient) 50%, var(--btn-secondary-background-color2-for-linear-radient) 50%);   
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}
.btn-secondary:hover{
  background-color: var(--btn-secondary-hover-bg-color);
  color: var(--btn-secondary-hover-color);
  border-color: var(--btn-secondary-hover-border-color);
  box-shadow: 0 3px 15px 0 var(--btn-secondary-hover-shadow-color);
  background-position: left bottom;
}

/* --------------------Btnouter CSS -------------------*/
.btnOuter .btn.btn-primary {
  width: 100%;
  margin: 5px 0px;
  height: 54px;
  box-shadow: none;
}

/* ------------Sign in Button CSS--------------- */
.btnOuter .btn.btn-primary.signin:hover{
  background-color: var(--btn-signin-hover-bg-color);
  color:  var(--btn-signin-hover-color); 
  box-shadow: 0 3px 15px 0 var(--btn-signin-hover-box-shadow-color);
  border: none;  
}
.btnOuter .btn.btn-primary.signin {    
  background: var(--btn-signin-bg-color);
  border-color: var(--btn-signin-border-color);    
}

.btnOuter .btn.btn-primary.signin[disabled] { 
  background-color: var(--btn-primary-signin-disabled-color);
}





/* -------------------Btnouter CSS end----------------- */
.mw-780{
  max-width: 780px;
  width: 100%;       
  margin: 0 auto !important;  
  min-height: 450px;  
}
.mw-980{
  max-width: 980px;
  width: 100%;       
  margin: 0 auto !important;  
  min-height: 450px;  
}

.dispute-outcome-card{ 
  max-width: 980px;
  width: 100%;       
  margin: 0 auto !important;  
  min-height: 450px;  
}

.cal-icon{
  position: relative;
  top: -26px;
  right: 10px;
  z-index: 121;
  float: right;;
}
.balloon-do {
  width: 240px;
  position: absolute;
  top: 102px;
  left: 99px;
}
.cloud-l-do {
  position: absolute;
  bottom: 186px;
  right: 24px;
  width: 110px;
}

.total-char-span{
  color: #457fd6 !important;
  font-style: italic;
  font-weight: 400;
}
.total-char-danger-span{
  color: #ff0000 !important;
  font-style: italic;
  font-weight: 400;
}

.nextprevBtnClass{
  padding: 0px 0px 40px 0px;
}
.section-margin{
  margin-top: 50px;
}

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

.modal-footer {
  border-top: 0 none;
}
.modal-body-text{
  text-align: justify;
}
.container .data-label{
  font-weight: 600;
}
.pb-1{
  padding-bottom: 1px;
}
.pb-3{
  padding-bottom: 3px;
}
.pt-30{
  padding-top: 30px;
}
.p-30{
  padding: 30px;
}
.pl-10{
  padding-left: 10px;
}
.mr-2 {
  margin-right: 8px!important;
}
.mt-25{
  margin-top:25px;
}
.mt-20{
  margin-top: 20px;
}
.mt-50{
  margin-top: 50px;
}
.mt-100{
  margin-top: 100px;
}
.mt-2{
  margin-top: 2px;
}
.ml-43{
  margin-left: -43px;
}
.pr-40{
  padding-right: -40px;
}
.ml-33{
  margin-left: -33px;
}
.ml-16{
  margin-left: -16px;
}
.ml-10{
  margin-left: -10px;
}

.required-class{
  color: var(--required-class-color);
}
.success-msg{
  color:var(--success-msg-color);
  font-weight: bold;
}
.delete-msg{
  color: var(--delete-msg-class-color);
  font-weight: bold;
}
.error-msg{
  color: var(--error-msg-color);
  font-weight: bold;
}
.dispute-err-msg{
  color: var(--required-class-color);
  font-weight: bold;
}
.otp-msg{
  color: var(--otp-msg-color);
  font-weight: 600;
  font-size: 16px;
}
.header-title{
  background-color: var(--modal-header-bg-color)!important ;
  color: var(--modal-header-color)!important;
}
.textjustify{
  text-align: justify;  
}

.delete-trash{
  color: var(--required-class-color);
}
.social svg{
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-right: 21px;
}


.auto-index td:first-child:before{
  counter-increment: Serial;
  content: counter(Serial);
}

.dispute-table-counter-reset{
  counter-reset: DisputeDocCounter;
}

.dispute-auto-index td:first-child:before{
  counter-increment: DisputeDocCounter;
  content: counter(DisputeDocCounter);
}

.points-counted-span{
  font-size: 18px;
  font-style: italic;
  font-weight: 600;
}

.manual-review-table ,.selected-id-list-table{
  font-size: 12px;  
}

.manual-review-margin-left{
  margin-left: 110px;
  color: #426da9;
  font-size: 1.02rem;
}

.manual-review-span{
  text-align: justify;
  font-style: italic;
  font-weight: 600;  
}

.table-padding-left{
  padding: 0px 11px 0px 0px;
  margin-top: -13px;
}
.table-padding-right{
  padding: 0px 1px 0px 11px;
  margin-top: -13px;
}

.manual-review-table.table>:not(:last-child)>:last-child>* {
  background-color: #b3c5dd;
  padding: 5px;
}

.manual-review-table.table>:not(caption)>*>* {
  padding: 5px;
}

.selected-id-list-table.table>:not(:last-child)>:last-child>* {
  background-color: #b3c5dd;
  padding: 5px;
}

.selected-id-list-table.table>:not(caption)>*>* {
  padding: 5px;
}

.upload-doc{
  background-color: rgb(227, 227, 227);
  line-height: 1.5rem;
  padding: 7px 7px 7px 7px;
}

.section-heading{
  background-color: rgb(227, 227, 227);
  line-height: 1.5rem;
  padding: 7px 7px 7px 7px;
  font-size: 1.21rem;
  font-weight: 600;
}

.upload-doc-size-err{
  color: var(--error-msg-color);
}

.search-icon-mr{
  position: relative;
  right: 32px;
  z-index: 1;
  fill: #787878;
  float: right;
  bottom: 26px;
}

.corex-case-no{
  font-size: 15px;
  font-weight: 600;
  color: #0d0d0d;
}

.add-btn-mt{
  margin-top: 50px;
}
.successful-add-btn-mt{
  margin-top: 20px;
}
.add-a{
  color: var(--btn-primary-color);
  background-color: var(--btn-primary-bg-color);
  border-radius: 6px;
  padding: 10px 15px 10px 15px;
  font-weight: 600;
  vertical-align: middle;
  text-decoration: none;  
}
.add-a:hover{
  color: var(--btn-primary-color);
  background-color: var(--btn-primary-hover-bg-color); 
}
.add-icon{  
  margin-right: 5px;
  font-weight: 600;  
}

.add-icon :hover{
  color: var(--btn-primary-hower-color);
  background-color: var(--btn-primary-hover-bg-color);
}

.g-block-center{ 
  margin-left: 27%;
}

/* CP searched div CSS */
.cp-dropdown-div{
  position: absolute;
  z-index: 100000;
  background-color: var(--search-address-div-bg-color);
  width: 100%;
  border: 1px solid var(--search-address-div-border-color);
  border-radius: 1%;
  box-shadow:inset 0 2px 2px var(--search-address-div-box-shadow-color);
}
.cp-dropdown-div ul{  
  margin-left: -28px;
}
.cp-dropdown-div ul li{
  list-style: none;
  margin-left: 0px;
}
.cp-dropdown-div ul li:hover{
  background-color: var(--search-address-div-hover-bg-color);
  color: var(--search-address-div-hover-color);
  width: auto;  
}
.cp-dropdown-div ul li a{
  margin-left: 10px;
}

/* --------------------------right side modal css-------------------- */
.modal.modal-right .modal-dialog{
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.modal.modal-right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 500px;
  max-width: 100%;
  height: 100%;  
}
.modal.modal-right .modal-content {
  height: 100%;
  overflow-y: auto;
}
.modal.modal-right.fade .modal-dialog {
  right: -500px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.modal-right.fade.show .modal-dialog {
  right: 0px;
  /* height: 100%; */
}
.modal.modal-right .modal-content{
  border-radius: 0;
  border: none;
}
.modal.modal-right .modal-body {
  padding: 15px 15px 80px;
}
.dispute-modal-header{
  background-color: var(--modal-header-bg-color);
  color: var(--modal-header-color) ;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content:left;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
}
.dispute-modal-header .right{
  justify-content: right;
  color: #ffffff;
  background-color: aliceblue;
  position: absolute;
  float: right;
  right: 14px;
}
.dispute-modal-title{
  margin-bottom: 0;
  line-height: 1.5;
  margin-left: 5px;
}

/*----------------------------footer CSS----------------------------- */

.page-footer .text-primary-1, .ng8x .text-primary-1, .text-primary-1 {
  color: #426da9!important;
}

.rights-reserve{
  padding-left: 35%;
}
.mobile-app-icon {
  width: 120px;
  height: 40px;
}
.mr-2 {
  margin-right: 8px!important;
}
.page-footer a, .ng8x a {
  color: #426da9;
  text-decoration: none;
  background-color: transparent;
}
.page-footer .bg-gray-300, .ng8x .bg-gray-300 {
  background-color: #ddd!important;
}
.beta{
  font-size: .5em;
  top: -1em;
}
.page-footer .text-secondary, .ng8x .text-secondary{
  color: #af1685!important;
}
.page-footer a.text-gray-500:focus, .page-footer a.text-gray-500:hover, .ng8x a.text-gray-500:focus, .ng8x a.text-gray-500:hover {
  color: #0d0d0d!important;
}
.page-footer .footer-link {
  padding-right: 30px;
  color:#212529;
}
.page-footer .horizontal-bar, .ng8x .horizontal-bar{
  height: 2px;    
  background: linear-gradient(45deg,#1d4f91 0%,#e63888 100%);
}
.footer-top-section  .mobile-app-icon {
  width: 120px;
  height: 40px;
}
.card-mobile{
  display: block;
}
.page-footer .divider-top{
  height: 1px;
  background-color: #b9b5b5!important;  
}
.page-footer{
  bottom: 0px;
}

.text-lg-left{
  text-align: left;
}
.text-lg-right{
  text-align: right;
}

@media (max-width: 992px){
  .successful-add-btn-mt{
    margin-top: 20px;
  }
  .add-btn-mt{
    margin-top: 20px;
  }
  .rights-reserve{
    padding-left: 2%;
  }
  .g-block-center{
    margin-left: 7%;
   
    text-align: center;
  }
  .table-padding-left{
    padding: 0px 10px 0px 10px;
    margin-top: -13px;
  }
  .table-padding-right{
    padding: 0px 10px 0px 10px;
    margin-top: -13px;
  }
  .pd-30 {
    padding: 15px 5px !important;
  }
  .navbar-brand img{
    width: 140px;
    margin-left: 5px !important;
  }
  .avatar {    
    width: 35px;
    height: 35px;
    left: 10px !important;
    position: relative;
  }
  .dropdown-menu[data-bs-popper] {   
    margin-left: -59px;
    text-align: justify;
  }

  .dispute-center .faq-que-svg {
    margin-top: 2px !important;
    margin-right: 4px !important;
  }

  .acc-grid-table {
    font-size: 7px;
    overflow-x: scroll;
  }
}

@media (max-width: 660px){
  .right-curve,.model-icon{
    display: none;
  }
  .page-footer .footer-link{
    text-align: center;
  }

}

@media (max-width: 768px){
  .card-mobile {
    padding: 0px !important;
    margin: 0 !important;
    box-shadow: none !important;
  }
  body, html{
      overflow-x: hidden;
  }
  .navbar-brand{
      padding: 0px 20px;  
  }
  .navbar {
      height: 60px;
  }
  .page-footer .footer-link{
      padding: 0;
  }
  .pt-20{
      padding-top: 20px !important;
  }
  .text-lg-left{
    text-align: center !important;
  }
  .text-lg-right{
    text-align: center !important;
  }
  .deleteDiv{
    text-align: center;
    width: 100% !important;  
    margin-left: auto !important;
  }

  .cal-icon {
    position: relative;
    top: -27px !important;
    right: 10px;
    z-index: 121;
    float: right;
  }
  .table-fhi-rhi {
    width: 100% !important;
  }
  .acc-grid-table .payment-status-data{    
    min-width:fit-content !important;
  }
}