@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700");

* {
  font-family: "Montserrat", sans-serif;
  /* font-weight: 400; */
  font-size: 14px;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}

body {
  background: #f3f6fd;
}

a:hover,
a:active,
a:focus {
  text-decoration: underline;
}

input {
  outline: 0;
  border: 0;
}

p {
  margin: 0;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  display: inline-block;
}
.dropdown-menu > li {
  display: block;
}
img {
  max-width: 100%;
}

.clear {
  clear: both;
}

.oHidden {
  overflow: hidden;
}

.dNone {
  display: none;
}

.vHidden {
  visibility: hidden;
}

.capitalTxt {
  text-transform: uppercase;
}

.alignC {
  text-align: center;
}

.mainBtn {
  background: #da1f26;
  color: #fff;
  text-transform: uppercase;
  padding: 7px 15px;
  font-weight: bold;
  text-decoration: none !important;
  display: inline-block;
  border-radius: 7px;
  border: 0;
  outline: 0;
}

.mainBtn:hover,
.mainBtn:active {
  background: #b9161c;
  text-decoration: none;
}

.separator {
  height: 1px;
  background: #e4e4e4;
  margin: 20px 0;
}
.orangeBg {
  background: #f29a1e;
}

.f10 {
  font-size: 10px;
}

.f11 {
  font-size: 11px;
}

.f12 {
  font-size: 12px;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-size: 18px;
}

.f20 {
  font-size: 20px;
}

.margin10 {
  margin: 10px;
}

.margin20 {
  margin: 20px;
}

.marginT10 {
  margin-top: 10px;
}

.marginT20 {
  margin-top: 20px;
}

.marginB10 {
  margin-bottom: 10px;
}

.marginB20 {
  margin-bottom: 20px;
}

.padding10 {
  padding: 10px;
}

.padding20 {
  padding: 20px;
}

.paddingT0 {
  padding-top: 0 !important;
}

.paddingT10 {
  padding-top: 10px;
}

.paddingT20 {
  padding-top: 20px;
}

.paddingB10 {
  padding-bottom: 10px;
}

.paddingB20 {
  padding-bottom: 20px;
}

.spacer10 {
  height: 10px;
  clear: both;
}

.spacer15 {
  height: 15px;
  clear: both;
}

.spacer20 {
  height: 20px;
  clear: both;
}

.spacer25 {
  height: 25px;
  clear: both;
}

.spacer30 {
  height: 30px;
  clear: both;
}

.spacer35 {
  height: 35px;
  clear: both;
}

.spacer40 {
  height: 40px;
  clear: both;
}

.spacer45 {
  height: 45px;
  clear: both;
}

.spacer50 {
  height: 50px;
  clear: both;
}

.black {
  color: #333;
}

.gray {
  color: #666;
}

.red {
  color: #da1f26;
}

.white {
  color: #fff;
}

header {
  background: url("../Images/InsuranceBack.jpg") repeat-x #222;

  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 70px;
  z-index: 123;
}

header .userPanel {
  position: relative;
}

header .userPanel .clickableArea {
  cursor: pointer;
}

header .userPanel .userImg {
  border-radius: 200px;
  width: 32px;
  height: 32px;
}

header .userPanel .userName {
  margin: 0 5px;
  display: inline-block;
  vertical-align: -2px;
  font-size: 16px;
}

header .userPanel .arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #2f2f2f;
  display: inline-block;
  transition: all 0.3s;
}

header .userPanel .userOptions {
  max-height: 0;
  position: absolute;
  background: #fff;
  top: 55px;
  width: 90%;
  transition: all 0.3s;
  overflow: hidden;
  padding: 5px 10px;
  border: 1px solid #ccc;
  opacity: 0;
}

header .userPanel.clicked .userOptions {
  max-height: 100px;
  opacity: 1;
}

header .userPanel.clicked .arrow {
  transform: rotate(180deg);
}

header .userPanel .userOptions a {
  display: block;
  color: #333;
  margin-bottom: 2px;
}

header .userPanel .navbar-right li {
  margin-top: 15px;
  text-align: center;
  vertical-align: middle;
}

header .userPanel .navbar-right li a {
  padding: 17px 15px;
  color: #fff;
  text-align: center;
  height: 40%;
  border-radius: 8px;
  line-height: 0px;
  margin-right: 5px;
  margin-left: 5px;
}

header .userPanel .navbar-right li a:hover {
  background: #224a80;
}

header .userPanel .navbar-right li a:visited {
  background: #224a80;
}

.nav li + li {
  border-left: 2px solid #fff;
}

.logoCont {
  display: none;
}

footer {
  background: #fff;
  border-bottom: 1px solid #e2e9e6;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  box-shadow: 0px 0px 15px -5px #c8c8c8;
  text-align: center;
  color: #a3b5cb;
  font-weight: 400;
  font-size: 13px;
  height: 50px;
  z-index: 1020;
}

footer.loginFooter {
  background: #fff;
  border-bottom: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  box-shadow: 0px 0px 8px -5px #151515;
  text-align: center;
  color: #a3b5cb;
  font-weight: 400;
  font-size: 13px;
  height: 50px;
  z-index: 1020;
}

.sideMainBar {
  background: #fff;
  position: fixed;
  top: 0;
  bottom: 50px;
  width: 250px;
  overflow: auto;
  transition: all 0.3s;
  z-index: 124;
  box-shadow: 0px 0px 15px -5px #c2c2c2;
}

.sideLogoCont {
  background: #fff;
  padding: 10px;
  position: relative;
  /* text-align: center;
    border-bottom: 3px solid #FD2018; */
  margin-bottom: 30px;
  overflow: hidden;
}

.sideLogoCont .dnaLogo {
  float: left;
}
.sideLogoCont .dnaLogo .ubmrellaIcon {
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  margin-top: 5px;
}
.sideLogoCont .dnaLogo .logoText {
  color: #145bb5;
}
.sideLogoCont .dnaLogo .logoText .first {
  font-weight: 600;
  font-size: 20px;
}
.sideLogoCont .dnaLogo .logoText .second {
  font-size: 20px;
}
.sideLogoCont .dnaLogo .logoText .bottom {
  font-size: 9px;
}

.sideUserBrief {
  text-align: center;
  margin-top: 15px;
  border-bottom: 1px solid #2e2e2e;
  padding-bottom: 15px;
}

.sideUserBrief img {
  border-radius: 200px;
  width: 90px;
  height: 90px;
}

.sideUserBrief p {
  color: #fff;
  font-size: 24px;
  margin-top: 10px;
}

.sideMainBar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 0;
  background-color: #f5f5f5;
}

.sideMainBar::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}

.sideMainBar::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #0071fe;
}

.sideMenu li {
  display: block;
}

.sideMenu li a {
  padding: 10px 40px;
  color: #a3b5cb;
  text-decoration: none;
  display: block;
  font-size: 15px;
  position: relative;
}

.sideMenu li a:hover {
  color: #0071fe;
}

.sideMenu li a svg {
  position: absolute;
  top: 8px;
  width: 24px;
  height: 24px;
}
.sideMenu li a svg * {
  fill: #a3b5cb;
}
.sideMenu li a:hover svg * {
  fill: #0071fe;
}

.sideMenu ul ul {
  background: #f5f5f5;
  overflow: hidden;
  transition: all 0.3s;
  max-height: 0;
}

.sideMenu .clicked ul {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
  max-height: initial;
}

.sideMenu li li a {
  padding: 5px 40px;
  color: #555;
  text-decoration: none;
  display: block;
  font-size: 12px;
}

.sideMenu li.hasSubs > a:after {
  content: "^";
  font-size: 22px;
  transition: all 0.3s;
  height: 12px;
  line-height: 23px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  font-family: cursive;
  transform: rotateX(180deg);
}

.sideMenu li.hasSubs.clicked > a:after {
  transform: rotateX(0);
}

.sideMenu .clicked > a {
  background: #f5f5f5;
  color: #0071fe;
}

a.obsValueTypeDisplay {
  background-color: #286dc2;
  color: #fff;
  text-decoration: none;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
}

.sideMenu .clicked > a svg * {
  fill: #0071fe;
}

.sideMenu .clicked .current a {
  color: #0071fe;
}

.showMenuBtn {
  cursor: pointer;
  margin-top: 14px;
  width: 40px;
  height: 30px;
}

.showMenuBtn svg {
  width: 30px;
  height: 30px;
}

.sideMenuCloseBtn {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 22px;
  cursor: pointer;
  display: none;
}

.mainCont {
  min-height: 300px;
  margin-top: 100px;
  margin-bottom: 50px;
  padding: 15px 0;
  transition: all 0.3s;
}
/* #indexMainCont {
   height: 100%;
   background: url('../Images/indexBackground.svg') no-repeat #fff;
   background-size: auto;
} */

.createBtnCont a {
  color: #212121;
  background: #fff;
  border: 1px solid #e2e9e6;
  border-radius: 3px;
  padding: 7px 20px;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 10px;
}

.createBtnCont a:hover {
  border-color: #238bda;
}

.pageTitle {
  color: #0071fe;
  font-size: 22px;
  transition: all 0.3s;
  font-weight: 400;
  vertical-align: middle;
  float: left;
  text-align: center;
  line-height: 70px;
}
.pageTitle > img {
  vertical-align: middle;
  height: 70px;
  width: 100px;
}
.pageTitle > h1 {
  display: inline;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  margin-left: 40px;
  text-transform: capitalize;
}

.FL {
  float: left;
}

.FR {
  float: right;
}

header .logoCont {
  padding: 15px 15px 15px 0;
}

.sideMainBar {
  left: 0;
}

.sideMenu li.hasSubs > a:after {
  right: 15px;
}

.showMenuBtn {
  margin-right: 10px;
}

.sideMenuCloseBtn {
  right: 15px;
}

.sideMenu li a svg {
  left: 8px;
}

.navbar-right {
  margin-right: -8px;
}

.container-fluid {
  padding-right: 60px;
  padding-left: 60px;
  margin-right: auto;
  margin-left: auto;
}

.hideMenuIcon {
  position: relative;
  float: right;
  width: 40px;
  height: 30px;
  text-indent: -100px;
  cursor: pointer;
  border-radius: 3px;
}

/*---the middle line---*/
.hideMenuIcon span {
  position: absolute;
  top: 19px;
  right: 5px;
  width: 25px;
  height: 3px;
  background: #a3b5cb;
  cursor: pointer;
  border-radius: 3px;
  z-index: 900;
}

/*---the active state indicator---*/
.hideMenuIcon:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  margin: -25px 0 0 -25px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  z-index: 850;
  background: rgba(0, 215, 215, 0.6);
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.hideMenuIcon:active:after {
  opacity: 0;
}

/*---the bottom &top line of the hamburger menu---*/
.hideMenuIcon span:after,
.hideMenuIcon span:before {
  height: 3px;
  background: #a3b5cb;
  position: absolute;
  content: "";
  right: 0;
  border-radius: 3px;
}
.hideMenuIcon span:after {
  width: 20px;
}
.hideMenuIcon span:before {
  width: 30px;
}
.hideMenuIcon span:after {
  top: -8px;
}
.hideMenuIcon span:before {
  bottom: -8px;
}

/*---hover state---*/
.hideMenuIcon:hover span {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.hideMenuIcon:hover span:before {
  -webkit-transform: rotate(-45deg);
  width: 15px;
  left: 15px;
  bottom: -5px;
}
.hideMenuIcon:hover span:after {
  -webkit-transform: rotate(45deg);
  width: 15px;
  left: 15px;
  top: -5px;
}

.hideMenuIcon span,
.hideMenuIcon:after,
.hideMenuIcon span:after,
.hideMenuIcon span:before {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
}

.hideMenu .sideMainBar {
  left: -250px;
}
.hideMenu .mainCont {
  margin-left: 0;
}
.hideMenu .pageTitle {
  margin-left: 0;
}

.showMenuBtn.hideMenuIcon {
  float: left;
}

.showMenuBtn.hideMenuIcon:hover span:before {
  -webkit-transform: rotate(45deg);
  left: initial;
  right: 15px;
}
.showMenuBtn.hideMenuIcon:hover span:after {
  -webkit-transform: rotate(-45deg);
  left: initial;
  right: 15px;
}
.showMenuBtn.hideMenuIcon span {
  top: 14px;
}

.loginPage {
  /* background: url("../Images/loginBg.png") no-repeat #fff; */
  /* background-size: cover; */
  height: 100%;
  background-color: #1b75b5;
}

/* ---------- LOGIN ---------- */
.loginContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 20px;
}

#login {
  width: 550px;

  /* margin: 0 auto; */
  /* padding-top: 150px; */
  background-color: #fff;
  border-radius: 10px;
}
#login .imageContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
}
#login h2 {
  /* background: rgba(1, 77, 175, 0.8); */
  /* border-radius: 20px 20px 0 0; */
  /* color: #fff; */
  font-size: 24px;
  padding: 20px 26px;
  margin-top: 0;
  font-weight: 400;
  margin-bottom: 0;
}

#login h2 span[class*="fontawesome-"] {
  margin-right: 14px;
}

#loginForm {
  width: 85%;
  margin: 0 auto;
}

#login fieldset {
  /* background: rgba(255, 255, 255, 0.5); */
  /* border-radius: 0 0 20px 20px; */
  padding: 20px 26px;
  /* box-shadow: 0px 0px 15px -3px #c2c2c2; */
}

#login fieldset p {
  color: #777;
  margin-bottom: 10px;
}

#login fieldset p:last-child {
  margin-bottom: 0;
}

#login fieldset input {
  border-radius: 3px;
}

#login fieldset input[type="text"],
#login fieldset input[type="password"] {
  /* background: #eee; */
  color: #777;
  padding: 8px 10px;
  width: 100%;
  border: 2px solid #c8c8c8;
}

#login fieldset .loginBtn {
  background: #0071fe;
  color: #fff;
  display: block;
  margin: 0 auto;
  padding: 10px 25px;
  margin-top: 50px;
  font-weight: 600;
  border: 0;
  outline: 0;
  border-radius: 6px;
}

#login fieldset .loginBtn:hover {
  background: #015dce;
}

[data-notify="progressbar"] {
  margin-bottom: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 5px;
}
.borderRed {
  border: 1px solid #c20000;
}

.filterCont {
  background: #fff;
  border: 1px solid #eee;
  padding: 15px;
  margin: 20px 0;
}

.filterCont .form-control {
  margin-bottom: 10px;
}

.filterCont .customBtn {
  margin-top: 10px;
  text-align: right;
  overflow: hidden;
}
.filterCont .customBtn button {
  padding: 7px 30px;
  background-color: #043f78;
  float: right;
  outline: 0;
}
.filterCont .customBtn #clearBtn {
  background-color: #ddd;
  margin-left: 10px;
}
/* .filterCont .datepicker.datepicker-dropdown{
    top: 200px !important
} */

.commonTable {
  table-layout: fixed;
}

.commonTable th {
  font-weight: 600;
  color: #145bb5;
  vertical-align: middle !important;
  font-size: 11px;
  padding: 6px 4px !important;
  border: 1px solid #f0ebeb;
  text-align: center;
}

#claimsTable th {
  color: #fff !important;
}

.commonTable tbody td,
#claimsTable tbody td {
  border: 1px solid #f0ebeb;
}

.commonTable tbody td,
#claimsTable tbody td {
  text-align: center !important;
}

#approvalsTable tbody td:first-child,
#claimsTable tbody td:first-child {
  text-align: start !important;
}

.commonTable button {
  margin-right: 5px;
  padding: 3px 7px;
  font-size: 10px;
}

.commonTable td {
  /* word-break: break-word; */
  padding: 4px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.subTitle {
  border-left: 5px solid #5fb157;
  padding-left: 10px;
  margin-bottom: 20px;
  color: #043f78;
  font-size: 18px;
}

.subTitle_subtext {
  padding-left: 10px;
  margin-bottom: 20px;
  color: #2e2e2e;
  font-size: 18px;
}

.confirmAllBtn {
  float: right;
  margin: 10px 0;
}

.marginsForSection {
  margin-left: 1%;
  margin-right: 1%;
}

.modal-dialog {
  width: 800px;
}

.pageLoader {
  text-align: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  background: url(../Images/barsLoader.svg) no-repeat center rgba(0, 0, 0, 0.6);
  background-size: 80px;
  transition: all 0.5s;
}

.bg-white {
  background-color: #fff;
}

.detailsPage {
  /* background: #fff; */
  padding: 15px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  /* margin-top: 50px; */
}
.detailsPage .item {
  overflow: hidden;
  /* border-bottom: 1px solid #015DCE */
  margin-bottom: 5px;
}
.detailsPage .item .itemTitle {
  float: left;
  width: 200px;
  margin-right: 10px;
}
.detailsPage .item .itemValue {
  float: left;
  width: calc(100% - 220px);
  word-break: break-word;
}
.detailsPage .item .itemValue.disabled {
  opacity: 0.65;
}
.detailsPage .first {
  margin-bottom: 30px;
  /* border-bottom: 1px solid #f29a1e; */
  padding-bottom: 15px;
  overflow: hidden;
}

.backBtn {
  margin-bottom: 15px;
}

.noActivitiesMsg,
.noInsuranceDataMsg,
.noDiagnosisMsg,
.noResubbmissionActivity {
  display: inline-block;
  background: #fbeed5;
  padding: 2px 10px;
  color: #555;
}

.loadMoreData {
  text-align: center;
  margin-bottom: 20px;
}

.loadMoreDataBtn1 {
  background: #245897;
  color: #fff;
  width: 100%;
  border-radius: 5px;
  height: 50px;
  cursor: pointer;
  text-transform: capitalize;
  text-align: center;
}

.loadMoreDataBtn1:hover {
  background: #043f78;
  color: #fff;
}

.loadMoreDataBtn.noMoreData {
  opacity: 0.7;
  pointer-events: none;
}

.detailsPage input,
.detailsPage select,
.detailsPage textarea {
  border: 1px solid #ccc;
  padding: 3px 5px;
  width: 200px;
  transition: all 0.3s;
  height: 30px;
}

.detailsPage input:focus,
.detailsPage select:focus {
  border-color: #145bb5;
  /* width: 300px */
}

.detailsPage .itemValue input.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  border: 0;
}
.activityPaymentAmount.disabled,
.denialCodeClaim.disabled,
.denialCodeAct.disabled,
.activityCode.disabled,
.notesInput.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  border: 0;
}
.detailsPage .itemValue input.disabled#firstName {
  width: 145px;
}
.detailsPage .itemValue input.disabled#lastName {
  width: 145px;
}
.updateRequestBtnCont,
.editRequestBtnCont,
.settleRequestBtnCont {
  margin-top: 20px;
}
.sendEclaimBtn {
  margin-left: 10px;
}

.relatedApprovals__action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.updateResponseBtn {
  color: white;
  float: right;
  background-color: #2159a3;
  margin-left: 10px;
}

.DiscardResponseBtn {
  float: right;
  margin-left: 10px;
}

.updateResponseBtn:hover {
  color: white;
  background-color: #2159a3;
}
.cancelApprovalButton {
  color: white;
  background-color: #f50707;
  margin-left: 7px;
  margin-right: 7px;
}

.ManualResponseButton {
  color: white;
  background-color: #4d7ab5;
  margin-left: 7px;
  /* margin-right: 7px; */
}

.ManualResponseButton:hover {
  color: #fff;
}

.ManualResponseButton:focus {
  color: #fff;
}

.cancelApprovalButton:hover {
  color: white;
  background-color: #dc0e0e;
}

.cancelApprovalButton:focus {
  color: white;
  background-color: #dc0e0e;
}

.confirmApprovalBtn {
  color: white;
  float: right;
  margin-left: 10px;
  /* background-color: #394d7d; */
}

.unConfirmApprovalBtn {
  color: white;
  float: right;
  margin-left: 10px;
  background-color: #394d7d;
}

.unConfirmApprovalBtn:hover {
  color: #fff;
}

.disabledConfirmApprovalBtn {
  pointer-events: unset !important;
}
.confirmApprovalBtn:hover {
  color: white;
  /* background-color: #08215c; */
}

.insuranceTable thead {
  background: #0c4d8f;
  height: 40px;
}

.insuranceTable thead th {
  color: #fff;
}

#approvalsTable tbody tr td,
#claimsTable tbody tr td {
  vertical-align: middle;
  white-space: wrap;
}

.insuranceTable tr td:last-child {
  width: 130px;
}
#claimsTable.insuranceTable tr td:last-child {
  /* width: 445px */
  /* width: 305px */
}

.insuranceTable tr td:last-child button:last-child {
  margin-right: 0;
}

.updateDiagnosis,
.updateActivity {
  display: none;
}
.activityInput {
  display: none;
  padding: 2px 5px;
  width: 150px !important;
}
.diagnosisInput {
  display: none;
  padding: 2px 5px;
  width: 100% !important;
}

.editingTargetRow .updateDiagnosis,
.editingTargetRow .updateActivity {
  display: inline-block;
}
.editingTargetRow .editDiagnosis,
.editingTargetRow .editActivity {
  display: none !important;
}
.editingTargetRow .diagnosisInput,
.editingTargetRow .activityInput {
  display: inline-block;
}
.editingTargetRow .diagnosisText,
.editingTargetRow .activityText {
  display: none;
}
.editingTargetRow .activityNet,
.editingTargetRow .activityName,
.editingTargetRow .activityCode {
  display: inline-block;
}
.editingTargetRow td {
  background: #fbeed5 !important;
}

.loader_svg svg {
  width: 28px;
  height: 22px;
}

.loader_svg svg * {
  fill: #c8c8c8;
}

.filterCont .loader {
  text-align: center;
  margin: 0 20px 0;
  vertical-align: top;
  float: right;
  height: 30px;
  display: none;
}

.filterCont .loader svg {
  width: 30px;
}
.filterCont .loader svg * {
  fill: #f29a1e;
}

.resubmitBtn {
  margin-left: 10px;
}

.detailsPage input.attachmentField {
  border: 0;
  width: auto;
  padding: 0;
}

.bordered {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 20px;
}

.claimItemField,
.activityItemField,
.diagnosisItemField {
  margin-bottom: 15px;
}

.addClaimBtn {
  color: #015dce;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 15px;
}

.activityDisplay {
  margin-top: 20px;
}

.diagnosisDisplay {
  margin-top: 15px;
}

.emptyField {
  /* border-color: #d70202 !important; */
  background: #fbeed5;
}

.emptyField + .custom-combobox .custom-combobox-input {
  background: #fbeed5;
}

.requiredFieldsMsg,
.requiredActPayAmountMsg,
.selectActMsg {
  display: inline-block;
  padding: 2px 7px;
  /* color: #fff; */
  background: #fbeed5;
  font-size: 13px;
}

.requiredFieldsMsg.claim {
  background: #fbeed5;
  color: #555;
}

.createRemittanceCont .label,
.createApproval .label,
.approvals .label {
  color: #000;
  display: block;
  margin-bottom: 5px;
  padding: 0;
  text-align: left;
  font-weight: 600;
  font-size: 12px;
}

.createRemittanceCont .addActivity,
.createRemittanceCont .addDiagnosis {
  margin-top: 16px;
}

.createRemittanceCont input::placeholder {
  color: #b4b4b4;
  opacity: 0; /* instead of removing them in cases needed again */
}

.detailsPage input:disabled {
  background: #ececec;
}

#remittanceTable tr td:last-child {
  width: 110px;
}

.ui-autocomplete {
  width: 150px;
  max-height: 200px;
  overflow-y: auto;
  margin-bottom: 70px !important;
  background: #fff;
  border: 1px solid #ccc;
  z-index: 99999;
}
.ui-autocomplete .ui-menu-item {
  display: block;
  cursor: pointer;
}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
  padding: 5px;
  border: 0;
}

/* 
.createRemittanceCont.detailsPage .item{
    float: left;
    width: 50%
} */

@media (max-width: 1366px) {
  .createRemittanceCont.detailsPage .claimCont input,
  .createRemittanceCont.detailsPage .claimCont select,
  .createApproval .activityCont input,
  .createApproval .activityCont select {
    width: 140px;
  }
}

.viewOnlyPage {
  /* pointer-events: none; */
  /* opacity: 0.8 */
}

.viewOnlyPage input,
.viewOnlyPage select,
.viewOnlyPage textarea {
  background: #ececec;
  pointer-events: none;
}
#checkbox {
  background: #fff;
  pointer-events: all;
}
#resubmissionType {
  background: #fff;
  pointer-events: all;
}
/* .viewOnlyPage button{
    display: none
} */

.goToEditmodeCont {
  margin-top: 15px;
  /* border: 1px solid #ffda97; */
  background: none;
  padding: 0;
}

.goToEditmodeCont .goToEditmodeBtn {
  margin-right: 5px;
}

.detailsPage.approvals .item,
.detailsPage.claims .item,
.detailsPage.createApproval .item {
  float: left;
  width: 50%;
  min-height: 30px;
}

.editRequestBtnCont {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.updateRequestBtnCont,
.editRequestBtnCont,
.settleRequestBtnCont {
  margin-top: 0;
  clear: both;
  padding-top: 15px;
}

.settleCheckboxes {
  /* margin-top: 30px; */
  margin-top: 10px;
}

.modal-content .item {
  min-height: 30px;
  overflow: hidden;
  margin-bottom: 5px;
}

.modal-content .itemTitle {
  float: left;
  width: 200px;
  margin-right: 10px;
}

.modal-content input,
.modal-content select,
.modal-content textarea {
  border: 1px solid #ccc;
  padding: 3px 5px;
  width: 200px;
  transition: all 0.3s;
}

#addDiagnosisModal {
  z-index: 1234;
}

.detailsPage .second .panel.panel-default .noActivitiesMsg,
.detailsPage .third .panel.panel-default .noDiagnosisMsg {
  display: block;
}

.addActivityContent .requiredFieldsMsg {
  margin-top: 20px;
}

#addActivityModal .addActivityContent .item .label {
  width: 200px;
}

#viewActivityModal .oHidden {
  padding: 0 20px;
}

#viewApprovedActivityModal .oHidden {
  padding: 0 20px;
}

.activityCont #activitiesTable th {
  font-size: 10px;
}

/* #activitiesTable tbody>tr>td, #activitiesTable tbody>tr>th, #activitiesTable tfoot>tr>td, #activitiesTable tfoot>tr>th, #activitiesTable thead>tr>td, #activitiesTable thead>tr>th {
    text-align: center
} */

#activitiesTable {
  table-layout: auto;
}

#activitiesTable .activityInput {
  width: 90% !important;
}

.cancelEditActivity,
.cancelEditDiagnosis,
.splitCancelEditActivity,
.splitCancelEditDiagnosis {
  cursor: pointer;
  display: none;
  width: 22px;
  height: 22px;
  background: #ddd;
  text-align: center;
  border-radius: 200px;
  font-family: cursive;
  box-shadow: 0 0 4px 0px #373737;
}

.editingTargetRow .cancelEditActivity,
.editingTargetRow .cancelEditDiagnosis {
  display: inline-block;
}

.cancelEditRequest {
  margin-left: 10px;
}

.ui-helper-hidden-accessible {
  display: none;
}

.createRemittanceCont #activitiesTable .activityInput {
  width: 82px !important;
}

.createRemittanceCont #activitiesTable {
  table-layout: fixed;
}

.eClaimBtn {
  visibility: hidden;
}

.noObsCont {
  border: 0;
  box-shadow: none;
  margin-bottom: 0;
}
.noObsCont thead,
.noObsCont .thead {
  display: none;
}

/* Permissions Start */
.sideMenu .hasSubs li {
  display: none;
}

.supportContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.support-Image {
  width: 24px;
  height: 24px;
  filter: invert(1);
  display: block; /* Ensures the image behaves like a block element */
  margin-top: -13px;
}

body[class*="Approvals"] .sideMenu .hasSubs .approvalsNavItem {
  display: block;
}
body[class*="Claims"] .sideMenu .hasSubs .claimsNavItem {
  display: block;
}
body[class*="Remittance"] .sideMenu .hasSubs .remittanceNavItem {
  display: block;
}
body[class*="Remittance"] .sideMenu .hasSubs .settleRemittancesNavItem {
  display: block;
}

.createRemittanceBtn {
  display: none;
}
.editBtn,
.editActivity,
/* .editDiagnosis, */
.goToEditmodeBtn {
  display: none;
}
.cancelBtn,
.deleteActivity
/* .deleteDiagnosis */ {
  display: none;
}

.ApprovalsAdd.approvalsPage .addActivityBtn.active,
.ApprovalsAdd.approvalsPage .addDiagnosisBtn.active {
  display: inline-block;
}
.ClaimsAdd.claimsPage .addActivityBtn,
.ClaimsAdd.claimsPage .addDiagnosisBtn {
  display: inline-block;
}
.RemittanceAdd.remittancePage .addActivityBtn,
.RemittanceAdd.remittancePage .addDiagnosisBtn,
.RemittanceAdd.claimsPage .createRemittanceBtn {
  display: inline-block;
}

.ApprovalsUpdate.approvalsPage .editBtn,
.ApprovalsUpdate.approvalsPage .editRequestBtn,
.ApprovalsUpdate.approvalsPage .editActivity,
.ApprovalsUpdate.approvalsPage .editDiagnosis {
  display: inline-block;
}
.ClaimsUpdate.claimsPage .editBtn,
.ClaimsUpdate.claimsPage .editRequestBtn,
.ClaimsUpdate.claimsPage .editActivity,
.ClaimsUpdate.claimsPage .editDiagnosis {
  display: inline-block;
}
.RemittanceUpdate.remittancePage .editBtn,
.RemittanceUpdate.remittancePage .editActivity,
.RemittanceUpdate.remittancePage .editDiagnosis,
.RemittanceUpdate.remittancePage .goToEditmodeBtn {
  display: inline-block;
}

.ApprovalsDelete.approvalsPage .cancelBtn,
.ApprovalsDelete.approvalsPage .deleteActivity,
.ApprovalsDelete.approvalsPage .deleteDiagnosis {
  display: inline-block;
}
.ClaimsDelete.claimsPage .cancelBtn,
.ClaimsDelete.claimsPage .deleteActivity,
.ClaimsDelete.claimsPage .deleteDiagnosis {
  display: inline-block;
}
.RemittanceDelete.remittancePage .cancelBtn,
.RemittanceDelete.remittancePage .deleteActivity,
.RemittanceDelete.remittancePage .deleteDiagnosis {
  display: inline-block;
}

/* Permissions End */

.custom-combobox {
  position: relative;
  display: inline-block;
}
.custom-combobox-toggle {
  position: absolute;
  top: 1px;
  bottom: 0;
  padding: 0;
  width: 26px;
  height: 26px;
  display: block;
  right: 1px;
  cursor: pointer;
  background: url("../Images/downArrow.png") no-repeat center #fff;
  background-size: 8px;
}
.custom-combobox-input {
  margin: 0;
  padding: 6px 12px;
  width: 100%;
  font-size: 14px;
  color: #555;
  background: #fff;
  border-radius: 4px;
}
.custom-combobox .tooltip {
  display: none !important;
}

.filterCont .custom-combobox {
  display: block;
  margin-bottom: 10px;
}
.filterCont .custom-combobox-toggle {
  height: 32px;
  background-color: transparent;
}

#activitiesTable .custom-combobox {
  display: none;
}

#activitiesTable .editingTargetRow .custom-combobox {
  display: inline-block;
}

.createApproval .requiredFieldsMsg {
  margin-top: 10px;
}

.detailsPage.createApproval .first {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}

.insuranceTable button {
  text-indent: 9999px;
  width: 26px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}

.printBtn {
  background-image: url("../Images/printIcon.png");
}
.createClaimBtnApprovalList {
  background-image: url("../Images/createIcon.png");
}

.openClaims {
  background-image: url("../Images/ConfirmApprovalIcon.png");
}

.openClaims__info {
  background-image: url("../Images/ConfirmApprovalIcon.png");
  cursor: auto;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.hasNewResponse {
  background-image: url("../Images/ConfirmApprovalIcon.png");
}

.printBtnColors {
  color: #fff;
  background-color: #ea528c;
  border-color: #d04b7d;
}
.printBtnColors.active,
.printBtnColors:active,
.printBtnColors:focus,
.printBtnColors:hover {
  color: #fff;
  background-color: #bf0c51;
  border-color: #d04b7d;
}
.claimBtnColors {
  color: #fff;
  background-color: #ece62c;
  border-color: #c5bf1d;
}
.claimBtnColors.active,
.claimBtnColors:active,
.claimBtnColors:focus,
.claimBtnColors:hover {
  color: #fff;
  background-color: #ece62c;
  border-color: #c5bf1d;
}

.ErrorBtnColors {
  color: #fff;

  border-color: #fc0505;
}
.ErrorBtnColors.active,
.ErrorBtnColors:active,
.ErrorBtnColors:focus,
.ErrorBtnColors:hover {
  color: #fff;
  border-color: #fc0505;
}

.SplitBtn {
  color: #fff;
  background-color: #712fa7;
  border-color: #61288f;
}
.SplitBtn.active,
.SplitBtn:active,
.SplitBtn:focus,
.SplitBtn:hover {
  color: #fff;
  background-color: #4b0981;
  border-color: #6f29a8;
}

.insuranceTable .viewBtn {
  background-image: url("../Images/viewIcon.png");
}
.insuranceTable .editBtn {
  background-image: url("../Images/editIcon.png");
}
.insuranceTable .cancelBtn {
  background-image: url("../Images/deleteIcon.png");
}

.insuranceTable .errorBtn {
  background-image: url("../Images/viewIcon.png");
}

.insuranceTable .showInvoiceBtn {
  background-image: url("../Images/createIcon2.png");
}

.insuranceTable .eclaim_show_error {
  background-image: url("../Images/eclaim.png");
  background-size: auto;
  background-position: center;
}
.show_EClaim_errors {
  padding: 3px 30px !important;
}

.E-ClaimBody {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.font__bold {
  font-weight: bold;
  color: #3b3b3b !important;
}
.insuranceTable .createRemittanceBtn,
.insuranceTable .createClaimBtn {
  background-image: url("../Images/createIcon.png");
}
.insuranceTable .createAppResponseBtn {
  background-image: url("../Images/createIcon2.png");
}
.insuranceTable .downloadXMLBtn {
  background-image: url("../Images/ic_file_download_white_24dp_1x.png");
}
.insuranceTable .settleBtn {
  background-image: url("../Images/settleIcon.png");
  display: none;
}

#activitiesTable .custom-combobox-input {
  width: 130px;
}

.insuranceTable .createClaimBtn.disabled {
  opacity: 0.4;
}

.createApprovalResponse #activitiesTable .activityInput {
  display: block;
  width: 100px !important;
}

.tooltip,
.tooltip * {
  font-size: 12px;
}

.commonTableDiv {
  border-radius: 3px;
  overflow: hidden;
}

.commonTableDiv .thead {
  background: #0c4d8f;
  color: #fff;
  font-weight: 500;
}
#newRemittancesTable .thead {
  background: #0c4d8f;
  color: #fff;
  font-weight: 500;
}
#claimssTable .thead {
  background: #dff3da;
  color: rgb(0, 0, 0);
}

#actsOfClaimsTable .thead {
  background: #e3effa;
  color: rgb(0, 0, 0);
}

.commonTableDiv .tr {
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  transition: background 0.5s;
}

.commonTableDiv .tbody > .tr.doctorRow:hover,
.commonTableDiv .tbody > .tr.branchRow:hover {
  background: #fbeed5;
  cursor: pointer;
}
.commonTableDiv .tbody > .tr.treatmentRow:hover,
.commonTableDiv .tbody > .tr.diagnosticRow:hover {
  background: #fbeed5;
}

.commonTableDiv .td,
.commonTableDiv .th {
  float: left;
  padding: 7px 4px;
}
.commonTableDiv .thead .td,
.commonTableDiv .thead .th {
  font-size: 12px;
}
.commonTableDiv .tbody .td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.commonTableDiv .commonTableDiv {
  margin: 15px 20px;
  border: 1px solid #b8b8b8;
}

.commonTableDiv .commonTableDiv .thead {
  background: #f5f3e4;
  color: #000;
}

.commonTableDiv .commonTableDiv .commonTableDiv {
  margin: 15px 30px;
}

.commonTableDiv .checkboxCont .checkbox {
  float: left;
  width: 16px;
  height: 16px;
}

.commonTableDiv .emptyTable {
  display: none !important;
}

#claimsAndActsTable .th,
#claimsAndActsTable .td {
  width: 9%;
}
#claimsAndActsTable .td.notes,
#claimsAndActsTable .th.notes,
#claimsAndActsTable .th.claimID,
#claimsAndActsTable .td.claim {
  width: 13%;
}
#claimsAndActsTable #actsTable .th,
#claimsAndActsTable #actsTable .td {
  width: 10%;
}
#claimsAndActsTable #actsTable .th .activityPaymentAmount #act,
#claimsAndActsTable #actsTable .td .activityPaymentAmount {
  margin-right: 15px;
}

#claimsAndActsTable .claimDetailsRow {
  display: none;
}

#claimsAndActsTable .expandCollapseIcon,
#newApprovalsTable .expandCollapseIcon,
#newRemittancesTable .expandCollapseIcon {
  float: right;
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin-right: 5px;
  background: url("../Images/downArrowCircle.png") no-repeat;
  transition: all 0.5s;
}

#claimsAndActsTable .active .expandCollapseIcon,
#newApprovalsTable .active .expandCollapseIcon,
#newRemittancesTable .active .expandCollapseIcon {
  transform: rotate(180deg);
}

#claimsAndActsTable .tr.selected,
#newApprovalsTable .tr.selected,
#newRemittancesTable .tr.selected {
  background: #fbeed5;
}

.createRemittanceNewCont .topSection input,
.createClaimNewCont .topSection input {
  width: 100%;
  margin-bottom: 10px;
}

.createRemittanceNewCont .claimFieldCont #claimID,
.createClaimNewCont .approvalFieldCont #approvalNumber {
  width: calc(100% - 40px);
  float: left;
}
.createRemittanceNewCont .claimFieldCont .searchBtn,
.createClaimNewCont .approvalFieldCont .searchBtn {
  background: url(../Images/searchIcon.png) no-repeat center;
  width: 34px;
  height: 34px;
  vertical-align: middle;
  float: right;
  background-size: 20px;
}
.createRemittanceNewCont .claimFieldCont label,
.createClaimNewCont .approvalFieldCont label {
  display: block;
  clear: both;
}

.createRemittanceNewCont .custom-combobox,
.createClaimNewCont .custom-combobox {
  display: block;
}
.createRemittanceNewCont .custom-combobox .custom-combobox-input,
.createClaimNewCont .custom-combobox .custom-combobox-input {
  height: 34px;
}

.claimSearchTarget,
.approvalSearchTarget {
  background: #d8efd4;
  transition: all 0.5s;
}

.patientNameField .smallLoader {
  width: 24px;
  height: 24px;
  background: url(../Images/smallLoader.gif) no-repeat center;
  background-size: 60px;
  vertical-align: -7px;
  margin-left: -30px;
  display: none;
}

#newApprovalsTable .th,
#newApprovalsTable .td {
  width: 20%;
}
#newActsTable .th,
#newActsTable .td {
  width: 10%;
}
#newRemittancesTable .th,
#newRemittancesTable .td {
  width: 22%;
}

.detailsPage.createApproval .activityCont {
  margin-bottom: 10px;
}

.createClaimNewCont .filterCont .customBtn {
  margin-top: 24px;
}

.createClaimNewCont .filterCont {
  padding: 0;
  border: 0;
}

.createClaimBtn {
  display: none;
}

.selectOneApproval {
  margin-bottom: 20px;
}
.dateFields {
  margin-bottom: 20px;
}

#newApprovalsTable .approvalDetailsRow {
  display: none;
}

.obsDetailsRow {
  display: none;
  padding: 15px;
}
.addingObsCont * {
  margin-right: 20px;
}

#obsTable {
  margin: 15px 0 0;
  /* width: 600px; */
}
#obsTable.createApp {
  display: none;
  margin: 15px 0 0;
  /* width: 600px; */
}

#obsTable .thead {
  background: #c6ddc6;
}

#obsTable .th,
#obsTable .td {
  width: 25%;
}

#newRemittancesTable .remittanceDetailsRow {
  display: none;
}

#newRemittancesTable #claimssTable .th,
#newRemittancesTable #claimssTable .td {
  width: 13%;
}
#newRemittancesTable #actsOfClaimsTable .th,
#newRemittancesTable #actsOfClaimsTable .td {
  width: 12.5%;
}

#newRemittancesTable .claimDetailsRow {
  display: none;
}

table.table.table-striped tr.deletedRowColor td {
  background-color: #eaeaea;
  color: #969696;
}

.acceptableRejectionBtn {
  color: white;
  background-color: #4d7ab5;
  margin-left: 10px;
}
.acceptableRejectionBtn:hover {
  color: white;
  background-color: #2159a3;
}
.acceptableRejectionBtn:disabled {
  cursor: not-allowed;
  pointer-events: auto;
}
.resubmitRequestBtn {
  color: white;
  margin: 0 10px;
}
.resubmitRequestBtn:disabled {
  cursor: not-allowed;
  pointer-events: auto;
}
.errorMsg {
  color: #db0202;
}

.claimBtn {
  border-radius: 5px;
  border-style: none;
  padding: 3px 8px;
  margin: 5px 0 0 4px;
}
.selectedClaimBtn {
  color: white;
  background-color: #004083;
}

.selectedClaimBtn:hover {
  background-color: #013465;
}

.unSelectedClaimBtn {
  color: white;
  background-color: #929498;
}

.unSelectedClaimBtn:hover {
  background-color: #5f5f5f;
}

.tabContent {
  background-color: #0d4c8f;
}
.tablinks {
  background-color: transparent;
  color: white;
  border: none;
  padding: 10px;
}
.activetab {
  background-color: #5db054;
}
.activetab:hover {
  background-color: #338076;
}
.tablinks:hover {
  background-color: #338076;
}

/* claim details new styles */

.eachItem {
  width: 50%;
  float: left;
  min-height: 30px;
}

.eachLabel {
  width: 23%;
}

.firstSection {
  margin-bottom: 20px;
}

.tabsSection {
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 5px;
}

.activitiesContainer {
  /* border-bottom: 1px solid #f29a1e; */
}

.claimsSubTitle {
  display: inline-block;
}

.diagnosisContainer {
  margin-top: 20px;
}

.cancelEditRow,
.cancelEditRowInResubmitMode {
  cursor: pointer;
  display: inline-block;
  width: 22px;
  height: 22px;
  background: #ddd;
  text-align: center;
  border-radius: 200px;
  font-family: cursive;
  box-shadow: 0 0 4px 0px #373737;
}

.invoiceRedirect {
  /* color: #245897; */
  /* text-decoration: underline; */
  /* cursor: pointer; */
}

/* .invoiceRedirect:hover {
  cursor: pointer;
  color: #4d7ab5;
} */

.splitUpdateActivity,
.splitUpdateDiagnosis {
  display: none;
}

.splitEditingActivityRow .splitEditVisible,
.splitEditingDiagnosisRow .splitEditVisible {
  display: inline-block;
}

.splitEditingActivityRow .splitEditHidden,
.splitEditingDiagnosisRow .splitEditHidden {
  display: none;
}
.splitedActivityHR {
  position: absolute;
  width: 100%;
  border-color: black;
  margin-bottom: 0px;
  margin-top: 0px;
  height: 1px;
}
.splittedActivityRow {
  color: #959595;
}
.splittedActivityRoww {
  text-decoration: line-through;
  color: #959595;
}
table {
  position: relative;
}
.CompletedActivity td {
  background-color: #08af0b8f !important;
}

.CompletedActivitiesNote {
  color: #08af0b;
  font-weight: bold;
  visibility: hidden;
  margin-bottom: 10px;
}

.Actions_Activites-Response {
  padding: 20px 0;
}

.sixth__section,
.ManualRemittance {
  display: none !important;
  margin: 20px 0;
  margin-bottom: 40px;
}

.sixth__section.active,
.ManualRemittance.active {
  display: block !important;
  border: 3px solid #2165b8;
  background-color: rgb(117 154 203);
  padding-bottom: 30px;
  border-radius: 6px;
}

.six__section-top,
.ManualRemittance__section-top {
  padding: 0 20px;
  margin-bottom: 20px;
  color: #fff;
  font-weight: bold;
}

.six__section-top p,
.ManualRemittance__section-top p {
  font-size: 20px !important;
  margin-top: 20px;
}

.Activites__responses,
.Activites__responses table,
.ManualRemittance__Container,
.ManualRemittance__Container table {
  /* background-color: #2165b8; */
  border-color: #2165b8;
}

.Activites__responses table th,
.ManualRemittance__Container table th {
  color: #fff;
}

.top__header-details {
  display: flex;
  align-items: center;
  background-color: #f3f6fd;
  /* background-color: red; */
  height: 50px;

  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  z-index: 123;
}

.top__header-details_info {
  display: flex;
  align-items: center;
  margin: 0 auto;
  gap: 20px;
}

.top__header-details_info p {
  background-color: #286dc2;
  color: #fff;
  padding: 5px 20px;
  border-radius: 6px;
  font-size: 16px;
}

.app__details-container {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  gap: 20px;
  margin: 20px 0;
  flex-wrap: wrap;
}

.item__wrapper {
  /* flex: 1; */
  /* min-height: 200px; */
  height: 32rem;
  width: 32.1%;
  /* box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px,
    rgba(17, 17, 26, 0.05) 0px 8px 32px; */
  border-radius: 6px;
  padding: 10px;
  border: 2px solid #a2b8d4;
  position: relative;
  margin-bottom: 10px;
  padding-top: 15px;
}

.item__wrapper-claim {
  /* flex: 1; */
  /* min-height: 200px; */
  height: 26rem;
  width: 49%;
  /* box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px,
    rgba(17, 17, 26, 0.05) 0px 8px 32px; */
  border-radius: 6px;
  padding: 10px;
  border: 2px solid #a2b8d4;
  position: relative;
  margin-bottom: 10px;
  padding-top: 15px;
}

.item__container {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.item__container-claim {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.item__container-claim label {
  margin-bottom: 0;
}

.item__container label {
  margin-bottom: 0;
}

.item__header {
  font-weight: 600;
  color: #043f78;
  margin-bottom: 20px;
  position: absolute;
  left: 22px;
  top: -30px;
  background: #fff;
  padding: 0 5px;
  font-size: 16px;
}

.section__border {
  border: 2px solid #a2b8d4;
  border-radius: 6px;
  position: relative;
  margin-bottom: 40px;
  padding: 20px;
}

.section__border.blue__background .subTitle.subTitle {
  background-color: #f3f6fd;
}

.section__border .subTitle.subTitle {
  position: absolute;
  top: -20px;
  left: 20px;
  background-color: #fff;
  border: none;
  padding: 0 5px;
}

.section__border .oHidden.margin__bottom {
  margin-bottom: 50px;
}

.six__section-top-header,
.ManualRemittance__section-top-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#closeManualResponse,
#closeManualRemittance {
  border: none;
  background-color: transparent;
}
#closeManualResponse svg,
#closeManualRemittance svg {
  color: #fff;
}

.third__actionsBtn {
  margin: 40px 0;
  text-align: center;
}

.item__container label {
  min-width: 170px;
  /* text-align: end; */
}

.item__container-claim label {
  min-width: 200px;
  /* text-align: end; */
}

/* .commonTable thead tr th:not(:last-child),
.commonTable tbody tr td:not(:last-child) {
  border-right: 1px solid #c8c8c8;
  padding: 0 2px;
} */

.seven {
  display: none;
}

.seven.active,
.second.active {
  display: block;
}

.show__Activites,
.second {
  display: none;
}

.show__Activites.active {
  display: flex;
  margin-left: right;
  margin-bottom: 30px;
  cursor: pointer;
  text-decoration: underline;
  width: fit-content;
  font-weight: 600;
  font-size: 16px;
}

.approval__listing-subtitle {
  min-width: 70px;
  display: inline-block;
  padding-left: 2px;
}

.choosenResubmittionType {
  margin-bottom: 20px;
}

.error-message {
  color: red;
}

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

.dropbtn {
  border: none;
  background-color: #286dc2;
  color: #fff;
  font-size: 16px;
  padding: 8px 16px;
}

.dropDown__img {
  filter: invert(1);
}

.dropdown-content {
  display: none;
  position: absolute;
  right: 1px;
  background-color: #f9f9f9;
  min-width: 250px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
  padding: 10px;
  margin-top: 5px;
}

.dropdown-content button {
  color: black;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: transparent;
  border: none;
  margin: 5px;
  width: 250px;
}

.dropdown-content button.active,
.dropdown-content button:active,
.dropdown-content button:focus,
.dropdown-content button:hover {
  background-color: #ddd9d9;
  color: #151515;
}

.dropdown-content button img {
  filter: invert(1);
}

.dropdown-content button:hover {
  background-color: #ddd9d9;
  color: #151515;
}

.modal-title {
  margin-bottom: 1rem;
}

.print-button:hover {
  background-color: rgb(26, 68, 121);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.print-button-container {
  display: flex;
  justify-content: center;
}
.print-button {
  border: none;
  color: #fff;
  background-color: rgb(36, 88, 151);
  padding: 0.7rem 1.2rem;
  border-radius: 10px;
  font-size: 2.5rem;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.resubmition__info-containet:first-child {
  margin-top: 15px;
}

.buttonActions button {
  margin-top: 2px;
}

.flex-container {
  display: flex;
  flex-direction: column;
}

.flex-item {
  margin-bottom: 10px;
}

.flex-item span {
  display: inline-block;
  min-width: 150px;
  font-weight: 600;
}

.crediteNoteButton {
  float: right;
  margin: 15px 0;
}

.panel-heading {
  background-color: #286dc2 !important;
  color: #fff !important;
  cursor: pointer;
}

.chargesType {
  font-weight: 500;
  margin-bottom: 5px;
}

.btn:disabled,
.AddManualRemittance:disabled {
  cursor: not-allowed !important;
  pointer-events: all;
}

.AddManualRemittance:disabled:hover,
.AddManualRemittance:disabled,
.submitClaim:disabled,
.submitClaim:disabled:hover {
  background-color: transparent;
  border: none;
  pointer-events: all;
}

.downloadClaimItem {
  margin-bottom: 15px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 16px;
  word-wrap: break-word;
}

.downloadClaimItem > * {
  margin-bottom: 7px;
}

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

.claimProductId {
  cursor: pointer;
  color: #0056b3;
}
.truncate-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.refresh-modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.refresh-modal-container__wrapper {
  background: white;
  padding: 20px;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  width: 50%;
  height: 40%;
  justify-content: space-evenly;
  align-items: center;
}
.refresh-modal-container__content {
  display: block;
  font-size: 16px;
}
.refresh-modal-container__button {
  padding: 10px 20px;
  background: #0056b3;
  color: white;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  display: block;
}

#gopReasonText {
  width: 100%;
  height: 150px;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  box-sizing: border-box;
}

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

.modal-header .close span {
  font-size: 28px; /* or larger as needed */
}