@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");
.btnClose {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  opacity: 1;
}

.bg-lg {
  background: #a9fce9;
}

.bg-lp {
  background: #fdd6d6;
}

.bg-lb {
  background: #effcff;
}

.bg-db {
  background-color: #5277FA;
  color: #fff !important;
}

.bg-or {
  background-color: #F5A163;
  color: #fff !important;
}

body {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  overflow-y: scroll;
}

a,
.btn {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn {
  --bs-btn-color: #303030;
}

.btn-primary {
  --bs-btn-color: #fff;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

a:focus,
.btn:focus,
button:focus,
.form-control:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.btn-secondary {
  color: #fff;
}
.btn-secondary:hover {
  color: #fff !important;
}

a:hover {
  text-decoration: none;
}

.form-control::-webkit-input-placeholder,
.k-input-inner::-webkit-input-placeholder {
  color: #8c8c8c;
  opacity: 1;
  font-weight: 400;
}

.form-control:-ms-input-placeholder,
.k-input-inner:-ms-input-placeholder {
  color: #8c8c8c;
  opacity: 1;
  font-weight: 400;
}

.form-control::-ms-input-placeholder,
.k-input-inner::-ms-input-placeholder {
  color: #8c8c8c;
  opacity: 1;
  font-weight: 400;
}

.form-control::-webkit-input-placeholder, .k-input-inner::-webkit-input-placeholder {
  color: #8c8c8c;
  opacity: 1;
  font-weight: 400;
}

.form-control::-moz-placeholder, .k-input-inner::-moz-placeholder {
  color: #8c8c8c;
  opacity: 1;
  font-weight: 400;
}

.form-control:-ms-input-placeholder, .k-input-inner:-ms-input-placeholder {
  color: #8c8c8c;
  opacity: 1;
  font-weight: 400;
}

.form-control::-ms-input-placeholder, .k-input-inner::-ms-input-placeholder {
  color: #8c8c8c;
  opacity: 1;
  font-weight: 400;
}

.form-control::placeholder,
.k-input-inner::placeholder {
  color: #8c8c8c;
  opacity: 1;
  font-weight: 400;
}

.preloader {
  background-color: rgba(0, 0, 0, 0.4117647059);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2147483647;
}
.preloader .spinner-border {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
}

.secPreloader {
  background-color: #fff;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  border-radius: 20px;
}
.secPreloader .spinner-border {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
}

.scrolltotop {
  position: fixed;
  bottom: -50px;
  right: 21px;
  border-radius: 40px;
  background-clip: padding-box;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  opacity: 0;
  z-index: 1000;
  padding: 0px;
  border: none;
  font-size: 0.75rem;
}

.scrolltotop,
.scrolltotop i,
.scrolltotop i:before {
  height: 36px;
  width: 36px;
  line-height: 34px;
  display: block;
}

.show-to-top {
  opacity: 1;
  bottom: 15px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  padding: 0 !important;
}

@media (max-width: 1199.98px) {
  .show-to-top {
    bottom: 55px;
  }
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?kzh6b6");
  src: url("../fonts/icomoon.eot?kzh6b6#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?kzh6b6") format("truetype"), url("../fonts/icomoon.woff?kzh6b6") format("woff"), url("../fonts/icomoon.svg?kzh6b6#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-down:before {
  content: "\e900";
}

.icon-arrow-left:before {
  content: "\e901";
}

.icon-arrow-right:before {
  content: "\e902";
}

.icon-dot:before {
  content: "\e903";
}

.icon-info:before {
  content: "\e904";
}

.icon-search:before {
  content: "\e905";
}

.icon-tick:before {
  content: "\e906";
}

.icon-toggle:before {
  content: "\e907";
}

.icon-export:before {
  content: "\e908";
}

.icon-active:before {
  content: "\e909";
}

.icon-close:before {
  content: "\e90a";
}

.icon-link:before {
  content: "\e90b";
}

.icon-download:before {
  content: "\e90c";
}

.icon-calendar:before {
  content: "\e90d";
}

.icon-activity:before {
  content: "\e90e";
}

.icon-plus:before {
  content: "\e90f";
}

.icon-fees:before {
  content: "\e910";
}

.icon-bundle:before {
  content: "\e911";
}

.icon-clock:before {
  content: "\e9a6";
}

.icon-video:before {
  content: "\e913";
}

.icon-chat:before {
  content: "\e914";
}

.icon-arrow:before {
  content: "\e915";
}

.icon-arrow-link:before {
  content: "\e916";
}

.icon-play:before {
  content: "\e917";
}

.icon-email:before {
  content: "\e918";
}

.icon-phone:before {
  content: "\e919";
}

.icon-image:before {
  content: "\e91a";
}

.icon-message:before {
  content: "\e91b";
}

.icon-unlock:before {
  content: "\e91c";
}

.icon-edit:before {
  content: "\e91d";
}

.icon-delete:before {
  content: "\e91e";
}

.icon-pen:before {
  content: "\e91f";
}

.icon-lock:before {
  content: "\e920";
}

.icon-no-record:before {
  content: "\e921";
}

.icon-hearing:before {
  content: "\e922";
}

.icon-virtual:before {
  content: "\e923";
}

.icon-video-join:before {
  content: "\e924";
}

.icon-pin:before {
  content: "\e925";
}

.icon-schedule:before {
  content: "\e926";
}

.icon-eye:before {
  content: "\e927";
}

.icon-terms:before {
  content: "\e928";
}

.icon-cloud:before {
  content: "\e929";
}

.icon-draft:before {
  content: "\e92a";
}

.icon-user:before {
  content: "\e92b";
}

.icon-payment:before {
  content: "\e92c";
}

.icon-accept:before {
  content: "\e92d";
}

.icon-manage:before {
  content: "\e92e";
}

.icon-print:before {
  content: "\e92f";
}

.icon-pdf:before {
  content: "\e930";
}

.icon-assign-cpo:before {
  content: "\e931";
}

.icon-assign-judge:before {
  content: "\e932";
}

.icon-events:before {
  content: "\e933";
}

.icon-close-circle:before {
  content: "\e934";
}

.icon-issue:before {
  content: "\e935";
}

.icon-issue-history:before {
  content: "\e936";
}

.icon-issue-doc:before {
  content: "\e937";
}

.icon-review-doc:before {
  content: "\e938";
}

.icon-download-all:before {
  content: "\e939";
}

.icon-view-all:before {
  content: "\e93a";
}

.icon-building:before {
  content: "\e93b";
}

.icon-dollar:before {
  content: "\e93c";
}

.icon-activate:before {
  content: "\e93d";
}

.icon-process:before {
  content: "\e93e";
}

.icon-court:before {
  content: "\e93f";
}

.icon-case:before {
  content: "\e940";
}

.icon-download-arrow:before {
  content: "\e941";
}

.icon-add-file:before {
  content: "\e942";
}

.icon-lawyer:before {
  content: "\e943";
}

.icon-doc:before {
  content: "\e944";
}

.icon-amount:before {
  content: "\e945";
}

.icon-approve:before {
  content: "\e946";
}

.icon-reject:before {
  content: "\e947";
}

.icon-de-registration:before {
  content: "\e948";
}

.icon-suspend-registration:before {
  content: "\e949";
}

.icon-history:before {
  content: "\e94a";
}

.icon-add-note:before {
  content: "\e94b";
}

.icon-certificate:before {
  content: "\e94c";
}

.icon-mirror-will:before {
  content: "\e94d";
}

.icon-session-out:before {
  content: "\e94e";
}

.icon-id:before {
  content: "\e94f";
}

.icon-notificationPin:before {
  content: "\e950";
}

.icon-notification:before {
  content: "\e951";
}

.icon-interviewcompleted:before {
  content: "\e952";
}

.icon-on-Leave:before {
  content: "\e953";
}

.icon-status-Lock:before {
  content: "\e954";
}

.icon-user-X:before {
  content: "\e955";
}

.icon-briefcase:before {
  content: "\e956";
}

.icon-interviewreschedule:before {
  content: "\e957";
}

.icon-interviewscheduled:before {
  content: "\e958";
}

.icon-schedule-interview:before {
  content: "\e959";
}

.icon-icon-Logut:before {
  content: "\e95a";
}

.icon-gust_user:before {
  content: "\e95b";
}

.icon-filePlus:before {
  content: "\e95c";
}

.icon-videoIcon:before {
  content: "\e95d";
}

.icon-question-circle:before {
  content: "\e95f";
}

.icon-copyLink:before {
  content: "\e95e";
}

.icon-userStroke:before {
  content: "\e960";
}

.icon-livenesspending:before {
  content: "\e961";
}

.icon-kycpending:before {
  content: "\e962";
}

.icon-livenessskipped:before {
  content: "\e963";
}

.icon-kycskipped:before {
  content: "\e964";
}

.icon-livenessnotchecked:before {
  content: "\e965";
}

.icon-kycnotverified:before {
  content: "\e966";
}

.icon-livenesschecked:before {
  content: "\e967";
}

.icon-kycverified:before {
  content: "\e968";
}

.icon-infoBorder:before {
  content: "\e969";
}

.icon-teams:before {
  content: "\e96a";
}

.icon-right-double-arrow:before {
  content: "\e96b";
}

.icon-left-double-arrow:before {
  content: "\e96c";
}

.icon-mobileAppInstall:before {
  content: "\e96f";
}

.icon-mailSend:before {
  content: "\e96e";
}

.icon-kycverifiedBold:before {
  content: "\e96d";
}

.icon-pdf-file:before {
  content: "\e970";
}

.icon-eye-border:before {
  content: "\e971";
}

.icon-generatePdf:before {
  content: "\e972";
}

.icon-shareDocument:before {
  content: "\e973";
}

.icon-requestUpdate:before {
  content: "\e974";
}

.icon-casebundleHistory:before {
  content: "\e975";
}

.icon-lockborder:before {
  content: "\e976";
}

.icon-unlockborder:before {
  content: "\e977";
}

.icon-transfer:before {
  content: "\e978";
}

.icon-document-type:before {
  content: "\e979";
}

.icon-hiddenIcon:before {
  content: "\e97a";
}

.icon-visibleIcon:before {
  content: "\e97b";
}

.icon-claimformView:before {
  content: "\e97c";
}

.icon-claimformHidden:before {
  content: "\e97d";
}

.icon-reply:before {
  content: "\e97e";
}

.icon-itemCopy:before {
  content: "\e97f";
}

.icon-border-close:before {
  content: "\e980";
}

.icon-filter:before {
  content: "\e981";
}

.icon-vision:before {
  content: "\e982";
}

.icon-linked-user:before {
  content: "\e983";
}

.icon-scrollTop:before {
  content: "\e984";
}

.icon-starStroke:before {
  content: "\e985";
}

.icon-StarFill:before {
  content: "\e986";
}

.icon-no-preview:before {
  content: "\e987";
}

.icon-privateUser:before {
  content: "\e988";
}

.icon-publicUser:before {
  content: "\e989";
}

.icon-notvarified:before {
  content: "\e98a";
}

.icon-varified:before {
  content: "\e98b";
}

.icon-markascompleted:before {
  content: "\e98c";
}

.icon-maximize:before {
  content: "\e98d";
}

.icon-failed:before {
  content: "\e98e";
}

.icon-viewDetails:before {
  content: "\e98f";
}

.icon-ChangeJurisdiction:before {
  content: "\e990";
}

.icon-amendCase:before {
  content: "\e991";
}

.icon-closedLaw:before {
  content: "\e992";
}

.icon-activeLaw:before {
  content: "\e993";
}

.icon-judgeStatus:before {
  content: "\e994";
}

.icon-previousValues:before {
  content: "\e995";
}

.icon-issue-document:before {
  content: "\e996";
}

.icon-approval1:before {
  content: "\e997";
}

.icon-approval2:before {
  content: "\e998";
}

.icon-exclude:before {
  content: "\e999";
}

.icon-parties:before {
  content: "\e99b";
}

.icon-case2:before {
  content: "\e99c";
}

.icon-Datetoday:before {
  content: "\e99d";
}

.icon-language:before {
  content: "\e9a0";
}

.icon-settings:before {
  content: "\e9a1";
}

.icon-court1:before {
  content: "\e9a2";
}

.icon-fees1:before {
  content: "\e9a3";
}

.icon-supporting-doc:before {
  content: "\e9a4";
}

.icon-clock:before {
  content: "\e9a6";
}

.icon-missingDoc:before {
  content: "\e9a7";
}

.icon-filter-fill:before {
  content: "\e9a8";
}

.icon-closed:before {
  content: "\e9ad";
}

.icon-calender-stroke:before {
  content: "\e9ac";
}

.icon-completed:before {
  content: "\e9ab";
}

.icon-refund:before {
  content: "\e9aa";
}

.icon-dollar1:before {
  content: "\e9a9";
}

.icon-reminder:before {
  content: "\e9ae";
}

.icon-rejected:before {
  content: "\e9af";
}

.icon-chairman:before {
  content: "\e9b0";
}

.icon-tribunalmember:before {
  content: "\e9b1";
}

.icon-notification1:before {
  content: "\e9b5";
}

.icon-video1:before {
  content: "\e9b3";
}

.icon-reject1:before {
  content: "\e9b6";
}

.icon-accept1:before {
  content: "\e9b4";
}

.icon-applictionUser:before {
  content: "\e9b7";
}

.icon-outgoing-email:before {
  content: "\e9b8";
}

body {
  scroll-behavior: smooth;
}
body.menuOverlay .flexColumn {
  overflow: hidden;
}
body.menuOverlay .main:before {
  visibility: visible;
  opacity: 1;
}

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

.k-clear-value {
  display: none;
}

p {
  font-size: 12px;
}

.pdfBox {
  max-width: 1000px;
  margin: 0 auto;
}
.pdfBox .bg-light {
  background-color: #EBEBEB !important;
}
.pdfBox .pdfHeader .flexpdfHdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pdfBox .pdfHeader .flexpdfHdr .contactDetail ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0px;
}
.pdfBox .pdfHeader .flexpdfHdr .contactDetail ul li {
  margin-left: 20px;
}
.pdfBox .pdfHeader .flexpdfHdr .contactDetail ul li p {
  margin: 0px;
  color: #000000;
  font-size: 12px;
  line-height: 18px;
  text-align: right;
  font-weight: 500;
}
.pdfBox .pdfHeader .pdfform {
  margin: 24px 0px 16px;
  text-align: center;
  position: relative;
}
.pdfBox .pdfHeader .pdfform::before {
  content: "";
  background-color: #EBEBEB;
  height: 3px;
  position: absolute;
  width: 100%;
  left: 0px;
  top: 11px;
}
.pdfBox .pdfHeader .pdfform h2 {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #0A1F62;
  line-height: 20px;
  display: inline-block;
  padding: 0px 30px;
  position: relative;
  z-index: 2;
  background-color: #fff;
}
.pdfBox .pdfHeader .issueCasedate ul {
  padding: 0px;
  list-style: none;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin: 0px;
}
.pdfBox .pdfHeader .issueCasedate ul li {
  margin-left: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  font-size: 12px;
}
.pdfBox .pdfHeader .issueCasedate ul li p {
  font-weight: 400;
  margin: 0px;
  font-size: 12px;
  padding-left: 5px;
}
.pdfBox h5 {
  padding: 5px 8px;
  font-weight: 600;
  font-size: 12px;
}
.pdfBox table {
  width: 100%;
}
.pdfBox table tbody td {
  width: 40%;
}
.pdfBox table h5 {
  color: #000000;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  position: relative;
  padding-left: 14px;
  margin: 0px;
  word-break: break-word;
}
.pdfBox table h5::before {
  content: ":";
  margin-right: 12px;
  position: absolute;
  left: 0px;
}
.pdfBox table h5 p {
  color: #000000;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
}
.pdfBox table p {
  color: #646464;
  font-size: 12px;
  margin: 0px;
}
.pdfBox table .pdfBorder {
  border-bottom: 3px solid #EBEBEB;
}
.pdfBox table h6 {
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 600;
  margin: 16px 0px;
  text-align: left;
}
.pdfBox table .Detailparagraph {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 6px;
}
.pdfBox table .documentSignature {
  font-family: "Satisfy", cursive;
}
.pdfBox table, .pdfBox th, .pdfBox td {
  border: 1px solid white;
  border-collapse: collapse;
}
.pdfBox tr {
  vertical-align: baseline;
}

.claimFormSCT {
  max-width: 1000px;
  margin: 0 auto;
  font-family: "Roboto", sans-serif;
}
.claimFormSCT .bg-blue {
  background-color: #0A1F62;
  color: #fff;
  font-size: 20px;
  text-align: left;
}
.claimFormSCT .pdfHeader .flexpdfHdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.claimFormSCT .pdfHeader .pdfLogo {
  width: 178px;
}
.claimFormSCT .pdfHeader .pdfLogo img {
  width: 100%;
}
.claimFormSCT .pdfHeader .pdfAddress {
  padding: 52px 60px 14px;
  border-bottom: 1px solid #cfcfcf;
}
.claimFormSCT .pdfHeader .pdfAddress p {
  color: #0A1F62;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 0px;
}
.claimFormSCT .pdfHeader .pdfAddresstop {
  padding: 10px 60px 14px;
  border-top: 1px solid #cfcfcf;
  margin-top: 20px;
}
.claimFormSCT .pdfHeader .pdfAddresstop p {
  color: #0A1F62;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 0px;
}
.claimFormSCT .pdfHeader .issueClaimDetail {
  padding: 30px 0px 5px;
}
.claimFormSCT .pdfHeader .issueClaimDetail h3 {
  color: #0A1F62;
  font-size: 28px;
  font-weight: 500;
  text-transform: initial;
  text-align: center;
  margin-bottom: 54px;
}
.claimFormSCT .pdfHeader .issueClaimDetail ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px;
  margin: 0px;
}
.claimFormSCT .pdfHeader .issueClaimDetail ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.claimFormSCT .pdfHeader .issueClaimDetail ul li h4 {
  font-size: 22px;
  font-weight: 500;
  color: #000;
  margin: 0px;
}
.claimFormSCT .pdfHeader .issueClaimDetail ul li h5 {
  font-size: 20px;
  font-weight: 400;
  color: #000;
  margin: 0px;
}
.claimFormSCT h5 {
  padding: 5px 8px;
  font-weight: 500;
  font-size: 20px;
}
.claimFormSCT table {
  width: 100%;
}
.claimFormSCT table h5 {
  color: #000000;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  position: relative;
  padding-left: 14px;
  margin: 0px;
}
.claimFormSCT table p {
  color: #000;
  font-size: 18px;
  margin: 0px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
  padding-left: 15px;
}
.claimFormSCT table p::before {
  content: ":";
  margin-right: 12px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.claimFormSCT table span {
  position: relative;
  /*	&::before {
  	content: ":";
  	position: absolute;
  	top: -3px;
  }*/
}
.claimFormSCT table span p {
  padding-left: 15px;
}
.claimFormSCT table span p::before {
  display: none;
}
.claimFormSCT table .pdfBorder {
  border-bottom: 3px solid #EBEBEB;
}
.claimFormSCT table h6 {
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 500;
  margin: 16px 0px;
}
.claimFormSCT table .Detailparagraph {
  font-size: 18px;
  line-height: 26px;
  padding-left: 14px;
  margin-bottom: 10px;
  font-weight: 400;
}
.claimFormSCT table .Detailparagraph.DetailparagraphTable figure table {
  position: relative;
}
.claimFormSCT table .Detailparagraph.DetailparagraphTable figure table tbody tr td {
  width: 1000px;
  position: relative;
}
.claimFormSCT table .Detailparagraph.DetailparagraphTable tbody tr td .table {
  display: block;
}
.claimFormSCT table .Detailparagraph p {
  padding-left: 15px;
}
.claimFormSCT table .Detailparagraph p::before {
  display: none;
}
.claimFormSCT table .documentSignature {
  font-family: "Satisfy", cursive;
}
.claimFormSCT table, .claimFormSCT th, .claimFormSCT td {
  border: 1px solid white;
  border-collapse: collapse;
}
.claimFormSCT tr {
  vertical-align: baseline;
}
.claimFormSCT tr td:first-child {
  width: 280px;
}
.claimFormSCT .pdfBordertable h6 {
  font-weight: 500;
  margin: 16px 0px;
  padding: 5px 8px;
}
.claimFormSCT .pdfBordertable th, .claimFormSCT .pdfBordertable td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px 10px;
}
.claimFormSCT .pdfBordertable th {
  font-size: 18px;
  font-weight: 600;
  text-align: left;
}
.claimFormSCT .pdfBordertable td {
  font-size: 18px;
  font-weight: 400;
}
@media print {
  .claimFormSCT thead {
    display: table-header-group;
  }
}
.claimFormSCT.probateDotremoved table p:before {
  display: none;
}

.readToggle {
  overflow: hidden;
  position: relative;
}
.readToggle #rmjs-1 button {
  display: block;
}
.readToggle .more[aria-expanded=false] {
  margin-bottom: 63px;
}
.readToggle .more {
  overflow: hidden;
  padding-bottom: 0px;
}
.readToggle .more button {
  display: none;
}
.readToggle p a {
  font-size: 0.875rem;
  font-weight: 300;
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.readToggle .readmoreA {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 120px;
  background: #31427B;
  color: #fff;
  border: 0;
  font-size: 12px;
  border-radius: 30px;
  padding: 8px;
  display: inline-block;
  bottom: 16px;
  text-decoration: none;
  text-align: center;
}
.readToggle.textlVisible {
  padding-bottom: 0px;
}
.readToggle.textlVisible:before {
  background-image: none;
}
.readToggle.textlVisible .readmore {
  height: auto;
}
.readToggle.textlVisible button {
  display: none;
}

.accordionNotification .accordion .accordion-item .accordion-header {
  padding-left: 0px;
}
.accordionNotification .accordion .accordion-item .accordion-button:after {
  left: auto;
  right: 0px;
}

.searchDropdown .dropdown-menu .k-input:focus-within {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.searchDropdown .dropdown-menu input:focus-within {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.k-popup .aiautoSearch .k-list-content ul {
  padding: 20px;
}
.k-popup .aiautoSearch .k-list-content ul li {
  padding: 12px 20px 12px 68px;
  border-radius: 10px;
}
.k-popup .aiautoSearch .k-list-content ul li:before {
  content: "";
  background-image: url(../images/file-search.svg);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 20px;
  top: 12px;
  background-size: 100%;
}
.k-popup .aiautoSearch .k-list-content ul li span {
  font-size: 18px;
  font-weight: 500;
}
.k-popup .aiautoSearch .k-list-content ul li:hover {
  background-color: #E4FDFF;
}

.main {
  padding-top: 5.125rem;
  padding-bottom: 5rem;
}
.main:before {
  position: fixed;
  content: "";
  background: rgba(0, 0, 0, 0.1);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.titleContainer {
  background: url("../images/title-bg.jpg") no-repeat right center;
  background-size: contain;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  -webkit-box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.06);
  margin-bottom: 2.625rem;
}
.titleContainer .titleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.titleContainer .titleWrap .backBtn {
  margin-right: 2rem;
}
.titleContainer .titleWrap .backBtn .btn {
  font-size: 0.875rem;
  width: 34px;
  height: 34px;
  padding: 0;
  background: #ededed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0;
  border-radius: 34px;
}
.titleContainer .titleWrap .backBtn .btn:hover {
  background: #d5f5fe;
}
.titleContainer .titleWrap .title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.titleContainer .titleWrap .title h2 {
  font-size: 1.375rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 1rem;
}
.titleContainer .titleWrap.titlesize .title h2 {
  font-size: 50px;
  margin-bottom: 10px;
}
.titleContainer .titleWrap.titlesize .title p {
  font-size: 18px;
  font-weight: 700;
}

.formCheckDefault {
  margin-bottom: 1.5rem;
}
.formCheckDefault .form-check-input {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.formCheckDefault .form-check-label {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #303030 !important;
  cursor: pointer;
}

.breadcrumb {
  margin-bottom: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.breadcrumb .breadcrumb-item {
  position: relative;
  font-size: 0.875rem;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 1rem;
  margin-left: 0.5rem;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  float: none;
  position: absolute;
  display: block;
  width: 10px;
  height: 12px;
  line-height: 12px;
  font-size: 0.5rem;
  color: #000;
  font-family: "icomoon";
  content: "\e902";
  padding-right: 0;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.breadcrumb .breadcrumb-item.active {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
}
.breadcrumb .breadcrumb-item a {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
  display: block;
  text-decoration: none;
  white-space: nowrap;
}
.breadcrumb .breadcrumb-item a:hover {
  color: #303030;
}

.textareArchive {
  width: 100%;
}

.addRemovenamendetail .form-control {
  margin-right: 20px;
}
.addRemovenamendetail span {
  margin-bottom: 15px;
}
.addRemovenamendetail .btn {
  min-width: 87px;
}
.addRemovenamendetail .emailsAddRemove {
  padding-top: 5px;
}
.addRemovenamendetail .emailsAddRemove i {
  font-size: 30px;
  cursor: pointer;
}
.addRemovenamendetail .emailsAddRemove i.icon-add-note {
  color: #0a1f62;
}
.addRemovenamendetail .emailsAddRemove i.icon-close-circle {
  color: #eb3354;
}
.addRemovenamendetail .emailsAddRemove.guestAddRemove {
  padding-top: 34px;
}

.documentSelection h3 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  text-align: center;
}
.documentSelection h5 {
  font-size: 22px;
  font-weight: 600;
}
.documentSelection p {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
}
.documentSelection .chooseoption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 30px 40px 0px;
}
.documentSelection .chooseoption .selectTemplate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  /*	border-right: 1px solid #DADADA;*/
  background-color: #F4F4F4;
  border: 1px solid #A4A4A4;
  border-radius: 20px;
  aspect-ratio: 2/2;
}
.documentSelection .chooseoption .uploadTemplate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  border: 1px solid #A4A4A4;
  background-color: #F4F4F4;
  border-radius: 20px;
  aspect-ratio: 2/2;
}
.documentSelection .chooseoption img {
  margin-bottom: 18px;
}
.documentSelection .chooseoption label {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  max-width: 180px;
  text-align: center;
}
.documentSelection .chooseoption .btn {
  border-radius: 5px;
  margin-top: 42px;
  font-size: 14px;
  line-height: 16px;
  padding: 11px 42px;
  color: #fff;
}
.documentSelection .chooseoption .myDocSelectFromTemplate {
  background-color: #143293;
}
.documentSelection .chooseoption .myDocSelectUploadDoc {
  background-color: #303030;
}

.onboardingPopup {
  height: 100%;
  position: relative;
}
.onboardingPopup .onboardingStatus {
  height: 100%;
  padding-bottom: 54px;
}
.onboardingPopup .onboardingStatus h5 {
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 12px;
}
.onboardingPopup .onboardingStatus .formEntry {
  height: calc(100% - 30px);
  overflow: auto;
}
.onboardingPopup .onboardingStatus .formEntry ul li {
  padding-bottom: 15px;
  padding-top: 20px;
}
.onboardingPopup .onboardingStatus .formEntry ul li .userNameDetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
.onboardingPopup .onboardingStatus .formEntry ul li .userNameDetail span {
  background-color: #EFFCFF;
  width: 46px;
  height: 46px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50px;
  margin-right: 15px;
}
.onboardingPopup .onboardingStatus .formEntry ul li .userNameDetail span img {
  width: 14px;
}
.onboardingPopup .onboardingStatus .formEntry ul li .userNameDetail label {
  display: block;
}
.onboardingPopup .onboardingStatus .formEntry ul li .userNameDetail h4 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
.onboardingPopup .onboardingStatus .formEntry ul li .userNameDetail h6 {
  font-size: 14px;
  line-height: 16px;
  color: #6A6A6A;
  font-weight: 400;
}
.onboardingPopup .onboardingStatus .formEntry ul li label {
  margin-bottom: 10px !important;
}
.onboardingPopup .onboardingStatus .formEntry .modal-footer {
  position: absolute;
  width: 100%;
  bottom: 0px;
}
.onboardingPopup .onboardingStatus .formEntry .modal-footer .btnWrap {
  width: 100%;
}

.detailsRow .card .probonoResponseDetails .card-body {
  padding-right: 1.5rem !important;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item {
  /*	&:last-child {
  	.accordion-collapse {
  		.accordion-body {
  			.borderSeperstion {
  				border-bottom: 0px;
  			}
  		}
  	}
  }*/
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-header .accordion-button h5 {
  margin: 0px;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-header .accordion-button h6 {
  margin: 0px;
  font-size: 14px;
  font-weight: 500;
  padding-left: 28px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.1294117647);
  display: inline-block;
  padding: 6px;
  border-radius: 5px;
  color: #000;
  margin-left: 30px;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-header .accordion-button h6:before {
  content: "";
  background-color: #646464;
  width: 4px;
  height: 4px;
  border-radius: 30px;
  position: absolute;
  left: -18px;
  top: 12px;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-header .probonoResponStatus {
  text-align: right;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-header .probonoResponStatus .ResponStatus {
  color: #303030;
  font-size: 14px;
  margin-right: 16px;
  font-weight: 500;
  display: inline-block;
  padding: 6px 8px;
  border-radius: 5px;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-header .probonoResponStatus .ResponStatus.pending {
  background-color: #FFC296;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-header .probonoResponStatus .ResponStatus.request {
  background-color: #3EC0CD;
  color: #fff;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-header .probonoResponStatus .ResponStatus.accepted {
  background-color: #0BC197;
  color: #fff;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-header .probonoResponStatus .ResponStatus.rejected {
  background-color: #E5242D;
  color: #fff;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-header .probonoResponStatus .date {
  font-size: 0.875rem;
  font-weight: 400;
  color: #303030;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 0.25rem 0.625rem;
  width: 115px;
  display: inline-block;
  text-align: center;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body {
  padding-right: 0px;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body h4 {
  background-color: #D5F5FE;
  border-radius: 5px;
  padding: 7px 8px;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  margin: 0px;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .btn-primary {
  font-size: 14px;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .borderBtn {
  padding: 0.4rem 0.75rem;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .responseEdit {
  background-color: #303030;
  color: #fff;
  border: 0;
  border-radius: 5px;
  min-width: 90px;
  padding: 6px 15px;
  font-size: 14px;
  font-weight: 500;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body textarea {
  width: 100%;
  border: 1px solid #DADADB;
  padding: 12px;
  border-radius: 10px;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .borderSeperstion {
  border-bottom: 1px solid #E4E4E4;
  padding-bottom: 16px;
  margin-bottom: 24px;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .borderSeperstion:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .requestStatus {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .requestStatus span {
  padding: 6px 8px;
  display: inline-block;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  margin-right: 16px;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .requestStatus span.requestSpan {
  background-color: #fe7f00;
  color: #ffffff;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .requestStatus span.pendingSpan {
  background-color: #FFDAA5;
  color: #000;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .requestStatus span.rejectedSpan {
  background-color: #E5242D;
  color: #fff;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .requestStatus span.responseSpan {
  background-color: #3EC0CD;
  color: #fff;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .requestStatus span.querySpan {
  background-color: #000000;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .requestStatus .btn_black {
  background-color: #303030;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .requestStatus .requestHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .requestStatus .requestHeader h5 {
  margin: 0px;
  font-size: 14px;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .requestStatus .requestHeader h6 {
  margin: 0px;
  margin-right: 16px;
  color: #6A6A6A;
  font-size: 14px;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .requesterDetail h5 {
  background-color: #D5F5FE;
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  padding: 8px;
  border-radius: 5px;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .requesterDetail h6 {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .FollowupQueryDetail .FollowupQueryNmae h4 {
  font-weight: 600;
  font-size: 16px;
  margin-right: 16px;
}
.detailsRow .card .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .FollowupQueryDetail .FollowupQueryNmae span {
  font-weight: 500;
}
.detailsRow .card .probonoResponseDetails .card-body .queryDetailspan {
  border-bottom: 1px solid #E4E4E4;
  margin-bottom: 20px;
  padding-bottom: 16px;
}
.detailsRow .card .probonoResponseDetails .card-body .queryDetailspan:last-child {
  margin-bottom: 0px;
  border-bottom: 0px;
  padding-bottom: 0px;
}
.detailsRow .card .probonoResponseDetails .card-body .queryDetailspan .queryRequestDetail {
  color: #000;
}
.detailsRow .card .probonoResponseDetails .card-body .queryDetailspan .queryRequestDetail h4 {
  color: #303030;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 0px;
}
.detailsRow .card .probonoResponseDetails .card-body .queryDetailspan .queryRequestDetail h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  background-color: #EFFCFF;
  border-radius: 5px;
  padding: 8px;
  margin-bottom: 0px;
  margin: 0px 16px;
}
.detailsRow .card .probonoResponseDetails .card-body .queryDetailspan .queryRequestDetail h6 {
  margin-bottom: 0px;
}
.detailsRow .card .probonoResponseDetails .card-body .queryDetailspan .queryStatusDetail p {
  margin-bottom: 0px;
  padding: 6px 15px;
  border-radius: 5px;
  margin: 0px 12px;
  font-size: 14px;
  line-height: normal;
}
.detailsRow .card .probonoResponseDetails .card-body .queryDetailspan .queryStatusDetail p.other-req-pending {
  background-color: #FFC296;
}
.detailsRow .card .probonoResponseDetails .card-body .queryDetailspan .queryStatusDetail p.other-req-completed {
  background-color: #0BC197;
  color: #fff;
}
.detailsRow .card .probonoResponseDetails .card-body .queryDetailspan .queryStatusDetail p.other-req-rejected {
  background-color: #EA5057;
  color: #fff;
}
.detailsRow .card .probonoResponseDetails .card-body .queryDetailspan .queryStatusDetail h5 {
  margin-bottom: 0px;
  padding: 6px 15px;
  border-radius: 5px;
  background-color: #EFFCFF;
  margin: 0px 12px;
  font-size: 14px;
  line-height: normal;
}
.detailsRow .card .probonoResponseDetails .card-body .queryDetailspan .queryStatusDetail .previewInput {
  background-color: #0a1f62;
  border: 0px;
  font-size: 14px;
  min-width: 91px;
  color: #fff;
  padding: 6px 15px;
  border-radius: 5px;
  line-height: normal;
  margin-left: 12px;
}
.detailsRow .card.willParties .card-body .willPartiesBody {
  padding: 20px 0px;
  border-bottom: 1px solid #E4E4E4;
}
.detailsRow .card.willParties .card-body .willPartiesBody:first-child {
  padding: 0px 0px 20px;
}
.detailsRow .card.willParties .card-body .willPartiesBody:last-child {
  padding: 20px 0px 0px;
  border-bottom: 0px;
}
.detailsRow .card.willParties .card-body .willPartiesBody .willpartiesDetail h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 8px;
}
.detailsRow .card.willParties .card-body .willPartiesBody .willpartiesDetail h6 {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0px;
}
.detailsRow .card.willParties .card-body .willPartiesBody .willpartiesStatus ul {
  padding: 0px;
  list-style: none;
  margin: 0px;
}
.detailsRow .card.willParties .card-body .willPartiesBody .willpartiesStatus ul li {
  margin: 0px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.detailsRow .card.willParties .card-body .willPartiesBody .willpartiesStatus ul li i {
  font-size: 26px;
  color: #969696;
}
.detailsRow .card.willParties .card-body .willPartiesBody .willpartiesStatus ul li i.iconGreen {
  color: #299A6B;
}
.detailsRow .card.willParties .card-body .willPartiesBody .willpartiesStatus ul li i.iconRed {
  color: #ED1313;
}
.detailsRow .card.willParties .card-body .willPartiesBody .willpartiesStatus ul li i.disableIcon {
  opacity: 0.5;
}
.detailsRow .card.willParties .card-body .willPartiesBody button {
  font-size: 14px;
  font-weight: 500;
  padding: 6px 17px;
  line-height: 18px;
}
.detailsRow .card.notarisedDocUpload .card-body .uploadDocWrap .uploadFiles {
  max-width: 540px;
}

.modal .formEntry {
  padding: 0px;
}

.probonoRejection .modal-dialog .modal-content .modal-body label {
  font-size: 14px;
  font-weight: 500;
  display: block;
  margin-bottom: 8px;
}
.probonoRejection .modal-dialog .modal-content .modal-body select {
  margin-bottom: 24px;
  border: 1px solid #C5C5C5;
  font-size: 14px;
}
.probonoRejection .modal-dialog .modal-content .modal-body textarea {
  border: 1px solid #DADADB;
  border-radius: 10px;
  width: 100%;
  min-height: 100px;
  font-size: 14px;
  padding: 12px;
}
.probonoRejection .modal-dialog .modal-content .modal-body textarea:focus-visible {
  outline: none;
}
.probonoRejection .modal-dialog .modal-content .modal-body .resoneSubmit {
  border-top: 1px solid #DADADA;
  margin-top: 20px;
  padding-top: 24px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.addDecision .hearingeventLivestream {
  padding: 0px;
  padding-bottom: 110px;
}
.addDecision .hearingeventLivestream .form-floating .form-control-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  margin-bottom: 0px;
}
.addDecision .hearingeventLivestream .btnWrap {
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  padding: 1.5rem 3.75rem;
  -webkit-box-shadow: 7px 0px 5px 0px #eee;
          box-shadow: 7px 0px 5px 0px #eee;
  background-color: #fff;
  z-index: 5;
}
.addDecision .hearingeventLivestream .btnWrap .btn-secondary {
  background-color: transparent;
  border: 0;
  color: #303030 !important;
  margin-bottom: 15px;
}
.addDecision .hearingeventLivestream .cms_form_popup_inner .btnWrap {
  position: unset;
  padding: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.addDecision .hearingeventLivestream .cms_form_popup_inner .btnWrap .btn {
  color: #D43836;
}
.addDecision .hearingeventLivestream .cms_form_popup_inner .btnWrap .btn:active {
  border-color: transparent;
}
.addDecision .urlinputSection {
  position: relative;
}
.addDecision .urlinputSection input {
  padding-right: 40px !important;
}
.addDecision .urlinputSection img {
  position: absolute;
  right: 17px;
  top: 20px;
}

.offcanvas.SidePopupModalNotification .offcanvas-header {
  padding: 30px 41px 0px 20px;
  margin-bottom: 0px;
  position: relative;
}
.offcanvas.SidePopupModalNotification .offcanvas-header button {
  position: absolute;
  right: 20px;
  top: 10px;
}
.offcanvas.SidePopupModalNotification .offcanvas-body {
  padding: 10px 0px;
}
.offcanvas.SidePopupModalNotification .offcanvas-body .onboardingPopup .card-body {
  height: 100%;
  position: relative;
}
.offcanvas.SidePopupModalNotification .offcanvas-body .onboardingPopup .card-body .accordion {
  height: calc(100% - 70px);
  overflow: auto;
}
.offcanvas.SidePopupModalNotification .offcanvas-body .onboardingPopup .card-body .accordion .accordion-item .accordion-header {
  padding: 0px 20px;
}
.offcanvas.SidePopupModalNotification .offcanvas-body .onboardingPopup .card-body .accordion .accordion-item .accordion-collapse .accordion-body {
  border-top: 0px;
}
.offcanvas.SidePopupModalNotification .offcanvas-body .onboardingPopup .card-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item {
  background-color: #FAFAFA;
  border-bottom: 0px;
  padding: 0px 20px;
  margin-bottom: 5px;
}
.offcanvas.SidePopupModalNotification .offcanvas-body .onboardingPopup .card-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .customNotification {
  padding: 0px 40px 15px 55px;
}
.offcanvas.SidePopupModalNotification .offcanvas-body .onboardingPopup .card-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .customNotification .clsNotificationBody {
  white-space: nowrap;
  overflow: hidden;
}
.offcanvas.SidePopupModalNotification .offcanvas-body .onboardingPopup .card-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .customNotification .clsNotificationBody h4 {
  text-overflow: ellipsis;
  /* white-space: nowrap; */
  overflow: hidden;
}
.offcanvas.SidePopupModalNotification .offcanvas-body .onboardingPopup .card-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .customNotification .clsNotificationBody p {
  font-size: 12px;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
  overflow: hidden;
}
.offcanvas.SidePopupModalNotification .btn {
  width: 75%;
  margin: 0px auto;
  display: table;
}
.offcanvas.SidePopupModalNotification .btn.clsViewAllNotification {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
}

.issueAdditionalCopies .buttonRow {
  border-top: 1px solid #e4e4e4;
  padding-top: 20px;
}
.issueAdditionalCopies .addRecipients li .addBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.issueAdditionalCopies .addRecipients li .addBtn .btn {
  width: 102px !important;
}
.issueAdditionalCopies .rgtbtns {
  border-top: 1px solid #dadada;
  padding-top: 25px;
  margin-top: 25px;
}

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

.pinandOtpvarification {
  padding-top: 40px;
}
.pinandOtpvarification .card-header {
  padding-bottom: 65px;
}
.pinandOtpvarification .card-header h3 {
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  font-weight: 600;
}
.pinandOtpvarification .card-header p {
  color: #898989;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}
.pinandOtpvarification .card-header .previewDocumentBox {
  background-color: rgba(20, 50, 147, 0.1019607843);
  display: table;
  margin: auto;
  padding: 17px 28px;
  border-radius: 10px;
  margin-top: 24px;
}
.pinandOtpvarification .card-header .previewDocumentBox a {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}
.pinandOtpvarification .card-header .previewDocumentBox a.otpBtnblue {
  color: #143293;
  font-weight: 700;
  text-underline-offset: 3px;
}
.pinandOtpvarification .otpVarificationbox {
  text-align: center;
  border-right: 1px solid #DADADA;
}
.pinandOtpvarification .otpVarificationbox h4 {
  font-size: 18px;
  line-height: 21px;
  color: #303030;
}
.pinandOtpvarification .otpVarificationbox p {
  font-size: 14px;
  line-height: 16px;
  color: #898989;
}
.pinandOtpvarification .otpVarificationbox img {
  margin-bottom: 20px;
}
.pinandOtpvarification .otpVarificationbox .otpInput {
  display: table;
  margin: 24px auto;
}
.pinandOtpvarification .otpVarificationbox input {
  background-color: transparent !important;
  text-align: center;
  max-width: 215px;
}
.pinandOtpvarification .otpVarificationbox button {
  min-width: 215px;
  padding: 11px 0px;
  border-radius: 5px;
  border: 0;
}
.pinandOtpvarification .otpVarificationbox button.otpBtnblue {
  background-color: #143293;
  color: #fff;
  margin-top: 20px;
  padding: 10px 0px;
}
.pinandOtpvarification .otpVarificationbox.disableBox {
  opacity: 0.6;
  pointer-events: none;
}
.pinandOtpvarification .otpVarificationbox .otpVerify {
  padding: 0px;
  border: 0px;
}
.pinandOtpvarification .otpVarificationbox .otpVerify h2 {
  font-size: 18px;
  line-height: 21px;
  color: #303030;
}
.pinandOtpvarification .otpVarificationbox .otpVerify .inputs {
  border-radius: 5px;
  max-width: 215px;
  height: 38px;
  margin: auto;
  margin-bottom: 16px;
}
.pinandOtpvarification .otpVarificationbox .otpVerify .inputs .form-control {
  width: 38px;
  height: 38px;
  margin-right: 0.875rem;
}
.pinandOtpvarification .otpVarificationbox .otpVerify .inputsWrap {
  margin-bottom: 0px;
}
.pinandOtpvarification .otpVarificationbox .otpVerify .inputsWrap p {
  text-align: center;
}

.pendingInvoicesClose .contentPadd .formEntry .InvoicesCloseHeadeing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pendingInvoicesClose .contentPadd .formEntry .InvoicesCloseHeadeing h5 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: #303030;
  padding: 8px;
  border-radius: 5px;
  margin-right: 24px;
  margin-bottom: 30px;
}
.pendingInvoicesClose .contentPadd .formEntry .InvoicesCloseHeadeing h5.ltBlue {
  background-color: #D5F5FE;
}
.pendingInvoicesClose .contentPadd .formEntry .InvoicesCloseHeadeing h5.ltGreean {
  background-color: #A9FCE9;
}
.pendingInvoicesClose .modal-footer {
  padding: 0px !important;
}

.TemplateListDocument {
  min-height: 250px;
  /*	background-color: #EFF2F9;*/
  border-radius: 10px;
  /*	margin-top: 40px;*/
  /*padding: 24px 8px;*/
}
.TemplateListDocument .templatelistNone {
  width: 100%;
  /*height: 200px;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*justify-content: center;*/
}
.TemplateListDocument .templatelistNone h5 {
  font-size: 16px;
}
.TemplateListDocument ul {
  padding: 0px;
}
.TemplateListDocument ul li {
  list-style: none;
  border-radius: 10px;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px 3px;
  margin-bottom: 6px;
  position: relative;
  max-width: 32.33%;
}
.TemplateListDocument ul li.active {
  background-color: #EFF2F9;
}
.TemplateListDocument ul li:hover {
  background-color: #EFF2F9;
}
.TemplateListDocument ul li [type=radio]:checked,
.TemplateListDocument ul li [type=radio]:not(:checked) {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  border-radius: 10px;
  cursor: pointer;
}
.TemplateListDocument ul li [type=radio]:checked + label,
.TemplateListDocument ul li [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
.TemplateListDocument ul li [type=radio]:checked + label:before,
.TemplateListDocument ul li [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 34px;
  height: 34px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}
.TemplateListDocument ul li [type=radio]:checked + label:after,
.TemplateListDocument ul li [type=radio]:not(:checked) + label:after {
  content: "\e906";
  width: 34px;
  height: 34px;
  position: absolute;
  top: 6px;
  left: 0px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #898989;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
}
.TemplateListDocument ul li {
  /*	[type="radio"]:not(:checked) + label:after {
  	opacity: 0;
  	-webkit-transform: scale(0);
  	transform: scale(0);
  }*/
}
.TemplateListDocument ul li [type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
  background: #459751;
  color: #fff;
}
.TemplateListDocument ul .labelWrap {
  padding-left: 25px;
  display: block;
}
.TemplateListDocument ul .labelWrap h4 {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #303030;
}
.TemplateListDocument ul .labelWrap p {
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 400;
  color: #898989;
}
.TemplateListDocument .emptytemplateDocument {
  min-height: 250px;
  text-align: center;
  background-color: #EFF2F9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
}
.TemplateListDocument .emptytemplateDocument i {
  margin-bottom: 13px;
  font-size: 30px;
  color: #0a1f62;
}
.TemplateListDocument .emptytemplateDocument h4 {
  font-size: 16px;
}

.reviewDocument .ReviewdocList ul {
  padding: 0px;
}
.reviewDocument .ReviewdocList ul li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 10px;
  margin-bottom: 8px;
  border-radius: 10px;
  width: 100%;
  background: #F7E3C8 !important;
}
.reviewDocument .ReviewdocList ul li i {
  opacity: 0;
  cursor: pointer;
  color: #1F305E;
}
.reviewDocument .ReviewdocList ul li .btn {
  font-size: 0.875rem;
  font-weight: 500;
  color: #000;
  position: relative;
  display: block;
  padding: 1rem 1rem;
  padding-left: 2.3rem;
  border-radius: 0px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  border: 0;
  text-align: left;
  background: #F7E3C8 !important;
}
.reviewDocument .ReviewdocList ul li .btn span {
  color: #1F305E;
}
.reviewDocument .ReviewdocList ul li .btn p {
  color: #000;
}
.reviewDocument .ReviewdocList ul li .btn:before {
  font-family: "icomoon";
  content: "\e90b";
  color: #1F305E;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  position: absolute;
  left: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.reviewDocument .ReviewdocList ul li.active {
  background: #F7E3C8 !important;
}
.reviewDocument .ReviewdocList ul li.active i {
  opacity: 1;
}
.reviewDocument .ReviewdocList ul li:hover {
  background: #F7E3C8 !important;
}
.reviewDocument .ReviewdocList ul li:hover i {
  opacity: 1;
}
.eventCalendar .form-group label {
  padding-left: 0px;
}
.eventCalendar .formtitleCasenumber {
  margin-bottom: 0px;
}
.eventCalendar .formtitle label {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
}
.eventCalendar .formtitle label:first-child {
  padding-bottom: 0px;
}

.searchSelect .searchGroupNew .input-group {
  border: 1px solid #DFDFDF;
  border-radius: 40px;
}
.searchSelect .searchGroupNew .input-group .input-group-text {
  background-color: transparent;
  border: 0;
}
.searchSelect .searchGroupNew .input-group .form-control {
  border: 0;
}
.searchSelect .selectAll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.searchSelect .selectAll .form-check .form-check-input {
  float: none;
  margin-left: 0px;
}

.serviceRequest-view h3 {
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
  margin-bottom: 14px;
  position: relative;
}
.serviceRequest-view h3:before {
  content: "";
  background-color: #6A88FF;
  width: 5px;
  height: 5px;
  position: absolute;
  left: -15px;
  top: 8px;
  border-radius: 50px;
}
.serviceRequest-view .collectionDetails .requestDetail {
  color: #898989;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  display: inline-block;
  margin-bottom: 10px;
}
.serviceRequest-view .collectionDetails .requestDetailvalue {
  font-weight: 600;
  font-size: 14px;
  color: #303030;
  display: inline-block;
  margin-bottom: 10px;
}
.serviceRequest-view .notificationAcceptReject {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 24px;
  border-top: 1px solid #E4E4E4;
  margin-top: 30px;
}
.serviceRequest-view .notificationAcceptReject .btn {
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  padding: 11px 44px;
  margin-left: 15px;
}
.serviceRequest-view .notificationAcceptReject .btn.btnBlue {
  background-color: #143293;
}
.serviceRequest-view .notificationAcceptReject .btn.btnRed {
  background-color: #D43836;
}

.courtEventcalendar .eventCalender .k-widget {
  height: 700px;
  border: 0;
}
.courtEventcalendar .eventCalender .k-widget .k-toolbar {
  background-color: #F6F6F6;
  border: 0;
  padding: 24px 20px;
  margin-bottom: 24px;
  border-radius: 20px;
}
.courtEventcalendar .eventCalender .k-widget .k-toolbar .k-i-calendar {
  margin-right: 8px;
}
.courtEventcalendar .eventCalender .k-widget .k-toolbar .k-i-calendar:before {
  content: "\e90d";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.courtEventcalendar .eventCalender .k-widget .k-toolbar .k-scheduler-navigation {
  overflow: hidden;
  padding: 14px 24px;
  background-color: #fff;
  border-radius: 30px;
  font-weight: 500;
}
.courtEventcalendar .eventCalender .k-widget .k-toolbar .k-scheduler-navigation button {
  border: 0px;
  padding: 5px 16px;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.courtEventcalendar .eventCalender .k-widget .k-toolbar .k-scheduler-navigation button.k-nav-prev {
  padding: 0px;
  background-color: #F6F6F6;
  border-radius: 50%;
}
.courtEventcalendar .eventCalender .k-widget .k-toolbar .k-scheduler-navigation button.k-nav-next {
  padding: 0px;
  background-color: #F6F6F6;
  border-radius: 50%;
  margin-left: 8px;
}
.courtEventcalendar .eventCalender .k-widget .k-toolbar .k-scheduler-navigation button .k-button-text {
  color: #071D64;
  font-weight: 600;
  font-size: 16px;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.courtEventcalendar .eventCalender .k-widget .k-toolbar .k-nav-current {
  margin-left: 24px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.courtEventcalendar .eventCalender .k-widget .k-toolbar .k-nav-current:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.courtEventcalendar .eventCalender .k-widget .k-toolbar .k-scheduler-views-wrapper .k-scheduler-views {
  border: 1px solid #B8C5D2;
  border-radius: 40px;
  overflow: hidden;
}
.courtEventcalendar .eventCalender .k-widget .k-toolbar .k-scheduler-views-wrapper .k-scheduler-views button {
  background-color: transparent;
  border: 0;
  color: #000;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 16px;
  padding: 10px 34px;
}
.courtEventcalendar .eventCalender .k-widget .k-toolbar .k-scheduler-views-wrapper .k-scheduler-views button:nth-child(2) {
  border-left: 1px solid #B8C5D2;
  border-right: 1px solid #B8C5D2;
}
.courtEventcalendar .eventCalender .k-widget .k-toolbar .k-scheduler-views-wrapper .k-scheduler-views button.k-selected {
  background-color: #071D64;
  color: #fff;
}
.courtEventcalendar .eventCalender .k-widget .k-scheduler-layout {
  border: 1px solid #DADADB;
  border-radius: 10px;
}
.courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content {
  overflow-y: auto;
}
.courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-scheduler-table tbody tr:last-child td {
  border-bottom: 0px;
}
.courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-event .k-event-actions .k-icon:before, .courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-task-complete .k-event-actions .k-icon:before {
  top: -5px;
}
.courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-event .kendotooltip, .courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-task-complete .kendotooltip {
  padding-top: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-event .kendotooltip .eventName, .courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-task-complete .kendotooltip .eventName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 50px;
}
.courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-event .kendotooltip .calendarDetail, .courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-task-complete .kendotooltip .calendarDetail {
  position: absolute;
  right: 3px;
}
.courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-event .kendotooltip .calendarDetail span, .courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-task-complete .kendotooltip .calendarDetail span {
  color: #fff;
}
.courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-event .kendotooltip .clsCalenderCaseEventView, .courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-task-complete .kendotooltip .clsCalenderCaseEventView {
  /*max-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;*/
}
.courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-event .kendotooltip .clsCalendarCaseEventDelete, .courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-task-complete .kendotooltip .clsCalendarCaseEventDelete {
  margin: 0px 3px;
}
.courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-event .kendotooltip .clsCalendarCaseEventDelete i, .courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-task-complete .kendotooltip .clsCalendarCaseEventDelete i {
  margin-top: 3px;
  font-size: 13px;
}
.courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-event .kendotooltip .clsCalendarEventEdit, .courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-task-complete .kendotooltip .clsCalendarEventEdit {
  margin: 0px 3px;
}
.courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-event .kendotooltip .clsCalendarEventEdit i, .courtEventcalendar .eventCalender .k-widget .k-scheduler-layout .k-scheduler-content .k-task-complete .kendotooltip .clsCalendarEventEdit i {
  margin-top: 3px;
  font-size: 13px;
}
.courtEventcalendar .eventCalender .k-event-top-actions, .courtEventcalendar .eventCalender .k-event-bottom-actions {
  z-index: -9;
}
.courtEventcalendar .eventCalender .k-scheduler-footer button {
  background-color: #08174a;
  color: #fff;
  font-size: 16px;
  padding: 10px 20px;
  border: 0;
  border-radius: 5px;
}
.courtEventcalendar .eventCalender .k-scheduler-footer button .k-button-icon {
  margin-right: 5px;
}
.courtEventcalendar .calendarFiltersection {
  margin-top: 35px;
  padding-left: 20px;
}
.courtEventcalendar .calendarFiltersection .filterSection {
  background-color: #F6F6F6;
  padding: 18px;
  border-radius: 10px;
  position: relative;
}
.courtEventcalendar .calendarFiltersection .filterSection h4 {
  font-size: 24px;
  line-height: 25px;
  font-weight: 600;
  border-bottom: 1px solid #E2E2E2;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.courtEventcalendar .calendarFiltersection .filterSection .k-multiselect {
  min-height: 49px;
}
.courtEventcalendar .calendarFiltersection .filterSection .judgesHt {
  height: 412px;
  overflow: auto;
}
.courtEventcalendar .calendarFiltersection .filterSection #style-4::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.courtEventcalendar .calendarFiltersection .filterSection #style-4::-webkit-scrollbar {
  width: 3px;
  background-color: #F5F5F5;
}
.courtEventcalendar .calendarFiltersection .filterSection #style-4::-webkit-scrollbar-thumb {
  background-color: #0a1f62;
  border: 2px solid #555555;
}
.courtEventcalendar .calendarFiltersection .addNewbtn {
  width: 100%;
  padding: 10px 20px;
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
  margin-bottom: 60px;
}
.courtEventcalendar .calendarFiltersection h3 {
  font-size: 16px;
  line-height: 25px;
}
.courtEventcalendar .calendarFiltersection .lstCourtJudges {
  padding: 0px;
  margin-bottom: 0px;
}
.courtEventcalendar .calendarFiltersection .lstCourtJudges li {
  list-style: none;
  padding-bottom: 16px;
}
.courtEventcalendar .calendarFiltersection .lstCourtJudges li:last-child {
  padding-bottom: 0px;
}
.courtEventcalendar .calendarFiltersection .lstCourtJudges li .accordion {
  border-radius: 5px;
  overflow: hidden;
}
.courtEventcalendar .calendarFiltersection .lstCourtJudges li .accordion .accordion-item {
  border: 0;
}
.courtEventcalendar .calendarFiltersection .lstCourtJudges li .accordion .accordion-item .accordion-header {
  padding-left: 0px;
}
.courtEventcalendar .calendarFiltersection .lstCourtJudges li .accordion .accordion-item .accordion-header .accordion-button {
  padding: 16px;
}
.courtEventcalendar .calendarFiltersection .lstCourtJudges li .accordion .accordion-item .accordion-header .accordion-button a {
  font-size: 14px;
  line-height: 17px;
  color: #303030;
  text-decoration: none;
}
.courtEventcalendar .calendarFiltersection .lstCourtJudges li .accordion .accordion-item .accordion-header .accordion-button:after {
  left: auto;
  right: 15px;
}
.courtEventcalendar .calendarFiltersection .lstCourtJudges li .accordion .accordion-item .accordion-collapse ul {
  padding: 0px;
}
.courtEventcalendar .calendarFiltersection .lstCourtJudges li .accordion .accordion-item .accordion-collapse ul li {
  padding: 5px 20px;
  margin-bottom: 8px;
  border-radius: 5px;
  padding-left: 25px;
}
.courtEventcalendar .calendarFiltersection .lstCourtJudges li .accordion .accordion-item .accordion-collapse ul li.judgeSel {
  background-color: #D5F5FE;
}
.courtEventcalendar .calendarFiltersection .lstCourtJudges li .accordion .accordion-item .accordion-collapse ul li:hover {
  background-color: #D5F5FE;
}
.courtEventcalendar .calendarFiltersection .lstCourtJudges li .accordion .accordion-item .accordion-collapse ul li:last-child {
  margin-bottom: 0px;
}
.courtEventcalendar .calendarFiltersection .lstCourtJudges li .accordion .accordion-item .accordion-collapse ul li a {
  font-size: 14px;
  line-height: 17px;
  color: #303030;
  text-decoration: none;
}

.applicationTable {
  width: 1000px;
  margin: auto;
}
.applicationTable h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  position: relative;
  padding-left: 40px;
  margin-bottom: 18px;
  border-bottom: 1px solid #eee;
  padding-bottom: 6px;
}
.applicationTable h3::before {
  content: "";
  content: "";
  background-color: #6A88FF;
  position: absolute;
  left: 23px;
  width: 5px;
  height: 5px;
  border-radius: 15px;
  top: 10px;
}
.applicationTable h6 {
  font-size: 16px;
  padding-left: 40px;
  font-weight: 500;
}
.applicationTable h4 {
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  padding-left: 40px;
  margin-bottom: 20px;
}
.applicationTable .table-striped thead tr {
  background-color: #D5F5FE;
}
.applicationTable .table-striped thead tr td {
  padding-left: 40px;
}
.applicationTable .table-striped tbody tr {
  border-radius: 5px;
  border: 0;
}
.applicationTable .table-striped tbody tr td {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  padding-left: 40px;
  border: 0;
  font-size: 14px;
  font-weight: 600;
  color: #303030;
}
.applicationTable .table-striped tbody tr td:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #898989;
}
.applicationTable .table-striped tbody tr td:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-weight: 600;
}
.applicationTable .table-striped tbody tr td.documentSignature {
  font-family: "Satisfy", cursive;
  font-size: 25px;
  font-weight: 400;
}
.applicationTable .table-striped tbody tr:nth-child(even) {
  background-color: #D5F5FE;
}
.applicationTable .attachedsupDocument {
  padding-left: 40px;
}

.mydocumentIssue h3 {
  font-size: 16px;
  font-weight: 500;
  color: #303030;
  margin-bottom: 16px;
}
.mydocumentIssue .issueVersion {
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mydocumentIssue .issueVersion .selectVersion {
  width: 200px;
  height: 194px;
  background-color: #EFF2F9;
  border-radius: 10px;
  margin-right: 16px;
  padding-left: 0px;
  position: relative;
}
.mydocumentIssue .issueVersion .selectVersion .icon-tick {
  position: absolute;
  right: 16px;
  top: 16px;
  opacity: 0;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.mydocumentIssue .issueVersion .selectVersion.active .icon-tick {
  color: #0BC197;
  opacity: 1;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.mydocumentIssue .issueVersion .selectVersion.active .icon {
  color: #0BC197;
}
.mydocumentIssue .issueVersion .selectVersion input {
  opacity: 0;
  position: absolute;
  left: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
  z-index: 3;
  cursor: pointer;
  border-radius: 0px;
}
.mydocumentIssue .issueVersion .selectVersion label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.mydocumentIssue .issueVersion .selectVersion label i {
  margin-bottom: 24px;
  color: #B4BBCA;
  font-size: 70px;
}
.mydocumentIssue .issueVersion .selectVersion label span label {
  font-size: 18px;
}
.mydocumentIssue .yesNo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mydocumentIssue .yesNo Label {
  margin-bottom: 0px !important;
  font-size: 18px;
}
.mydocumentIssue .yesNo .form-check {
  margin-left: 27px;
}
.mydocumentIssue .addRecipients {
  padding: 0px;
}
.mydocumentIssue .addRecipients .addBtn input {
  min-width: 87px;
}

.clockCalendarPosition span {
  position: relative;
}
.clockCalendarPosition span button {
  position: absolute;
  right: 0px;
  z-index: 2;
}
.clockCalendarPosition span button:last-child {
  right: 30px;
}

.IssueHistoryPopup .detailsRow {
  padding-top: 0px;
}
.IssueHistoryPopup .detailsRow .accordion .accordion-item {
  border: 1px solid #DADADA;
  margin-bottom: 16px;
  border-radius: 10px;
}
.IssueHistoryPopup .detailsRow .accordion .accordion-item .accordion-header {
  padding-left: 70px;
}
.IssueHistoryPopup .detailsRow .accordion .accordion-item .accordion-button {
  background-color: transparent;
}
.IssueHistoryPopup .detailsRow .accordion .accordion-item .accordion-button:after {
  left: -50px;
}
.IssueHistoryPopup .detailsRow .accordion .accordion-item .accordion-button .buttonText h4 {
  font-size: 16px;
  font-weight: 500;
  color: #6A6A6A;
  margin: 0px;
}
.IssueHistoryPopup .detailsRow .accordion .accordion-item .accordion-button .buttonText h4 span {
  color: #303030;
}
.IssueHistoryPopup .detailsRow .accordion .accordion-item .accordion-button ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0px;
  margin: 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.IssueHistoryPopup .detailsRow .accordion .accordion-item .accordion-button ul li {
  margin-left: 15px;
}
.IssueHistoryPopup .detailsRow .accordion .accordion-item .accordion-button ul li:first-child {
  margin-left: 0px;
}
.IssueHistoryPopup .detailsRow .accordion .accordion-item .accordion-button ul li label {
  text-transform: uppercase;
  color: #6A6A6A;
  font-size: 14px;
  margin-right: 10px;
}
.IssueHistoryPopup .detailsRow .accordion .accordion-item .accordion-button ul li span {
  color: #303030;
  font-size: 14px;
}
.IssueHistoryPopup .detailsRow .accordion .accordion-item .accordion-button ul li.date span {
  border: 1px solid #000000;
  padding: 8px;
  border-radius: 5px;
}
.IssueHistoryPopup .detailsRow .accordion .accordion-item .accordion-button ul li.attach span {
  text-align: center;
  background-color: #D5F5FE;
  min-width: 94px;
  display: inline-block;
  padding: 8px 8px;
  border-radius: 5px;
}
.IssueHistoryPopup .detailsRow .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 1.5rem;
}
.IssueHistoryPopup .detailsRow .accordion .accordion-item .accordion-collapse .accordion-body h3 {
  font-size: 16px;
  font-weight: 600;
  color: #303030;
  margin-bottom: 16px;
}
.IssueHistoryPopup .detailsRow .accordion .accordion-item .accordion-collapse .accordion-body ul {
  padding: 0px;
  margin: 0px;
}
.IssueHistoryPopup .detailsRow .accordion .accordion-item .accordion-collapse .accordion-body ul li {
  background-color: #EFFCFF;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 11px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  margin-right: 16px;
  margin-bottom: 16px;
}
.IssueHistoryPopup .detailsRow .accordion .accordion-item .accordion-collapse .accordion-body ul li:last-child {
  margin-bottom: 0px;
}
.IssueHistoryPopup .detailsRow .accordion .accordion-item .accordion-collapse .accordion-body ul li i {
  margin-right: 10px;
}

.userSignature .signaturePad {
  max-width: 500px;
  display: table;
  margin: 0px auto;
  border: 1px solid #e4e4e4;
}
.userSignature .signaturePad canvas {
  width: 500px !important;
  height: 258px !important;
  aspect-ratio: auto 500/258;
}

@media (max-width: 991.98px) {
  .titleContainer {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .titleContainer .titleWrap .backBtn {
    margin-right: 1rem;
  }
}
@media (max-width: 767.98px) {
  .titleContainer {
    background: none;
  }
}
.errorText {
  font-size: 0.875rem;
  font-weight: 400;
  color: #de4952;
  margin-top: 8px;
  position: relative;
  padding-left: 1.5rem;
  line-height: 1.5;
  min-height: 21px;
}
.errorText:before {
  font-family: "icomoon";
  content: "\e904";
  font-size: 1rem;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.input-validation-error {
  border-color: #de4952 !important;
  background-color: transparent;
}

.form-floating .k-multiselect, .form-group .k-multiselect {
  border: 1px solid #dedede;
  height: auto;
  padding: 0rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: auto;
  min-height: 40px;
  max-height: 80px;
}
.form-floating .k-multiselect.k-focus, .form-group .k-multiselect.k-focus {
  border: 1px solid #303030;
}
.form-floating .k-multiselect .k-chip-list, .form-group .k-multiselect .k-chip-list {
  padding: 5px 5px;
}
.form-floating .k-multiselect .k-chip, .form-group .k-multiselect .k-chip {
  font-size: 0.875rem;
  font-weight: 400;
  color: #303030;
  border: 1px solid transparent;
  background-color: #d5f5fe;
}

.form-floating.kendoFloating .k-autocomplete {
  border-radius: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  position: relative;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  height: auto;
}
.form-floating.kendoFloating .k-autocomplete .form-control {
  padding-right: 2.25rem;
  background: none;
  border: 1px solid #B8C5D2;
}
.form-floating.kendoFloating .k-autocomplete .k-clear-value {
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 10;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-floating.kendoFloating .k-autocomplete .k-clear-value .k-icon, .form-floating.kendoFloating .k-autocomplete .k-clear-value .k-icon:before {
  width: 24px;
  height: 24px;
  display: block;
  text-align: center;
  line-height: 24px;
}
.form-floating.kendoFloating label {
  padding: 0px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
}

.k-animation-container .k-popup {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.k-animation-container .k-popup .k-list-item {
  font-size: 0.875rem;
  font-weight: 400;
  color: #303030;
  margin-bottom: 1px !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.k-animation-container .k-popup .k-list-item a {
  text-decoration: none;
}
.k-animation-container .k-popup .k-list-item.k-focus, .k-animation-container .k-popup .k-list-item.k-hover {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: #ccc;
  color: #303030;
}
.k-animation-container .k-popup .k-list-item.k-selected {
  background: #0a1f62 !important;
  color: #fff !important;
}
.k-animation-container .k-popup .k-list-item.k-selected a {
  color: #fff;
}
.k-animation-container .k-popup label {
  margin-right: 10px;
}
.k-animation-container .k-popup label input {
  margin-right: 5px;
}
.k-animation-container .k-calendar-container {
  background: #fff;
  padding: 0;
  border: 1px solid #dedede;
  border-radius: 0;
}
.k-animation-container .k-calendar-container .k-calendar {
  border: 0;
  display: block;
}
.k-animation-container .k-calendar-container .k-calendar *,
.k-animation-container .k-calendar-container .k-calendar *::before,
.k-animation-container .k-calendar-container .k-calendar *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.k-animation-container .k-calendar-container .k-calendar .k-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25rem 0.25rem;
  border: 0;
  background: none;
  padding-bottom: 0.5rem;
}
.k-animation-container .k-calendar-container .k-calendar .k-header .k-nav-fast {
  display: block;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  font-size: 0.875rem;
  font-weight: 500;
  color: #000;
  padding: 0;
}
.k-animation-container .k-calendar-container .k-calendar .k-header .k-nav-fast:before, .k-animation-container .k-calendar-container .k-calendar .k-header .k-nav-fast:after {
  display: none !important;
}
.k-animation-container .k-calendar-container .k-calendar .k-header .k-nav-prev, .k-animation-container .k-calendar-container .k-calendar .k-header .k-nav-next {
  display: block;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
}
.k-animation-container .k-calendar-container .k-calendar .k-header .k-nav-prev:before, .k-animation-container .k-calendar-container .k-calendar .k-header .k-nav-prev:after, .k-animation-container .k-calendar-container .k-calendar .k-header .k-nav-next:before, .k-animation-container .k-calendar-container .k-calendar .k-header .k-nav-next:after {
  display: none !important;
}
.k-animation-container .k-calendar-container .k-calendar .k-header .k-nav-prev .k-icon, .k-animation-container .k-calendar-container .k-calendar .k-header .k-nav-next .k-icon {
  display: block;
  width: 34px;
  height: 34px;
}
.k-animation-container .k-calendar-container .k-calendar .k-header .k-nav-prev .k-icon:before, .k-animation-container .k-calendar-container .k-calendar .k-header .k-nav-next .k-icon:before {
  display: block;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  font-family: "icomoon";
  font-weight: normal;
}
.k-animation-container .k-calendar-container .k-calendar .k-header .k-nav-prev .k-icon:before {
  content: "\e901";
}
.k-animation-container .k-calendar-container .k-calendar .k-header .k-nav-next .k-icon:before {
  content: "\e902";
}
.k-animation-container .k-calendar-container .k-calendar .k-calendar-monthview {
  padding: 0;
  width: 17rem;
  height: auto;
}
.k-animation-container .k-calendar-container .k-calendar .k-calendar-monthview .k-month .k-calendar-thead tr th {
  font-size: 0.875rem;
  font-weight: 500;
  color: #000;
  border-bottom: 1px solid #000;
}
.k-animation-container .k-calendar-container .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr:first-child td {
  padding-top: 20px;
}
.k-animation-container .k-calendar-container .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  border-radius: 0;
  border-bottom: 1px solid #eaeaea;
}
.k-animation-container .k-calendar-container .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td.k-hover .k-link, .k-animation-container .k-calendar-container .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td.k-focus .k-link, .k-animation-container .k-calendar-container .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td.k-today .k-link {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #fdd6d6;
  color: #303030;
}
.k-animation-container .k-calendar-container .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td.k-focus .k-link {
  background-color: #0a1f62;
  color: #fff;
}
.k-animation-container .k-calendar-container .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td.k-other-month {
  opacity: 0.6;
}
.k-animation-container .k-calendar-container .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td .k-link {
  padding: 0;
  border-radius: 0;
  width: 38px;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.k-animation-container .k-calendar-container .k-calendar .k-footer {
  padding: 0.75rem 0rem;
}
.k-animation-container .k-calendar-container .k-calendar .k-footer .k-link {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  text-decoration: none;
}
.k-animation-container .k-calendar-container .k-calendar .k-footer .k-link:hover {
  color: #0a1f62;
}
.k-animation-container .k-calendar-container .k-calendar .k-calendar-yearview .k-calendar-tr .k-link, .k-animation-container .k-calendar-container .k-calendar .k-calendar-decadeview .k-calendar-tr .k-link, .k-animation-container .k-calendar-container .k-calendar .k-calendar-centuryview .k-calendar-tr .k-link {
  width: 3.285714em;
  height: 3.285714em;
  line-height: 2.25;
}
.k-animation-container .k-calendar-container .k-calendar .k-calendar-centuryview .k-calendar-tr .k-link {
  font-size: 14px;
  line-height: 20px;
  width: 4.28571429em;
  height: 4.28571429em;
}

.k-datepicker, .k-datetimepicker, .k-autocomplete {
  border: 1px solid #dedede;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.k-datepicker.k-disabled, .k-datetimepicker.k-disabled, .k-autocomplete.k-disabled {
  background-color: #e9ecef;
  opacity: 1;
}
.k-datepicker.k-focus, .k-datepicker.k-hover, .k-datetimepicker.k-focus, .k-datetimepicker.k-hover, .k-autocomplete.k-focus, .k-autocomplete.k-hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #303030;
}
.k-datepicker .k-input-inner, .k-datetimepicker .k-input-inner, .k-autocomplete .k-input-inner {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
  height: 40px;
}
.k-datepicker .k-input-button, .k-datetimepicker .k-input-button, .k-autocomplete .k-input-button {
  height: 40px;
  padding: 0rem 0.75rem;
  width: auto;
  background: none;
}
.k-datepicker .k-input-button .k-icon:before, .k-datetimepicker .k-input-button .k-icon:before, .k-autocomplete .k-input-button .k-icon:before {
  font-family: "icomoon";
  content: "\e90d";
  color: #0a1f62;
}
.k-datepicker .k-input-button .k-i-clock:before, .k-datetimepicker .k-input-button .k-i-clock:before, .k-autocomplete .k-input-button .k-i-clock:before {
  font-family: "icomoon";
  content: "\e9a6";
  color: #0a1f62;
}

.detailsRow .card.notaryConfirmation {
  min-height: auto;
  padding: 24px;
  background-color: #F4F4F4;
}
.detailsRow .card.notaryConfirmation p {
  font-size: 16px;
  font-weight: 500;
}
.detailsRow .card.notaryConfirmation button {
  background-color: #080957;
  padding: 11px 36px;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  border: 0px;
}

.infoText {
  font-size: 0.875rem;
  font-weight: 400;
  position: relative;
  padding-left: 1.375rem;
  color: #000;
}
.infoText:before {
  font-family: "icomoon";
  font-size: 1rem;
  content: "\e904";
  position: absolute;
  left: 0;
  top: -2px;
}
.infoText.casenumberIcon:before {
  content: "\e938";
}
.infoText.registerDateIcon:before {
  content: "\e90d";
}
.infoText.registerStatusIcon:before {
  content: "\e936";
}

.iconTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.iconTitle .icon {
  width: 36px;
  height: 36px;
  border-radius: 36px;
  display: block;
  font-size: 1.625rem;
  margin-right: 1.125rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #0a1f62;
}
.iconTitle .icon:before {
  width: 36px;
  height: 36px;
  display: block;
  text-align: center;
  line-height: 36px;
}
.iconTitle .text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 170px;
}
.iconTitle .text h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.iconTitle .text p {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6a6a6a;
  margin-bottom: 0;
}
.iconTitle .text p .btn-version {
  background: #dbba0b;
  margin-left: 10px;
  border-radius: 5px;
  padding: 2px 5px;
  font-size: 12px;
  color: #fff;
  font-weight: 500;
}
.iconTitle .text p .accTypeName {
  text-transform: uppercase;
}
.iconTitle .text p .accTypeName.invoice {
  color: #0bc197;
}
.iconTitle .text p .accTypeName.credit {
  color: #f17013;
}
.iconTitle .text p .accTypeName.receipt {
  color: #3da9e7;
}
.iconTitle .text.casebundleText {
  max-width: 320px;
}
.iconTitle.claimant .icon {
  color: #5277fa;
}
.iconTitle.defendent .icon {
  color: #f5a163;
}
.iconTitle.video .icon {
  background: #0a1f62;
  color: #fff;
  font-size: 0.875rem;
}

.searchCloseRemove .k-clear-value {
  display: none;
}

.addReadMore.showlesscontent .SecSec, .addReadMore.showlesscontent .readLess {
  display: none;
}
.addReadMore.showmorecontent .readMore {
  display: none;
}
.addReadMore .readMore, .addReadMore .readLess {
  font-size: 0.875rem;
  font-weight: 300;
  color: #fff;
  cursor: pointer;
}

.uploadResult .cms_attachment_content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.uploadResult .cms_attachment_content .upload_preview {
  width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.uploadResult .cms_attachment_content .close {
  font-size: 13px;
}
.uploadResult .cms_attachment_content .removebtn {
  color: #E0545D;
  padding: 0px;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 500;
}
.uploadResult .cms_attachment_content .removebtn:active {
  border-color: transparent;
}

.kendoLabel .k-datepicker .k-input-inner, .kendoLabel .k-multiselect .k-input-inner {
  padding-left: 0.75rem;
  /*	padding-top: 1.625rem;
  padding-bottom: 0.625rem;*/
}
.kendoLabel .k-multiselect .k-input-inner {
  padding: 0.25rem 0.5rem;
  cursor: pointer;
}
.noRecord {
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.noRecord.pe-40 {
  padding-right: 2.5rem;
}
.noRecord.pe-44 {
  padding-right: 2.75rem;
}
.noRecord.pe-90 {
  padding-right: 90px;
}
.noRecord .icon {
  font-size: 2rem;
  color: #303030;
  display: block;
  margin-bottom: 1rem;
}
.noRecord h4, .noRecord .h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 0.25rem;
}
.noRecord p {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6a6a6a;
  margin-bottom: 0;
}

.filterWrap {
  min-width: 200px;
  margin-bottom: 1.5rem;
}
.filterWrap .form-control-label {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
  margin-bottom: 1rem;
  display: block;
}
.filterWrap .row {
  --bs-gutter-x: 1rem;
}
.filterWrap .form-floating label {
  font-size: 0.875rem;
  font-weight: 400;
}
.filterWrap .form-floating .form-select {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
  background-color: #f4f4f4;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 5px;
}
.filterWrap .search .input-group {
  width: 100% !important;
}
.filterWrap .search .form-control {
  height: 40px !important;
}
.filterWrap .btn {
  padding: 0.90625rem 2rem;
}

.appoinmentbooked .modal-content {
  border-radius: 20px;
  border: 0;
}
.appoinmentbooked .modal-content .modal-body {
  padding: 40px;
}
.appoinmentbooked .willsPaymentDone {
  text-align: center;
}
.appoinmentbooked .willsPaymentDone h3 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 24px;
}
.appoinmentbooked .willsPaymentDone i {
  background-color: #3ECDAB;
  width: 67px;
  height: 67px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 22px;
  margin-bottom: 24px;
}
.appoinmentbooked .willsPaymentDone h4 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 16px;
}
.appoinmentbooked .willsPaymentDone h5 {
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 40px;
}
.appoinmentbooked .willsPaymentDone a {
  background-color: #023979;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  padding: 16px 47px;
  border-radius: 10px;
  display: inline-block;
}

@media (min-width: 768px) {
  .filterWrap .dateCol {
    min-width: 175px;
  }
}
@media (max-width: 767.98px) {
  .filterWrap .srchBtn {
    width: 100%;
  }
}
.tmshtHead {
  margin-bottom: 1.5rem;
}
.tmshtHead ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.tmshtHead ul li {
  padding-right: 0.875rem;
}
.tmshtHead ul li:last-child {
  padding-right: 0;
}
.tmshtHead ul li .btn {
  font-size: 0.875rem;
  font-weight: 500;
}

.historyList {
  padding-left: 0;
  list-style: none;
}
.historyList .historyListItem {
  position: relative;
  padding-left: 3rem;
  padding-bottom: 1.5rem;
}
.historyList .historyListItem:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #0a1f62;
  border: 6px solid #d9e2ff;
  left: 0;
  top: 5px;
  z-index: 2;
}
.historyList .historyListItem:after {
  position: absolute;
  content: "";
  left: 10px;
  top: 5px;
  bottom: 0;
  border-left: 1px dashed #e0e0e0;
  z-index: 0;
}
.historyList .historyListItem:last-child {
  padding-bottom: 0;
}
.historyList .historyListItem:last-child:after {
  display: none;
}
.historyList h6 {
  font-size: 1rem;
  font-weight: 500;
  color: #303030;
  margin-bottom: 0.5rem;
}
.historyList h6 span {
  font-size: 0.875rem;
  padding: 0.375rem 0.625rem;
  border-radius: 5px;
  display: inline-block;
  background: #d5f5fe;
  margin-left: 0.625rem;
}
.historyList time {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  margin-bottom: 1rem;
  display: block;
}
.historyList p {
  font-size: 0.875rem;
  font-weight: 300;
  color: #303030;
  margin-bottom: 1rem;
}

.uploadDoc .k-upload {
  border: 1px dashed #bfbfbf;
  border-radius: 5px;
  margin-bottom: 1rem;
}
.uploadDoc .k-upload .k-dropzone-hint, .uploadDoc .k-upload .k-upload-status {
  display: none;
}
.uploadDoc .k-upload .k-dropzone {
  display: block;
  padding: 0;
}
.uploadDoc .k-upload .k-upload-files {
  border: 0 !important;
  display: none !important;
}
.uploadDoc .k-upload .k-button {
  display: block;
  margin-right: 0;
  padding: 0;
  border: 0;
  background: #fff;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.uploadDoc .k-upload .k-button span {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
  width: 100%;
  display: block;
  padding: 1.5rem;
  padding-left: 98px;
  text-align: left;
  position: relative;
}
.uploadDoc .k-upload .k-button span:before {
  font-size: 2.125rem;
  font-family: "icomoon";
  content: "\e929";
  font-weight: normal;
  position: absolute;
  left: 42px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.uploadDoc .docList ul.uploadFile {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.uploadDoc .docList ul.uploadFile li {
  margin-bottom: 0;
}
.uploadDoc .docList ul.uploadFile .file .fileName {
  cursor: default;
}
.uploadDoc .docList ul.uploadFile .remove .btn {
  background: none !important;
  border-radius: 0;
  text-decoration: underline;
  color: #e0545d;
  padding: 0.5625rem;
}
.uploadDoc .docList ul.uploadFile .remove .btn:before {
  display: none;
}
.uploadDoc .docList ul.uploadFile .remove .btn:hover {
  text-decoration: none;
}

.docList h5 {
  font-size: 1rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 1.5rem;
}
.docList p {
  font-size: 1rem;
  font-weight: 400;
  color: #6a6a6a;
}
.docList ul {
  --bs-gutter-x: 0.75rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.docList ul li {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-bottom: 0.25rem;
}
.docList ul li .btn, .docList ul li .fileName {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  position: relative;
  display: block;
  background: #effcff !important;
  padding: 0.5625rem 1rem;
  padding-left: 2rem;
  border-radius: 5px;
  cursor: pointer;
  border: 0;
  text-align: left;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.docList ul li .btn:before, .docList ul li .fileName:before {
  font-family: "icomoon";
  content: "\e90b";
  color: #328ca6;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  position: absolute;
  left: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.docList ul li .btn p, .docList ul li .fileName p {
  margin: 0px;
  white-space: nowrap;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.docList ul li .btn span, .docList ul li .fileName span {
  font-size: 0.75rem;
  font-weight: 500;
  color: #328ca6;
  text-transform: uppercase;
  display: block;
  /*width: 200px;*/
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 300px;
  text-align: left;
}
.docList ul li .btn .attachmentName, .docList ul li .fileName .attachmentName {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  text-transform: capitalize;
}
.docList ul li .clswilldraftsmendoc span {
  width: 100%;
}
.docList ul.willdetaileDocuments {
  display: block;
}
.docList ul.willdetaileDocuments li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #e4e4e4;
  padding: 20px 0px;
}
.docList ul.willdetaileDocuments li:last-child {
  margin-bottom: 0px;
  border-bottom: 0px;
  padding-bottom: 0px;
}
.docList ul.willdetaileDocuments li:first-child {
  padding-top: 0px;
}
.docList ul.willdetaileDocuments li h4 {
  margin: 0px;
  background-color: #EDEDED;
  color: #000;
  width: 42px;
  height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50px;
  font-size: 18px;
  margin-right: 18px;
}
.docList ul.willdetaileDocuments li h6 {
  margin: 0px;
  margin-right: 15px;
  font-size: 14px;
}
.docList ul.willdetaileDocuments li p {
  margin: 0px;
  margin-right: 15px;
  font-size: 0.875rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: #303030;
  border: 1px solid #000;
  border-radius: 5px;
  display: block;
  padding: 0.25rem 0.625rem;
  width: 115px;
  text-align: center;
}
.docList ul.willdetaileDocuments li span {
  width: auto;
}
.docList ul.willdetaileDocuments li:hover h4 {
  background-color: #D5F5FE;
  color: #000;
}
.docList.docListImg ul li .btn:before {
  content: "\e91a";
}

.yesNo {
  margin-bottom: 1.5rem;
}
.yesNo .form-check {
  padding-left: 0;
  margin-bottom: 0;
}
.yesNo .form-check .form-check-label {
  background: #eff2f9;
  padding: 0.375rem;
  border-radius: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.yesNo .form-check .form-check-label span {
  font-size: 1rem;
  font-weight: 500;
  color: #303030;
  width: 56px;
  display: block;
  border-radius: 5px;
  text-align: center;
  padding: 0.1875rem;
}
.yesNo .form-check .form-check-input {
  display: none;
}
.yesNo .form-check .form-check-input:not(:checked) + .form-check-label .no, .yesNo .form-check .form-check-input:not(:checked) + input + .form-check-label .no {
  background: #0a1f62;
  color: #fff;
}
.yesNo .form-check .form-check-input:checked + .form-check-label .yes, .yesNo .form-check .form-check-input:checked + input + .form-check-label .yes {
  background: #0a1f62;
  color: #fff;
}

.previewText {
  max-width: 470px;
  margin-bottom: 1.5rem;
}
.previewText h4 {
  font-size: 1.125rem;
  font-weight: 500;
  color: #303030;
  margin-bottom: 0.5rem;
}
.previewText p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
}
.previewText a {
  font-size: 0.875rem;
  font-weight: 600;
  color: #0a1f62;
}
.previewText .btn {
  font-size: 0.875rem;
  font-weight: 600;
  color: #0a1f62;
  border-radius: 0;
  padding: 0;
  text-decoration: underline;
}
.previewText .btn:hover {
  text-decoration: none;
}

.dataGroupRow .dataGroup {
  margin-bottom: 1.5rem;
}
.dataGroupRow .dataGroup h6 {
  font-size: 1.375rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 0;
}
.dataGroupRow .dataGroup label {
  font-size: 0.875rem;
  font-weight: 400;
  color: #303030;
  margin-bottom: 0.5rem;
  display: block;
}
.dataGroupRow .dataGroup p {
  font-size: 0.875rem;
  font-weight: 300;
  color: #303030;
  margin-bottom: 0;
}
.dataGroupRow .dataGroup p span {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  padding: 0.375rem 0.5625rem;
  display: inline-block;
  border-radius: 5px;
  word-break: break-word;
}
.dataGroupRow .dataGroup p span.word-break {
  word-break: break-word;
}
.dataGroupRow .dataGroup p span.status_yes {
  background: #a9fce9 !important;
}
.dataGroupRow .dataGroup .ckeditorSpan p {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  padding: 0.375rem 0.5625rem;
  display: inline-block;
  border-radius: 5px;
  background: #effcff;
  word-break: break-word;
}
.dataGroupRow.ckeditorparaSpace .dataGroup p {
  margin-bottom: 1rem;
}
.dataGroupRow.ckeditorparaSpace .dataGroup p span {
  background-color: transparent !important;
}

.nav-tabs {
  margin-bottom: 1.5rem;
  border-bottom: 0px;
}
.nav-tabs .nav-item .nav-link {
  font-size: 0.875rem;
  font-weight: 500;
  color: #231F20;
  border-radius: 0;
  border: 0;
  cursor: pointer;
  background-color: #F4F4F4;
  border-radius: 45px;
  padding: 11px 16px;
  margin-right: 10px;
}
.nav-tabs .nav-item .nav-link.active {
  color: #0a1f62;
}
.nav-tabs .nav-item.active .nav-link {
  color: #fff;
  background-color: #0A1F62;
}

.tableTabs {
  margin-bottom: 1.5rem;
  border: 0;
  background: #eff2f9;
  padding: 0.25rem;
  border-radius: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tableTabs.mb-40 {
  margin-bottom: 2.5rem;
}
.tableTabs .nav-item {
  padding-right: 0.375rem;
  position: relative;
}
.tableTabs .nav-item:last-child {
  padding-right: 0;
}
.tableTabs .nav-item + .nav-item:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background: #e0e0e0;
  left: -8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tableTabs .nav-item .nav-link {
  font-size: 1rem;
  font-weight: 500;
  color: #303030;
  margin-bottom: 0;
  border-radius: 5px;
  border: 0;
  padding: 0.1875rem 1rem;
}
.tableTabs .nav-item .nav-link.active, .tableTabs .nav-item .nav-link:hover, .tableTabs .nav-item .nav-link.tab_active {
  background: #0a1f62;
  color: #fff;
  border: 0;
}
.tableTabs.assignUserstableTabs .nav-item .nav-link {
  cursor: default;
}
.tableTabs.assignUserstableTabs .nav-item .nav-link:hover {
  background-color: transparent;
  color: #303030;
}
.tableTabs.assignUserstableTabs .nav-item .nav-link.active:hover {
  background: #0a1f62;
  color: #fff;
}

.userListWrap h4 {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
  margin-bottom: 1.25rem;
}
.userListWrap .userList {
  --bs-gutter-x: 1rem;
  padding-left: 0;
  margin-bottom: 1.5rem;
  list-style: none;
}
.userListWrap .userList .userListItem {
  margin-bottom: 1rem;
}
.userListWrap .userList .userListItem .name {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  background: #f4f4f4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0.875rem 1rem;
  padding-left: 3.625rem;
  border-radius: 5px;
  line-height: 1.3;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.userListWrap .userList .userListItem .name:before {
  position: absolute;
  font-family: "icomoon";
  content: "\e92b";
  font-size: 1.5rem;
  color: #303030;
  width: 24px;
  height: 24px;
  line-height: 24px;
  left: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.userListWrap .userList .userListItem .name .text .date {
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
}
.userListWrap .userList .userListItem .name .sataus {
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 30px;
  padding: 0.25rem 0.625rem;
  color: #fff;
  margin-left: 1.25rem;
}
.userListWrap .userList .userListItem .name .sataus.pending {
  background: #f17013;
}
.userListWrap .userList .userListItem .name .sataus.completed {
  background: #0bc197;
}
.userListWrap .userList .userListItem .name.sugenrClose {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.userListWrap .userList .userListItem .name.sugenrClose button {
  padding: 0px;
  font-size: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 15px;
}
.userListWrap .userList .userListItem .name.sugenrClose:hover button {
  color: #fff;
}

.k-grid table thead tr th .k-cell-inner .k-link {
  padding-left: 0;
  padding-right: 20px;
}
.form-check .form-check-input {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-check .form-check-label {
  cursor: pointer;
}

.colorPicker {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #dedede;
  border-radius: 5px;
  margin-bottom: 1.5rem;
}
.colorPicker label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  padding-left: 0.75rem;
  padding-right: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  cursor: pointer;
}
.colorPicker .k-picker {
  width: 60px;
  height: 53px;
  border-radius: 0;
  border: 0 !important;
  background: none !important;
}
.colorPicker .k-picker .k-input-inner {
  padding: 0;
}
.colorPicker .k-picker .k-button {
  padding-top: 0;
  padding-bottom: 0;
}

.linkExpired {
  padding-top: 5rem;
}
.linkExpired .icon {
  font-size: 5.625rem;
  margin-bottom: 2.75rem;
  display: block;
}
.linkExpired h3 {
  font-size: 3rem;
  font-weight: 500;
  color: #1b202d;
}
.linkExpired p {
  font-size: 0.875rem;
  font-weight: 300;
  color: #1b202d;
  margin-bottom: 1.5rem;
}
.linkExpired .btn {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.75rem 3rem;
  border-radius: 10px;
}

.notificationCardheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}
.notificationCardheader h3 {
  font-size: 22px;
}
.notificationCardheader a {
  color: #143293;
  font-size: 14px;
  font-weight: 600;
}

.editInvoice .invoiceAdjustment {
  padding: 0px;
}

.imgUser {
  border-radius: 50% !important;
}

.accordionNotification .accordion-item .accordion-collapse .accordion-body {
  padding-right: 0px;
}
.accordionNotification .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .accordion-body .customNotification {
  position: relative;
  padding: 0px 30px 15px 55px;
}
.accordionNotification .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .accordion-body .customNotification .clsMarkIsRead {
  position: absolute;
  width: 34px;
  height: 34px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #143293;
  border-radius: 50px;
  left: 0px;
  top: 0px;
  text-decoration: none;
}
.accordionNotification .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .accordion-body .customNotification .clsMarkIsRead.unread {
  background-color: #143293;
}
.accordionNotification .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .accordion-body .customNotification .clsMarkIsRead.pinned {
  background-color: #143293;
}
.accordionNotification .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .accordion-body .customNotification .clsMarkIsRead.read {
  background-color: #CFCFCF;
}
.accordionNotification .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .accordion-body .customNotification .clsMarkIsRead i {
  color: #fff;
}
.accordionNotification .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .accordion-body .customNotification .clsNotificationBody h4 {
  font-size: 14px;
  font-weight: 500;
}
.accordionNotification .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .accordion-body .customNotification .clsNotificationBody p {
  color: #898989;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
}
.accordionNotification .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .accordion-body .customNotification .clsNotificationBody.read h4 {
  color: #898989;
}
.accordionNotification .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .accordion-body .customNotification .clsPinUnpinNotification {
  position: absolute;
  right: 0px;
  top: 0px;
  text-decoration: none;
}
.accordionNotification .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .accordion-body .customNotification .clsPinUnpinNotification.unpinned {
  color: #CFCFCF;
}
.accordionNotification .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .accordion-body .customNotification .clsPinUnpinNotification.unpinned i {
  color: #CFCFCF;
}
.accordionNotification .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .accordion-body .customNotification .clsPinUnpinNotification.pinned i {
  color: #143293;
}
.accordionNotification .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .accordion-body .customNotification .clsPinUnpinNotification.unread i {
  color: #143293;
}
.accordionNotification .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .accordion-body .customNotification .clsPinUnpinNotification i {
  color: #CFCFCF;
  font-size: 30px;
}
.accordionNotification .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .accordion-body .customNotification .viewNotification {
  color: #143293;
  font-size: 12px;
  font-weight: 600;
}
.accordionNotification .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .accordion-body .customNotification .timeSection {
  font-size: 12px;
  margin-bottom: 10px;
}
.accordionNotification .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .accordion-body .customNotification .timeSection label {
  position: relative;
  /* color: #d13030; */
  border-radius: 5px;
  padding: 6px 6px;
  font-size: 12px;
  min-width: 117px;
  text-align: center;
}
.accordionNotification .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .accordion-body .customNotification .timeSection label.actionPendingLabel {
  background-color: #FFC296;
}
.accordionNotification .accordion-item .accordion-collapse .accordion-body .accordion .accordion-item .accordion-body .customNotification .timeSection label.actionCompleteLabel {
  background-color: #0BC197;
  color: #fff;
}
.accordionNotification .accordion-item .accordion-collapse.newNotificationsection .accordion-body .accordion .accordion-item .accordion-body .customNotification .clsMarkIsRead {
  background-color: #CFCFCF;
  text-decoration: none;
}
.accordionNotification .accordion-item .accordion-collapse.newNotificationsection .accordion-body .accordion .accordion-item .accordion-body .customNotification .clsMarkIsRead.unread {
  background-color: #143293;
}
.accordionNotification .accordion-item .accordion-collapse.newNotificationsection .accordion-body .accordion .accordion-item .accordion-body .customNotification .clsMarkIsRead.pinned {
  background-color: #143293;
}
.accordionNotification .accordion-item .accordion-collapse.newNotificationsection .accordion-body .accordion .accordion-item .accordion-body .customNotification .clsMarkIsRead.read {
  background-color: #CFCFCF;
}
.accordionNotification .accordion-item .accordion-collapse.newNotificationsection .accordion-body .accordion .accordion-item .accordion-body .customNotification .clsPinUnpinNotification.pinned i {
  color: #143293;
}
.accordionNotification .accordion-item .accordion-collapse.newNotificationsection .accordion-body .accordion .accordion-item .accordion-body .customNotification .clsPinUnpinNotification i {
  color: #CFCFCF;
}

.assigncpoPopup ul {
  padding: 0px;
}
.assigncpoPopup ul .form-check {
  margin-bottom: 10px !important;
}
.assigncpoPopup ul .form-check:last-child {
  margin-bottom: 0px !important;
}
.assigncpoPopup .modal-footer {
  padding: 0px !important;
}
.assigncpoPopup .modal-footer .buttonWrap {
  padding-top: 20px !important;
}

.viewAllnotification .titleContainer .titleWrap .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.viewAllnotification .titleContainer .titleWrap .title a {
  color: #143293;
  font-size: 14px;
  line-height: 28px;
  font-weight: 700;
  text-decoration: underline;
  margin-left: 27px;
  /* margin-bottom: 1rem; */
  display: inline-block;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications {
  background-color: #EFF2F9;
  padding: 24px 0px;
  border-radius: 5px;
  position: relative;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 76px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(white));
  background-image: linear-gradient(transparent, white);
  bottom: 0px;
  left: 0px;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications.removeLoadMore:after {
  display: none;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications h4 {
  font-size: 14px;
  color: #303030;
  font-weight: 500;
  margin-bottom: 24px;
  padding-left: 24px;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #E4E4E4;
  margin: 0px 20px;
  padding: 16px 10px;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems:last-child {
  border-bottom: 0px;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems .viewSpace {
  width: 35px;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems:hover {
  background-color: #fff;
  border-radius: 5px;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems:last-child {
  border-bottom: 0;
  margin-bottom: 0px;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems:last-child:hover {
  background-color: #EFF2F9;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems .dateTimepinned {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  width: calc(100% - 250px);
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems .dateTimepinned .pinnedDate {
  width: 235px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems .dateTimepinned time {
  width: 170px;
  display: inline-block;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems .dateTimepinned .clsMarkIsRead {
  width: 34px;
  height: 34px;
  background-color: #CFCFCF;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  text-decoration: none;
  margin-right: 17px;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems .dateTimepinned .clsMarkIsRead.read {
  background-color: #CFCFCF;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems .dateTimepinned .clsMarkIsRead.unread {
  background-color: #143293;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems .clsNotificationBody {
  margin-left: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems .clsNotificationBody h4 {
  margin-bottom: 8px;
  color: #303030;
  font-size: 14px;
  font-weight: 500;
  padding-left: 0px;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems .clsNotificationBody p {
  color: #898989;
  font-size: 14px;
  line-height: 16px;
  margin: 0px;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems .clsNotificationBody.read h4 {
  color: #898989;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems .clsPinUnpinNotification {
  color: #143293;
  border-radius: 50%;
  text-decoration: none;
  font-size: 24px;
  margin-right: 17px;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems .clsPinUnpinNotification.unpinned {
  color: #CFCFCF;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems .viewNotification {
  color: #143293;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-underline-offset: 3px;
  text-decoration: underline;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems label {
  position: relative;
  background-color: #FFC296;
  border-radius: 5px;
  padding: 6px 6px;
  font-size: 12px;
  margin-right: 30px;
  min-width: 117px;
  text-align: center;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems label.actionPendingLabel {
  background-color: #FFC296;
}
.viewAllnotification .contentWrap .contentPadd .pinnedNotifications .pinnedItems label.actionCompleteLabel {
  background-color: #0BC197;
  color: #fff;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView {
  padding: 24px 0px 0px;
  position: relative;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 76px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(white));
  background-image: linear-gradient(transparent, white);
  bottom: 0px;
  left: 0px;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView.removeLoadMore:after {
  display: none;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView h4 {
  font-size: 14px;
  color: #303030;
  font-weight: 500;
  margin-bottom: 24px;
  padding-left: 24px;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView .notificationDate {
  font-size: 14px;
  color: #303030;
  font-weight: 500;
  margin-bottom: 24px;
  padding-left: 24px;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView .newNotificationItems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #E4E4E4;
  padding: 16px 24px;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView .newNotificationItems .viewSpace {
  width: 35px;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView .newNotificationItems:hover {
  background-color: #D5F5FE;
  border-radius: 5px;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView .newNotificationItems .dateTimepinned {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView .newNotificationItems .dateTimepinned .pinnedDate {
  width: 235px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView .newNotificationItems .dateTimepinned time {
  width: 170px;
  display: inline-block;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView .newNotificationItems .dateTimepinned .clsMarkIsRead {
  width: 34px;
  height: 34px;
  background-color: #CFCFCF;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  text-decoration: none;
  margin-right: 17px;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView .newNotificationItems .dateTimepinned .clsMarkIsRead.read {
  background-color: #CFCFCF;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView .newNotificationItems .dateTimepinned .clsMarkIsRead.unread {
  background-color: #143293;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView .newNotificationItems .dateTimepinned .clsNotificationBody {
  margin-left: 40px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView .newNotificationItems .dateTimepinned .clsNotificationBody h4 {
  margin-bottom: 8px;
  color: #303030;
  font-size: 14px;
  padding-left: 0px;
  font-weight: 500;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView .newNotificationItems .dateTimepinned .clsNotificationBody p {
  color: #898989;
  font-size: 14px;
  line-height: 16px;
  margin: 0px;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView .newNotificationItems .dateTimepinned .clsNotificationBody.read h4 {
  color: #898989;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView .newNotificationItems .clsPinUnpinNotification {
  color: #143293;
  border-radius: 50%;
  text-decoration: none;
  font-size: 24px;
  margin-right: 17px;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView .newNotificationItems .clsPinUnpinNotification.unpinned {
  color: #CFCFCF;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView .newNotificationItems .viewNotification {
  color: #143293;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-underline-offset: 3px;
  text-decoration: underline;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView .newNotificationItems label {
  position: relative;
  background-color: #FFC296;
  border-radius: 5px;
  padding: 6px 6px;
  font-size: 12px;
  margin-right: 30px;
  min-width: 117px;
  text-align: center;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView .newNotificationItems label.actionPendingLabel {
  background-color: #FFC296;
}
.viewAllnotification .contentWrap .contentPadd .newNotificationView .newNotificationItems label.actionCompleteLabel {
  background-color: #0BC197;
  color: #fff;
}
.viewAllnotification .contentWrap .contentPadd .notificationLoadmore {
  text-align: center;
  margin-top: 20px;
}
.viewAllnotification .contentWrap .contentPadd .notificationLoadmore a {
  background-color: #31427B;
  color: #fff;
  border-radius: 30px;
  font-size: 12px;
  padding: 8px 15px;
  text-decoration: none;
}
.viewAllnotification .contentWrap .contentPadd .notificationfilter {
  padding: 36px 0px;
  border: 1px solid #E0E0E0;
  padding: 24px 24px 16px;
  border-radius: 10px;
  margin-top: 36px;
  background-color: #F8F8F8;
}
.viewAllnotification .contentWrap .contentPadd .notificationfilter h4 {
  color: #303030;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 14px;
}
.viewAllnotification .contentWrap .contentPadd .notificationfilter .form-floating {
  margin-bottom: 1rem;
}
.viewAllnotification .contentWrap .contentPadd .notificationfilter .form-floating label {
  color: #898989;
}
.viewAllnotification .contentWrap .contentPadd .notificationfilter .form-floating span {
  background-color: transparent;
  border: 1px solid #B8C5D2;
  overflow: visible;
}
.viewAllnotification .contentWrap .contentPadd .notificationfilter .form-floating span.k-icon {
  border: 0px;
}
.viewAllnotification .contentWrap .contentPadd .notificationfilter .form-floating select {
  width: 100%;
  position: relative;
  background-color: transparent;
  border: 1px solid #B8C5D2;
  border-radius: 5px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
  height: 40px;
  padding: 0rem 0.75rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.viewAllnotification .contentWrap .contentPadd .notificationfilter .form-floating select:before {
  content: "e900";
}
.viewAllnotification .contentWrap .contentPadd .notificationfilter .form-floating select:focus-visible {
  outline: none;
  border: 1px solid #B8C5D2;
}
.viewAllnotification .contentWrap .contentPadd .notificationfilter .form-floating {
  /*&.NotificationActionStatus {
  	position: relative;

  	&:before {
  		font-family: "icomoon";
  		content: "\e900";
  		color: #0a1f62;
  		position: absolute;
  		right: 15px;
  		font-size: 10px;
  		top: 50%;
  		transform: translateY(-50%);
  	}
  }*/
}
.viewAllnotification .contentWrap .contentPadd .notificationfilter .title a {
  color: #143293;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.viewAllnotification .contentWrap .contentPadd .notificationfilter .viewunreadNotifications label {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.viewAllnotification .contentWrap .contentPadd .notificationfilter .applyFilter {
  font-size: 14px;
}

.personalInformationDetail .personalinformationChange {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.personalInformationDetail .personalinformationChange .table-responsive {
  width: 50%;
}
.personalInformationDetail .personalinformationChange .table-responsive .changeSectionRed {
  position: relative;
}
.personalInformationDetail .personalinformationChange .table-responsive .changeSectionRed:after {
  border-right: 13px solid #D43836;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  content: "";
  position: absolute;
  right: 2px;
  top: 9px;
}
.personalInformationDetail .personalinformationChange .table-responsive .tableHeading {
  margin-bottom: 50px;
}
.personalInformationDetail .personalinformationChange .table-responsive .tableHeading h2 {
  font-size: 17px;
  line-height: 20px;
  font-weight: 500;
  background-color: #DDFED5;
  padding: 7px 20px;
}
.personalInformationDetail .personalinformationChange .table-responsive .tableHeading.newtable h2 {
  position: relative;
  background-color: #D5F5FE;
}
.personalInformationDetail .personalinformationChange .table-responsive .table {
  padding-left: 25px;
  display: inline-block;
  border-right: 1px solid #E4E4E4;
}
.personalInformationDetail .personalinformationChange .table-responsive .table tbody {
  display: block;
}
.personalInformationDetail .personalinformationChange .table-responsive .table tbody tr {
  display: block;
}
.personalInformationDetail .personalinformationChange .table-responsive .table tbody tr td {
  width: 35%;
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
}
.personalInformationDetail .personalinformationChange .table-responsive .table tbody tr td.clsExistingDIff_True, .personalInformationDetail .personalinformationChange .table-responsive .table tbody tr td.clsNewDIff_True {
  color: #D43836;
}
.personalInformationDetail .personalinformationChange .table-responsive .table tbody tr.changeSectionGreen {
  position: relative;
}
.personalInformationDetail .personalinformationChange .table-responsive .table tbody tr.changeSectionGreen:after {
  content: "";
  border-left: 13px solid #459751;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  position: absolute;
  left: -23px;
  top: 9px;
}
.personalInformationDetail .personalinformationChange .table-responsive .table tbody tr.changeSectionGreen td {
  color: #459751;
}
.personalInformationDetail .personalinformationChange .table-responsive .table h4 {
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
  position: relative;
}
.personalInformationDetail .personalinformationChange .table-responsive .table h4:before {
  content: "";
  background-color: #6A88FF;
  width: 5px;
  height: 5px;
  position: absolute;
  left: -15px;
  top: 8px;
  border-radius: 50px;
}
.personalInformationDetail .personalinformationChange .table-responsive .table h5 {
  color: #898989;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.personalInformationDetail .personalinformationChange .table-responsive .table .clsNewDIff_False {
  font-size: 14px;
  font-weight: 600;
}
.personalInformationDetail .personalinformationChange .table-responsive .table.PersonalinfoHistory tbody tr td:last-child {
  width: 60%;
}
.personalInformationDetail .personalinformationChange .table-responsive:last-child .table {
  border-right: 0px;
}
.personalInformationDetail .notificationAcceptReject {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 24px;
  border-top: 1px solid #E4E4E4;
  margin-top: 30px;
}
.personalInformationDetail .notificationAcceptReject .btn {
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  padding: 11px 44px;
  margin-left: 15px;
}
.personalInformationDetail .notificationAcceptReject .btn.btnBlue {
  background-color: #143293;
}
.personalInformationDetail .notificationAcceptReject .btn.btnRed {
  background-color: #D43836;
}
.personalInformationDetail .notificationAcceptReject .btn.borderBtn {
  color: #0A1F62;
  border: 1px solid #0A1F62;
}

.eventDetails .docList ul li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 33%;
}

.notarySupportingdocument .docList ul li {
  width: 100%;
  max-width: 100%;
  margin-bottom: 25px;
  overflow: visible;
}
.notarySupportingdocument .docList ul li:last-child {
  margin-bottom: 0px;
}
.notarySupportingdocument .docList ul li .btn:before {
  font-size: 16px;
}
.notarySupportingdocument .docList ul li h5 {
  padding-bottom: 16px;
  border-bottom: 1px solid #E4E4E4;
}
.notarySupportingdocument .docList ul li .notarySection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #EFFCFF !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  padding: 11px 16px;
}
.notarySupportingdocument .docList ul li .notarySection.clsRejectedDoc {
  border: 1px solid rgba(233, 41, 42, 0.6);
}
.notarySupportingdocument .docList ul li .notarySection button {
  background-color: transparent;
  border-radius: 0px;
  max-width: 220px;
}
.notarySupportingdocument .docList ul li .notarySection .riskDetail {
  background-color: #FFFFFF;
  border-radius: 15px;
  padding: 6px 10px 6px 40px;
  position: relative;
}
.notarySupportingdocument .docList ul li .notarySection .riskDetail:before {
  content: "";
  background-repeat: no-repeat;
  width: 22px;
  height: 18px;
  position: absolute;
  left: 10px;
  top: 12px;
}
.notarySupportingdocument .docList ul li .notarySection .riskDetail .notaryRisk {
  margin-right: 32px;
  display: inline-block;
}
.notarySupportingdocument .docList ul li .notarySection .riskDetail span {
  font-size: 14px;
}
.notarySupportingdocument .docList ul li .notarySection .riskDetail a {
  font-size: 18px;
  font-weight: 500;
  color: #080957;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
}
.notarySupportingdocument .docList ul li .notarySection .riskDetail.lawRisk:before {
  background-image: url("../images/lawRisk.svg");
}
.notarySupportingdocument .docList ul li .notarySection .riskDetail.lawRisk span {
  color: #208D4B;
  font-weight: 500;
  display: inline-block;
}
.notarySupportingdocument .docList ul li .notarySection .riskDetail.mediumRisk:before {
  background-image: url("../images/mediumRisk.svg");
}
.notarySupportingdocument .docList ul li .notarySection .riskDetail.mediumRisk span {
  color: #FE7F00;
  font-weight: 500;
  display: inline-block;
}
.notarySupportingdocument .docList ul li .notarySection .riskDetail.HighRisk:before {
  background-image: url("../images/HighRisk.svg");
}
.notarySupportingdocument .docList ul li .notarySection .riskDetail.HighRisk span {
  color: #E5242D;
  font-weight: 500;
  display: inline-block;
}
.notarySupportingdocument .docList ul li .notarySection .riskDetail.pendingValidation {
  padding: 6px 20px;
}
.notarySupportingdocument .docList ul li .notarySection .riskDetail.pendingValidation:before {
  display: none;
}
.notarySupportingdocument .docList ul li .notarySection .riskDetail.pendingValidation span {
  color: #FE7F00;
}
.notarySupportingdocument .docList ul li .notarySection .close {
  width: 36px;
  height: 36px;
  background-color: rgba(233, 41, 42, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  margin-left: 16px;
  cursor: pointer;
}
.notarySupportingdocument .docList ul li .notarySection .close i {
  color: #E9292A;
}
.notarySupportingdocument .docList ul li .notarySection .dropdown .dropdown-toggle:after {
  display: none;
}
.notarySupportingdocument .docList ul li .notarySection .dropdown .dropdown-menu {
  width: 310px;
  /*    &:before {
          clip-path: polygon(0 0, 100% 0, 100% 100%);
          background: #fff;
          border: 1px solid #e9e9e9;
          height: 16px;
          width: 16px;
          top: 0px;
          left: 81%;
          -webkit-transform-origin: 0 0;
          -ms-transform-origin: 0 0;
          transform-origin: 0 0;
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
          content: "";
          position: absolute;
      }*/
}
.notarySupportingdocument .docList ul li .notarySection .dropdown .dropdown-menu h3 {
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid rgba(10, 31, 98, 0.2);
  margin-bottom: 10px;
  margin-left: -16px;
  margin-right: -16px;
  padding: 0px 16px 10px;
}
.notarySupportingdocument .docList ul li .notarySection .dropdown .dropdown-menu p {
  font-weight: 400;
  font-size: 14px;
  word-break: break-word;
  white-space: normal;
}

.blackBtn {
  background-color: #1B202D;
  color: #fff;
  padding: 0.48rem 1rem;
  border-radius: 5px;
  font-size: 14px;
  color: #fff !important;
  font-weight: 500;
}
.blackBtn:hover {
  background-color: #1B202D !important;
}

.borderBtn {
  border: 1px solid #0A1F62;
  padding: 0.48rem 0.75rem;
  border-radius: 5px;
  font-size: 14px;
  color: #0A1F62;
  background-color: #fff;
  font-weight: 500;
}
.borderBtn:hover {
  border: 1px solid #0A1F62;
}

.documentEditchange {
  padding-bottom: 24px;
}
.documentEditchange .borderBtn {
  border: 1px solid #0A1F62;
  padding: 0.55rem 0.75rem;
  border-radius: 5px;
  font-size: 14px;
  color: #0A1F62;
  background-color: #fff;
  font-weight: 500;
}

.documenTextarea span {
  display: block;
}
.documenTextarea span textarea {
  width: 100%;
  border: 1px solid #C8C8C8;
  padding: 16px;
  margin-bottom: 16px;
  border-radius: 5px;
}
.documenTextarea span textarea:focus-visible {
  outline: none;
}

.partyInfo.ApplicationNoticeView {
  padding-top: 0px;
}
.partyInfo.ApplicationNoticeView .card {
  border: 0;
  margin-bottom: 0px;
  min-height: auto;
}
.partyInfo.ApplicationNoticeView .detailsRow {
  padding-top: 0px;
}
.partyInfo.ApplicationNoticeView .detailsRow .card {
  border: 0;
}
.partyInfo.ApplicationNoticeView .detailsRow .card .card-header {
  padding-left: 1rem;
}
.partyInfo.ApplicationNoticeView .detailsRow .card .card-header h2 {
  margin-bottom: 20px;
}
.partyInfo.ApplicationNoticeView .detailsRow .card .card-header h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 0.25rem;
}
.partyInfo.ApplicationNoticeView .detailsRow .card .card-body {
  padding: 0rem;
}
.partyInfo.ApplicationNoticeView .detailsRow .card .card-body .lbWrap {
  padding: 1rem;
}

.home-bg {
  background: radial-gradient(100% 100% at 50% 61.73%, #FFFFFF 0%, rgba(181, 148, 83, 0.5) 100%);
}

.wlcomHome {
  background-image: url(../images/wlcomTitle.png);
  height: calc(100vh - 137px);
  margin-bottom: -5rem;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding-top: 10px;
}
.wlcomHome iframe {
  width: 100%;
  height: 100%;
  margin: auto;
  display: table;
}
.wlcomHome .wlcomTitle {
  text-align: center;
  color: #143293;
  padding-top: 90px;
}
.wlcomHome .wlcomTitle h4 {
  font-size: 20px;
  font-weight: 500;
}
.wlcomHome .wlcomTitle h1 {
  font-size: 48px;
  font-weight: 500;
  line-height: 72px;
  color: #B59454;
}
.wlcomHome .wlcomTitle h3 {
  font-size: 30px;
  font-weight: 500;
}

.documentSignedSuccess {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.documentSignedSuccess .documentSignedcenter .popWrapCol {
  padding-bottom: 15px;
}
.documentSignedSuccess .documentSignedcenter .popWrapCol img {
  width: 40px;
}
.documentSignedSuccess .documentSignedcenter .popWrapCol h2 {
  padding: 10px 0px 5px;
  font-size: 20px;
}

@media (max-width: 1399.98px) {
  .wlcomHome .wlcomTitle {
    padding-top: 30px;
  }
  .wlcomHome .wlcomTitle h1 {
    font-size: 40px;
    line-height: 52px;
  }
  .wlcomHome .wlcomTitle h3 {
    font-size: 26px;
  }
  .contentWrap .tableWrap .k-grid table thead tr th:first-child {
    width: 168px;
  }
  .contentWrap .tableWrap #dvPendingPayment .k-grid table thead tr th:first-child {
    width: auto;
  }
}
@media (max-width: 991.98px) {
  .linkExpired .icon {
    font-size: 4rem;
    margin-bottom: 1.5rem;
  }
  .linkExpired h3 {
    font-size: 2rem;
  }
}
.paySuccessError {
  padding-top: 3.75rem;
}
.paySuccessError .textCol {
  text-align: center;
  margin-bottom: 2.5rem;
}
.paySuccessError .textCol .icon {
  font-size: 6.375rem;
  display: block;
  margin-bottom: 1.5rem;
}
.paySuccessError .textCol h4 {
  font-size: 2.5rem;
  color: #1b202d;
  font-weight: 500;
  margin-bottom: 2.5rem;
}
.paySuccessError .textCol h2 {
  font-size: 1.875rem;
  color: #1b202d;
  font-weight: 500;
  margin-bottom: 0.75rem;
}
.paySuccessError .textCol p {
  font-size: 0.75rem;
  font-weight: 500;
  color: #494a53;
}
.paySuccessError .totalAmt {
  border-radius: 10px;
  padding: 1.5rem 2.5rem;
}
.paySuccessError .totalAmt .amtCol .iconAmount {
  font-size: 2.875rem;
  color: #fff;
  width: 102px;
  height: 102px;
  text-align: center;
  line-height: 102px;
  display: block;
  border-radius: 50%;
}
.paySuccessError .totalAmt .amtCol p {
  font-size: 2.5rem;
  font-weight: 500;
  color: #1b202d;
  margin-bottom: 0;
}
.paySuccessError .totalAmt .amtCol label {
  font-size: 0.875rem;
  font-weight: 300;
  color: #1b202d;
  display: block;
}
.paySuccessError .totalAmt .table {
  margin-bottom: 0;
}
.paySuccessError .totalAmt .table tr td, .paySuccessError .totalAmt .table tr th {
  border: 0;
  padding: 0.25rem 0.75rem;
}
.paySuccessError .totalAmt .table tr td {
  font-size: 0.875rem;
  font-weight: 300;
  color: #1b202d;
}
.paySuccessError .totalAmt .table tr th {
  font-size: 1.125rem;
  font-weight: 500;
  color: #1b202d;
  text-align: right;
}
.paySuccessError.success .textCol .icon {
  color: #3ecdab;
}
.paySuccessError.success .totalAmt {
  border: 2px solid #3ec0cd;
  background: #f3fbfc;
}
.paySuccessError.success .totalAmt .amtCol .iconAmount {
  background: #3ec0cd;
}
.paySuccessError.error .textCol .icon {
  color: #cf1b5c;
}
.paySuccessError.error .totalAmt {
  border: 2px solid #cf1b5c;
  background: #fffbfc;
}
.paySuccessError.error .totalAmt .amtCol .iconAmount {
  background: #cf1b5c;
}

@media (max-width: 1199.98px) {
  .paySuccessError .textCol .icon {
    font-size: 4rem;
  }
  .paySuccessError .totalAmt {
    padding: 1rem 1.5rem;
  }
  .paySuccessError .totalAmt .amtCol .iconAmount {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 1.75rem;
  }
  .paySuccessError .totalAmt .amtCol p {
    font-size: 1.5rem;
  }
  .paySuccessError .totalAmt .table tr th {
    font-size: 1rem;
  }
}
@media (max-width: 991.98px) {
  .paySuccessError .totalAmt .amtCol {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .paySuccessError .totalAmt {
    padding: 1rem;
  }
}
.underline {
  position: relative;
}
.underline:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #1e1e1e;
}
.underline:hover:before {
  width: 0;
  left: 50%;
  right: 50%;
  opacity: 0;
  visibility: hidden;
}

.formEntry .arrowBtn #pdf-buttons button, .formEntry .arrowBtn .arrowBtnmain button {
  border: 0px;
  background-color: transparent;
  border: 1px solid #0A1F62;
  font-size: 14px;
  padding: 10px;
  color: #0A1F62;
  border-radius: 0px;
  min-width: 98px;
}
.formEntry .arrowBtn #pdf-buttons button i, .formEntry .arrowBtn .arrowBtnmain button i {
  color: #0A1F62;
}
.formEntry .arrowBtn #pdf-buttons button.disabled, .formEntry .arrowBtn .arrowBtnmain button.disabled {
  opacity: 40%;
  cursor: default;
  pointer-events: none;
}
.formEntry .arrowBtn #pdf-buttons button.btnLeft, .formEntry .arrowBtn .arrowBtnmain button.btnLeft {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-right: -5px;
  border-right: 0;
}
.formEntry .arrowBtn #pdf-buttons button.btnRight, .formEntry .arrowBtn .arrowBtnmain button.btnRight {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.calendarTitle {
  font-size: 14px;
  background-color: #effcff;
  padding: 8px;
  margin-top: 7px;
  border-radius: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lawyerStatusModal .statusModalHeading h4 {
  font-size: 16px;
  font-weight: 300;
  color: #1B202D;
  margin-bottom: 20px;
}
.lawyerStatusModal ul {
  padding: 0px;
  margin-bottom: 0px;
}
.lawyerStatusModal ul li {
  border: 1px solid #DADADA;
  border-radius: 5px;
  padding: 16px;
  margin-bottom: 16px;
}
.lawyerStatusModal ul li:last-child {
  margin-bottom: 0px;
}
.lawyerStatusModal ul li .lawyerCount {
  width: 40px;
  height: 40px;
  background-color: #F4F4F4;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
}
.lawyerStatusModal ul li .lawyerName {
  margin-left: 12px;
}
.lawyerStatusModal ul li .lawyerName h5 {
  font-size: 16px;
  color: #000000;
}
.lawyerStatusModal ul li .lawyerName h6 {
  font-size: 12px;
  font-weight: 500;
  color: #208D4B;
  margin: 0px;
}
.lawyerStatusModal ul li .btrychange {
  display: inline-block;
  width: 46px;
  height: 20px;
  background-repeat: no-repeat;
}
.lawyerStatusModal ul li .btrychange.btryZero {
  background-image: url("../images/btryZero.svg");
}
.lawyerStatusModal ul li .btrychange.btryBOne {
  background-image: url("../images/btryBOne.svg");
}
.lawyerStatusModal ul li .btrychange.btryBTwo {
  background-image: url("../images/btryBTwo.svg");
}
.lawyerStatusModal ul li .btrychange.btryBThree {
  background-image: url("../images/btryBThree.svg");
}
.lawyerStatusModal ul li .btryRight {
  text-align: right;
}
.lawyerStatusModal ul li .btryRight label {
  color: #898989;
  font-size: 14px;
  font-weight: 500;
}

.clsLoadAcceptedLawyersView {
  cursor: pointer;
}

.btryStatuschange {
  display: inline-block;
  margin-right: 8px;
  background-repeat: no-repeat;
  display: block;
  padding-left: 50px;
}
.btryStatuschange span {
  display: block;
}
.btryStatuschange.btryBrdrBlackZero {
  background-image: url("../images/btryBrdrBlackZero.svg");
}
.btryStatuschange.btryBrdrBlackOne {
  background-image: url("../images/btryBrdrBlackOne.svg");
}
.btryStatuschange.btryBrdrBlackTwo {
  background-image: url("../images/btryBrdrBlackTwo.svg");
}
.btryStatuschange.btryBrdrBlackThree {
  background-image: url("../images/btryBrdrBlackThree.svg");
}
.btryStatuschange.btryBrdrBlackFour {
  background-image: url("../images/btryBrdrBlackFour.svg");
}
.btryStatuschange.btryBrdrBlackFive {
  background-image: url("../images/btryBrdrBlackFive.svg");
}

.NotaryHistory ul {
  padding: 0px;
  list-style: none;
}
.NotaryHistory ul li {
  padding: 0px 0px 20px 34px;
  border-left: 1px dashed #E0E0E0;
  position: relative;
  margin-left: 10px;
}
.NotaryHistory ul li:before {
  content: "";
  background-color: #143293;
  width: 8px;
  height: 8px;
  border-radius: 13px;
  position: absolute;
  left: -4px;
  top: 4px;
  -webkit-box-shadow: 0px 0px 0px 6px #D9E2FF;
          box-shadow: 0px 0px 0px 6px #D9E2FF;
}
.NotaryHistory ul li:last-child {
  border-left: 0px;
}
.NotaryHistory ul li h6 {
  font-size: 12px;
  color: #898989;
}
.NotaryHistory ul li h4 {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
.NotaryHistory ul li a {
  color: #143293;
  font-size: 12px;
  font-weight: 500;
  display: block;
}

.invoiceTabel {
  padding: 10px 0px 0px;
}
.invoiceTabel .statusReceived {
  color: #ff8f50;
}
.invoiceTabel span {
  padding: 6px 8px;
}
.invoiceTabel span.bg-table {
  background-color: #D0FDF5;
  border-radius: 5px;
}
.invoiceTabel label {
  font-size: 16px;
  margin-bottom: 15px;
}
.invoiceTabel table, .invoiceTabel th, .invoiceTabel td {
  border: 0;
  border-collapse: collapse;
  border-bottom: 1px solid #E0E0E0;
}
.invoiceTabel table {
  width: 100%;
}
.invoiceTabel table th {
  padding: 6px 8px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #6a6a6a;
}
.invoiceTabel table td {
  padding: 12px 8px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
}
.invoiceTabel table thead {
  background-color: #EFF2F9;
}
.invoiceTabel table thead th {
  color: #6A6A6A;
}

.notarySupportingDoc.addDecision .offcanvas-header {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  border-bottom: 1px solid #e4e4e4;
}
.notarySupportingDoc.addDecision .offcanvas-body {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.notarySupportingDoc .offcanvas-header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.notarySupportingDoc .notaryRiskstatus {
  font-size: 1.375rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 0;
}
.notarySupportingDoc:before {
  content: "";
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  position: absolute;
  left: 0px;
  top: -5px;
  border-radius: 20px;
  background-size: 37px;
  background-position: center center;
}
.notarySupportingDoc h5 {
  font-size: 16px;
  font-weight: 600;
  color: #303030;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 330px;
}
.notarySupportingDoc span {
  color: #FE7F00;
  font-size: 14px;
  font-weight: 500;
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .riskStatus {
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 64px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .riskStatus p {
  margin: 0px;
  font-size: 24px;
  font-weight: 600;
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .riskStatus .riskValue {
  width: 150px;
  background-color: #ffdcb8;
  padding: 18px 24px;
  border-radius: 20px;
  padding-left: 80px;
  position: relative;
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .riskStatus .riskValue:before {
  content: "";
  width: 40px;
  height: 23px;
  position: absolute;
  left: 20px;
  background-repeat: no-repeat;
  background-size: 100%;
  top: 23px;
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .riskStatus.lawRisk {
  background-color: rgba(32, 141, 75, 0.2196078431);
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .riskStatus.lawRisk p {
  color: #208d4b;
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .riskStatus.lawRisk .riskValue {
  background-color: rgba(106, 191, 140, 0.2196078431);
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .riskStatus.lawRisk .riskValue:before {
  background-image: url("../images/lawRisk.svg");
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .riskStatus.mediumRisk {
  background-color: #ffe5cc;
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .riskStatus.mediumRisk p {
  color: #FE7F00;
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .riskStatus.mediumRisk .riskValue:before {
  background-image: url("../images/mediumRisk.svg");
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .riskStatus.HighRisk {
  background-color: rgba(229, 36, 45, 0.2509803922);
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .riskStatus.HighRisk p {
  color: #e5242d;
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .riskStatus.HighRisk .riskValue {
  background-color: rgba(243, 139, 144, 0.2509803922);
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .riskStatus.HighRisk .riskValue:before {
  background-image: url("../images/HighRisk.svg");
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .riskStatusdoc {
  width: 100%;
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .riskStatusdoc p {
  text-align: center;
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .documentRiskstatus {
  margin-bottom: 16px;
  padding: 24px;
  background-color: #F4F4F4;
  border-radius: 20px;
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .documentRiskstatus h5 {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 600;
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .documentRiskstatus p {
  position: relative;
  padding-left: 20px;
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .documentRiskstatus p:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background-color: #FE7F00;
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .statusImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px;
  background-color: #F4F4F4;
  border-radius: 20px;
  padding-bottom: 0px;
}
.notarySupportingDoc .offcanvas-body .onboardingPopup .notarySupportingdocument .statusImg img {
  width: 47%;
  margin-bottom: 15px;
  cursor: pointer;
}

.detailsRow .card .insideCard {
  padding-top: 15px;
}
.detailsRow .card .insideCard .card-header {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  border: 1px solid rgba(0, 0, 0, 0.1411764706);
  background-color: #f7f7f7;
  border-left: 0;
  border-right: 0;
}
.detailsRow .card .insideCard .card-header h2:before {
  background-color: #3DA9E7 !important;
  border-radius: 3px !important;
}

.dailyActivty .dailyHead {
  padding: 30px 0px;
  border-bottom: 1px solid #eee;
}
.dailyActivty .dailyHead h1 {
  font-size: 1.375rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 0rem;
}
.dailyActivty .dailyHead .form-floating {
  margin-bottom: 0px;
}
.dailyActivty .dailyHead .form-floating label {
  font-size: 14px;
  margin-right: 10px;
}
.dailyActivty .dailyHead .form-floating button {
  margin-left: 16px;
  min-width: 70px;
}
.dailyActivty .dailyReportContent .claimboxLeft {
  position: sticky;
  top: 110px;
}
.dailyActivty .dailyReportContent .claimboxLeft .claims {
  border-radius: 5px;
  padding: 16px;
  margin: 20px 10px 20px 0px;
  -webkit-box-shadow: 0px 0px 5px 4px #F8F8F8;
          box-shadow: 0px 0px 5px 4px #F8F8F8;
}
.dailyActivty .dailyReportContent .claimboxLeft .claims h2 {
  font-size: 40px;
  font-weight: bold;
  margin: 0;
}
.dailyActivty .dailyReportContent .claimboxLeft .claims p {
  font-size: 16px;
  margin: 0;
  font-weight: 400;
}
.dailyActivty .dailyReportContent table {
  margin-top: 20px;
}

.ash_body {
  background-color: #F4F4F4;
}
.ash_body .downloadPass {
  padding-top: 30px;
}
.ash_body .downloadPass .errorPageContent .walletLink {
  max-width: 570px;
  width: 100%;
  display: table;
  margin: auto;
  background-color: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0px 1px 20px rgba(0, 62, 126, 0.3098039216);
          box-shadow: 0px 1px 20px rgba(0, 62, 126, 0.3098039216);
  padding: 60px 30px;
  margin-top: 60px;
}
.ash_body .downloadPass .errorPageContent .walletLink h2 {
  font-size: 28px;
}
.ash_body .downloadPass .errorPageContent .walletLink .iconlikn {
  width: 100px;
  height: 100px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #023979;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  margin-bottom: 20px;
}
.ash_body .downloadPass .errorPageContent .walletLink .iconlikn i {
  font-size: 30px;
  color: #fff;
}
.ash_body .downloadPass .errorPageContent .walletLink a {
  font-size: 16px;
  text-decoration: underline;
}

.linkaccountDetails {
  margin-right: 30px;
  position: relative;
}
.linkaccountDetails .clsViewUserLinkedAccountDetails {
  background-color: rgba(10, 31, 98, 0.1);
  border-radius: 32px;
  padding: 8px 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.linkaccountDetails .clsViewUserLinkedAccountDetails:hover {
  background-color: rgba(10, 31, 98, 0.2);
}
.linkaccountDetails .clsViewUserLinkedAccountDetails:before {
  display: none;
}
.linkaccountDetails .clsViewUserLinkedAccountDetails i {
  margin-right: 5px;
  background-color: #0A1F62;
  color: #fff;
  padding: 5px;
  border-radius: 30px;
  font-size: 15px;
}
.linkaccountDetails .clsViewUserLinkedAccountDetails:disabled {
  pointer-events: none;
  opacity: 1;
  background-color: #d8d8d8;
}
.linkaccountDetails .clsViewUserLinkedAccountDetails:disabled i {
  background-color: #adadad;
}
.linkaccountDetails .clsViewUserLinkedAccountDetails:disabled span {
  opacity: 0.8;
}
.linkaccountDetails .dropdown-menu {
  position: absolute;
  right: 0px !important;
  top: 54px !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
  min-width: 400px !important;
  padding: 1rem 0rem;
}
.linkaccountDetails .dropdown-menu:before {
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  background: #fff;
  border: 1px solid #e9e9e9;
  height: 16px;
  width: 16px;
  top: 0px;
  left: 81%;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  content: "";
  position: absolute;
}
.linkaccountDetails .dropdown-menu li h5 {
  color: #0A1F62 !important;
  border-bottom: 0.5px solid rgba(10, 31, 98, 0.002);
  padding-bottom: 10px;
}
.linkaccountDetails .dropdown-menu label {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.linkaccountDetails .dropdown-menu label:after {
  content: ":";
  position: absolute;
  right: 0px;
}
.linkaccountDetails .dropdown-menu p {
  font-size: 14px;
}
.linkaccountDetails .dropdown-menu p span {
  padding: 4px 8px;
  border-radius: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}
.linkaccountDetails .dropdown-menu p span.linkName {
  background-color: #D3F7FF;
}
.linkaccountDetails .dropdown-menu p span.linkedEmail {
  background-color: #FFDABF;
}
.linkaccountDetails .dropdown-menu p span.Inactive {
  background-color: #FF8383;
  color: #fff;
}
.linkaccountDetails .dropdown-menu p span.active {
  background-color: #0BC197;
  color: #fff;
}

.searchTitleContainer {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #F8F8F8;
}
.searchTitleContainer .searchSelect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.searchTitleContainer .searchSelect .searchSection {
  padding: 10px 10px;
  border-radius: 10px;
  border: 1px solid rgba(2, 57, 121, 0.3019607843);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 224px);
  position: relative;
  background-color: #fff;
}
.searchTitleContainer .searchSelect .searchSection .searchAdd .advanceSearch .input-group button {
  padding: 0px;
  cursor: default;
}
.searchTitleContainer .searchSelect .searchSection .searchAdd .advanceSearch .input-group input {
  border: 0px;
  background-color: transparent;
  padding: 0rem 0.75rem;
}
.searchTitleContainer .searchSelect .searchSection .multiSelect {
  margin-right: 15px;
  border-right: 1px solid rgba(2, 57, 121, 0.3019607843);
  position: relative;
}
.searchTitleContainer .searchSelect .searchSection .multiSelect .icon-arrow-down {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 10px;
}
.searchTitleContainer .searchSelect .searchSection .multiSelect .form-floating {
  padding-right: 0px;
}
.searchTitleContainer .searchSelect .searchSection .multiSelect .form-floating .k-multiselect {
  border: 0px;
  background-color: transparent;
  padding-left: 0px;
}
.searchTitleContainer .searchSelect .searchSection .multiSelect .form-floating .k-multiselect .k-input-values .k-chip {
  background-color: #fff;
  border: 1px solid #D4D4D4;
  border-radius: 8px;
  padding: 4px 6px;
  height: 32px;
}
.searchTitleContainer .searchSelect .searchSection .multiSelect .form-floating .k-multiselect .k-input-values .k-chip .k-i-x-circle:before {
  content: "\e90a";
  font-family: "icomoon" !important;
  speak: never;
  font-size: 10px;
  line-height: 1;
  color: #E9292A;
}
.searchTitleContainer .searchSelect .searchSection .detailSearch {
  position: relative;
}
.searchTitleContainer .searchSelect .searchSection .detailSearch .suggestionsContainer {
  position: absolute;
  background-color: #fff;
  width: 50%;
  left: 0px;
  top: 60px;
  border-radius: 10px;
  -webkit-box-shadow: 0px -2px 25px 0px rgba(165, 165, 165, 0.2509803922);
          box-shadow: 0px -2px 25px 0px rgba(165, 165, 165, 0.2509803922);
  z-index: 9;
  width: 100%;
}
.searchTitleContainer .searchSelect .searchSection .detailSearch .suggestionsContainer ul {
  padding: 0px;
  margin: 0px;
  max-height: 240px;
  overflow: auto;
}
.searchTitleContainer .searchSelect .searchSection .detailSearch .suggestionsContainer ul li {
  list-style: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.001);
  padding: 10px 15px;
  cursor: pointer;
}
.searchTitleContainer .searchSelect .srchBtn {
  width: 208px;
  margin-left: 16px;
}

.currentSearchResult .contentPadd .currentResult .result-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.currentSearchResult .contentPadd .resultsList ul {
  padding: 0px;
}
.currentSearchResult .contentPadd .resultsList ul li {
  list-style: none;
  margin-top: 16px;
}
.currentSearchResult .contentPadd .resultsList ul li .card {
  border: 1px solid transparent;
  background-color: #F8F8F8;
  border-radius: 10px;
  position: relative;
}
.currentSearchResult .contentPadd .resultsList ul li .card:hover {
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 1px 14px 0px #eeeeee;
          box-shadow: 1px 1px 14px 0px #eeeeee;
}
.currentSearchResult .contentPadd .resultsList ul li .card .card-body {
  position: relative;
}
.currentSearchResult .contentPadd .resultsList ul li .card .card-body a, .currentSearchResult .contentPadd .resultsList ul li .card .card-body .viewcaseform {
  opacity: 0;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.currentSearchResult .contentPadd .resultsList ul li .card .card-body h6 {
  font-size: 16px;
  font-weight: 300;
  margin: 0px;
}
.currentSearchResult .contentPadd .resultsList ul li .card .card-body h6 span {
  font-weight: 500;
}
.currentSearchResult .contentPadd .resultsList ul li .card .card-body .categoryH4 {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 700;
}
.currentSearchResult .contentPadd .resultsList ul li .card .card-body .categoryH4 span {
  border-radius: 40px;
  color: #fff;
  padding: 5px 10px;
  margin-left: 16px;
  font-size: 14px;
  font-weight: 500;
}
.currentSearchResult .contentPadd .resultsList ul li .card .card-body .categoryH4 span.searchBlue {
  background-color: #3EC0CD;
}
.currentSearchResult .contentPadd .resultsList ul li .card .card-body .categoryH4 span.searchGreen {
  background-color: #208D4B;
}
.currentSearchResult .contentPadd .resultsList ul li .card .card-body .categoryH4 span.searchYellow {
  background-color: #F7D600;
  color: #000;
}
.currentSearchResult .contentPadd .resultsList ul li .card .card-body .categoryH4 span.searchOrange {
  background-color: #FE7F00;
}
.currentSearchResult .contentPadd .scrollTopBtn {
  display: block;
  position: fixed;
  bottom: 20px;
  right: 100px;
  background-color: #fff;
  border: none;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  outline: none;
  color: #000;
}
.currentSearchResult .contentPadd .scrollTopBtn:focus {
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}
.currentSearchResult .contentPadd .loadMore {
  display: table;
  margin: auto;
  margin-top: 30px;
}

.bookmarkSection {
  position: relative;
}
.bookmarkSection .bookmarkMenuBtn {
  background-color: #EDEDED;
  padding: 6px 8px;
  border-radius: 10px;
  color: #000;
}
.bookmarkSection .bookmarkMenuBtn i {
  margin-right: 8px;
}
.bookmarkSection .bookmarkMenuBtn:focus-visible {
  outline: none;
}
.bookmarkSection .dropdown-menu {
  position: absolute;
  right: 0px;
  left: auto;
  width: 360px;
  border-radius: 20px;
  -webkit-box-shadow: 0px -3px 23px 0px rgba(164, 164, 164, 0.2509803922);
          box-shadow: 0px -3px 23px 0px rgba(164, 164, 164, 0.2509803922);
  top: 40px;
  border: 1px solid #ebebeb;
}
.bookmarkSection .dropdown-menu .dropdown-header {
  color: #626262;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.001);
}
.bookmarkSection .dropdown-menu .bookmark-item {
  position: relative;
  padding: 12px 17px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.001);
  cursor: pointer;
  padding-right: 38px;
}
.bookmarkSection .dropdown-menu .bookmark-item:last-child {
  border-bottom: 0px;
}
.bookmarkSection .dropdown-menu .bookmark-item h5 {
  font-size: 14px;
  font-weight: 500;
}
.bookmarkSection .dropdown-menu .bookmark-item h6 {
  font-size: 12px;
  font-weight: 400;
  margin: 0px;
}
.bookmarkSection .dropdown-menu .bookmark-item .remove-bookmark {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 0;
  background-color: transparent;
  color: #143293;
  font-size: 20px;
}
.bookmarkSection .dropdown-menu .empty {
  padding: 1rem;
  font-size: 12px;
  margin: 0px;
}
.bookmarkSection .bookmarkPage {
  max-height: 200px;
  overflow: auto;
  margin-right: 3px;
}
.bookmarkSection .bookmarkPage::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.bookmarkSection .bookmarkPage::-webkit-scrollbar {
  width: 4px;
  background-color: #F5F5F5;
}
.bookmarkSection .bookmarkPage::-webkit-scrollbar-thumb {
  background-color: #7d91d0;
}

.errorMessageBox {
  color: red;
  font-size: 14px;
  text-align: center;
  margin-bottom: 6px;
}

@media (max-width: 767.98px) {
  .ash_body .downloadPass .errorPageContent .walletLink {
    padding: 40px 30px;
  }
  .ash_body .downloadPass .errorPageContent .walletLink h2 {
    font-size: 18px;
  }
}
.previewList:disabled {
  pointer-events: none;
  opacity: 0.5;
}

.markCase .modal-body {
  padding: 24px !important;
}
.markCase .modal-body .modal-title {
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 10px;
}
.markCase .modal-body .modal-title span {
  display: block;
  color: #0BC197;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 4px;
}
.markCase .modal-body .modal-title p {
  font-size: 14px;
  white-space: nowrap;
  width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}
.markCase .modal-body .formEntry {
  margin-bottom: 0;
}
.markCase .modal-body .formEntry p {
  font-size: 16px;
}
.markCase .modal-body .yesNo {
  margin-bottom: 1rem;
}
.markCase .modal-body .yesNo .form-check .form-check-label span {
  padding: 5px 15px;
  width: auto;
}
.markCase .modal-body .cancel .btn {
  font-size: 14px;
  color: #303030;
}

.icon-markcase {
  width: 17px;
  margin-right: 22px;
}

.accordion.mainAccordion .accordion-item .mediation-collapse {
  border: 0 !important;
}

.mediationAccordian {
  padding: 0px;
}
.mediationAccordian .accordian-item {
  border-radius: 0;
}
.mediationAccordian {
  /*  .card-body {
        padding: 43px !important; 
    }*/
}
.mediationAccordian .pr-0 {
  padding-right: 0px !important;
}
.mediationAccordian .buttonText h4 {
  overflow: initial !important;
}
.mediationAccordian .buttonText .LegalRepresentative-status {
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 30px;
  padding: 0.25rem 0.625rem;
  margin-left: 5px;
}
.mediationAccordian .buttonText .LegalRepresentative-status.pending {
  background: #F59E37;
  color: #fff;
}
.mediationAccordian .buttonText .LegalRepresentative-status.success {
  background: #4bc57b;
  color: #fff;
}
.mediationAccordian .mediation-details .labeloutput {
  display: block;
}
.mediationAccordian .mediation-details .labeloutput p {
  background: #EFFCFF;
  padding: 8px;
  border-radius: 5px;
  float: left;
  font-size: 14px;
  margin-top: 16px;
}
.mediationAccordian .varification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.mediationAccordian .varification .iconVarification {
  border-radius: 5px;
  padding: 5px;
}
.mediationAccordian .varification .iconVarification.varified {
  background: rgba(41, 154, 107, 0.2);
  color: rgba(41, 154, 107, 0.8);
}
.mediationAccordian .varification .iconVarification.notvarified {
  background: rgba(247, 45, 45, 0.2);
  color: rgba(247, 45, 45, 0.8);
}
.mediationAccordian .varifiedName {
  background: rgba(61, 169, 231, 0.2);
  color: #3DA9E7;
  padding: 8px 12px;
  border-radius: 10px;
  font-size: 14px;
}

/*.detailsRow .card .card-body {
    &.mediationcardbody {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .mediationAccordian {

        .mediation-body {
            padding-left: 62px;
        }
    }
}*/
.registrationService .btnLink {
  text-decoration: underline;
  cursor: pointer;
}
.registrationService .btnLink.bold {
  font-weight: 600;
}

.noteListing {
  border-bottom: 1px solid #E4E4E4;
  margin-bottom: 20px;
}
.noteListing h3 {
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-bottom: 8px !important;
}
.noteListing h3 span {
  margin-right: 20px;
}
.noteListing h3 .userdot {
  position: relative;
  padding-left: 15px;
}
.noteListing h3 .userdot:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #BBBBBB;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.noteListing p {
  font-size: 14px !important;
  font-weight: 300 !important;
}
.noteListing:nth-last-child(1) {
  border-bottom: 0;
  margin-bottom: 0;
}

.docPreviewRht .docWrap .dvDocPreviewWrap .dv-scope {
  height: calc(100vh - 100px);
}

.statusBtns {
  padding: 0 !important;
}
.statusBtns span {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #1B202D !important;
  border-radius: 5px !important;
  padding: 9px 18px !important;
  margin-right: 10px;
  margin-bottom: 10px;
}
.statusBtns span.active {
  background: #57FFD7;
}
.statusBtns span.pending {
  background: #FFDAA5;
}
.statusBtns span.rejected {
  background: #FF9F99;
}
.statusBtns span.scheduled {
  background: #7CE7FF;
}
.statusBtns span.disabled {
  background: #DBEBEE;
}
.statusBtns span.draft {
  background: #FFB58C;
}
.statusBtns span.archive {
  background: #D2D4FF;
}

.registrationService .regCards {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  background: #fff;
  margin-bottom: 2.5rem;
  position: relative;
  background: #fff !important;
  padding: 0 !important;
}
.registrationService .regCards .dataGroup p .bg-blue {
  background: #EFFCFF !important;
}
.registrationService .regCards .registrationHead h5 {
  margin-bottom: 0 !important;
}

.statusRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #e0e0e0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}
.statusRow .statusBtns span {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}

.p-20 {
  padding: 20px !important;
}

.brR5 {
  border-radius: 5px !important;
}

.detailsRow .card .paddingEqual {
  padding: 1.5rem 2.3rem !important;
}

.caseStatusrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
}
.caseStatusrow h5 {
  margin-bottom: 0 !important;
}

.btn-EyeView {
  background: #023979 !important;
  color: #fff !important;
  border-radius: 5px;
  display: block;
  padding: 0.4rem 0.4rem;
  font-size: 16px !important;
}

.casebText {
  max-width: 237px !important;
}

.detailsRow .card .card-body .budleVersion li {
  padding-right: 1rem !important;
}
.detailsRow .card .card-body .budleVersion li.bundleVersions {
  width: auto !important;
  padding-right: 40px !important;
  margin-right: 1rem !important;
}
.detailsRow .card .card-body .budleVersion .btn-BundleView {
  padding: 0.25rem 0.625rem !important;
  font-size: 14px !important;
}

.powerBi .powerTab {
  padding-top: 20px;
}
.powerBi .powerTab ul {
  padding: 6px;
}
.powerBi .powerTab ul li {
  border: 0px;
  padding: 0px;
  /* padding-bottom: 6px; */
  -webkit-box-shadow: 1px 1px 6px 2px #ededed;
          box-shadow: 1px 1px 6px 2px #ededed;
  margin-bottom: 8px;
  border-radius: 8px;
  overflow: hidden;
}
.powerBi .powerTab ul li:last-child {
  padding-bottom: 0px;
}
.powerBi .powerTab ul li a {
  text-decoration: none;
  font-size: 14px;
  display: block;
  padding: 10px 16px;
  line-height: 18px;
  position: relative;
}
.powerBi .powerTab ul li a i {
  position: absolute;
  font-size: 12px;
  right: 7px;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.powerBi .powerTab ul li a:hover {
  background: #0a1f62;
  color: #fff;
}
.powerBi .powerTab ul li a.active {
  background: #0a1f62;
  color: #fff;
}
.powerBi .powerTab ul li a.active i {
  opacity: 1;
}
.powerBi .power-BIFrame {
  border-left: 1px solid #e9e9e9;
  padding-left: 20px;
  padding-top: 20px;
}
.powerBi .power-BIFrame .reportView {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 60vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.powerBi .power-BIFrame .minimiseBtn {
  margin-bottom: 16px;
  position: relative;
}
.powerBi .power-BIFrame .minimiseBtn button {
  margin-left: -40px;
  background-color: #fff;
  border: 1px solid #b9b9b9;
  border-radius: 50px;
  padding: 12px;
}
.powerBi .power-BIFrame .minimiseBtn button i {
  font-size: 14px;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: block;
}
.powerBi .power-BIFrame .minimiseBtn button.btnHide i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.powerBi .leftWrap {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
  z-index: 2;
}
.powerBi .leftWrap.menuHide {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  z-index: -1;
  width: 0%;
  margin: 0px;
  padding: 0px;
}
.powerBi .rightWrap {
  width: 75%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.powerBi .rightWrap.Biwidth {
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.clsasterisk {
  color: #de4952 !important;
}

.editedtext {
  color: #023979;
  font-size: 12px;
  position: relative;
  margin-left: 10px;
  font-style: normal;
}
.editedtext:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: -9px;
  background: #797979;
  top: 0;
  bottom: 0;
  margin: auto;
}

.bg-yellow {
  font-size: 0.875rem;
  font-weight: 500;
  background: rgba(247, 214, 0, 0.5019607843) !important;
  border-radius: 7px;
}

.pdfeditedtext {
  color: #023979;
  font-size: 12px;
  position: relative;
  margin-left: 10px;
  font-style: normal;
}
.pdfeditedtext:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: -9px;
  background: #797979;
  top: 0;
  bottom: 0;
  margin: auto;
}

.pdf-bg-yellow {
  background: rgba(247, 214, 0, 0.5019607843) !important;
  border-radius: 7px;
  padding: 5px 8px;
  text-align: center;
}

.document-status ul {
  list-style: none;
  margin: 0px;
  background-color: #effcff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 22px;
  border-radius: 40px;
}
.document-status ul li p {
  margin: 0px;
  font-size: 16px;
}
.document-status ul li h5 {
  font-size: 16px;
  margin: 0px;
  margin-right: 10px;
}

.comparedocumentList {
  padding-top: 22px;
  border-top: 1px solid #d7d7d7;
  margin-top: 20px;
}

.copyUrl-btn {
  background-color: rgba(10, 31, 98, 0.1) !important;
  border-radius: 32px;
  padding: 8px 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.copyUrl-btn:hover {
  background-color: rgba(10, 31, 98, 0.2);
}
.copyUrl-btn:before {
  display: none !important;
}
.copyUrl-btn i {
  margin-right: 5px;
  background-color: #0A1F62;
  color: #fff;
  padding: 5px;
  border-radius: 30px;
  font-size: 15px;
}
.copyUrl-btn:disabled {
  pointer-events: none;
  opacity: 1;
  background-color: #d8d8d8;
}
.copyUrl-btn:disabled i {
  background-color: #adadad;
}
.copyUrl-btn:disabled span {
  opacity: 0.8;
}

.header .dropdown-toggle:after {
  display: none;
}
.header .customDrop .dropdown-menu {
  display: block;
  margin-top: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.header .customDrop .dropdown-menu.show {
  margin-top: 0;
  visibility: visible;
  opacity: 1;
}
.header .navbar {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e4e4e4;
}
.header .brandToggler .navbar-brand {
  display: block;
  padding: 0;
  margin: 0;
}
.header .brandToggler .navbar-brand img {
  width: 100px;
}
.header .mainMenuBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
}
.header .toggler-bg {
  background: #F0EADD;
  border-radius: 5px;
}
.header .user-dropdown {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.header .user-dropdown img {
  display: block !important;
}
.header .user-dropdown .dropdown-toggle {
  background: none !important;
}
.header .user-dropdown .dropdown-toggle .userData {
  padding-right: 0 !important;
}
.header .user-dropdown .dropdown-toggle .userData span {
  text-align: left;
}
.header .user-dropdown .dropdown-toggle .userData span .user-position {
  font-size: 12px !important;
  color: #565656 !important;
}
.header .user-dropdown .dropdown-toggle i {
  border: 1px solid #565656;
  color: #565656;
  border-radius: 50%;
  font-size: 9px;
  padding: 5px;
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header .user-dropdown .dropdown-menu {
  padding: 5px;
}
.header .user-dropdown .dropdown-menu::after {
  display: none;
}
.header .user-dropdown .dropdown-menu li .dropdown-item {
  font-size: 14px;
  color: #444444;
  border-radius: 5px;
}
.header .user-dropdown .dropdown-menu li .dropdown-item:hover {
  background: #b08d57;
  color: #fff;
}
.header .toggle-lang {
  border: 2px solid #b08d57;
  border-radius: 50px;
  overflow: hidden;
  padding: 2px;
  height: 32px;
}
.header .toggle-lang .btn-toggle {
  font-weight: bold;
  border: none;
  background: transparent;
  color: #1A171C;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  font-size: 11px;
}
.header .toggle-lang .btn-toggle a {
  color: #1A171C;
  text-decoration: none;
  position: relative;
  z-index: 1;
}
.header .toggle-lang .btn-check:checked + .btn-toggle {
  background: #b08d57;
  color: #fff;
  border-radius: 28px;
}
.header .toggle-lang .btn-check:checked + .btn-toggle a {
  color: #fff !important;
  text-decoration: none;
}
.header .searchDropdown .dropdown-menu {
  border-radius: 0;
  padding: 0;
  border: 0;
}
.header .searchDropdown .input-group {
  background: #f4f4f4;
  width: 430px;
  padding-right: 1.25rem;
  border-radius: 40px;
}
.header .searchDropdown .input-group .btn {
  font-size: 1.125rem;
  border: 0;
  padding: 0 0.875rem 0 1.125rem;
}
.header .searchDropdown .input-group .btn .icon {
  display: block;
}
.header .searchDropdown .input-group .btn .icon:before {
  display: block;
  height: 50px;
  line-height: 50px;
}
.header .searchDropdown .input-group .form-control {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
  border-radius: 0;
  border: 0;
  background: none;
  height: 50px;
  padding: 0;
}
.header .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 16px;
}
.header .user .userData {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 2.25rem;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
.header .user .userData img {
  width: 36px;
  height: 36px;
  border-radius: 36px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.header .user .userData span {
  font-size: 1rem;
  font-weight: 600;
  color: #303030;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90px;
}
@media (max-width: 991.98px) {
  .header .user .userData {
    display: none;
  }
}
.header .user .dropdown .dropdown-menu {
  margin-top: 20px;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  min-width: 190px;
}
.header .user .dropdown .dropdown-menu.show {
  margin-top: 16px;
}
.header .user .dropdown .dropdown-menu:after {
  bottom: 100%;
  right: 8px;
  border: solid rgba(0, 0, 0, 0);
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(233, 233, 233, 0);
  border-bottom-color: #e9e9e9;
  border-width: 10px;
  margin-left: -10px;
}
.header .user .dropdown .dropdown-toggle {
  background: #ededed;
  border: 0;
  border-radius: 10px;
  padding: 0;
  font-size: 1.25rem;
}
.header .user .dropdown .dropdown-toggle.logoutRed {
  background-color: #D43836;
  color: #fff;
}
@media (min-width: 992px) {
  .header .user .dropdown .dropdown-toggle img {
    display: none;
  }
}
.header .user .dropdown .dropdown-toggle .icon {
  display: block;
}
.header .user .dropdown .dropdown-toggle .icon:before {
  display: block;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
}
@media (max-width: 991.98px) {
  .header .user .dropdown .dropdown-toggle {
    background: none;
  }
  .header .user .dropdown .dropdown-toggle .icon {
    display: none;
  }
  .header .user .dropdown .dropdown-toggle img {
    width: 36px;
    height: 36px;
    border-radius: 36px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
.header .user .dropdown .dropdown-menu {
  right: 0;
  left: auto;
}
.header .notificationBar {
  text-decoration: none;
  width: 37px;
  height: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ededed;
  border-radius: 50%;
  position: relative;
  padding: 9px 11px;
}
.header .notificationBar i {
  font-size: 20px;
}
.header .notificationBar .notificationCount {
  position: absolute;
  background-color: #FF4D4F;
  min-width: 25px;
  min-height: 25px;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: -15px;
  padding: 0px 8px;
  right: -10px;
}
.header .notificationBar .notificationCount span {
  color: #fff;
  font-size: 12px;
}
.header .cPORevertChanges {
  text-decoration: none;
  width: 37px;
  height: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ededed;
  border-radius: 50%;
}
.header .cPORevertChanges i {
  font-size: 20px;
}
.header .megaMenuWrap .primaryList ul li.starLi {
  position: relative;
}
.header .megaMenuWrap .primaryList ul li .btnRemoveFromFavourites {
  position: absolute;
  right: 10px;
  text-decoration: none;
  font-size: 16px;
  top: 11px;
}
.header .megaMenuWrap .primaryList ul li .btnRemoveFromFavourites i {
  color: #143293;
  font-size: 16px;
}
.header .megaMenuWrap .primaryList ul li .btnAddToFavourites {
  position: absolute;
  right: 10px;
  text-decoration: none;
  top: 11px;
  font-size: 16px;
}
.header .megaMenuWrap .primaryList ul li .btnAddToFavourites i {
  font-size: 16px;
}

.mainMenu .primaryList li .linkWrap:hover {
  background: #f0eadd;
}
.mainMenu .primaryList li .linkWrap:focus {
  background: #f0eadd;
}
.mainMenu .primaryList li .linkWrap i.mainicon {
  background: #B59454;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  margin-right: 15px;
}
.mainMenu .primaryList li .mainnavmenu:hover {
  background: #f0eadd;
}
.mainMenu .primaryList li .mainnavmenu:focus {
  background: #f0eadd;
}

@media (max-width: 767.98px) {
  .header .searchDropdown {
    margin-left: auto;
    margin-right: 0;
  }
  .header .searchDropdown .dropdown-toggle {
    border: 0;
  }
}
@media (min-width: 768px) {
  .header .searchDropdown .dropdown-toggle {
    display: none;
  }
  .header .searchDropdown .dropdown-menu {
    display: block;
    position: relative;
  }
}
@media (min-width: 992px) {
  .header .mainNav {
    -webkit-box-flex: inherit;
        -ms-flex-positive: inherit;
            flex-grow: inherit;
    margin-left: 0;
  }
  .header .mainNav .mobileHeader {
    display: none;
  }
  .header .searchDropdown {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1199.98px) {
  .header .brandToggler {
    margin-right: 2rem;
  }
  .header .searchDropdown .input-group {
    width: 350px;
  }
}
@media (max-width: 991.98px) {
  .header .mainNav {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 340px;
    height: 100% !important;
    overflow-y: scroll;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 10;
    background: #fff;
    -webkit-box-shadow: 10px 0px 20px 0px rgba(0, 0, 0, 0.15);
            box-shadow: 10px 0px 20px 0px rgba(0, 0, 0, 0.15);
  }
  .header .mainNav.show {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  .header .mainNav .navbar-nav {
    height: 100%;
  }
  .header .mainNav .navbar-nav .mainMenu {
    height: 100%;
  }
  .header .mainNav .navbar-nav .mainMenu ul li a {
    padding: 0.75rem 1rem;
  }
  .header .mainNav .navbar-nav .mainMenu .megaMenu {
    height: 100%;
    border-radius: 0;
    border: 0;
  }
  .header .mainNav .user {
    display: block;
  }
  .header .mainNav .megaMenu {
    padding-top: 0;
  }
  .header .mainNav .mobileHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e4e4e4;
  }
  .header .mainNav .mobileHeader .logo .navbar-brand {
    display: block;
    padding: 0;
    margin: 0;
  }
  .header .mainNav .mobileHeader .logo img {
    width: 100px;
  }
  .header .mainNav .mobileHeader .navbar-toggler {
    margin-right: 0;
    padding: 0;
    border: 0;
    opacity: 1;
    background-size: 16px;
    width: 26px;
    height: 26px;
  }
  .header .mainNav .megaMenuWrap {
    padding-right: 1rem;
    padding-bottom: 1rem;
  }
  .header .mainNav .dropdown-menu {
    border-radius: 0;
    border: 0;
  }
  .header .mainNav .primaryList li img {
    margin-right: 1rem;
  }
  .header .mainNav .subDropdown {
    padding-left: 2.5rem;
  }
  .header .mainNav .subDropdown .subDropdown {
    padding-left: 1rem;
  }
  .header .dsmBlock {
    display: block;
    position: relative;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .header .dsmNone {
    display: none;
  }
  .header .brandToggler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 0;
  }
  .header .brandToggler {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .header .searchDropdown {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .header .navbar-toggler {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .header .user {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .header .mainNav {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .header .searchDropdown {
    margin-right: 0.5rem;
  }
  .header .searchDropdown .btn {
    border: 0;
    padding: 0.25rem 0.5rem;
  }
  .header .navbar-toggler {
    border-radius: 0;
    border: 0;
    padding: 0.25rem 0.5rem;
    margin-right: 1rem;
  }
}
@media (max-width: 767.98px) {
  .header .searchDropdown .dropdown-menu {
    position: fixed;
    right: 0;
    left: 0;
    top: 100px;
    margin: 0;
    background: #fff;
    padding: 1rem;
    -webkit-box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.06);
            box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.06);
    opacity: 0;
    visibility: hidden;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .header .searchDropdown .dropdown-menu.show {
    top: 80px;
    opacity: 1;
    visibility: visible;
  }
  .header .searchDropdown .input-group {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 575.98px) {
  .header .searchDropdown .input-group {
    width: auto;
  }
  .header .searchDropdown .dropdown-menu {
    padding: 1rem 0.75rem;
  }
}
.mainMenu .row {
  --bs-gutter-x: 0;
}
.mainMenu ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.mainMenu ul li a {
  display: block;
  text-decoration: none;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  white-space: inherit;
}
.mainMenu ul li a.active, .mainMenu ul li a:hover, .mainMenu ul li a:focus {
  background: #d5f5fe;
}
.mainMenu ul li b {
  font-size: 1rem;
  font-weight: 500;
  color: #303030;
  display: block;
  margin-bottom: 0;
}
.mainMenu ul li span {
  font-size: 0.75rem;
  font-weight: 400;
  color: #6a6a6a;
  display: block;
}
.mainMenu ul li.show > a {
  background: #d5f5fe;
}
.mainMenu .primaryList li .linkWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mainMenu .primaryList li .linkWrap i {
  font-size: 0.5rem;
  color: #000;
}
.mainMenu .primaryList li img {
  max-width: 24px;
  max-height: 24px;
  margin-right: 1.5rem;
}
.mainMenu .primaryList li .linkText {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mainMenu .primaryList li .linkText span {
  display: none;
}
.mainMenu .subMenuWrap {
  border-left: 1px solid #d3d3d3;
}
@media (max-width: 991.98px) {
  .mainMenu .dropdown-toggle.show + .dropdown-menu {
    display: block;
  }
}
@media (min-width: 992px) {
  .mainMenu .megaMenu {
    display: block;
    margin-top: 58px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    border: 0;
    border-radius: 30px;
    padding: 2rem 2rem;
    transition: all 0.3s ease-in-out;
  }
  .mainMenu .megaMenu:not(.show) .megaMenuWrap {
    display: none;
  }
  .mainMenu .megaMenu:before {
    bottom: 100%;
    left: 54px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 12px;
    margin-left: -12px;
  }
  .mainMenu .megaMenu .megaMenuWrap {
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .mainMenu .megaMenu.show {
    margin-top: 48px;
    visibility: visible;
    opacity: 1;
  }
  .mainMenu .megaMenu .dropdown-toggle:after {
    display: none;
  }
  .mainMenu .megaMenu .subDropdown {
    right: auto;
    left: 100%;
    top: 0;
    margin-top: 10px;
    border-radius: 0;
    border: 0;
    background: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 100%;
    background: none;
    background: #fff;
    padding: 0;
    padding-left: 24px;
    display: block;
    opacity: 0;
    visibility: hidden;
  }
  .mainMenu .megaMenu .subDropdown.show {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
  }
  .mainMenu .megaMenu .subDropdown:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    left: 12px;
    background: #d3d3d3;
  }
  .mainMenu .megaMenu .subDropdown .subDropdown {
    margin-left: 0;
  }
  .mainMenu .megaMenu .primaryList {
    position: relative;
  }
  .mainMenu .megaMenu .dropdown {
    position: static;
  }
  .mainMenu .megaMenu .dropdown:hover > .subDropdown {
    margin-top: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .mainMenu .megaMenu {
    width: 270px;
    padding: 1.25rem;
  }
  .mainMenu .megaMenu.colTwo {
    width: 500px;
  }
  .mainMenu .megaMenu.colThree {
    width: 750px;
  }
  .mainMenu .megaMenu ul li a {
    padding: 0.5rem 0.75rem;
  }
  .mainMenu .megaMenu ul li b {
    font-size: 0.875rem;
  }
  .mainMenu .megaMenu .primaryList {
    width: 210px;
  }
  .mainMenu .megaMenu .primaryList li img {
    margin-right: 1rem;
  }
  .mainMenu .megaMenu .subDropdown {
    width: 250px;
  }
}
@media (min-width: 1200px) {
  .mainMenu .megaMenu {
    width: 332px;
  }
  .mainMenu .megaMenu.colTwo {
    width: 687px;
  }
  .mainMenu .megaMenu.colThree {
    width: 1048px;
  }
  .mainMenu .megaMenu .primaryList {
    width: 252px;
  }
  .mainMenu .megaMenu .subDropdown {
    width: 360px;
  }
}

@media (max-width: 1399.98px) {
  .mainMenu .megaMenu {
    padding: 1.5rem;
  }
  .mainMenu ul li a {
    padding: 0.6rem 1rem;
  }
}
footer {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid #e4e4e4;
}
footer p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #303030;
  margin-bottom: 0;
  text-align: center;
}
footer p a {
  text-decoration: none;
  color: #303030;
}
footer p a:hover {
  color: #0a1f62;
}

.loginSection {
  background: linear-gradient(256.4deg, #FCF3E7 25.33%, #FFFFFF 72.87%);
}
.loginSection .loginLeft {
  padding: 40px;
}
.loginSection .loginFields {
  max-width: 425px;
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
}
.loginSection .language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding-top: 40px;
  padding-right: 40px;
}
.loginSection .language .dropdown .btn {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 6px 12px;
  background-color: #fff;
  color: #444444;
}
.loginSection .language .dropdown-menu {
  min-width: 150px;
}
.loginSection .loginTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.875rem;
}
.loginSection .loginTitle h2 {
  font-size: 1.3125rem;
  font-weight: 700;
  color: #1A171C;
  line-height: 22px;
  margin-bottom: 0;
}
.loginSection .btn-login {
  background: #023979 !important;
  color: #fff !important;
}
.loginSection h1 {
  font-size: 18px;
  font-weight: 600;
  color: #303030;
  margin-bottom: 2.75rem;
}
.loginSection .form-control-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
  display: block;
  margin-bottom: 1.5rem;
}
.loginSection fieldset {
  margin-bottom: 1.5rem;
}
.loginSection .form-floating {
  margin-bottom: 1.0625rem;
}
.loginSection .form-floating label {
  font-size: 0.875rem;
  font-weight: 400;
  color: #303030;
  width: auto;
  height: auto;
  display: inline-block;
}
.loginSection .form-floating .form-control {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  height: 40px;
  border: 1px solid #dedede;
  border-radius: 5px;
}
.loginSection .form-floating .form-control:focus, .loginSection .form-floating .form-control:active {
  border: 1px solid #303030;
}
.loginSection .form-floating input:-webkit-autofill {
  background-color: #fff;
  border: 1px solid #B8C5D2;
}
.loginSection .form-floating input:-webkit-autofill,
.loginSection .form-floating input:-webkit-autofill:hover,
.loginSection .form-floating input:-webkit-autofill:focus,
.loginSection .form-floating input:-webkit-autofill:active {
  -webkit-transition: background-color 9999s ease-in-out 0s;
  transition: background-color 9999s ease-in-out 0s;
  border: 1px solid #B8C5D2;
}
.loginSection .form-floating > .form-control:not(:-moz-placeholder) ~ label {
  -ms-transform: scale(0.85) translateY(-0.5rem) translateX(0.6rem);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.6rem);
  padding-left: 0px;
}
.loginSection .form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
  -ms-transform: scale(0.85) translateY(-0.5rem) translateX(0.6rem);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.6rem);
  padding-left: 0px;
}
.loginSection .form-floating > .form-control:focus ~ label,
.loginSection .form-floating > .form-control:not(:placeholder-shown) ~ label,
.loginSection .form-floating > .form-control-plaintext ~ label,
.loginSection .form-floating > .form-select ~ label {
  -ms-transform: scale(0.85) translateY(-0.5rem) translateX(0.6rem);
  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.6rem);
          transform: scale(0.85) translateY(-0.5rem) translateX(0.6rem);
  padding-left: 0px;
}
.loginSection .form-floating > .form-control:-webkit-autofill ~ label {
  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.6rem);
          transform: scale(0.85) translateY(-0.5rem) translateX(0.6rem);
}
.loginSection .btn {
  font-size: 0.875rem;
  font-weight: 600;
  color: #f5f5f5;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.loginSection .msBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background: #fff;
}
.loginSection .msBtn img {
  margin-right: 1rem;
}
.loginSection .or {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.loginSection .or:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #cdcdcd;
  z-index: 0;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.loginSection .or span {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
  display: block;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  background: #fff;
  position: relative;
}
.loginSection .onlineBtn a {
  border: 1px solid #C9C9C9;
  color: #000;
}
.loginSection .onlineBtn a:hover {
  border: 1px solid #C9C9C9;
}

@media (max-width: 1399.98px) {
  .loginSection .loginLeft {
    min-height: 100vh;
  }
  .loginSection .loginFields {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .loginSection .loginFields .loginTitle {
    margin-bottom: 1.275rem;
  }
  .loginSection .loginFields .loginTitle h2 {
    font-size: 1.125rem;
  }
  .loginSection h1 {
    margin-bottom: 1rem;
    font-size: 1.35rem;
  }
  .loginSection .form-control-label {
    margin-bottom: 1rem;
  }
  .loginSection .or {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .loginSection .btn {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
  }
}
@media (max-width: 767.98px) {
  .scrollSection {
    height: auto !important;
  }
}
.contentWrap .table-responsive {
  overflow-x: visible;
}
@media (max-width: 575.98px) {
  .contentWrap .tableWrap .dropdown .dropdown-menu {
    right: 10px !important;
    bottom: 10px !important;
    -webkit-transform: inherit !important;
        -ms-transform: inherit !important;
            transform: inherit !important;
    top: auto !important;
  }
}
.contentWrap .nav-pills {
  margin-bottom: 2.5rem;
}
.contentWrap .nav-pills .nav-item {
  padding-right: 1rem;
}
.contentWrap .nav-pills .nav-item .nav-link {
  font-size: 0.875rem;
  font-weight: 400;
  font-weight: 500;
  color: #303030;
  background: #f4f4f4;
  padding-top: 0.625rem;
  padding-bottom: 0.5625rem;
  cursor: pointer;
}
.contentWrap .nav-pills .nav-item .nav-link.active, .contentWrap .nav-pills .nav-item .nav-link:hover, .contentWrap .nav-pills .nav-item .nav-link:focus {
  background: #0a1f62;
  color: #fff;
}
.contentWrap .nav-pills .dropdown-toggle:after {
  display: none;
}
.contentWrap .nav-pills .dropdown .btnToggle {
  background: #0a1f62;
  padding: 0;
  border: 0;
  color: #fff;
  font-size: 1.25rem;
}
.contentWrap .nav-pills .dropdown .btnToggle .icon {
  display: block;
}
.contentWrap .nav-pills .dropdown .btnToggle .icon:before {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.contentWrap .nav-pills .dropdown .dropdown-menu {
  border: 1px solid #e9e9e9;
  -webkit-box-shadow: 10px 26px 34px 0px rgba(107, 107, 107, 0.18);
          box-shadow: 10px 26px 34px 0px rgba(107, 107, 107, 0.18);
  padding: 1rem;
  min-width: 260px;
}
.contentWrap .nav-pills .dropdown .dropdown-menu h5 {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
  margin-bottom: 1rem;
}
.contentWrap .nav-pills .dropdown .dropdown-menu ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.contentWrap .nav-pills .dropdown .dropdown-menu ul li {
  padding-bottom: 0.125rem;
}
.contentWrap .nav-pills .dropdown .dropdown-menu ul li .dropdown-item {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  border-radius: 5px;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 2.375rem;
  position: relative;
  cursor: pointer;
}
.contentWrap .nav-pills .dropdown .dropdown-menu ul li .dropdown-item.active, .contentWrap .nav-pills .dropdown .dropdown-menu ul li .dropdown-item:hover {
  background: #d5f5fe;
}
.contentWrap .nav-pills .dropdown .dropdown-menu ul li .dropdown-item:before {
  width: 26px;
  height: 26px;
  display: block;
  text-align: center;
  line-height: 26px;
  font-family: "icomoon";
  content: "\e902";
  font-size: 0.5rem;
  position: absolute;
  left: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.contentWrap .tableWrap {
  padding: 1.5rem 1.625rem;
}
.contentWrap .tableWrap.tableWrapBdr {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
}
.contentWrap .tableWrap h3 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 1.5rem;
}
.contentWrap .tableWrap .searchAdd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.5rem;
}
.contentWrap .tableWrap .searchAdd .addBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}
.contentWrap .tableWrap .searchAdd .addBtn .btn {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.5rem 1.5rem;
}
.contentWrap .tableWrap .searchAdd .addBtn .btn.active {
  background: #d43836;
  border-color: #d43836;
  color: #fff;
}
.contentWrap .tableWrap .searchAdd .addBtn .btnExport {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contentWrap .tableWrap .searchAdd .addBtn .btnExport .icon {
  font-size: 1.125rem;
  margin-right: 1rem;
}
.contentWrap .tableWrap .searchAdd .addBtn .btnExport:hover {
  color: #0a1f62;
  border: 1px solid transparent;
}
.contentWrap .tableWrap .k-grid .k-pager-wrap {
  padding-bottom: 10px !important;
}
.contentWrap .tableWrap .advanceSearch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contentWrap .tableWrap .advanceSearch .input-group {
  margin-right: 0.5rem;
}
.contentWrap .tableWrap .advanceSearch .dropdown .dropdown-toggle {
  border-radius: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  border: 0;
  text-decoration: underline;
}
.contentWrap .tableWrap .advanceSearch .dropdown .dropdown-toggle:after {
  display: none;
}
.contentWrap .tableWrap .advanceSearch .dropdown .dropdown-toggle:hover {
  color: #0a1f62;
}
.contentWrap .tableWrap .advanceSearch .dropdown .dropdown-menu {
  width: 260px;
  padding: 1rem;
  padding-bottom: 1.5rem;
  -webkit-box-shadow: 10px 26px 34px 0px rgba(107, 107, 107, 0.18);
          box-shadow: 10px 26px 34px 0px rgba(107, 107, 107, 0.18);
  border: 1px solid #e9e9e9;
}
.contentWrap .tableWrap .advanceSearch .dropdown .dropdown-menu h3 {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
  margin-bottom: 1rem;
}
.contentWrap .tableWrap .advanceSearch .dropdown .dropdown-menu .form-floating {
  margin-bottom: 1rem;
}
.contentWrap .tableWrap .advanceSearch .dropdown .dropdown-menu label {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
}
.contentWrap .tableWrap .advanceSearch .dropdown .dropdown-menu .form-select {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
  border: 1px solid #dedede;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: calc(3.375rem + 2px);
}
.contentWrap .tableWrap .advanceSearch .dropdown .dropdown-menu .btn {
  font-size: 0.875rem;
  font-weight: 400;
  width: 100%;
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem;
}
@media (max-width: 575.98px) {
  .contentWrap .tableWrap .advanceSearch {
    display: block;
  }
  .contentWrap .tableWrap .advanceSearch .input-group {
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
  .contentWrap .tableWrap .advanceSearch .dropdown .dropdown-toggle {
    padding-left: 0;
  }
}
.contentWrap .tableWrap .table-responsive .dropdown-toggle:before {
  display: none;
}
@media (max-width: 767.98px) {
  .contentWrap .tableWrap {
    padding: 1.5rem 1rem;
  }
}
.contentWrap .search .input-group {
  background: #f4f4f4;
  width: 456px;
  padding-right: 1.25rem;
  border-radius: 5px;
}
.contentWrap .search .input-group .btn {
  font-size: 1.125rem;
  border: 0;
  padding: 0 0.875rem 0 1.125rem;
}
.contentWrap .search .input-group .btn .icon {
  display: block;
}
.contentWrap .search .input-group .btn .icon:before {
  display: block;
  line-height: 40px;
}
.contentWrap .search .input-group span.btn {
  cursor: default;
}
.contentWrap .search .input-group .form-control {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
  border-radius: 0;
  border: 0;
  background: none;
  height: 40px;
  padding: 0;
}
.contentWrap .paginationWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 0.5rem;
}
.contentWrap .paginationWrap .pagination {
  margin-bottom: 0;
}
.contentWrap .paginationWrap .page-item .page-link {
  font-size: 0.875rem;
  font-weight: 400;
  color: #303030;
  border-radius: 0;
  border: 0;
  border-right: 1px solid #ddd;
  margin-left: 0;
}
.contentWrap .paginationWrap .page-item .page-link.active, .contentWrap .paginationWrap .page-item .page-link:hover {
  color: #0bc197;
  background: #fff;
}
.contentWrap .paginationWrap .page-item:last-child .page-link {
  border: 0;
}
.contentWrap .paginationWrap .tableInfo {
  font-size: 0.875rem;
  font-weight: 400;
  color: #303030;
  margin-bottom: 0;
}
.contentWrap .collapseForm {
  padding-bottom: 2.5rem;
}
.contentWrap .collapseForm.w-500 {
  max-width: 500px;
}
.contentWrap .collapseForm.w-694 {
  max-width: 694px;
}
.contentWrap .collapseForm.w-800 {
  max-width: 800px;
}
.contentWrap .collapseForm.w-824 {
  max-width: 824px;
}
.contentWrap .collapseForm.w-938 {
  max-width: 938px;
}
.contentWrap .collapseForm h3 {
  margin-bottom: 0.75rem;
}
.contentWrap .collapseForm .row {
  --bs-gutter-x: 0.5rem;
}
.contentWrap .collapseForm .form-floating {
  margin-bottom: 0;
}
.contentWrap .collapseForm .btnCol {
  padding-left: 1.375rem;
}
.contentWrap .collapseForm .btn {
  min-width: 88px;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.5rem 1.5rem;
}
.contentWrap .collapseForm .btn-cancel {
  color: #303030;
}
.contentWrap .collapseForm .px-24 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.contentWrap .collapseForm .form-control-label {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
}
.contentWrap .collapseForm .checkColSingle {
  padding-left: 1rem;
  padding-right: 1.125rem;
}
.contentWrap .collapseForm .checkColSingle .form-check-label {
  font-weight: 600;
}
.contentWrap .collapseForm .checkColSingle .form-check-label:before {
  border: 3px solid #d9d9d9;
  border-radius: 3px;
}
.contentWrap .collapseForm .checkColSingle .form-check-input:checked + .form-check-label:before {
  content: "";
  background: #0a1f62;
}
.contentWrap .collapseForm .helpText.pl-126 {
  padding-left: 126px;
}
.contentWrap .collapseForm .helpText p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #de4952;
  margin-bottom: 0;
  position: relative;
  padding-left: 1.25rem;
}
.contentWrap .collapseForm .helpText p:before {
  font-family: "icomoon";
  content: "\e904";
  position: absolute;
  left: 0;
}
.contentWrap .collapseForm .form-floating textarea.form-control {
  height: 55px;
}

@media (max-width: 991.98px) {
  .contentWrap .nav-pills .nav-item {
    padding-right: 0.5rem;
  }
  .contentWrap .search .input-group {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .contentWrap .tableWrap .searchAdd {
    display: block;
  }
  .contentWrap .tableWrap .searchAdd .search {
    margin-bottom: 1rem;
  }
  .contentWrap .tableWrap .searchAdd .addBtn {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  .contentWrap .psmNone {
    padding: 0;
  }
  .contentWrap .collapseForm .btnCol {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    padding-top: 0.5rem;
    text-align: right;
  }
}
@media (max-width: 575.98px) {
  .contentWrap .nav-pills {
    margin-bottom: 2rem;
  }
  .contentWrap .nav-pills .nav-item {
    margin-bottom: 0.5rem;
  }
  .contentWrap .nav-pills .dropend {
    margin-bottom: 0.5rem;
  }
  .contentWrap .collapseForm .col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .contentWrap .collapseForm .btnCol {
    padding-top: 0;
  }
}
.form-floating, .form-group {
  margin-bottom: 1.5rem;
}
.form-floating label, .form-group label {
  font-size: 1rem;
  font-weight: 400;
  color: #898989;
  width: auto;
  height: auto;
  display: inline-block;
  position: relative;
  padding: 0px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
}
.form-floating label span.clsasterisk, .form-group label span.clsasterisk {
  color: #de4952;
}
.form-floating .form-control, .form-floating .form-select, .form-group .form-control, .form-group .form-select {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  height: 40px;
  border: 1px solid #B8C5D2;
  border-radius: 5px;
  padding: 0.6rem 0.938rem !important;
  background-position: right 0.3rem center;
}
.form-floating .form-control:focus, .form-floating .form-control:active, .form-floating .form-select:focus, .form-floating .form-select:active, .form-group .form-control:focus, .form-group .form-control:active, .form-group .form-select:focus, .form-group .form-select:active {
  border: 1px solid #303030;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0.75rem 0.938rem;
}
.form-floating textarea.form-control, .form-group textarea.form-control {
  height: 80px;
  resize: none;
  padding: 0.75rem 0.938rem !important;
}
.form-floating textarea.form-control.clsEnquiryTextarea, .form-group textarea.form-control.clsEnquiryTextarea {
  height: 270px;
}
.form-floating textarea.form-control:not(:-moz-placeholder) ~ label, .form-group textarea.form-control:not(:-moz-placeholder) ~ label {
  -ms-transform: scale(0.85) translateY(-1.2rem) translateX(0.6rem);
  transform: scale(0.85) translateY(-1.2rem) translateX(0.6rem);
  padding: 5px 0.75rem;
  opacity: 1;
  background-color: #fff;
}
.form-floating textarea.form-control:not(:-ms-input-placeholder) ~ label, .form-group textarea.form-control:not(:-ms-input-placeholder) ~ label {
  -ms-transform: scale(0.85) translateY(-1.2rem) translateX(0.6rem);
  transform: scale(0.85) translateY(-1.2rem) translateX(0.6rem);
  padding: 5px 0.75rem;
  opacity: 1;
  background-color: #fff;
}
.form-floating textarea.form-control:not(:placeholder-shown) ~ label, .form-group textarea.form-control:not(:placeholder-shown) ~ label {
  -ms-transform: scale(0.85) translateY(-1.2rem) translateX(0.6rem);
  -webkit-transform: scale(0.85) translateY(-1.2rem) translateX(0.6rem);
          transform: scale(0.85) translateY(-1.2rem) translateX(0.6rem);
  padding: 5px 0.75rem;
  opacity: 1;
  background-color: #fff;
}
.form-floating textarea.form-control:focus ~ label, .form-group textarea.form-control:focus ~ label {
  -ms-transform: scale(0.85) translateY(-1.2rem) translateX(0.6rem);
  -webkit-transform: scale(0.85) translateY(-1.2rem) translateX(0.6rem);
          transform: scale(0.85) translateY(-1.2rem) translateX(0.6rem);
  padding: 5px 0.75rem;
  opacity: 1;
  background-color: #fff;
}
.form-floating > .form-control:not(:-moz-placeholder) ~ label, .form-group > .form-control:not(:-moz-placeholder) ~ label {
  -ms-transform: scale(0.85) translateY(-0.5rem) translateX(0.6rem);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.6rem);
  padding-left: 0px;
}
.form-floating > .form-control:not(:-ms-input-placeholder) ~ label, .form-group > .form-control:not(:-ms-input-placeholder) ~ label {
  -ms-transform: scale(0.85) translateY(-0.5rem) translateX(0.6rem);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.6rem);
  padding-left: 0px;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label, .form-group > .form-control:focus ~ label,
.form-group > .form-control:not(:placeholder-shown) ~ label,
.form-group > .form-control-plaintext ~ label,
.form-group > .form-select ~ label {
  -ms-transform: scale(0.85) translateY(-0.5rem) translateX(0.6rem);
  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.6rem);
          transform: scale(0.85) translateY(-0.5rem) translateX(0.6rem);
  padding-left: 0px;
}
.form-floating > .form-control:-webkit-autofill ~ label, .form-group > .form-control:-webkit-autofill ~ label {
  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.6rem);
          transform: scale(0.85) translateY(-0.5rem) translateX(0.6rem);
}

.form-floating.maskedTextbox .k-maskedtextbox {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0.75rem 0.938rem;
}
.form-floating.maskedTextbox .k-maskedtextbox .form-control {
  border-radius: 0;
  border: 0;
  padding: 0 !important;
  background: none;
  height: 14px;
}

.formEntry {
  padding: 0px 100px;
}
.formEntry fieldset {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #e4e4e4;
}
.formEntry p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #303030;
  margin-bottom: 1rem;
}
.formEntry .phoneRow {
  --bs-gutter-x: 0.75rem;
}
.formEntry .phoneRow .countryCode .form-select {
  width: 90px;
  padding: 0.75rem 1.5rem 0.75rem 0.938rem;
  background-color: inherit;
  color: #303030;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-position: right 0.3rem center;
}
.formEntry .formLabel {
  position: relative;
  /*		&:before {
  	position: absolute;
  	font-family: 'icomoon';
  	content: icomoon($icon-dot);
  	font-size: 0.375rem;
  	left: 0;
  	top: 0.5rem;
  }*/
  /*		&.clr-1 {
  	&:before {
  		color: #6a88ff;
  	}
  }

  &.clr-2 {
  	&:before {
  		color: #0bc197;
  	}
  }

  &.clr-3 {
  	&:before {
  		color: #8955ff;
  	}
  }*/
}
.formEntry .formLabel.none {
  padding-left: 0;
}
.formEntry .formLabel.none:before {
  display: none;
}
.formEntry .formLabel .form-control-label {
  font-size: 1rem;
  font-weight: 500;
  color: #303030;
  display: block;
  margin-bottom: 1rem;
}
.formEntry .formLabel .form-text {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.formEntry .legalSectionBox {
  border: 1px solid #E0E0E0;
  background-color: #F8F8F8;
  padding: 24px;
  border-radius: 10px;
  margin-bottom: 40px;
}
.formEntry .legalSectionBox .legalSection {
  /*	border-bottom: 1px solid #B8C5D2;*/
  margin-bottom: 35px;
}
.formEntry .legalSectionBox .form-floating {
  margin-bottom: 0px;
}
.formEntry .legalSectionBox .form-floating input:focus {
  border: 1px solid #B8C5D2;
}
.formEntry .legalSectionBox .form-floating input:active {
  border: 1px solid #B8C5D2;
}
.formEntry .addNewCol {
  max-width: 368px;
}
.formEntry .addNewCol .pr-40 {
  padding-right: 2.5rem;
}
.formEntry .form-group .form-control-label {
  margin-bottom: 0.5rem;
}
.formEntry .form-group .form-control-label.small {
  font-size: 0.875rem;
}
.formEntry .caseTitle {
  background: #f4f4f4;
  border-radius: 5px;
  min-height: 55px;
  padding: 0.5rem 0.75rem;
  margin-bottom: 1.5rem;
}
.formEntry .caseTitle label {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
  display: block;
  margin-bottom: 0;
}
.formEntry .caseTitle h5 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 0;
}
.formEntry .searchInput {
  border: 1px solid #dedede;
  border-radius: 5px;
}
.formEntry .searchInput .btn {
  font-size: 1.125rem;
  border: 0;
  padding: 0 0.875rem 0 1.125rem;
}
.formEntry .searchInput .btn i {
  display: block;
}
.formEntry .searchInput .btn i:before {
  display: block;
}
.formEntry .searchInput .form-control {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
  border-radius: 0;
  border: 0 !important;
  background: none;
  padding: 0;
  padding-right: 0.75rem;
  height: 40px;
}
.formEntry .searchInput label {
  padding-left: 0;
}
.formEntry .checkCol {
  padding-left: 0;
  margin: 0;
}
.formEntry .checkCol .form-check-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  padding: 0.125rem 0.5rem 0.125rem 1.75rem;
  margin: 0;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
}
.formEntry .checkCol .form-check-label:before {
  position: absolute;
  font-family: "icomoon";
  content: "\e906";
  font-size: 0.625rem;
  font-weight: normal;
  color: #fff;
  background: #fff;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #dedede;
  border-radius: 5px;
  text-align: center;
  line-height: 18px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.formEntry .checkCol .form-check-input {
  display: none;
}
.formEntry .checkCol .form-check-input:checked + .form-check-label:before {
  border-color: #0a1f62;
  color: #fff;
  background: #0a1f62;
}
.formEntry .searchSelect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.5rem;
}
.formEntry .searchSelect .searchCol {
  width: 245px;
  border: 1px solid #B8C5D2;
  border-radius: 40px;
  overflow: hidden;
}
.formEntry .searchSelect .searchCol .btn {
  border: 1px solid transparent;
  background: #fff;
}
.formEntry .searchSelect .searchCol .form-control {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
  border-radius: 0;
  border: 0;
  padding-left: 0;
}
.formEntry .searchSelect .checkCol .form-check-label {
  border: 1px solid #dedede;
  padding: 0.5rem 1.25rem 0.5rem 3rem;
}
.formEntry .searchSelect .checkCol .form-check-label:before {
  left: 20px;
}
.formEntry .checkColList {
  list-style: none;
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  padding-left: 0;
  margin-bottom: 0;
}
.formEntry .checkColList li {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  margin-bottom: 1rem;
}
.formEntry .checkColList li .form-check-label {
  background: #f4f4f4;
  border-radius: 5px;
  padding: 0.625rem 1.5rem 0.625rem 1.5rem;
}
.formEntry .checkColList li .form-check-label:before {
  width: 12px;
  border-radius: 0;
  border: 0;
  color: #303030;
  background: none;
  left: 1rem;
  display: none;
}
.formEntry .checkColList li .form-check-input:checked + .form-check-label {
  background: #d5f5fe;
}
.formEntry .checkColList li .form-check-input:checked + .form-check-label:before {
  background: none;
  color: #303030;
  display: block;
  left: 8px;
}
.formEntry .checkColList.checkListPrimary li .form-check-input:checked + .form-check-label {
  background: #0a1f62;
  color: #fff;
}
.formEntry .checkColList.checkListPrimary li .form-check-input:checked + .form-check-label:before {
  color: #fff;
}
.formEntry .tab-content {
  margin-bottom: 1.5rem;
}
.formEntry .userListWrap .userList .userListItem .name {
  cursor: pointer;
  display: block;
}
.formEntry .userListWrap .userList .userListItem .name.selected, .formEntry .userListWrap .userList .userListItem .name:hover {
  background: #0a1f62;
  color: #fff;
}
.formEntry .userListWrap .userList .userListItem .name.selected:before, .formEntry .userListWrap .userList .userListItem .name:hover:before {
  color: #fff;
}
.formEntry .userListWrap .userList .userListItem .name.disabled {
  color: #a7a7a7;
  cursor: default;
}
.formEntry .userListWrap .userList .userListItem .name.disabled:before {
  color: #a7a7a7;
}
.formEntry .userListWrap .userList .userListItem .name.disabled:hover {
  background: #f4f4f4;
}
.formEntry .userListWrap .userList .userListItem .name:before {
  color: #0a1f62;
}
.formEntry .saveCancel {
  text-align: right;
}
.formEntry .saveCancel .btn {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.5625rem 2.375rem;
}
.formEntry .saveCancel .btn:hover {
  color: #0a1f62;
}
.formEntry .saveCancel .btn.btn-primary {
  min-width: 145px;
  color: #fff;
}
.formEntry .saveCancel .btn.btnDraft {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5625rem 1.5rem;
}
.formEntry .saveCancel .btn.btnDraft .icon {
  margin-right: 0.5rem;
}
.formEntry h5.leftArrow {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 22px;
  line-height: 25px;
}
.formEntry .leftCol .leftArrow {
  font-size: 1.125rem;
  font-weight: 500;
  color: #303030;
  display: block;
  background: #f4f4f4;
  padding: 0.75rem 2.375rem;
  position: relative;
  clip-path: polygon(0% 0%, 95% 0, 100% 50%, 95% 100%, 0% 100%);
  margin-bottom: 0.875rem;
}
.formEntry .leftCol .leftArrow:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #6a88ff;
  left: 1.25rem;
  top: 23px;
}
.formEntry .leftCol p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
}
.formEntry .uploadDocTab {
  padding-bottom: 1.5rem;
}
.formEntry .uploadDocTab .uploadDocLink {
  padding-left: 0;
  list-style: none;
  margin-bottom: 1.5rem;
}
.formEntry .uploadDocTab .uploadDocLink li {
  margin-bottom: 0.125rem;
}
.formEntry .uploadDocTab .uploadDocLink li .btn {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
  background: #f4f4f4;
  display: block;
  text-align: left;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0.875rem 1.125rem;
  width: 100%;
  border: 0;
}
.formEntry .uploadDocTab .uploadDocLink li .btn:hover, .formEntry .uploadDocTab .uploadDocLink li .btn.active {
  background: #0a1f62;
  color: #fff;
}
.formEntry .uploadDocTab .uploadDocLink li .btn.input-validation-error {
  border: 1px solid #de4952 !important;
  border-right: 0 !important;
}
.formEntry .uploadDocTab .uploadDocLink li .btn.input-validation-error.active {
  background: #0a1f62;
  color: #fff;
}
.formEntry .uploadDocTab .addLawyerTab {
  padding-top: 2.5rem;
  text-align: left;
}
.formEntry .uploadDocTab .addLawyerTab .btn {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.5625rem 2rem;
}
.formEntry .uploadDocTab .addLawyerTab .btn:hover {
  color: #0a1f62;
}
.formEntry .uploadDocTab .addLawyerTab .btn.btn-dark {
  background: #303030;
  border-color: #303030;
  color: #fff;
}
.formEntry .uploadDocTab .addLawyerTab .btn.btn-dark:hover {
  background: #000;
}
.formEntry .lawyerListing {
  background: #eff2f9;
  border-radius: 10px;
  padding: 1.5rem 0.5rem 0.625rem;
  margin-bottom: 2.5rem;
}
.formEntry .lawyerListing .lawyerTitle {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 1.5rem;
}
.formEntry .lawyerListing .lawyerTitle h4 {
  font-size: 1.125rem;
  font-weight: 500;
  color: #303030;
}
.formEntry .lawyerListing .lawyerTitle p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
}
.formEntry .lawyerListing .lawyerTable {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.formEntry .lawyerListing .lawyerTable .lawyerListItem {
  padding: 0 1.125rem;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.formEntry .lawyerListing .lawyerTable .lawyerListItem:hover {
  background: #fff;
}
.formEntry .lawyerListing .lawyerTable .lawyerListItem:hover .ListItemWrap {
  border-top: 1px solid transparent !important;
}
.formEntry .lawyerListing .lawyerTable .lawyerListItem:hover + .lawyerListItem .ListItemWrap {
  border-top: 1px solid transparent !important;
}
.formEntry .lawyerListing .lawyerTable .lawyerListItem + .lawyerListItem .ListItemWrap {
  border-top: 1px solid #e0e0e0;
}
.formEntry .lawyerListing .lawyerTable .lawyerListItem .ListItemWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 3.375rem;
  border-top: 1px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.formEntry .lawyerListing .lawyerTable .lawyerListItem .ListItemWrap:before {
  position: absolute;
  font-family: "icomoon";
  content: "\e943";
  font-size: 2rem;
  color: #303030;
  left: 0;
  width: 32px;
  height: 32px;
  display: block;
  line-height: 32px;
}
.formEntry .lawyerListing .lawyerTable .lawyerListItem .lawyerName {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.formEntry .lawyerListing .lawyerTable .lawyerListItem .lawyerName .name {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  display: block;
}
.formEntry .lawyerListing .lawyerTable .lawyerListItem .lawyerName .email {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
  display: block;
}
.formEntry .lawyerListing .lawyerTable .lawyerListItem .btns {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.formEntry .lawyerListing .lawyerTable .lawyerListItem .btns .btn {
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  padding: 0.125rem 0.875rem;
  margin-right: 0.25rem;
}
.formEntry .lawyerListing .lawyerTable .lawyerListItem .btns .btn:last-child {
  margin-right: 0;
}
.formEntry .attachList {
  background: #eff2f9;
  border-radius: 10px;
  padding: 1.5rem 0.5rem 0.625rem;
  margin-bottom: 2.5rem;
}
.formEntry .attachList .attachTitle {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 1.5rem;
}
.formEntry .attachList .attachTitle h4 {
  font-size: 1.125rem;
  font-weight: 500;
  color: #303030;
}
.formEntry .attachList .attachTitle p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
}
.formEntry .attachList .attachTable {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.formEntry .attachList .attachTable .attachListItem {
  padding: 0 1.125rem;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.formEntry .attachList .attachTable .attachListItem:hover {
  background: #fff;
}
.formEntry .attachList .attachTable .attachListItem:hover .ListItemWrap {
  border-top: 1px solid transparent !important;
}
.formEntry .attachList .attachTable .attachListItem:hover + .attachListItem .ListItemWrap {
  border-top: 1px solid transparent !important;
}
.formEntry .attachList .attachTable .attachListItem:hover .attachName .file {
  background: #eff2f9;
}
.formEntry .attachList .attachTable .attachListItem + .attachListItem .ListItemWrap {
  border-top: 1px solid #e0e0e0;
}
.formEntry .attachList .attachTable .attachListItem .ListItemWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 3.375rem;
  border-top: 1px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.formEntry .attachList .attachTable .attachListItem .ListItemWrap:before {
  position: absolute;
  font-family: "icomoon";
  content: "\e90b";
  font-size: 1rem;
  color: #fff;
  left: 0;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  background: #0a1f62;
  display: block;
  line-height: 32px;
  text-align: center;
}
.formEntry .attachList .attachTable .attachListItem .attachName {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.formEntry .attachList .attachTable .attachListItem .attachName .name {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  display: block;
}
.formEntry .attachList .attachTable .attachListItem .attachName .descpt {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
  display: block;
  margin-bottom: 1rem;
}
.formEntry .attachList .attachTable .attachListItem .attachName .file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 300px;
  background: #fff;
  border-radius: 30px;
  padding: 0.125rem 2.25rem;
  padding-right: 0;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.formEntry .attachList .attachTable .attachListItem .attachName .file:before {
  position: absolute;
  font-family: "icomoon";
  content: "\e90b";
  font-size: 0.875rem;
  color: #328ca6;
  width: 18px;
  height: 18px;
  display: block;
  text-align: center;
  line-height: 18px;
  left: 0.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.formEntry .attachList .attachTable .attachListItem .attachName .file .fileName {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.formEntry .attachList .attachTable .attachListItem .attachName .file .btn {
  font-size: 0.875rem;
  font-weight: 500;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.formEntry .attachList .attachTable .attachListItem .attachName .file .btn:hover {
  text-decoration: underline;
}
.formEntry .attachList .attachTable .attachListItem .btns {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.formEntry .attachList .attachTable .attachListItem .btns .btn {
  font-size: 0.875rem;
  font-weight: 500;
  color: #de4952;
  padding: 0.125rem 0.875rem;
  margin-right: 0.25rem;
}
.formEntry .attachList .attachTable .attachListItem .btns .btn:hover {
  color: #fff;
}
.formEntry .attachList .attachTable .attachListItem .btns .btn:last-child {
  margin-right: 0;
}
.formEntry .transferCase .form-floating .form-control-label {
  color: #898989;
  font-size: 14px;
  font-weight: 400;
}
.formEntry .transferCase .form-floating .form-control {
  border: 0px;
}
.formEntry .transferCase .form-floating .form-control:active {
  border: 0px;
}
.formEntry .transferCase .form-floating .form-control:focus {
  border: 0px;
}
.formEntry .transferCase .form-floating .form-control:focus-visible {
  border: 0px;
}
.formEntry .transferCase .form-floating .textareaDiv {
  background-color: #F4F4F4;
  padding: 20px;
  border-radius: 10px;
  font-size: 14px;
  margin: 20px 0px;
}
.formEntry .transferCase .formLabel h5 {
  font-size: 16px;
  font-weight: 500;
}
.formEntry .Tickradio {
  margin-top: 20px;
  margin-bottom: 10px;
}
.formEntry .Tickradio label {
  font-size: 14px;
  color: #000;
}
.formEntry .Tickradio .formCheckList .form-check {
  padding-left: 0px;
}
.formEntry .Tickradio .formCheckList .form-check .form-check-input {
  opacity: 0;
}
.formEntry .Tickradio .formCheckList .form-check {
  /*	[type="radio"]:checked,
  [type="radio"]:not(:checked) {
  	opacity: 0;
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	top: 0px;
  	left: 0px;
  	border-radius: 10px;
  	cursor: pointer;
  }*/
}
.formEntry .Tickradio .formCheckList .form-check [type=radio]:checked + label,
.formEntry .Tickradio .formCheckList .form-check [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 34px;
  cursor: pointer;
  line-height: 24px;
  display: inline-block;
  color: #666;
}
.formEntry .Tickradio .formCheckList .form-check [type=radio]:checked + label:before,
.formEntry .Tickradio .formCheckList .form-check [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 24px;
  height: 24px;
  border: 1px solid #DADADA;
  border-radius: 100%;
  background: #fff;
  font-family: "icomoon" !important;
}
.formEntry .Tickradio .formCheckList .form-check [type=radio]:checked + label:after,
.formEntry .Tickradio .formCheckList .form-check [type=radio]:not(:checked) + label:after {
  content: "\e906";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #898989;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  font-family: "icomoon" !important;
}
.formEntry .Tickradio .formCheckList .form-check [type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
  background: #023979;
  color: #fff;
}
@media (max-width: 575.98px) {
  .formEntry .attachList .attachTable .attachListItem {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .formEntry .attachList .attachTable .attachListItem .ListItemWrap {
    padding-left: 0;
    display: block;
    position: relative;
  }
  .formEntry .attachList .attachTable .attachListItem .attachName .name, .formEntry .attachList .attachTable .attachListItem .attachName .descpt {
    padding-left: 3rem;
  }
  .formEntry .attachList .attachTable .attachListItem .btns {
    position: absolute;
    right: 0;
    top: 0.5rem;
  }
}
.formEntry .formCheckList {
  margin-bottom: 1.5rem;
}
.formEntry .formCheckList .form-control-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 1rem;
  display: block;
}
.formEntry .formCheckList .form-check {
  margin-bottom: 0.5rem;
}
.formEntry .formCheckList .form-check .form-check-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
}
.formEntry .formCheckList .form-check .form-check-input {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.formEntry .formCheckInline {
  margin-bottom: 1.5rem;
}
.formEntry .formCheckInline .form-control-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  margin-bottom: 1rem;
  display: block;
}
.formEntry .formCheckInline .form-check {
  padding-left: 0;
  margin-right: 0.125rem;
}
.formEntry .formCheckInline .form-check .btn {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  border: 1px solid transparent;
  background: #f4f4f4;
  padding: 0.5rem 1rem;
  border-radius: 45px;
}
.formEntry .formCheckInline .form-check .btn:hover {
  color: #303030;
}
.formEntry .formCheckInline .form-check .btn-check:checked + .btn, .formEntry .formCheckInline .form-check .btn-check:checked + input + .btn {
  color: #fff !important;
  background-color: var(--bs-btn-active-bg);
}
.formEntry .formCheckInline .form-check .btn-check.input-validation-error + .btn, .formEntry .formCheckInline .form-check .btn-check.input-validation-error + input + .btn {
  border-color: #de4952 !important;
}
.formEntry .form-check .form-check-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
}
.formEntry .requestedChangesreason {
  background-color: #F8F8F8;
  border-radius: 10px;
  padding: 20px;
  border: 1px solid #E0E0E0;
}
.formEntry .requestedChangesreason label {
  font-size: 1rem;
  font-weight: 500;
  color: #303030;
  display: block;
  margin-bottom: 0.5rem;
}
.formEntry .requestedChangesreason p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #303030;
}

@media (max-width: 991.98px) {
  .formEntry .formLabel {
    margin-bottom: 1rem;
  }
}
@media (max-width: 575.98px) {
  .formEntry .searchSelect {
    display: block;
  }
  .formEntry .searchSelect .searchCol {
    width: 100%;
    margin-bottom: 1rem;
  }
  .formEntry .searchSelect .checkCol {
    text-align: right;
  }
}
.stampWrap .stampList {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.stampWrap .stampList .stampListItem {
  margin-bottom: 1.5rem;
}
.stampWrap .stampList .stampCol {
  border: 1px dashed #bfbfbf;
  border-radius: 5px;
  position: relative;
}
.stampWrap .stampList .stampCol.active figure {
  background-color: #C5F4FF;
}
.stampWrap .stampList .stampCol.active figure:before {
  opacity: 1;
  visibility: visible;
}
.stampWrap .stampList .stampCol figure {
  padding: 1.375rem;
  border-bottom: 1px dashed #000;
  margin-bottom: 0;
  position: relative;
}
.stampWrap .stampList .stampCol figure:before {
  font-family: "icomoon";
  content: "\e906";
  font-size: 1.125rem;
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  width: 26px;
  height: 26px;
  display: block;
  line-height: 26px;
  text-align: center;
  color: #0bc197;
  background: #fff;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  border-radius: 26px;
}
.stampWrap .stampList .stampCol img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.stampWrap .stampList .stampCol h3 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
  text-align: center;
  margin-bottom: 0;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  line-height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.stampWrap .stampList .stampCol .form-group {
  margin-bottom: 0;
}
.stampWrap .stampList .stampCol .form-group .form-control {
  font-size: 0.875rem;
  font-weight: 600;
  color: #898989;
  border-radius: 0;
  border: 0;
  height: 32px;
}
.stampWrap .stampList .stampCol ul {
  --bs-gutter-x: 1rem;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-top: 1px solid #dbdbdb;
}
.stampWrap .stampList .stampCol ul li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  text-align: center;
  border-right: 1px solid #bfbfbf;
}
.stampWrap .stampList .stampCol ul li:last-child {
  border: 0;
}
.stampWrap .stampList .stampCol ul li .btn {
  font-size: 0.875rem;
  font-weight: 600;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
}
.stampWrap .stampList .stampCol ul li .btn:hover {
  opacity: 0.8;
}
.stampWrap .stampList .stampCol ul li .btn.edit {
  color: #0a1f62;
}
.stampWrap .stampList .stampCol ul li .btn.delete {
  color: #e0545d;
}
.stampWrap .btnWrap {
  padding-top: 1rem;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 2.5rem;
}
.stampWrap .btnWrap li {
  padding-right: 0.5rem;
}
.stampWrap .btnWrap li:last-child {
  padding-right: 0;
}
.stampWrap .btnWrap .btn {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.625rem 1.5rem;
  border-radius: 5px;
}

.uploadDocWrap {
  border: 1px dashed #303030;
  border-radius: 5px;
  padding: 1.25rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*overflow: hidden;*/
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 3;
  position: relative;
}
.uploadDocWrap .icon {
  font-size: 1.5rem;
  color: #000;
  display: block;
  margin-bottom: 0rem;
  position: relative;
  z-index: 2;
  margin-right: 20px;
}
.uploadDocWrap h4 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 0rem;
  position: relative;
  z-index: 2;
}
.uploadDocWrap p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
  margin-bottom: 1.5rem;
}
.uploadDocWrap .uploadImport {
  position: absolute;
  width: 100%;
  left: 0px;
  height: 100%;
  top: 0px;
  z-index: 3;
}
.uploadDocWrap .uploadImport .uploadBtn {
  height: 100%;
}
.uploadDocWrap .uploadImport .uploadBtn .k-upload {
  border-radius: 0;
  border: 0;
  height: 100%;
  background-color: transparent;
}
.uploadDocWrap .uploadImport .uploadBtn .k-upload .k-dropzone {
  padding: 0;
  background: none;
  height: 100%;
}
.uploadDocWrap .uploadImport .uploadBtn .k-upload .k-dropzone .k-button {
  font-size: 0rem;
  font-weight: 500;
  color: transparent;
  border: 0;
  padding: 0.75rem 2.5rem;
  width: 100%;
  background: transparent;
  margin: 0px;
  height: 100%;
}
.uploadDocWrap .uploadImport .uploadBtn .k-upload .k-dropzone .k-button.k-focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.uploadDocWrap .uploadImport .uploadBtn .k-upload .k-dropzone .k-button:active {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.uploadDocWrap .uploadImport .uploadBtn .k-upload .k-dropzone .k-button input:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.uploadDocWrap .uploadImport .uploadBtn .k-upload .k-dropzone .k-dropzone-hint,
.uploadDocWrap .uploadImport .uploadBtn .k-upload .k-dropzone .k-upload-status {
  display: none !important;
}
.uploadDocWrap .uploadImport .uploadBtn .k-upload .k-upload-files {
  display: none !important;
}
.uploadDocWrap .uploadFiles {
  padding-top: 1.5rem;
}
.uploadDocWrap .uploadFiles .cms_attachment_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #e4fdff;
  margin-bottom: 0.375rem;
  padding: 0.3125rem 0.625rem;
  padding-right: 0;
  border-radius: 30px;
}
.uploadDocWrap .uploadFiles .cms_attachment_content #supportingDocAttachment {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.uploadDocWrap .uploadFiles .cms_attachment_content .upload_preview {
  font-size: 0.875rem;
  font-weight: 400;
  color: #1b202d;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  padding-right: 0.625rem;
  padding-left: 1.5rem;
}
.uploadDocWrap .uploadFiles .cms_attachment_content .upload_preview:before {
  position: absolute;
  display: block;
  line-height: 14px;
  width: 14px;
  height: 14px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 0.875rem;
  font-family: "icomoon";
  content: "\e944";
}
.uploadDocWrap .uploadFiles .cms_attachment_content .close {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 0;
}
.uploadDocWrap .uploadFiles .cms_attachment_content .close .icon {
  font-size: 0.75rem;
  margin: 0;
}
.uploadDocWrap .uploadFiles .cms_attachment_content:last-child {
  margin-bottom: 0;
}
.uploadDocWrap.dragandDropupload {
  padding: 2.5rem;
}
.uploadDocWrap.dragandDropupload h4 {
  margin-bottom: 1rem;
}
.uploadDocWrap.dragandDropupload .icon {
  margin-bottom: 0.75rem;
}
.uploadDocWrap.dragandDropupload .uploadImport {
  position: unset;
  width: auto;
  height: auto;
}
.uploadDocWrap.dragandDropupload .uploadImport .uploadBtn {
  height: auto;
}
.uploadDocWrap.dragandDropupload .uploadImport .uploadBtn .k-upload {
  background-color: #fff;
  height: auto;
}
.uploadDocWrap.dragandDropupload .uploadImport .uploadBtn .k-upload .k-dropzone {
  height: auto;
}
.uploadDocWrap.dragandDropupload .uploadImport .uploadBtn .k-upload .k-dropzone .k-button {
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  border: 0;
  background: #0a1f62;
  margin-left: auto;
  margin-right: auto;
  padding: 0.75rem 2.5rem;
  width: auto;
}
.uploadDocWrap.dragandDropupload .uploadImport .uploadBtn .k-upload .k-dropzone .k-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.uploadNameshow .uploadDocWrap {
  margin-bottom: 0px !important;
}
.uploadNameshow .uploadFiles {
  padding-top: 1.5rem;
  margin-bottom: 2.5rem;
}
.uploadNameshow .uploadFiles .cms_attachment_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #e4fdff;
  margin-bottom: 0.375rem;
  padding: 0.3125rem 0.625rem;
  padding-right: 0;
  border-radius: 30px;
}
.uploadNameshow .uploadFiles .cms_attachment_content #supportingDocAttachment {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.uploadNameshow .uploadFiles .cms_attachment_content .upload_preview {
  font-size: 0.875rem;
  font-weight: 400;
  color: #1b202d;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  padding-right: 0.625rem;
  padding-left: 1.5rem;
}
.uploadNameshow .uploadFiles .cms_attachment_content .upload_preview:before {
  position: absolute;
  display: block;
  line-height: 14px;
  width: 14px;
  height: 14px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 0.875rem;
  font-family: "icomoon";
  content: "\e944";
}
.uploadNameshow .uploadFiles .cms_attachment_content .close {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 0;
}
.uploadNameshow .uploadFiles .cms_attachment_content .close .icon {
  font-size: 0.75rem;
  margin: 0;
}
.uploadNameshow .uploadFiles .cms_attachment_content:last-child {
  margin-bottom: 0;
}

.numberWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
}
.numberWrap.w-120 {
  width: 120px;
}
.numberWrap .input-group-text {
  border: 0;
  border-radius: 0;
  padding: 0;
}
.numberWrap .btn {
  border: 0;
  border-radius: 0;
}
.numberWrap .form-control {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #dedede;
  margin-left: 0;
  height: 36px;
}

.partUpload {
  border: 1px dashed #bfbfbf;
  border-radius: 5px;
}
.partUpload .k-upload {
  border-radius: 0;
  border: 0;
}
.partUpload .k-dropzone {
  position: relative;
  background: none;
  padding: 0;
  display: block;
  padding: 2.5rem;
}
.partUpload .k-dropzone .k-button {
  margin: 0;
  min-width: inherit;
  display: block;
  border: 0;
  border-radius: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 2.5rem;
  left: 0;
  top: 0;
}
.partUpload .k-dropzone .k-button span {
  display: none;
}
.partUpload .k-dropzone .k-dropzone-hint {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  font-style: normal;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.partUpload .k-dropzone .k-dropzone-hint:before {
  font-family: "icomoon";
  content: "\e929";
  font-size: 2.125rem;
  margin-right: 1.375rem;
}

@media (max-width: 575.98px) {
  .partUpload .k-dropzone {
    padding: 1.5rem;
  }
  .partUpload .k-dropzone .k-button {
    padding: 1.5rem;
  }
}
.holidayModal {
  position: absolute;
  padding-right: 0 !important;
}
.holidayModal .btn-close {
  position: absolute;
  right: 10px;
  top: 10px;
  margin: 0;
  background-size: 0.875rem;
}
.holidayModal .modal-dialog {
  --bs-modal-width: 306px;
  margin-top: 0;
}
.holidayModal .modal-content {
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  -webkit-box-shadow: 10px 26px 30px 0px rgba(107, 107, 107, 0.16);
          box-shadow: 10px 26px 30px 0px rgba(107, 107, 107, 0.16);
}
.holidayModal .modal-body h5 {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
  margin-bottom: 1rem;
}
.holidayModal .modal-body h3 {
  font-size: 1.375rem;
  font-weight: 600;
  color: #de4952;
  margin-bottom: 1.5rem;
}
.holidayModal .modal-body .saveCancel .btn-primary {
  margin-bottom: 0.25rem;
}
.holidayModal .modal-body .saveCancel .btn-primary:not(:hover) {
  background: #0a1f62;
  border: 1px solid #0a1f62;
}
.holidayModal .modal-body .saveCancel .btn {
  display: block;
  width: 100%;
}

.detailsModal .modal-body {
  padding: 1.5rem;
}
.detailsModal h5 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #303030;
  padding-bottom: 1.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #dadada;
}
.detailsModal .table tbody tr td {
  font-size: 0.875rem;
  font-weight: 400;
  color: #303030;
  border: 0;
  padding: 0.5rem;
  vertical-align: middle;
}
.detailsModal .table tbody tr td:first-child {
  padding-left: 0;
}
.detailsModal .table tbody tr td span {
  font-weight: 500;
  border-radius: 5px;
  padding: 0.5rem;
  display: inline-block;
}
.detailsModal .cancelBtn {
  text-align: center;
  border-top: 1px solid #dadada;
  padding-top: 1.5rem;
}
.detailsModal .cancelBtn .btn {
  font-size: 0.875rem;
  font-weight: 500;
  width: 146px;
  padding: 0.5625rem 1rem;
}

.docModal .modal-content {
  border: 0;
}
.docModal .btn-close {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  margin: 0;
}
.docModal h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 1.75rem;
}
.docModal .modal-body {
  padding: 2rem 2rem;
}
.docModal .modal-body img {
  max-width: 100%;
  height: auto;
}

.rejectModal .modal-dialog .modal-content .modal-body .rejectReason label {
  font-size: 18px;
  margin-bottom: 24px;
  color: #303030;
}
.rejectModal .modal-dialog .modal-content .modal-body .rejectReason textarea {
  border: 1px solid #DEDEDE;
}
.rejectModal .rgtbtns {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #DADADA;
}
.rejectModal .rgtbtns .btnCancel {
  padding: 0px;
}
.rejectModal .rgtbtns .btnCancel:active {
  border: 0px;
}

.lengthModal.pdfViewpopup .modal-dialog .modal-content .modal-body {
  overflow: hidden;
}
.lengthModal .addinvoice {
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 0;
}
.lengthModal .addinvoice .form-control-label {
  color: #303030 !important;
  font-size: 14px !important;
}
.lengthModal .addinvoice .btnCancel {
  color: #1F305E !important;
  font-size: 14px;
  text-decoration: underline;
  padding: 0;
}
.lengthModal .addinvoice .btnCancel:focus {
  border: 0;
}
.lengthModal .acceptPayment {
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 0;
}
.lengthModal .acceptPayment .btn-accpt {
  padding: 10px 40px;
  font-size: 14px;
}
.lengthModal .acceptPayment .btnCancel {
  color: #1F305E !important;
  font-size: 14px;
  text-decoration: underline;
  padding: 0;
}
.lengthModal .acceptPayment .btnCancel:focus {
  border: 0;
}
.lengthModal .Manageinvoice .invoiceDetails {
  background: -webkit-gradient(linear, left top, right top, from(#F0EADD), to(#FFFFFF));
  background: linear-gradient(90deg, #F0EADD 0%, #FFFFFF 100%);
  padding: 10px 15px;
  border-radius: 5px;
  margin-bottom: 24px;
}
.lengthModal .Manageinvoice .invoiceDetails .data p {
  font-size: 16px;
}
.lengthModal .Manageinvoice .btnCancel {
  color: #1F305E !important;
  font-size: 14px;
  text-decoration: underline;
  padding: 0;
}
.lengthModal .Manageinvoice .btnCancel:focus {
  border: 0;
}
.lengthModal .modal-dialog {
  max-width: 800px;
}
.lengthModal .modal-dialog .accept-payment {
  background: -webkit-gradient(linear, left top, right top, from(#F0EADD), to(#FFFFFF));
  background: linear-gradient(90deg, #F0EADD 0%, #FFFFFF 100%);
  padding: 10px 15px;
  border-radius: 5px;
  margin-bottom: 24px;
}
.lengthModal .modal-dialog .accept-payment li {
  list-style: none;
}
.lengthModal .modal-dialog .accept-payment li .data p {
  color: #303030;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}
.lengthModal .modal-dialog .accept-payment li .data label {
  color: #B59454;
  font-size: 14px;
  font-weight: 400;
}
.lengthModal .modal-dialog .modal-content {
  padding: 30px;
}
.lengthModal .modal-dialog .modal-content .modal-header {
  padding: 0px;
  margin-bottom: 24px;
}
.lengthModal .modal-dialog .modal-content .modal-header h5 {
  padding-bottom: 24px;
  margin: 0px;
  font-size: 22px;
  font-weight: 600;
  line-height: 27px;
}
.lengthModal .modal-dialog .modal-content .modal-body {
  padding: 0px;
  overflow-x: hidden;
  padding-right: 10px;
}
.lengthModal .modal-dialog .modal-content .modal-body .modalLabel h5 {
  color: #898989;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
}
.lengthModal .modal-dialog .modal-content .modal-body .modalValue h5 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  display: inline-block;
  padding: 0px 8px;
}
.lengthModal .modal-dialog .modal-content .modal-body .activeNumber {
  background-color: #f0eadd;
  padding: 8px;
  border-radius: 10px;
}
.lengthModal .modal-dialog .modal-content .modal-footer {
  padding: 0px;
  margin-top: 20px;
  padding-top: 20px;
}
.lengthModal .modal-dialog .modal-content .modal-footer .closeBtn {
  background-color: #0a1f62;
  color: #fff;
  border-radius: 5px;
  padding: 11px 57px;
  margin: 0px;
}
.lengthModal .invoiceAdjustment .modal-footer .buttonWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
}
.lengthModal .invoiceAdjustment .modal-footer .buttonWrap li {
  list-style: none;
}
.lengthModal .invoiceAdjustment .modal-footer .buttonWrap li .btnCancel {
  padding: 0;
}
.lengthModal.pdfViewpopup .modal-dialog {
  max-width: 1000px;
}
.lengthModal.pdfViewpopup .modal-dialog .modal-content {
  height: 90vh;
  background: #f0f4fb;
  overflow: auto;
}
.lengthModal.pdfViewpopup .modal-dialog .modal-content .no_invoice {
  border: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.lengthModal.pdfViewpopup .modal-dialog .modal-content .no_invoice .no_invoice_inner p {
  text-align: center;
  font-size: 37px;
}
.lengthModal.pdfViewpopup .modal-dialog .modal-content .dv-scope {
  height: 100%;
}
.lengthModal.pdfViewpopup .modal-dialog .modal-content .dv-scope .dv-control {
  height: 100% !important;
}
.lengthModal.pdfViewpopup .modal-dialog .modal-content .dv-scope #documentViewer {
  height: calc(100vh - 222px) !important;
}
.lengthModal.personalDetailpopup .modal-dialog .modal-content .modal-header {
  padding-bottom: 25px;
}
.lengthModal.personalDetailpopup .modal-dialog .modal-content .modal-header h5 {
  padding-bottom: 0px;
}
.lengthModal.personalDetailpopup .modal-dialog .modal-content .modal-header h5 span {
  font-weight: 400;
}
.lengthModal.personalDetailpopup .modal-dialog .modal-content .modal-header .flexShrink span {
  color: #fff;
}
.lengthModal.personalDetailpopup .modal-dialog .modal-content .modal-header .flexShrink .btn {
  font-size: 14px;
  font-weight: 500;
  margin-left: 20px;
}
.lengthModal.personalDetailpopup .modal-dialog .modal-body .formLabel h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 18px;
}
.lengthModal.personalDetailpopup .modal-dialog .modal-body .modalLabel h5 {
  padding: 8px;
  padding-left: 0px;
}
.lengthModal.personalDetailpopup .modal-dialog .modal-body .modalValue h5 {
  padding: 8px;
  border-radius: 5px;
}
.lengthModal.personalDetailpopup .modal-dialog .modal-body .modalValue.activeName h5 {
  background-color: #A9FCE9;
}
.lengthModal.personalDetailpopup .modal-dialog .modal-body.DocumentDetailpopup .documentDetailsec {
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  padding: 25px;
  margin-bottom: 15px;
}
.lengthModal.xl-lengthModal .modal-dialog {
  max-width: 950px;
}

@media (min-width: 768px) {
  .modalHalfScreen {
    width: 600px;
    max-width: none;
    height: 100%;
    margin: 0;
    margin-left: auto;
  }
  .modalHalfScreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modalHalfScreen .modal-header,
  .modalHalfScreen .modal-footer {
    border-radius: 0;
  }
  .modalHalfScreen .modal-body {
    overflow-y: auto;
  }
}
@media (min-width: 992px) {
  .modalHalfScreen {
    width: 700px;
  }
}
@media (min-width: 1200px) {
  .modalHalfScreen {
    width: 50vw;
  }
}
.confirmModal .modal-dialog {
  max-width: 444px;
}
.confirmModal .modal-content {
  border: 0;
}
.confirmModal .btn-close {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}
.confirmModal .modal-body {
  padding: 2.5rem;
}
.confirmModal h4 {
  font-size: 1.125rem;
  font-weight: 400;
  color: #303030;
  margin-bottom: 0.5rem;
}
.confirmModal p {
  font-size: 1.375rem;
  font-weight: 600;
  color: #303030;
  line-height: 1.3;
  margin-bottom: 1.5rem;
}
.confirmModal .btnGroup .btn {
  width: 145px;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 5px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.confirmModal .btnGroup .btn:hover {
  opacity: 0.9;
}
.confirmModal .btnGroup .btnNo {
  background: #d5f5fe;
}

@media (max-width: 575.98px) {
  .confirmModal .modal-body {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .confirmModal .btnGroup .btn {
    width: 125px;
  }
}
.newCaseModal .form-group {
  margin-bottom: 2rem;
}
.newCaseModal .form-group .form-control-label {
  font-size: 1.125rem;
  font-weight: 500;
  color: #303030;
  margin-bottom: 1.5rem;
  display: block;
}
.newCaseModal .form-floating {
  margin-bottom: 1.5rem;
}
.newCaseModal .form-floating label {
  font-size: 1rem;
  font-weight: 400;
  color: #898989;
}
.newCaseModal .form-floating .form-control, .newCaseModal .form-floating .form-select {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
  border: 1px solid #dedede;
}
.newCaseModal .form-floating .form-control:focus, .newCaseModal .form-floating .form-select:focus {
  border: 1px solid #303030;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.newCaseModal .partyList {
  --bs-gutter-x: 1rem;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.newCaseModal .partyList li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-bottom: 0.25rem;
}
.newCaseModal .partyList .partyListItem {
  background: #eff2f9;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.newCaseModal .partyList .partyListItem span {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 2rem;
  position: relative;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newCaseModal .partyList .partyListItem span:before {
  position: absolute;
  font-size: 0.75rem;
  font-family: "icomoon";
  content: "\e906";
  color: #303030;
  width: 12px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  top: 50%;
  left: 1rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.newCaseModal .partyList .partyListItem .btn {
  font-size: 0.875rem;
  font-weight: 500;
  color: #e0545d;
  color: #de4952;
  text-decoration: underline;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 0;
  border-radius: 0;
  padding: 0.34375rem 1rem;
}
.newCaseModal .partyList .partyListItem .btn:hover {
  text-decoration: none;
}
.newCaseModal .yesNo .form-control-label {
  margin-bottom: 1rem;
}
.newCaseModal .previewBtn {
  text-align: right;
  padding-top: 1rem;
}
.newCaseModal .previewBtn .btn {
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: underline;
  padding: 0;
}
.newCaseModal .previewBtn .btn:hover {
  text-decoration: none;
}
.newCaseModal .previewContent p {
  font-size: 1rem;
  font-weight: 400;
  color: #303030;
}

@media (max-width: 767.98px) {
  .newCaseModal .form-group .form-control-label {
    font-size: 1rem;
    margin-bottom: 1rem;
  }
  .newCaseModal .form-floating {
    margin-bottom: 1rem;
  }
}
.modal .searchSelect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal .searchSelect .search {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 2rem;
}
.modal .searchSelect .input-group {
  border: 1px solid #dfdfdf;
  border-radius: 40px;
  overflow: hidden;
  margin-bottom: 1rem;
}
.modal .searchSelect .input-group .btn, .modal .searchSelect .input-group .input-group-text {
  font-size: 1rem;
  border: 0;
  background: none;
}
.modal .searchSelect .input-group .form-control {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
  border-radius: 0;
  border: 0;
}
.modal .searchSelect .selectAll {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.modal .searchSelect .selectAll .form-check {
  margin-bottom: 1rem;
  padding-left: 0;
}
.modal .searchSelect .selectAll .form-check .form-check-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  border: 1px solid #dedede;
  cursor: pointer;
  position: relative;
  padding: 0.5312rem 1.25rem 0.5312rem 3rem;
  border-radius: 5px;
}
.modal .searchSelect .selectAll .form-check .form-check-label:before {
  font-size: 0.75rem;
  font-family: "icomoon";
  content: "\e906";
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #dedede;
  border-radius: 5px;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  text-align: center;
  line-height: 18px;
  background: #fff;
  color: #fff;
}
.modal .searchSelect .selectAll .form-check .form-check-input {
  display: none;
}
.modal .searchSelect .selectAll .form-check .form-check-input:checked + .form-check-label:before, .modal .searchSelect .selectAll .form-check .form-check-input:checked + input + .form-check-label:before {
  background: #0a1f62;
  border-color: #0a1f62;
}
.modal .issueVersion {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  --bs-gutter-x: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.modal .issueVersion .form-check {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  margin-bottom: 0;
}
.modal .issueVersion .form-check .form-check-label {
  background: #eff2f9;
  cursor: pointer;
  display: block;
  position: relative;
  text-align: center;
  border-radius: 10px;
  padding: 2.375rem 1.5rem;
}
.modal .issueVersion .form-check .form-check-label .icon {
  font-size: 4.25rem;
  color: #b4bbca;
  display: block;
  margin-bottom: 1.5rem;
}
.modal .issueVersion .form-check .form-check-label span {
  font-size: 1.125rem;
  font-weight: 500;
  color: #303030;
  display: block;
}
.modal .issueVersion .form-check .form-check-input {
  display: none;
}
.modal .issueVersion .form-check .form-check-input:checked + .form-check-label .icon {
  color: #0bc197;
}
.modal .addRecipients {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.modal .addRecipients li {
  --bs-gutter-x: 0.875rem;
}
.modal .addRecipients li .nameCol {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.modal .addRecipients li .emailCol {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.modal .addRecipients li .addBtn {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.modal .addRecipients li .addBtn .btn {
  width: 82px;
  height: 55px;
}

@media (max-width: 767.98px) {
  .modal .searchSelect .search {
    padding-right: 1rem;
  }
}
@media (max-width: 575.98px) {
  .modal .searchSelect {
    display: block;
  }
  .modal .searchSelect .search {
    padding-right: 0;
  }
}
@media (min-width: 576px) {
  .modal .issueVersion .form-check .form-check-label {
    width: 200px;
  }
}
.newCaseModal .modal-content,
.templateDetails .modal-content,
.optModal .modal-content,
.editInvoice .modal-content,
.uploadModal .modal-content,
.interviewStatus .modal-content,
.calendarModal .modal-content,
.prviewModal .modal-content,
.missingDoc .modal-content {
  border-radius: 10px;
  border: 0;
}
.newCaseModal .modal-header,
.templateDetails .modal-header,
.optModal .modal-header,
.editInvoice .modal-header,
.uploadModal .modal-header,
.interviewStatus .modal-header,
.calendarModal .modal-header,
.prviewModal .modal-header,
.missingDoc .modal-header {
  padding: 2.5rem;
  padding-bottom: 0;
  display: block;
  border: 0;
}
.newCaseModal .modal-header h3,
.templateDetails .modal-header h3,
.optModal .modal-header h3,
.editInvoice .modal-header h3,
.uploadModal .modal-header h3,
.interviewStatus .modal-header h3,
.calendarModal .modal-header h3,
.prviewModal .modal-header h3,
.missingDoc .modal-header h3 {
  font-size: 1.375rem;
  font-weight: 600;
  color: #303030;
  border-bottom: 1px solid #dadada;
  padding-bottom: 1.5rem;
  margin-bottom: 0;
}
.newCaseModal .modal-header h3 span,
.templateDetails .modal-header h3 span,
.optModal .modal-header h3 span,
.editInvoice .modal-header h3 span,
.uploadModal .modal-header h3 span,
.interviewStatus .modal-header h3 span,
.calendarModal .modal-header h3 span,
.prviewModal .modal-header h3 span,
.missingDoc .modal-header h3 span {
  font-size: 16px;
  font-weight: 300;
  display: block;
}
.newCaseModal .modal-header .btn-close,
.templateDetails .modal-header .btn-close,
.optModal .modal-header .btn-close,
.editInvoice .modal-header .btn-close,
.uploadModal .modal-header .btn-close,
.interviewStatus .modal-header .btn-close,
.calendarModal .modal-header .btn-close,
.prviewModal .modal-header .btn-close,
.missingDoc .modal-header .btn-close {
  position: absolute;
  right: 0.375rem;
  top: 0.375rem;
  width: 20px;
  height: 20px;
  padding: 0.25rem;
  margin: 0;
}
.newCaseModal .modal-body,
.templateDetails .modal-body,
.optModal .modal-body,
.editInvoice .modal-body,
.uploadModal .modal-body,
.interviewStatus .modal-body,
.calendarModal .modal-body,
.prviewModal .modal-body,
.missingDoc .modal-body {
  padding: 2.5rem;
  padding-top: 1.5rem;
}
.newCaseModal .invoiceAdjustment,
.templateDetails .invoiceAdjustment,
.optModal .invoiceAdjustment,
.editInvoice .invoiceAdjustment,
.uploadModal .invoiceAdjustment,
.interviewStatus .invoiceAdjustment,
.calendarModal .invoiceAdjustment,
.prviewModal .invoiceAdjustment,
.missingDoc .invoiceAdjustment {
  padding: 0px;
}
.newCaseModal .invoiceAdjustment li,
.templateDetails .invoiceAdjustment li,
.optModal .invoiceAdjustment li,
.editInvoice .invoiceAdjustment li,
.uploadModal .invoiceAdjustment li,
.interviewStatus .invoiceAdjustment li,
.calendarModal .invoiceAdjustment li,
.prviewModal .invoiceAdjustment li,
.missingDoc .invoiceAdjustment li {
  list-style: none;
  margin: 10px 0px;
  padding: 0px 7px;
}
.newCaseModal .invoiceAdjustment li input,
.templateDetails .invoiceAdjustment li input,
.optModal .invoiceAdjustment li input,
.editInvoice .invoiceAdjustment li input,
.uploadModal .invoiceAdjustment li input,
.interviewStatus .invoiceAdjustment li input,
.calendarModal .invoiceAdjustment li input,
.prviewModal .invoiceAdjustment li input,
.missingDoc .invoiceAdjustment li input {
  margin-right: 5px;
}
.newCaseModal .invoiceAdjustment li label,
.templateDetails .invoiceAdjustment li label,
.optModal .invoiceAdjustment li label,
.editInvoice .invoiceAdjustment li label,
.uploadModal .invoiceAdjustment li label,
.interviewStatus .invoiceAdjustment li label,
.calendarModal .invoiceAdjustment li label,
.prviewModal .invoiceAdjustment li label,
.missingDoc .invoiceAdjustment li label {
  margin-right: 10px;
}
.newCaseModal .invoiceAdjustment .form-floating,
.templateDetails .invoiceAdjustment .form-floating,
.optModal .invoiceAdjustment .form-floating,
.editInvoice .invoiceAdjustment .form-floating,
.uploadModal .invoiceAdjustment .form-floating,
.interviewStatus .invoiceAdjustment .form-floating,
.calendarModal .invoiceAdjustment .form-floating,
.prviewModal .invoiceAdjustment .form-floating,
.missingDoc .invoiceAdjustment .form-floating {
  margin-top: 24px;
}
.newCaseModal .modal-footer,
.templateDetails .modal-footer,
.optModal .modal-footer,
.editInvoice .modal-footer,
.uploadModal .modal-footer,
.interviewStatus .modal-footer,
.calendarModal .modal-footer,
.prviewModal .modal-footer,
.missingDoc .modal-footer {
  border: 0;
  display: block;
  padding: 2.5rem;
  padding-top: 0;
}
.newCaseModal .modal-footer .buttonWrap,
.templateDetails .modal-footer .buttonWrap,
.optModal .modal-footer .buttonWrap,
.editInvoice .modal-footer .buttonWrap,
.uploadModal .modal-footer .buttonWrap,
.interviewStatus .modal-footer .buttonWrap,
.calendarModal .modal-footer .buttonWrap,
.prviewModal .modal-footer .buttonWrap,
.missingDoc .modal-footer .buttonWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  padding-left: 0;
  padding-top: 1.5rem;
  list-style: none;
  border-top: 1px solid #dadada;
}
.newCaseModal .modal-footer .buttonWrap .btn,
.templateDetails .modal-footer .buttonWrap .btn,
.optModal .modal-footer .buttonWrap .btn,
.editInvoice .modal-footer .buttonWrap .btn,
.uploadModal .modal-footer .buttonWrap .btn,
.interviewStatus .modal-footer .buttonWrap .btn,
.calendarModal .modal-footer .buttonWrap .btn,
.prviewModal .modal-footer .buttonWrap .btn,
.missingDoc .modal-footer .buttonWrap .btn {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.5312rem 1rem;
  border: 0;
}
.newCaseModal .modal-footer .buttonWrap .cancel .btn,
.templateDetails .modal-footer .buttonWrap .cancel .btn,
.optModal .modal-footer .buttonWrap .cancel .btn,
.editInvoice .modal-footer .buttonWrap .cancel .btn,
.uploadModal .modal-footer .buttonWrap .cancel .btn,
.interviewStatus .modal-footer .buttonWrap .cancel .btn,
.calendarModal .modal-footer .buttonWrap .cancel .btn,
.prviewModal .modal-footer .buttonWrap .cancel .btn,
.missingDoc .modal-footer .buttonWrap .cancel .btn {
  padding-left: 0;
  border-radius: 0;
}
.newCaseModal .modal-footer .buttonWrap .cancel .btn:hover,
.templateDetails .modal-footer .buttonWrap .cancel .btn:hover,
.optModal .modal-footer .buttonWrap .cancel .btn:hover,
.editInvoice .modal-footer .buttonWrap .cancel .btn:hover,
.uploadModal .modal-footer .buttonWrap .cancel .btn:hover,
.interviewStatus .modal-footer .buttonWrap .cancel .btn:hover,
.calendarModal .modal-footer .buttonWrap .cancel .btn:hover,
.prviewModal .modal-footer .buttonWrap .cancel .btn:hover,
.missingDoc .modal-footer .buttonWrap .cancel .btn:hover {
  color: #de4952;
}
.newCaseModal .modal-footer .buttonWrap .save .btn,
.templateDetails .modal-footer .buttonWrap .save .btn,
.optModal .modal-footer .buttonWrap .save .btn,
.editInvoice .modal-footer .buttonWrap .save .btn,
.uploadModal .modal-footer .buttonWrap .save .btn,
.interviewStatus .modal-footer .buttonWrap .save .btn,
.calendarModal .modal-footer .buttonWrap .save .btn,
.prviewModal .modal-footer .buttonWrap .save .btn,
.missingDoc .modal-footer .buttonWrap .save .btn {
  width: 144px;
}

.optModal .otpVerify {
  border-radius: 0;
  padding: 0;
  border: 0;
  text-align: left;
}
.optModal .otpVerify .inputs {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.optModal .otpVerify .inputs .form-control {
  width: 54px;
  height: 54px;
  margin-right: 0.875rem;
}

.PopupModalRecording .modal-dialog .modal-content .modal-header h5 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 50px;
}
.PopupModalRecording .modal-dialog .modal-content .modal-body {
  padding-right: 0px;
}
.PopupModalRecording .modal-dialog .modal-content .modal-body iframe {
  width: 100%;
}

@media (min-width: 768px) {
  .newCaseModal .modal-dialog, .templateDetails .modal-dialog {
    max-width: 750px;
  }
  .optModal .modal-dialog,
  .uploadModal .modal-dialog,
  .interviewStatus .modal-dialog,
  .missingDoc .modal-dialog {
    max-width: 534px;
  }
}
@media (min-width: 992px) {
  .templateDetails .modal-dialog {
    max-width: 790px;
  }
  .prviewModal .modal-dialog {
    max-width: 900px;
  }
}
@media (max-width: 767.98px) {
  .newCaseModal .modal-header,
  .templateDetails .modal-header,
  .optModal .modal-header,
  .editInvoice .modal-header,
  .uploadModal .modal-header,
  .interviewStatus .modal-header,
  .calendarModal .modal-header,
  .prviewModal .modal-header,
  .missingDoc .modal-header {
    padding: 1.5rem;
    padding-bottom: 0;
  }
  .newCaseModal .modal-body,
  .templateDetails .modal-body,
  .optModal .modal-body,
  .editInvoice .modal-body,
  .uploadModal .modal-body,
  .interviewStatus .modal-body,
  .calendarModal .modal-body,
  .prviewModal .modal-body,
  .missingDoc .modal-body {
    padding: 1.5rem;
    padding-bottom: 2.5rem;
  }
  .newCaseModal .modal-footer,
  .templateDetails .modal-footer,
  .optModal .modal-footer,
  .editInvoice .modal-footer,
  .uploadModal .modal-footer,
  .interviewStatus .modal-footer,
  .calendarModal .modal-footer,
  .prviewModal .modal-footer,
  .missingDoc .modal-footer {
    padding: 1.5rem;
    padding-top: 0;
  }
}
@media (max-width: 575.98px) {
  .newCaseModal .modal-header, .newCaseModal .modal-body, .newCaseModal .modal-footer,
  .templateDetails .modal-header,
  .templateDetails .modal-body,
  .templateDetails .modal-footer,
  .optModal .modal-header,
  .optModal .modal-body,
  .optModal .modal-footer,
  .editInvoice .modal-header,
  .editInvoice .modal-body,
  .editInvoice .modal-footer,
  .uploadModal .modal-header,
  .uploadModal .modal-body,
  .uploadModal .modal-footer,
  .interviewStatus .modal-header,
  .interviewStatus .modal-body,
  .interviewStatus .modal-footer,
  .calendarModal .modal-header,
  .calendarModal .modal-body,
  .calendarModal .modal-footer,
  .prviewModal .modal-header,
  .prviewModal .modal-body,
  .prviewModal .modal-footer,
  .missingDoc .modal-header,
  .missingDoc .modal-body,
  .missingDoc .modal-footer {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .optModal .otpVerify .inputs .form-control {
    width: 44px;
    height: 44px;
    margin-right: 0.375rem;
  }
}
.editInvoice .form-floating {
  margin-bottom: 1rem;
}
.editInvoice .form-floating .form-control-label {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
}
.editInvoice .form-floating .form-control, .editInvoice .form-floating .form-select {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
  border-color: #dedede;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 5px;
}
.editInvoice .form-floating textarea.form-control {
  resize: none;
}
.editInvoice .form-group .decimal {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
}
.editInvoice .invoiceDetails {
  padding-left: 0;
  margin-bottom: 2rem;
  list-style: none;
}
.editInvoice .invoiceDetails li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
  padding-right: 0 !important;
}
.editInvoice .invoiceDetails li .icon {
  font-size: 1.625rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 1.125rem;
}
.editInvoice .invoiceDetails li .data {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.editInvoice .invoiceDetails li .data label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6a6a6a;
  display: block;
}
.editInvoice .invoiceDetails li .data p {
  font-size: 1.125rem;
  font-weight: 500;
  color: #303030;
  margin-bottom: 0;
}

.uploadModal h2,
.interviewStatus h2,
.calendarModal h2,
.prviewModal h2,
.missingDoc h2 {
  font-size: 1.125rem;
  color: #303030;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
.uploadModal .uploadDocWrap,
.interviewStatus .uploadDocWrap,
.calendarModal .uploadDocWrap,
.prviewModal .uploadDocWrap,
.missingDoc .uploadDocWrap {
  margin-bottom: 2.5rem;
}
.uploadModal .cancelBtn,
.interviewStatus .cancelBtn,
.calendarModal .cancelBtn,
.prviewModal .cancelBtn,
.missingDoc .cancelBtn {
  border-top: 1px solid #dadada;
  padding-top: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.uploadModal .cancelBtn .btn,
.interviewStatus .cancelBtn .btn,
.calendarModal .cancelBtn .btn,
.prviewModal .cancelBtn .btn,
.missingDoc .cancelBtn .btn {
  font-size: 0.875rem;
  font-weight: 500;
  padding-left: 0;
}
.uploadModal .cancelBtn .btn.btn-primary,
.interviewStatus .cancelBtn .btn.btn-primary,
.calendarModal .cancelBtn .btn.btn-primary,
.prviewModal .cancelBtn .btn.btn-primary,
.missingDoc .cancelBtn .btn.btn-primary {
  min-width: 144px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.signlebtn {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

@media (max-width: 575.98px) {
  .calendarModal .modal-dialog {
    max-width: 338px;
    margin-left: auto;
    margin-right: auto;
  }
  .calendarModal .calenderRow .calenderLeft {
    margin-bottom: 2rem;
  }
}
@media (min-width: 576px) {
  .calendarModal .modal-dialog {
    max-width: 560px;
  }
}
@media (min-width: 768px) {
  .calendarModal .modal-dialog {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .calendarModal .modal-dialog {
    max-width: 980px;
  }
}
.calendarModal .calenderRow {
  padding-bottom: 2.25rem;
}
.calendarModal .calenderRow .k-calendar {
  border: 1px solid #c6c6c6;
  border-radius: 8px;
}
.calendarModal .calenderRow .k-calendar .k-header {
  border: 0;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
}
.calendarModal .calenderRow .k-calendar .k-header .k-nav-prev, .calendarModal .calenderRow .k-calendar .k-header .k-nav-next {
  display: block;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.calendarModal .calenderRow .k-calendar .k-header .k-nav-prev:before, .calendarModal .calenderRow .k-calendar .k-header .k-nav-prev:after, .calendarModal .calenderRow .k-calendar .k-header .k-nav-next:before, .calendarModal .calenderRow .k-calendar .k-header .k-nav-next:after {
  display: none !important;
}
.calendarModal .calenderRow .k-calendar .k-header .k-nav-prev .k-icon, .calendarModal .calenderRow .k-calendar .k-header .k-nav-next .k-icon {
  display: block;
  width: 32px;
  height: 32px;
}
.calendarModal .calenderRow .k-calendar .k-header .k-nav-prev .k-icon:before, .calendarModal .calenderRow .k-calendar .k-header .k-nav-next .k-icon:before {
  font-family: "icomoon";
  display: block;
  width: 32px;
  height: 32px;
  margin: 0;
  text-align: center;
  line-height: 32px;
  font-size: 0.875rem;
}
.calendarModal .calenderRow .k-calendar .k-header .k-nav-prev .k-icon:before {
  content: "\e901";
}
.calendarModal .calenderRow .k-calendar .k-header .k-nav-next .k-icon:before {
  content: "\e902";
}
.calendarModal .calenderRow .k-calendar .k-header .k-nav-fast {
  font-size: 1rem;
  font-weight: 600;
  color: #000;
}
.calendarModal .calenderRow .k-calendar .k-header .k-nav-fast:before, .calendarModal .calenderRow .k-calendar .k-header .k-nav-fast:after {
  display: none !important;
}
.calendarModal .calenderRow .k-calendar .k-calendar-view .k-calendar-table thead tr th {
  font-size: 0.875rem;
  font-weight: 400;
  color: #8a8a8e;
}
.calendarModal .calenderRow .k-calendar .k-calendar-view .k-calendar-table tbody tr td.k-calendar-td .k-link {
  font-size: 1rem;
  font-weight: 400;
  color: #000;
  border-radius: 40px;
  border: 1px solid transparent;
}
.calendarModal .calenderRow .k-calendar .k-calendar-view .k-calendar-table tbody tr td.k-calendar-td.k-today .k-link {
  border: 1px solid #0a1f62;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.calendarModal .calenderRow .k-calendar .k-calendar-view .k-calendar-table tbody tr td.k-calendar-td.k-selected .k-link, .calendarModal .calenderRow .k-calendar .k-calendar-view .k-calendar-table tbody tr td.k-calendar-td.k-focus .k-link {
  background: #0a1f62;
  color: #fff;
}
.calendarModal .calenderRow .k-calendar .k-calendar-view .k-calendar-table tbody tr td.k-calendar-td.k-weekend .k-link {
  color: #8a8a8e;
}
.calendarModal .calenderRow .k-calendar .k-calendar-view .k-calendar-table tbody tr td.k-calendar-td.k-other-month .k-link {
  color: #8a8a8e;
}
.calendarModal .calenderRow .k-calendar .k-calendar-view.k-calendar-centuryview tbody tr .k-calendar-td .k-link {
  line-height: 1rem;
  text-align: center;
}
.calendarModal .calenderRow .k-calendar .k-footer {
  padding-bottom: 1rem;
}
.calendarModal .calenderRow .k-calendar .k-footer .k-link {
  font-size: 1rem;
  font-weight: 400;
  color: #0a1f62;
}
.calendarModal .calenderRow .calenderRight h5 {
  font-size: 1rem;
  font-weight: 500;
  color: #000;
  margin-bottom: 1.5rem;
}
.calendarModal .calenderRow .calenderRight .appointmentTime {
  --bs-gutter-x: 0.5rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  padding-left: 0;
  list-style: none;
}
.calendarModal .calenderRow .calenderRight .appointmentTime > * {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}
.calendarModal .calenderRow .calenderRight .appointmentTime li {
  margin-bottom: 0.5rem;
}
.calendarModal .calenderRow .calenderRight .appointmentTime li .btn {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1b202d;
  background: #f1f1f1;
  border-radius: 30px;
  padding: 0.5rem 1.125rem;
  border: 0;
}
.calendarModal .calenderRow .calenderRight .appointmentTime li .btn.selected {
  color: #fff;
  background: #0a1f62;
}

.interviewStatus article {
  margin-bottom: 2rem;
}
.interviewStatus article p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #303030;
}

.paySuccessModal .modal-dialog .modal-content {
  border: 0;
  border-radius: 20px;
}
.paySuccessModal .modal-dialog .modal-body {
  padding: 2.5rem;
}
.paySuccessModal h4 {
  margin-bottom: 1.5rem;
}
.paySuccessModal h4, .paySuccessModal h6 {
  font-size: 1.875rem;
  font-weight: 500;
  color: #1b202d;
}
.paySuccessModal .icon {
  font-size: 4.125rem;
  color: #3ecdab;
  display: block;
  text-align: center;
  margin-bottom: 1.5rem;
}
.paySuccessModal p {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1b202d;
  margin-bottom: 0.25rem;
}
.paySuccessModal h6 {
  margin-bottom: 2.5rem;
}
.paySuccessModal .btn {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.375rem 2.5rem;
}

@media (max-width: 767.998px) {
  .paySuccessModal .modal-dialog .modal-body {
    padding: 1.5rem;
  }
  .paySuccessModal h4, .paySuccessModal h6 {
    font-size: 1.5rem;
  }
  .paySuccessModal .icon {
    font-size: 3rem;
  }
}
.missingDoc .modal-title, .prviewModal .modal-title {
  font-size: 1.375rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 1.5rem;
}
.missingDoc .formEntry .checkColList, .prviewModal .formEntry .checkColList {
  --bs-gutter-x: 0.75rem;
  margin-bottom: 1.5rem;
}
.missingDoc .formEntry .checkColList li, .prviewModal .formEntry .checkColList li {
  margin-bottom: 0.75rem;
}

.contentWrap .tableWrap .dropdown .dropdown-toggle:before {
  display: none;
}
.contentWrap .tableWrap .dropdown .btnToggle {
  background: #fff;
  padding: 0;
  border: 0;
  color: #000;
  font-size: 1rem;
}
.contentWrap .tableWrap .dropdown .btnToggle.show {
  background: #0a1f62;
  color: #fff;
}
.contentWrap .tableWrap .dropdown .btnToggle .icon {
  display: block;
}
.contentWrap .tableWrap .dropdown .btnToggle .icon:before {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.contentWrap .tableWrap .dropdown .dropdown-menu {
  border: 1px solid #e9e9e9;
  -webkit-box-shadow: 10px 26px 34px 0px rgba(107, 107, 107, 0.18);
          box-shadow: 10px 26px 34px 0px rgba(107, 107, 107, 0.18);
  padding: 1rem;
  min-width: 200px;
  margin-bottom: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.contentWrap .tableWrap .dropdown .dropdown-menu li {
  padding-bottom: 0.125rem;
}
.contentWrap .tableWrap .dropdown .dropdown-menu li .dropdown-item {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  border-radius: 5px;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 2.375rem;
  position: relative;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.contentWrap .tableWrap .dropdown .dropdown-menu li .dropdown-item.active, .contentWrap .tableWrap .dropdown .dropdown-menu li .dropdown-item:hover {
  background: #d5f5fe;
}
.contentWrap .tableWrap .dropdown .dropdown-menu li .dropdown-item:before {
  width: 26px;
  height: 26px;
  display: block;
  text-align: center;
  line-height: 26px;
  font-family: "icomoon";
  content: "\e902";
  font-size: 0.5rem;
  position: absolute;
  left: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.contentWrap .tableWrap .dropdown .dropdown-menu li .dropdown-item:disabled, .contentWrap .tableWrap .dropdown .dropdown-menu li .dropdown-item.disabled {
  color: var(--bs-dropdown-link-disabled-color);
}
.contentWrap .tableWrap .dropdown .dropdown-menu.dropdownIcon li .dropdown-item {
  padding: 0.5625rem 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contentWrap .tableWrap .dropdown .dropdown-menu.dropdownIcon li .dropdown-item:before {
  display: none;
}
.contentWrap .tableWrap .dropdown .dropdown-menu.dropdownIcon li .dropdown-item .icon {
  font-size: 1rem;
  width: 40px;
  display: block;
}
.contentWrap .tableWrap .k-grid {
  border: 0;
}
.contentWrap .tableWrap .k-grid table tr {
  background: none !important;
}
.contentWrap .tableWrap .k-grid table tr td, .contentWrap .tableWrap .k-grid table tr th {
  border: 0;
  overflow: visible;
}
.contentWrap .tableWrap .k-grid table tr i {
  cursor: pointer;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer .clsicons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: transparent;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer .clsicons:after {
  display: none;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer button {
  border: 0px;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer button:focus-visible {
  outline: none;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer button:active {
  border: 0;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer button i {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #F4F4F4;
  border: 0.5px solid #E4E4E4;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(171, 171, 171, 0.2509803922);
          box-shadow: 0px 4px 4px 0px rgba(171, 171, 171, 0.2509803922);
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer button i.icon-transfer {
  color: #F18D31;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer button i.icon-bundle {
  color: #5277FA;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer button i.icon-amendCase {
  color: #0BC197;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer button i:nth-child(2) {
  margin-left: -10px;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer button i:last-child {
  border-right: none;
  margin-left: -10px;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer button i:first-child {
  margin-left: 0px !important;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer .dropdown-menu2 {
  background-color: #353535;
  padding: 8px;
  min-width: -webkit-max-content !important;
  min-width: -moz-max-content !important;
  min-width: max-content !important;
  position: absolute;
  display: none;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer .dropdown-menu2 .dropdownList {
  color: #fff;
  font-size: 12px;
  cursor: default;
  margin-bottom: 10px;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer .dropdown-menu2 .dropdownList:last-child {
  margin-bottom: 0px;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer .dropdown-menu2 .dropdownList i {
  width: 22px;
  height: 22px;
  background-color: #F4F4F4;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 7px;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer .dropdown-menu2 .dropdownList i.icon-transfer {
  color: #F18D31;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer .dropdown-menu2 .dropdownList i.icon-bundle {
  color: #5277FA;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer .dropdown-menu2 .dropdownList i.icon-amendCase {
  color: #0BC197;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer .dropdown .dropdown-menu2 {
  border-radius: 0.375rem;
}
.contentWrap .tableWrap .k-grid table tr .bundletransfer .dropdown:hover .dropdown-menu2 {
  display: block;
}
.contentWrap .tableWrap .k-grid .k-checkbox {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #c5c5c5;
  width: 20px;
  height: 20px;
  color: #fff;
}
.contentWrap .tableWrap .k-grid .k-checkbox:before {
  position: absolute;
  top: 55%;
}
.contentWrap .tableWrap .k-grid .k-checkbox:checked {
  background: #0a1f62;
  border-color: #0a1f62;
}
.contentWrap .tableWrap .k-grid .k-pager-wrap {
  border: 0;
  background: none;
  padding: 0;
  padding-top: 1.5rem;
}
.contentWrap .tableWrap .k-grid .k-pager-wrap .k-pager-info {
  font-size: 0.875rem;
  font-weight: 400;
  color: #303030;
  margin-right: 0;
  display: block;
}
.contentWrap .tableWrap .k-grid .k-pager-wrap.k-pager-sm .k-pager-numbers-wrap {
  width: auto;
  margin-left: 2px;
  margin-right: 0;
}
.contentWrap .tableWrap .k-grid .k-pager-wrap.k-pager-sm .k-pager-numbers-wrap select {
  display: none;
}
.contentWrap .tableWrap .k-grid .k-pager-wrap.k-pager-sm .k-pager-numbers-wrap .k-pager-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contentWrap .tableWrap .k-grid table thead tr th {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6a6a6a;
  text-transform: uppercase;
  background: #eff2f9;
  border-bottom: 0;
  padding: 0.375rem 1rem;
  white-space: nowrap;
}
.contentWrap .tableWrap .k-grid table thead tr th .k-cell-inner {
  margin: -0.5em -0.6em -0.4em 0em;
}
.contentWrap .tableWrap .k-grid table thead tr th:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.contentWrap .tableWrap .k-grid table thead tr th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.contentWrap .tableWrap .k-grid table tbody tr:first-child td {
  border-top: 1px solid transparent;
}
.contentWrap .tableWrap .k-grid table tbody tr:last-child td {
  border-bottom: 1px solid #e0e0e0;
}
.contentWrap .tableWrap .k-grid table tbody tr:last-child:hover td {
  border-bottom: 1px solid #d5f5fe;
}
.contentWrap .tableWrap .k-grid table tbody tr:hover td {
  background: #d5f5fe;
  border-top: 1px solid #d5f5fe;
}
.contentWrap .tableWrap .k-grid table tbody tr:hover td:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.contentWrap .tableWrap .k-grid table tbody tr:hover td:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.contentWrap .tableWrap .k-grid table tbody tr:hover td .short, .contentWrap .tableWrap .k-grid table tbody tr:hover td .email {
  background: #fff;
  border: 1px solid #fff;
}
.contentWrap .tableWrap .k-grid table tbody tr:hover + tr td {
  border-top: 1px solid #d5f5fe;
}
.contentWrap .tableWrap .k-grid table tbody tr td {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  border-bottom: 0;
  border-top: 1px solid #e0e0e0;
  padding: 1rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  word-break: break-word;
}
.contentWrap .tableWrap .k-grid table tbody tr td .reason-scroll {
  max-height: 130px;
  overflow: auto;
  display: block;
}
.contentWrap .tableWrap .k-grid table tbody tr td .reason-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.contentWrap .tableWrap .k-grid table tbody tr td .reason-scroll::-webkit-scrollbar {
  width: 3px;
  background-color: #0a1f62;
}
.contentWrap .tableWrap .k-grid table tbody tr td .reason-scroll::-webkit-scrollbar-thumb {
  background-color: #0a1f62;
}
.contentWrap .tableWrap .k-grid table tbody tr td .phone, .contentWrap .tableWrap .k-grid table tbody tr td .email, .contentWrap .tableWrap .k-grid table tbody tr td .short {
  font-size: 0.875rem;
  border-radius: 5px;
  padding: 0.25rem 0.5rem;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}
.contentWrap .tableWrap .k-grid table tbody tr td .btnLink {
  font-size: 0.875rem;
  font-weight: 500;
  color: #0bc197;
  text-decoration: none;
  cursor: pointer;
  position: relative;
}
.contentWrap .tableWrap .k-grid table tbody tr td .btnLink:hover {
  color: #0bc197;
  text-decoration: none;
}
.contentWrap .tableWrap .k-grid table tbody tr td .btnIcon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contentWrap .tableWrap .k-grid table tbody tr td .btnIcon:before {
  position: absolute;
  content: "";
  height: 1px;
  background: #0bc197;
  width: 0;
  left: 50%;
  right: 50%;
  bottom: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.contentWrap .tableWrap .k-grid table tbody tr td .btnIcon .icon {
  font-size: 1.125rem;
  color: #000;
}
.contentWrap .tableWrap .k-grid table tbody tr td .btnIcon .icon + span {
  margin-left: 0.5rem;
}
.contentWrap .tableWrap .k-grid table tbody tr td .btnIcon span + .icon {
  margin-left: 0.5rem;
}
.contentWrap .tableWrap .k-grid table tbody tr td .btnIcon:hover:before {
  width: 100%;
  left: 0;
  right: 0;
  opacity: 1;
  visibility: visible;
}
.contentWrap .tableWrap .k-grid table tbody tr td .phone {
  border: 1px solid #c9c9c9;
  background: #fff;
}
.contentWrap .tableWrap .k-grid table tbody tr td .email {
  border: 1px solid #fff7eb;
  background: #fff7eb;
}
.contentWrap .tableWrap .k-grid table tbody tr td .short {
  border: 1px solid #d0fdf5;
  background: #d0fdf5;
}
.contentWrap .tableWrap .k-grid table tbody tr td .statusDetailicon i {
  margin-left: 10px;
  font-size: 18px;
  position: relative;
  top: 2px;
}
.contentWrap .tableWrap .k-grid table tbody tr td .statusDetailicon.statusOrange i {
  color: #FD7E00;
}
.contentWrap .tableWrap .k-grid table tbody tr td .statusDetailicon.statusRed i {
  color: #E7002A;
}
.contentWrap .tableWrap .k-grid table tbody tr td .statusSpan {
  padding: 6px 6px;
  border-radius: 40px;
  font-size: 14px;
  display: inline-block;
  min-width: 100px;
  text-align: center;
}
.contentWrap .tableWrap .k-grid table tbody tr td .statusSpan.Approved {
  background-color: #57FFD7;
}
.contentWrap .tableWrap .k-grid table tbody tr td .statusSpan.Pending {
  background-color: #FFDAA5;
}
.contentWrap .tableWrap .k-grid table tbody tr td .statusSpan.Rejected {
  background-color: #FF9F99;
}
.contentWrap .tableWrap .k-grid table tbody tr td .statusSpan.Re-Submitted {
  background-color: #7CE7FF;
}
.contentWrap .tableWrap .k-grid table tbody tr .status {
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 30px;
  padding: 0.25rem 0.625rem;
  color: #fff;
  display: inline-block;
}
.contentWrap .tableWrap .k-grid table tbody tr .status.outstanding, .contentWrap .tableWrap .k-grid table tbody tr .status.pending {
  background: #f17013;
}
.contentWrap .tableWrap .k-grid table tbody tr .status.completed {
  background: #0bc197;
}
.contentWrap .tableWrap .k-grid table tbody tr .status.recieved {
  background: #5277fa;
}
.contentWrap .tableWrap .k-pager-wrap .k-pager-numbers .k-link.k-selected, .contentWrap .tableWrap .k-pager-wrap .k-pager-numbers .k-link:hover {
  background: #0a1f62;
  color: #fff;
  border-color: #0a1f62;
}

form.k-filter-menu {
  background: #fff;
  border-radius: 10px;
}
form.k-filter-menu .k-filter-menu-container .k-filter-help-text {
  color: #898989;
  margin-bottom: 10px;
}
form.k-filter-menu .k-filter-menu-container .k-picker {
  border: 1px solid #DEDEDE;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 10px;
}
form.k-filter-menu .k-filter-menu-container .k-picker:focus {
  border: 1px solid #DEDEDE;
  -webkit-box-shadow: none;
          box-shadow: none;
}
form.k-filter-menu .k-filter-menu-container .k-filter-and {
  width: 100%;
}
form.k-filter-menu .k-action-buttons .k-button-solid-primary {
  background-color: #0a1f62;
  color: #fff;
  border: none;
  padding-top: 0.625rem;
  padding-bottom: 0.5625rem;
}
form.k-filter-menu .k-action-buttons .k-button-solid-base {
  color: #303030;
  background: #f4f4f4;
  padding-top: 0.625rem;
  padding-bottom: 0.5625rem;
  border: 0px;
}

.k-colorpicker {
  border: 1px solid #dedede !important;
  height: 55px;
  width: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.k-colorpicker:k-hover, .k-colorpicker.k-focus {
  border: 1px solid #303030 !important;
}
.k-colorpicker .k-input-inner {
  height: 100% !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
.k-colorpicker .k-input-inner .k-value-icon {
  width: 22px !important;
  height: 22px !important;
  border-radius: 22px;
}
.k-colorpicker .k-button {
  background: none !important;
  height: 100% !important;
}
.k-colorpicker .k-button .k-icon:before {
  font-family: "icomoon";
  content: "\e900";
  font-size: 0.5rem;
}

.k-animation-container .k-colorpicker-popup {
  width: 270px;
}
.k-animation-container .k-colorpicker-popup .k-coloreditor {
  min-width: inherit;
  width: 270px;
}
.k-animation-container .k-colorpicker-popup .k-coloreditor .k-coloreditor-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  gap: 0;
}
.k-animation-container .k-colorpicker-popup .k-coloreditor .k-coloreditor-footer .k-button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none;
  border: 0;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.5625rem 0.75rem;
}
.k-animation-container .k-colorpicker-popup .k-coloreditor .k-coloreditor-footer .k-button.k-button-solid-primary {
  background: #0a1f62;
  color: #fff;
}
.k-animation-container .k-colorpicker-popup .k-coloreditor .k-coloreditor-footer .k-button.k-button-solid-primary:not(:hover) {
  background: #0a1f62;
}

.detailsRow {
  padding-top: 40px;
}
.detailsRow .stickySidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  right: 12px;
}
.detailsRow .stickySidebar .sticky-top {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 999;
}
.detailsRow .stickySidebar.active .sticky-top {
  padding-top: 90px;
  z-index: 999;
}
.detailsRow .detailsLeft {
  width: 250px;
  position: relative;
}
.detailsRow .detailsLeft h3 {
  font-size: 1.375rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}
.detailsRow .detailsLeft h4 {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6a6a6a;
  text-transform: uppercase;
  margin-bottom: 1.125rem;
}
.detailsRow .detailsLeft ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.detailsRow .detailsLeft ul li {
  padding-bottom: 1px;
}
.detailsRow .detailsLeft ul li a {
  font-size: 0.875rem;
  font-weight: 500;
  color: #6a6a6a;
  text-decoration: none;
  display: block;
  padding: 0.375rem;
  padding-left: 2.75rem;
  border-radius: 5px;
  position: relative;
}
.detailsRow .detailsLeft ul li a:before {
  font-family: "icomoon";
  content: "\e909";
  font-size: 1.125rem;
  position: absolute;
  left: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 18px;
  height: 18px;
  display: block;
  line-height: 18px;
  opacity: 0;
  visibility: hidden;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.detailsRow .detailsLeft ul li a.active, .detailsRow .detailsLeft ul li a:hover {
  color: #0bc197;
  background: #e0fff8;
}
.detailsRow .detailsLeft ul li a.active:before, .detailsRow .detailsLeft ul li a:hover:before {
  color: #0bc197;
  opacity: 1;
  visibility: visible;
}
.detailsRow .detailsLeft .collapsefullsection {
  position: relative;
}
.detailsRow .detailsLeft .collapsefullsection i {
  font-size: 12px;
  margin-right: 22px;
  top: 12px;
  left: 12px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
}
.detailsRow .detailsLeft .collapsefullsection.active i {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  display: inline-block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.detailsRow .detailsLeft .collapsefullsection li .btn {
  border: 1px solid #000000;
  border-radius: 50px;
  padding: 5px 15px;
  font-size: 14px;
  font-weight: 500;
  padding-left: 30px;
}
.detailsRow .detailsRight {
  padding-left: 1.75rem;
}
.detailsRow .detailsRight .titleWrap {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 1.5rem;
  margin-bottom: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex button:nth-child(2) {
  border-left: 1px solid #DFDFDF !important;
  border-radius: 0px;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex button:active {
  border-color: transparent;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex button.disabled {
  border-color: transparent;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex .rejectBtn {
  background-color: #D43836;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  min-width: 130px;
  text-align: center;
  padding: 11px 0px;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex .rejectBtn:hover {
  background-color: #c1312e;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex .approveBtn {
  background-color: #143293;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  min-width: 130px;
  text-align: center;
  padding: 11px 12px;
  margin-left: 11px;
  margin-right: 25px;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex .approveBtn:hover {
  background-color: #102877;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex .rejectIconBtn {
  padding: 0rem 0.75rem;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex .rejectIconBtn span {
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex .rejectIconBtn span i {
  color: #ED1313;
  font-size: 35px;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex .interviewreschedule {
  padding: 0rem 0.75rem;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex .interviewreschedule span {
  padding: 0px;
  background-color: #3EC0CD;
  width: 36px;
  height: 36px;
  border-radius: 50px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex .interviewreschedule span i {
  font-size: 22px;
  color: #fff;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex .interviewSchedule {
  padding: 0rem 0.75rem;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex .interviewSchedule span {
  padding: 0px;
  background-color: #143293;
  width: 36px;
  height: 36px;
  border-radius: 50px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex .interviewSchedule span i {
  font-size: 22px;
  color: #fff;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex .scheduleInterview {
  padding: 0rem 0.75rem;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex .scheduleInterview span {
  padding: 0px;
  background-color: #ffbe7a;
  width: 36px;
  height: 36px;
  border-radius: 50px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex .scheduleInterview span i {
  font-size: 22px;
  color: #fff;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex .approveIconBtn {
  padding: 0rem 0.75rem;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex .approveIconBtn span {
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.detailsRow .detailsRight .titleWrap .acceptRejectflex .approveIconBtn span i {
  color: #299A6B;
  font-size: 35px;
}
.detailsRow .detailsRight .titleWrap .title h2 {
  font-size: 1.375rem;
  font-weight: 400;
  color: #303030;
  margin-bottom: 0.5rem;
}
.detailsRow .detailsRight .titleWrap .backBtn .btn {
  font-size: 0.875rem;
  font-weight: 400;
  color: #303030;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.detailsRow .detailsRight .titleWrap .backBtn .btn:hover {
  color: #0a1f62;
}
.detailsRow .detailsRight .titleWrap .backBtn .btn:hover .icon {
  background: #0a1f62;
  color: #fff;
}
.detailsRow .detailsRight .titleWrap .backBtn .btn .icon {
  width: 30px;
  height: 30px;
  display: block;
  margin-right: 0.625rem;
  background: #d5f5fe;
  color: #000;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.detailsRow .detailsRight .titleWrap .backBtn .btn .icon:before {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
@media (max-width: 767.98px) {
  .detailsRow .detailsRight .titleWrap {
    display: block;
  }
  .detailsRow .detailsRight .titleWrap .backBtn {
    padding-top: 1rem;
  }
}
.detailsRow .detailsRight .lawFirmTitle {
  background-color: #0a1f62;
  background-image: url("../images/header-bg.png");
  background-repeat: no-repeat;
  background-position: top right;
  border-radius: 10px;
  padding: 2.5rem;
  margin-bottom: 2.5rem;
}
.detailsRow .detailsRight .lawFirmTitle h1 {
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 1rem;
}
.detailsRow .detailsRight .lawFirmTitle .lfDetails {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detailsRow .detailsRight .lawFirmTitle .lfDetails .status {
  padding-right: 0.625rem;
}
.detailsRow .detailsRight .lawFirmTitle .lfDetails .status span {
  font-size: 0.875rem;
  font-weight: 600;
  color: #fff;
  position: relative;
  border-radius: 30px;
  padding: 0.4375rem 0.625rem;
  padding-left: 1.75rem;
  display: block;
}
.detailsRow .detailsRight .lawFirmTitle .lfDetails .status span:before {
  font-family: "icomoon";
  font-size: 0.675rem;
  font-weight: normal;
  position: absolute;
  width: 12px;
  height: 12px;
  text-align: right;
  line-height: 12px;
  left: 0.625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.detailsRow .detailsRight .lawFirmTitle .lfDetails .status.active span {
  background: #0bc197;
}
.detailsRow .detailsRight .lawFirmTitle .lfDetails .status.active span:before {
  content: "\e906";
}
.detailsRow .detailsRight .lawFirmTitle .lfDetails .status.suspend span {
  background: #d43836;
}
.detailsRow .detailsRight .lawFirmTitle .lfDetails .status.suspend span:before {
  content: "\e90a";
}
.detailsRow .detailsRight .lawFirmTitle .lfDetails .status.rejected span {
  background: #d43836;
  padding-left: 0.625rem;
}
.detailsRow .detailsRight .lawFirmTitle .lfDetails .status.disabled span {
  background: #f4f4f4;
  color: #303030;
  padding-left: 0.625rem;
}
.detailsRow .detailsRight .lawFirmTitle .lfDetails .cat span {
  background: #effcff;
  font-size: 0.875rem;
  font-weight: 600;
  color: #000;
  border-radius: 30px;
  padding: 0.4375rem 0.625rem;
  display: block;
}
.detailsRow .detailsRight .lawFirmTitle .lfDetails .pending span {
  background: #FFDAA5;
  font-size: 0.875rem;
  font-weight: 600;
  color: #000;
  border-radius: 30px;
  padding: 0.4375rem 0.625rem;
  display: block;
}
.detailsRow .detailsRight .lawFirmTitle .lfDetails .regDate {
  font-size: 0.75rem;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  padding-left: 1.5rem;
}
.detailsRow .detailsRight .lawFirmTitle .lfDetails .regDate span {
  font-size: 0.875rem;
  color: #303030;
  background: #d5f5fe;
  border-radius: 5px;
  display: inline-block;
  padding: 0.375rem 0.625rem;
  margin-left: 1rem;
}
.detailsRow .detailsRight .lawyerHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detailsRow .detailsRight .lawyerHead .lawyerPic {
  width: 100px;
}
.detailsRow .detailsRight .lawyerHead .lawyerPic img {
  width: 82px;
  height: 82px;
  border-radius: 82px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.detailsRow .detailsRight .lawyerHead .lawyerText {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.detailsRow .detailsRight .linkCopy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  margin-left: 35px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detailsRow .detailsRight .linkCopy i {
  color: #fff;
}
.detailsRow .detailsRight .linkCopy button {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background-color: transparent;
  border: 0;
  text-decoration: underline;
  text-underline-offset: 6px;
}
.detailsRow .detailsRight .caseHeadposition {
  position: relative;
}
.detailsRow .detailsRight .caseHeadposition .caseInfoHead {
  position: sticky;
  top: 82px;
  z-index: 9;
  background-color: #fff;
  width: 100.3%;
  padding-bottom: 1.25rem;
  margin-bottom: 0px;
  padding-left: 0.75rem;
}
.detailsRow .detailsRight .caseHeadposition .caseInfoHead.fixed-header {
  -webkit-box-shadow: 1px 1px 20px 0px rgba(21, 30, 97, 0.2784313725);
          box-shadow: 1px 1px 20px 0px rgba(21, 30, 97, 0.2784313725);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.detailsRow .card {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  background: #fff;
  margin-bottom: 2.5rem;
  position: relative;
  min-height: 90px;
}
.detailsRow .card .card-header {
  border-bottom: 1px solid #e4e4e4;
  background: none;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 4.25rem;
}
.detailsRow .card .card-header h2 {
  font-size: 1.375rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 0;
  position: relative;
}
.detailsRow .card .card-header.cardHeaderWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detailsRow .card .card-header.cardHeaderWrap .flexGrow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.detailsRow .card .card-header.cardHeaderWrap .flexShrink {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.detailsRow .card .card-header .searchGroup {
  width: 245px;
  border: 1px solid #dfdfdf;
  border-radius: 40px;
  overflow: hidden;
}
.detailsRow .card .card-header .searchGroup .btn {
  width: 38px;
  height: 38px;
  display: block;
  border-radius: 0;
  border: 0;
  padding: 0;
}
.detailsRow .card .card-header .searchGroup .btn:hover {
  color: #0bc197;
}
.detailsRow .card .card-header .searchGroup .btn .icon {
  display: block;
  width: 38px;
  height: 38px;
}
.detailsRow .card .card-header .searchGroup .btn .icon:before {
  display: block;
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 38px;
}
.detailsRow .card .card-header .searchGroup .form-control {
  border-radius: 0;
  border: 0;
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
  padding: 0.5rem 0.75rem;
  padding-left: 0;
  height: 38px;
}
.detailsRow .card .card-header .paymentBtn {
  padding-left: 0.625rem;
}
.detailsRow .card .card-header .paymentBtn .btn {
  width: 36px;
  height: 36px;
  border-radius: 36px;
  border: 0;
  padding: 0;
}
.detailsRow .card .card-header .paymentBtn .btn .icon, .detailsRow .card .card-header .paymentBtn .btn .icon:before {
  width: 36px;
  height: 36px;
  display: block;
  text-align: center;
  line-height: 36px;
}
.detailsRow .card .card-header .clsDownloadQRCode {
  font-size: 14px;
  font-weight: 500;
  color: #080957;
  text-decoration: underline;
  cursor: pointer;
  background-color: transparent;
  border: 0px;
}
@media (max-width: 991.98px) {
  .detailsRow .card .card-header {
    padding-left: 3rem;
  }
}
.detailsRow .card .headerBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detailsRow .card .headerBtn .actions {
  padding-right: 1.875rem;
}
.detailsRow .card .headerBtn .actions .btnToggle .icon {
  font-size: 1.25rem;
}
.detailsRow .card .willsCheckList h5 {
  font-size: 1rem;
  font-weight: 500;
  color: #303030;
  margin-bottom: 1.5rem;
}
.detailsRow .card .willsCheckList .topList {
  border-bottom: 1px solid #e4e4e4;
  padding-left: 0;
  list-style: none;
  padding-bottom: 1rem;
  margin-bottom: 1.875rem;
}
.detailsRow .card .willsCheckList .topList li {
  margin-bottom: 0.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-right: 1.125rem;
}
.detailsRow .card .willsCheckList .topList .form-check {
  padding-left: 0;
}
.detailsRow .card .willsCheckList .topList .form-check .form-check-input {
  display: none;
}
.detailsRow .card .willsCheckList .topList .form-check .form-check-input:checked + input + .form-check-label {
  background: #a9fce9;
}
.detailsRow .card .willsCheckList .topList .form-check .form-check-input:disabled + input + .form-check-label {
  cursor: default;
}
.detailsRow .card .willsCheckList .topList .form-check .form-check-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  cursor: pointer;
  background: #f4f4f4;
  border-radius: 5px;
  padding: 0.5625rem 1rem;
  padding-left: 2rem;
  position: relative;
}
.detailsRow .card .willsCheckList .topList .form-check .form-check-label:before {
  font-size: 0.625rem;
  position: absolute;
  left: 1rem;
  font-family: "icomoon";
  content: "\e906";
  width: 12px;
  height: 16px;
  display: block;
  line-height: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.detailsRow .card .willsCheckList .bottomList {
  padding-left: 0;
  margin-bottom: 2.5rem;
  list-style: none;
}
.detailsRow .card .willsCheckList .bottomList li {
  margin-bottom: 0.5rem;
}
.detailsRow .card .willsCheckList .bottomList .form-check {
  padding-left: 0;
}
.detailsRow .card .willsCheckList .bottomList .form-check .form-check-input {
  display: none;
}
.detailsRow .card .willsCheckList .bottomList .form-check .form-check-input:checked + input + .form-check-label:before, .detailsRow .card .willsCheckList .bottomList .form-check .form-check-input:checked + .form-check-label:before {
  background: #0a1f62;
}
.detailsRow .card .willsCheckList .bottomList .form-check .form-check-input:disabled + input + .form-check-label, .detailsRow .card .willsCheckList .bottomList .form-check .form-check-input:disabled + .form-check-label {
  cursor: default;
}
.detailsRow .card .willsCheckList .bottomList .form-check .form-check-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  cursor: pointer;
  border-radius: 5px;
  padding-left: 2.375rem;
  position: relative;
}
.detailsRow .card .willsCheckList .bottomList .form-check .form-check-label:before {
  font-size: 0.625rem;
  position: absolute;
  left: 0;
  font-family: "icomoon";
  content: "\e906";
  width: 20px;
  height: 20px;
  display: block;
  border: 1px solid #dedede;
  border-radius: 5px;
  text-align: center;
  line-height: 18px;
  color: #fff;
}
.detailsRow .card .willsCheckList .confirmWrap {
  padding-top: 1.5rem;
  border-top: 1px solid #e4e4e4;
}
.detailsRow .card .apprReject {
  padding-left: 0;
  list-style: none;
  padding-top: 1.5rem;
  border-top: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detailsRow .card .apprReject li {
  padding-right: 1rem;
}
.detailsRow .card .apprReject li:last-child {
  padding-right: 0;
}
.detailsRow .card .apprReject .btn {
  font-size: 0.875rem;
  font-weight: 500;
  min-width: 98px;
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem;
}
.detailsRow .card .card-body {
  padding: 1.5rem;
  padding-left: 4.25rem;
}
.detailsRow .card .card-body.accordianCardBody {
  /*padding-left: 90px;*/
  padding-right: 0;
  padding-left: 3.25rem;
}
.detailsRow .card .card-body .bundleflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.25rem;
}
.detailsRow .card .card-body .bundleflex h4 {
  margin-bottom: 0;
}
.detailsRow .card .card-body .btn-version {
  background: #dbba0b;
  margin-left: 10px;
  border-radius: 5px;
  padding: 2px 5px;
  font-size: 12px;
  color: #fff;
  font-weight: 500;
}
.detailsRow .card .card-body .rightCtrl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.detailsRow .card .card-body .rightCtrl .btn-version {
  background: #dbba0b;
  margin-left: 10px;
  border-radius: 5px;
  padding: 2px 5px;
  font-size: 12px;
  color: #fff;
  font-weight: 500;
}
.detailsRow .card .card-body .rightCtrl .no-flex {
  display: block !important;
  position: relative;
}
.detailsRow .card .card-body .rightCtrl .no-flex .submitlabel {
  position: absolute;
  top: -21px;
}
.detailsRow .card .card-body .rightCtrl li {
  padding-right: 2rem;
}
.detailsRow .card .card-body .rightCtrl li .send-reply {
  width: 36px;
  height: 36px;
  border-radius: 36px;
  border: 0;
  padding: 0;
}
.detailsRow .card .card-body .rightCtrl li .send-reply i {
  font-size: 20px;
  margin-bottom: -2px;
  display: block;
}
.detailsRow .card .card-body .rightCtrl li .send-reply.enquiry-button-disable {
  background-color: #d3d3d3 !important;
  pointer-events: none;
}
.detailsRow .card .card-body .rightCtrl li .icon-claimformView {
  color: #4BC57B;
  font-size: 24px;
}
.detailsRow .card .card-body .rightCtrl li .icon-claimformHidden {
  font-size: 24px;
  color: #D43836;
}
.detailsRow .card .card-body .rightCtrl li.bundleVersions {
  background-color: #D5F5FE;
  border-radius: 5px;
  font-size: 14px;
  padding: 7px;
  width: 160px;
  padding: 0.25rem 0.625rem;
  padding-left: 7px !important;
}
.detailsRow .card .card-body .rightCtrl li.bundleVersions:after {
  left: auto;
  font-size: 20px;
  background-size: 14px;
  width: 15px;
  height: 15px;
  top: 23px;
  right: 10px;
  background-color: transparent;
}
.detailsRow .card .card-body .rightCtrl li.bundleVersions span {
  text-align: center;
}
.detailsRow .card .card-body .rightCtrl li .btnEventPreviewDownload img {
  -webkit-filter: drop-shadow(6px 5px 6px #969696);
          filter: drop-shadow(6px 5px 6px #969696);
}
.detailsRow .card .card-body .rightCtrl .claim span {
  font-size: 0.75rem;
  font-weight: 500;
  color: #303030;
  display: block;
  background: #d5f5fe;
  border-radius: 5px;
  padding: 0.375rem 0.625rem;
}
.detailsRow .card .card-body .rightCtrl .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detailsRow .card .card-body .rightCtrl .date label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6a6a6a;
  text-transform: uppercase;
  padding-right: 0.625rem;
}
.detailsRow .card .card-body .rightCtrl .date span {
  font-size: 0.875rem;
  font-weight: 400;
  color: #303030;
  border: 1px solid #000;
  border-radius: 5px;
  display: block;
  padding: 0.25rem 0.625rem;
  width: 115px;
  text-align: center;
}
.detailsRow .card .card-body .rightCtrl .amount {
  min-width: 185px;
}
.detailsRow .card .card-body .rightCtrl .amount span {
  display: block;
}
.detailsRow .card .card-body .rightCtrl .amount .dollar {
  font-size: 1rem;
  font-weight: 500;
  color: #303030;
}
.detailsRow .card .card-body .rightCtrl .amount .aed {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6a6a6a;
}
.detailsRow .card .card-body .rightCtrl .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 2rem;
}
.detailsRow .card .card-body .rightCtrl .time span {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  display: block;
  position: relative;
  padding-left: 1.375rem;
}
.detailsRow .card .card-body .rightCtrl .time span:before {
  font-family: "icomoon";
  font-size: 1rem;
  color: #328CA6;
  position: absolute;
  width: 16px;
  height: 16px;
  line-height: 16px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
}
.detailsRow .card .card-body .rightCtrl .time .startTime {
  padding-right: 0.625rem;
}
.detailsRow .card .card-body .rightCtrl .time .startTime:before {
  content: "\e9a6";
}
.detailsRow .card .card-body .rightCtrl .time .endTime:before {
  font-size: 0.875rem;
  content: "\e915";
}
.detailsRow .card .card-body .rightCtrl .attach {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detailsRow .card .card-body .rightCtrl .attach label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  padding-left: 0.5rem;
}
.detailsRow .card .card-body .rightCtrl .attach span {
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  display: block;
  background: #d5f5fe;
  border-radius: 5px;
}
.detailsRow .card .card-body .rightCtrl .arrowLink {
  border: 0;
  padding: 0;
  color: #000;
}
.detailsRow .card .card-body .rightCtrl .arrowLink:hover {
  color: #0bc197;
}
.detailsRow .card .card-body .rightCtrl .arrowLink .icon {
  font-size: 1rem;
  display: block;
  width: 30px;
  height: 30px;
}
.detailsRow .card .card-body .rightCtrl .arrowLink .icon:before {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.detailsRow .card .card-body .rightCtrl .private span, .detailsRow .card .card-body .rightCtrl .public span, .detailsRow .card .card-body .rightCtrl .status span {
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  display: block;
  border-radius: 5px;
  padding: 0.375rem 0.5rem;
}
.detailsRow .card .card-body .rightCtrl .status span {
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 30px;
  padding: 0.25rem 0.625rem;
}
.detailsRow .card .card-body .rightCtrl .status span.outstanding, .detailsRow .card .card-body .rightCtrl .status span.pending {
  background: #f17013;
}
.detailsRow .card .card-body .rightCtrl .status span.completed {
  background: #0bc197;
}
.detailsRow .card .card-body .rightCtrl .status span.recieved {
  background: #5277fa;
}
.detailsRow .card .card-body .rightCtrl .edit .btn {
  font-size: 0.875rem;
  font-weight: 500;
  display: block;
  border-radius: 5px;
  padding: 0.375rem 0.5rem;
  border: 0;
  min-width: 90px;
}
.detailsRow .card .card-body .lbWrap {
  background: #effcff;
  padding-bottom: 1.875rem;
}
.detailsRow .card .card-body .lbWrap .lbRow {
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 1.5rem;
}
.detailsRow .card .card-body .lbWrap .lbRow:last-child {
  border: 0;
  margin-bottom: 0;
}
.detailsRow .card .card-body .lbWrap .lbRow .docList h5 {
  margin-bottom: 1rem;
}
.detailsRow .card .card-body .lbWrap .lbRow .docList ul li .btn {
  background: #fff !important;
}
.detailsRow .card .card-body .lbWrap .mediationSummary .labeloutput h5 {
  font-size: 14px;
  font-weight: 500;
  color: #303030;
  margin-bottom: 12px;
}
.detailsRow .card .card-body .lbWrap .mediationSummary .labeloutput p {
  font-size: 14px;
  font-weight: 300;
}
.detailsRow .card .card-body .lbWrap .mediationSummary .labeloutput p span {
  background: #EFFCFF;
  padding: 8px;
  border-radius: 5px;
  margin-left: 10px;
  font-size: 14px;
  margin-top: 16px;
}
.detailsRow .card .card-body .lbWrap .mediationSummary label {
  font-size: 14px;
  font-weight: 500;
  background-color: #D5F5FE;
  border-radius: 5px;
  padding: 8px 11px;
  margin-bottom: 16px;
}
.detailsRow .card .card-body .lbWrap .subBeneficiarybtn {
  background: #effcff;
  border-radius: 30px;
  padding: 5px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 18px;
}
.detailsRow .card .card-body .lbWrap .subBeneficiarybtn .icon {
  color: #328CA6;
  font-size: 22px;
}
.detailsRow .card .card-body .lbWrap .subBeneficiarybtn button h4 {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 2px;
  text-align: left;
}
.detailsRow .card .card-body .lbWrap .subBeneficiarybtn button p {
  text-align: left;
  color: #328CA6;
  font-size: 12px;
  margin-bottom: 2px;
}
.detailsRow .card .card-body h3 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 1.25rem;
}
.detailsRow .card .card-body h5 {
  font-size: 1rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 1rem;
}
.detailsRow .card .card-body .secRow {
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 2rem;
}
.detailsRow .card .card-body .secRow h5 {
  font-size: 1rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 1rem;
}
.detailsRow .card .card-body .note {
  border-top: 1px solid #e4e4e4;
  padding-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.detailsRow .card .card-body .note h5 {
  font-size: 1rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 0rem;
}
.detailsRow .card .card-body .note p {
  font-size: 0.875rem;
  font-weight: 300;
  color: #303030;
}
.detailsRow .card .card-body .note a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0;
  border: 0;
}
.detailsRow .card .card-body .note a i {
  font-size: 1.375rem;
  color: #303030;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.detailsRow .card .card-body .note a:hover {
  color: #0bc197;
}
.detailsRow .card .card-body .note a:hover i {
  color: #0bc197;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.detailsRow .card .card-body .decision {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #e4e4e4;
  padding-top: 1.75rem;
}
.detailsRow .card .card-body .decision .flexShrink {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-right: 1.375rem;
}
.detailsRow .card .card-body .decision .flexShrink h5 {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  padding: 0.5rem;
  background: #d5f5fe;
  border-radius: 5px;
}
.detailsRow .card .card-body .decision .flexGrow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.detailsRow .card .card-body .decision h4 {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  margin-bottom: 0.75rem;
}
.detailsRow .card .card-body .decision h4 span {
  padding: 0.25rem 0.5rem;
  background: #d5f5fe;
  border-radius: 5px;
}
.detailsRow .card .card-body .decision p {
  font-size: 0.875rem;
  font-weight: 300;
  color: #303030;
}
.detailsRow .card .card-body .decision p.info {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6a6a6a;
  text-transform: uppercase;
  padding-top: 0.5rem;
}
.detailsRow .card .card-body .decision p.info span {
  color: #303030;
}
.detailsRow .card .card-body hr {
  border-top: 1px solid #e4e4e4;
  margin-top: 0;
  margin-bottom: 1.5rem;
  opacity: 1;
}
.detailsRow .card .card-body .cardList {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.detailsRow .card .card-body .cardList .cardItem {
  border-bottom: 1px solid #e4e4e4;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detailsRow .card .card-body .cardList .cardItem:last-child {
  border-bottom: 0;
}
.detailsRow .card .card-body .cardList .cardItem .flexGrow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 1.5rem;
}
.detailsRow .card .card-body .cardList .cardItem .flexShrink {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.detailsRow .card .card-body .cardList .cardItem .flexShrink.w-370 {
  min-width: 370px;
}
.detailsRow .card .card-body .cardList .cardItemTitle {
  margin-bottom: 1rem;
}
.detailsRow .card .card-body .cardList .cardItemTitle h4 {
  font-size: 1rem;
  font-weight: 500;
  color: #303030;
  margin-bottom: 0.75rem;
}
.detailsRow .card .card-body .cardList .cardItemTitle .date {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  background: #d5f5fe;
  border-radius: 5px;
  display: inline-block;
  padding: 0.375rem 0.5rem;
}
@media (max-width: 991.98px) {
  .detailsRow .card .card-body .cardList .cardItem {
    display: block;
  }
  .detailsRow .card .card-body .cardList .cardItem .flexShrink {
    padding-top: 1.25rem;
  }
}
.detailsRow .card .card-body .cardTable {
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 1.5rem;
}
.detailsRow .card .card-body .cardTable .table {
  margin-bottom: 1.5rem;
}
.detailsRow .card .card-body .cardTable .table thead tr th {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  border: 0;
  background: #d5f5fe;
  padding: 0.5rem 1rem;
}
.detailsRow .card .card-body .cardTable .table thead tr th.title {
  background: #b5e2ee;
}
.detailsRow .card .card-body .cardTable .table tbody tr:nth-of-type(2n+1) td {
  background: #effcff;
}
.detailsRow .card .card-body .cardTable .table tbody tr td {
  font-size: 0.875rem;
  font-weight: 400;
  color: #303030;
  border: 0;
  background: #fff;
  padding: 0.5rem 1rem;
}
.detailsRow .card .card-body.notarisedDocument .docList ul li .btn {
  border-radius: 50px;
  min-height: 62px;
}
.detailsRow .card .card-body.notarisedDocument .docList ul li .btn .sealImg {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  padding: 6px 15px;
}
.detailsRow .card .card-body.notarisedDocument .docList ul li .btn .sealImg img {
  width: 24px;
}
.detailsRow .card .card-body.notarisedDocument .docList ul li .btn .sealImg h6 {
  margin-left: 6px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0px;
}
.detailsRow .card .card-body.notarisedDocument .docList ul li .btn p {
  max-width: 130px;
}
.detailsRow .card .card-body.notarisedDocument .docList ul li .btn button {
  background-color: transparent;
  border: 0;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 170px;
}
.detailsRow .card .card-header h2:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  left: -1.75rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.detailsRow .card.cardSectionOne .card-header h2:before, .detailsRow .card.cardSectionTwo .card-header h2:before, .detailsRow .card.cardSectionThree .card-header h2:before, .detailsRow .card.cardSectionFour .card-header h2:before {
  border-radius: 12px;
}
.detailsRow .card.cardSectionOne .card-header h2:before {
  background: #129bff;
}
.detailsRow .card.cardSectionTwo .card-header h2:before {
  background: #b68a35;
}
.detailsRow .card.cardSectionThree .card-header h2:before {
  background: #d43836;
}
.detailsRow .card.cardSectionFour .card-header h2:before {
  background: #147622;
}
.detailsRow .card.appDetails .card-header h2:before, .detailsRow .card.eventDetails .card-header h2:before, .detailsRow .card.testatorData .card-header h2:before {
  border-radius: 33px;
  background: #328ca6;
}
.detailsRow .card.appDetails .card-header .accordionarrow, .detailsRow .card.eventDetails .card-header .accordionarrow, .detailsRow .card.testatorData .card-header .accordionarrow {
  border: 1px solid rgba(50, 140, 166, 0.2) !important;
  background-color: #D6E8ED !important;
}
.detailsRow .card.testatorData .card-header .btn, .detailsRow .card.attachmentsData .card-header .btn {
  font-size: 0.875rem;
  font-weight: 500;
  min-width: 90px;
  border-radius: 5px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.detailsRow .card.testatorData .card-body {
  padding-left: 2.5rem;
}
.detailsRow .card.evidenceDetails .card-header h2:before {
  border-radius: 12px;
  background: #6a88ff;
}
.detailsRow .card.hearScheduleDetails .card-header h2:before, .detailsRow .card.willCopy .card-header h2:before {
  border-radius: 12px;
  background: #ffa216;
}
.detailsRow .card.hearScheduleDetails .card-header .accordionarrow, .detailsRow .card.willCopy .card-header .accordionarrow {
  border: 1px solid rgba(255, 162, 22, 0.4117647059) !important;
  background-color: rgba(255, 162, 22, 0.231372549) !important;
}
.detailsRow .card.feesDetails .card-header h2:before {
  border-radius: 12px;
  background: #0bc197;
}
.detailsRow .card.feesDetails .card-header .accordionarrow {
  border: 1px solid rgba(11, 193, 151, 0.4) !important;
  background-color: rgba(11, 193, 151, 0.2196078431) !important;
}
.detailsRow .card.feesDetails .card-body {
  padding: 0rem 0rem 0rem 2.5rem;
}
@media (max-width: 991.98px) {
  .detailsRow .card.feesDetails .card-body {
    padding-left: 1.125rem;
  }
}
.detailsRow .card.bundleDetails .card-header h2:before {
  border-radius: 12px;
  background: #ff6a6a;
}
.detailsRow .card.bundleDetails .card-header .accordionarrow {
  border: 1px solid rgba(255, 106, 106, 0.2) !important;
  background-color: rgba(255, 106, 106, 0.2) !important;
}
.detailsRow .card.bundleDetails .card-body {
  padding: 0rem 0rem 0rem 2.5rem;
}
.detailsRow .card.willDetails .card-header h2:before {
  border-radius: 12px;
  background: #b68a35;
}
.detailsRow .card.willDetails .card-body {
  padding-left: 2.5rem;
}
.detailsRow .card.attachmentsData .card-header h2:before {
  border-radius: 12px;
  background: #ff6a6a;
}
.detailsRow .card.lawyerDetails .card-header h2:before {
  border-radius: 12px;
  background: #af2b6B;
}
.detailsRow .card.supportDocDetails .card-header h2:before {
  border-radius: 12px;
  background: #ff6a6a;
}
.detailsRow .card.serviceDetails .mainAccordion .accordion-item .accordion-header .card-header .accordion-button .accordionarrow {
  border: 1px solid rgba(106, 136, 255, 0.4);
  background-color: rgba(106, 136, 255, 0.2);
}
.detailsRow .card.serviceDetails .card-body .accordion .accordion-item {
  border-radius: 0px;
}
.detailsRow .card.serviceDetails .card-body .accordion .accordion-item .accordion-collapse {
  border-top: 0px;
}
.detailsRow .card.serviceDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body {
  border: 0;
  padding-top: 0px;
  padding-right: 0px;
  border-top: 0px;
}
.detailsRow .card.serviceDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .card-body {
  padding-top: 16px;
  padding-bottom: 0px;
}
.detailsRow .card.serviceDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .card-body:first-child {
  padding-top: 0px;
}
.detailsRow .card.serviceDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .card-body:last-child {
  padding-bottom: 16px;
}
.detailsRow .card.serviceDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .card-body .lbWrap {
  padding-bottom: 0px;
  padding: 15px 10px;
}
.detailsRow .card.serviceDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .card-body .lbWrap .dataGroup {
  margin-bottom: 0px;
}
.detailsRow .card.serviceDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .card-body .lbWrap .clsViewCaseDetails h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 24px;
}
.detailsRow .card.serviceDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .card-body .lbWrap .clsViewCaseDetails h5 span {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.detailsRow .card.serviceDetails .card-body .accordion .accordion-item:last-child .accordion-collapse .accordion-body .card-body {
  padding-bottom: 0px;
}
.detailsRow .card.appNoticeDetails .card-header h2:before, .detailsRow .card.willParties .card-header h2:before {
  border-radius: 12px;
  background: #af2b6b;
}
.detailsRow .card.appNoticeDetails .card-header .accordionarrow, .detailsRow .card.willParties .card-header .accordionarrow {
  border: 1px solid rgba(175, 43, 107, 0.2) !important;
  background-color: rgba(175, 43, 107, 0.2) !important;
}
.detailsRow .card.appNoticeDetails .card-body, .detailsRow .card.supportDocDetails .card-body, .detailsRow .card.enforcementDetails .card-body, .detailsRow .card.lawyerDetails .card-body, .detailsRow .card.eventDetails .card-body, .detailsRow .card.evidenceDetails .card-body, .detailsRow .card.hearScheduleDetails .card-body {
  padding-left: 3.25rem;
  padding-right: 0;
}
@media (max-width: 991.98px) {
  .detailsRow .card.appNoticeDetails .card-body, .detailsRow .card.supportDocDetails .card-body, .detailsRow .card.enforcementDetails .card-body, .detailsRow .card.lawyerDetails .card-body, .detailsRow .card.eventDetails .card-body, .detailsRow .card.evidenceDetails .card-body, .detailsRow .card.hearScheduleDetails .card-body {
    padding: 1.125rem;
    padding-right: 0;
  }
}
.detailsRow .card.enforcementDetails .card-header h2:before, .detailsRow .card.willConfirm .card-header h2:before {
  border-radius: 12px;
  background: #b3db60;
}
.detailsRow .card.willHistory .card-header h2:before {
  border-radius: 12px;
  background: #0a1f62;
}
.detailsRow .card.willHistory .card-body {
  padding-left: 2.5rem;
  padding-top: 1.75rem;
}
.detailsRow .card.videoDetails .card-header h2:before {
  border-radius: 12px;
  background: #8955ff;
}
.detailsRow .card.videoDetails .card-header .accordionarrow {
  border: 1px solid rgba(137, 85, 255, 0.4117647059) !important;
  background-color: rgba(137, 85, 255, 0.3882352941) !important;
}
.detailsRow .card.videoDetails .card-body {
  padding-left: 2.5rem;
  padding-right: 0;
}
.detailsRow .card.videoDetails .card-body .accordion .accordion-item .accordion-header {
  margin-left: 0;
}
.detailsRow .card.videoDetails .card-body .accordion .accordion-item .accordion-button:after {
  display: none;
}
.detailsRow .card.videoDetails .card-body .accordion .accordion-item .accordion-body {
  padding-left: 0;
}
.detailsRow .card.statementDetails .card-header h2:before {
  border-radius: 13px;
  background: #8955ff;
}
.detailsRow .card .actions {
  padding-right: 3rem;
}
.detailsRow .card .actions .btnToggle {
  border: 0;
  padding: 0;
  display: block;
  border-radius: 3px;
  width: 32px;
  height: 32px;
}
.detailsRow .card .actions .btnToggle.show, .detailsRow .card .actions .btnToggle:hover {
  background: #0a1f62;
  color: #fff;
}
.detailsRow .card .actions .btnToggle:before {
  display: none;
}
.detailsRow .card .actions .btnToggle .icon {
  display: block;
  width: 32px;
  height: 32px;
}
.detailsRow .card .actions .btnToggle .icon.icon-download, .detailsRow .card .actions .btnToggle .icon.icon-chat, .detailsRow .card .actions .btnToggle .icon.icon-video {
  font-size: 1.25rem;
}
.detailsRow .card .actions .btnToggle .icon:before {
  display: block;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
}
.detailsRow .card .dropdown .dropdown-menu {
  border: 1px solid #e9e9e9;
  -webkit-box-shadow: 10px 26px 34px 0px rgba(107, 107, 107, 0.18);
          box-shadow: 10px 26px 34px 0px rgba(107, 107, 107, 0.18);
  padding: 1rem;
  min-width: 180px;
}
.detailsRow .card .dropdown .dropdown-menu li {
  padding-bottom: 0;
  padding-right: 0;
}
.detailsRow .card .dropdown .dropdown-menu li .dropdown-item {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  border-radius: 5px;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 2.375rem;
  position: relative;
  cursor: pointer;
}
.detailsRow .card .dropdown .dropdown-menu li .dropdown-item.active, .detailsRow .card .dropdown .dropdown-menu li .dropdown-item:hover {
  background: #d5f5fe;
}
.detailsRow .card .dropdown .dropdown-menu li .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
}
.detailsRow .card .dropdown .dropdown-menu li .dropdown-item:before {
  width: 26px;
  height: 26px;
  display: block;
  text-align: center;
  line-height: 26px;
  font-family: "icomoon";
  content: "\e902";
  font-size: 0.5rem;
  position: absolute;
  left: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.detailsRow .card .dropdown .dropdown-menu.dropdownIcon li .dropdown-item {
  padding: 0.5625rem 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detailsRow .card .dropdown .dropdown-menu.dropdownIcon li .dropdown-item:before {
  display: none;
}
.detailsRow .card .dropdown .dropdown-menu.dropdownIcon li .dropdown-item .icon {
  font-size: 1.4rem;
  width: 40px;
  display: block;
}

.caseInfoWrap.mb-40 {
  margin-bottom: 2.5rem;
}
.caseInfoWrap .caseInfoHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.25rem;
  padding-top: 1.5rem;
}
.caseInfoWrap .caseInfoHead .cihLeftWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.caseInfoWrap .caseInfoHead .cihLeftWrap h3 {
  font-size: 18px;
  font-weight: 600;
  color: #303030;
  margin-right: 1.125rem;
  margin-bottom: 0;
}
.caseInfoWrap .caseInfoHead .cihLeftWrap ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.caseInfoWrap .caseInfoHead .cihLeftWrap ul li {
  padding-right: 0.625rem;
}
.caseInfoWrap .caseInfoHead .cihLeftWrap ul label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.4375rem 0.8125rem;
  border-radius: 40px;
  position: relative;
  min-width: 90px;
}
.caseInfoWrap .caseInfoHead .cihLeftWrap ul label.clsfalse {
  background-color: #FE7F00 !important;
}
.caseInfoWrap .caseInfoHead .cihLeftWrap ul label .icon {
  font-weight: normal;
  margin-right: 0.375rem;
}
.caseInfoWrap .caseInfoHead .cihLeftWrap ul label.clsScheduledNotary {
  background-color: #7CE7FF;
  color: #1B202D;
}
.caseInfoWrap .caseInfoHead .cihLeftWrap ul label.clsApprovalPendingNotary {
  background-color: #FFDAA5 !important;
  color: #1B202D;
}
.caseInfoWrap .caseInfoHead .cihLeftWrap ul label.clsRejectedNotary {
  background-color: #FF9F99;
  color: #1B202D;
}
.caseInfoWrap .caseInfoHead .cihLeftWrap ul label.clsCompletedNotary {
  background-color: #57FFD7;
  color: #1B202D;
}
.caseInfoWrap .caseInfoHead .cihLeftWrap ul label.clsClosedorange {
  background-color: #FFDAA5 !important;
  color: #1B202D;
}
.caseInfoWrap .caseInfoHead .cihLeftWrap ul label.clsRejectedRed {
  background-color: #FF9F99;
  color: #1B202D;
}
.caseInfoWrap .caseInfoHead .cihRight .rightUl {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.caseInfoWrap .caseInfoHead .cihRight .rightUl .btn {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0;
  border: 0;
}
.caseInfoWrap .caseInfoHead .cihRight .rightUl .btn span {
  margin-right: 0.75rem;
}
.caseInfoWrap .caseInfoHead .cihRight .rightUl .activity .icon {
  font-size: 1.375rem;
}
.caseInfoWrap .caseInfoHead .cihRight .rightUl .dropdown {
  padding-left: 0.625rem;
}
.caseInfoWrap .caseInfoHead .cihRight .rightUl .dropdown .dropdown-toggle {
  padding-top: 0;
  padding-bottom: 0;
}
.caseInfoWrap .caseInfoHead .cihRight .rightUl .dropdown .dropdown-toggle:after {
  display: none;
}
.caseInfoWrap .caseInfoHead .cihRight .rightUl .dropdown .dropdown-toggle .icon {
  width: 36px;
  height: 36px;
  border-radius: 36px;
  display: block;
  background: #f4f4f4;
}
.caseInfoWrap .caseInfoHead .cihRight .rightUl .dropdown .dropdown-toggle .icon:before {
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
}
.caseInfoWrap .caseInfoHead .cihRight .dropdown .dropdown-menu {
  border: 1px solid #e9e9e9;
  -webkit-box-shadow: 10px 26px 34px 0px rgba(107, 107, 107, 0.18);
          box-shadow: 10px 26px 34px 0px rgba(107, 107, 107, 0.18);
  padding: 1rem;
  min-width: 220px;
}
.caseInfoWrap .caseInfoHead .cihRight .dropdown .dropdown-menu li {
  padding-bottom: 0.125rem;
}
.caseInfoWrap .caseInfoHead .cihRight .dropdown .dropdown-menu li .dropdown-item {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  border-radius: 5px;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.625rem;
  position: relative;
  cursor: pointer;
}
.caseInfoWrap .caseInfoHead .cihRight .dropdown .dropdown-menu li .dropdown-item i {
  margin-right: 10px;
}
.caseInfoWrap .caseInfoHead .cihRight .dropdown .dropdown-menu li .dropdown-item.active, .caseInfoWrap .caseInfoHead .cihRight .dropdown .dropdown-menu li .dropdown-item:hover {
  background: #d5f5fe;
}
.caseInfoWrap .caseInfoHead .cihRight .dropdown .dropdown-menu li .dropdown-item:before {
  width: 26px;
  height: 26px;
  display: block;
  text-align: center;
  line-height: 26px;
  font-family: "icomoon";
  content: "\e902";
  font-size: 0.5rem;
  position: absolute;
  left: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.caseInfoWrap .caseInfoHead .cihRight .dropdown .dropdown-menu li .dropdown-item.clsnoattachment {
  pointer-events: none;
  opacity: 0.5;
}
.caseInfoWrap .caseInfoHead .cihRight .dropdown .dropdown-menu.icondisable li .dropdown-item:before {
  display: none;
}
.caseInfoWrap.probonoRequestview .caseInfo {
  padding: 0rem;
}
.caseInfoWrap.probonoRequestview .caseInfo .probonoviewHead {
  padding: 20px 54px;
  border-bottom: 1px solid #959595;
  position: relative;
}
.caseInfoWrap.probonoRequestview .caseInfo .probonoviewHead:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  background-color: #fff;
  left: 30px;
  top: 34px;
  border-radius: 40px;
}
.caseInfoWrap.probonoRequestview .caseInfo .probonoviewHead ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px;
  list-style: none;
  padding: 0px;
}
.caseInfoWrap.probonoRequestview .caseInfo .probonoviewHead ul li {
  margin-right: 25px;
}
.caseInfoWrap.probonoRequestview .caseInfo .probonoviewHead ul li .probonoRequestdays {
  display: inline-block;
  width: 46px;
  height: 20px;
  margin-right: 8px;
  background-repeat: no-repeat;
}
.caseInfoWrap.probonoRequestview .caseInfo .probonoviewHead ul li .probonoRequestdays.btryZero {
  background-image: url("../images/btryZero.svg");
}
.caseInfoWrap.probonoRequestview .caseInfo .probonoviewHead ul li .probonoRequestdays.btryBlackOne {
  background-image: url("../images/btryBlackOne.svg");
}
.caseInfoWrap.probonoRequestview .caseInfo .probonoviewHead ul li .probonoRequestdays.btryBlackTwo {
  background-image: url("../images/btryBlackTwo.svg");
}
.caseInfoWrap.probonoRequestview .caseInfo .probonoviewHead ul li .probonoRequestdays.btryBlackThree {
  background-image: url("../images/btryBlackThree.svg");
}
.caseInfoWrap.probonoRequestview .caseInfo .probonoviewHead ul li .probonoRequestdays.btryBlackFour {
  background-image: url("../images/btryBlackFour.svg");
}
.caseInfoWrap.probonoRequestview .caseInfo .probonoviewHead ul li .probonoRequestdays.btryBlackFive {
  background-image: url("../images/btryBlackFive.svg");
}
.caseInfoWrap.probonoRequestview .caseInfo .probonoviewHead ul li h5 {
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0px;
}
.caseInfoWrap.probonoRequestview .caseInfo .probonoviewHead ul li span {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.caseInfoWrap.probonoRequestview .caseInfo .probonoviewHead .requestNumberName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.caseInfoWrap.probonoRequestview .caseInfo .probonoviewHead .requestNumberName span {
  color: #fff;
  font-size: 18px;
  line-height: 22px;
}
.caseInfoWrap.probonoRequestview .caseInfo .probonoviewHead .requestNumberName h5 {
  background-color: #3EC0CD;
  border-radius: 10px;
  padding: 8px 15px;
  font-size: 20px;
  line-height: 22px;
  text-transform: capitalize;
  margin: 0px;
  margin-left: 40px;
}
.caseInfoWrap.probonoRequestview .caseInfo .requestDetail {
  padding: 24px 42px;
  color: #fff;
}
.caseInfoWrap.probonoRequestview .caseInfo .requestDetail h4 {
  color: #fff;
  font-size: 22px;
  line-height: 26px;
}
.caseInfoWrap.probonoRequestview .caseInfo .requestDetail .requestDetailSub label {
  font-size: 14px;
  font-weight: 300;
  color: #fff;
}
.caseInfoWrap.probonoRequestview .caseInfo .requestDetail .requestDetailSub p span {
  color: #fff;
  padding: 0px;
}
.caseInfoWrap.probonoRequestview .caseInfo .requestDetail .requestDetailSub .requestBox {
  border-radius: 5px;
  padding: 8px 0px;
}
.caseInfoWrap.probonoRequestview .caseInfo .requestDetail .requestDetailSub .requestBox.bg-ltBlue {
  background-color: #A9FCE9;
  padding: 8px;
  display: inline-block;
}
.caseInfoWrap.probonoRequestview .caseInfo .requestDetail .requestDetailSub .requestBox.bg-ltBlue p span {
  color: #000 !important;
}
.caseInfoWrap.probonoRequestview .caseInfo .requestDetail .requestDetailSub .requestBox.bg-white {
  padding: 8px;
  background-color: #EFFCFF !important;
}
.caseInfoWrap.probonoRequestview .caseInfo .requestDetail .requestDetailSub .requestBox.bg-white p {
  color: #000;
}
.caseInfoWrap.probonoRequestview .caseInfo .requestDetail .requestDetailSub .requestBox.bg-white p span {
  color: #000 !important;
}
.caseInfoWrap.probonoRequestview .caseInfo .requestDetail .requestDetailSub a {
  color: #023979;
  font-size: 14px;
  font-weight: 500;
  text-underline-offset: 2px;
}
.caseInfoWrap.probonoRequestview .caseInfo .requestDetail .requestDetailSub .LawyerResponseDetail {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}
.caseInfoWrap.probonoRequestview .caseInfo .requestDetail .requestDetailSub .LawyerResponseDetail label {
  margin: 0px;
  font-size: 16px;
  font-weight: 600;
  margin-right: 10px;
}
.caseInfoWrap.probonoRequestview .caseInfo .requestDetail .requestDetailSub .LawyerResponseDetail p span {
  background-color: #3EC0CD;
  padding: 12px 20px;
  display: inline;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 500;
  margin-right: 10px;
}
.caseInfoWrap.probonoRequestview .caseInfo .requestDetail .requestDetailSub .LawyerResponseDetail a {
  font-size: 14px;
  font-weight: 500;
  text-underline-offset: 5px;
  color: #fff;
}
.caseInfoWrap.probonoRequestview .caseInfo .requestDetail .documentUploadSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 1399.98px) {
  .caseInfoWrap.probonoRequestview .caseInfo .probonoviewHead .requestNumberName h5 {
    margin-left: 20px;
  }
  .caseInfoWrap.probonoRequestview .caseInfo .probonoviewHead .requestNumberName span {
    font-size: 16px;
  }
}
@media (max-width: 991.98px) {
  .caseInfoWrap .caseInfoHead {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .caseInfoWrap .caseInfoHead .cihLeftWrap {
    display: block;
  }
  .caseInfoWrap .caseInfoHead .cihLeftWrap h3 {
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
  .caseInfoWrap .caseInfoHead .cihRight .rightUl .dropdown {
    padding-left: 0;
    padding-right: 0;
  }
  .caseInfoWrap .caseInfoHead .cihRight .rightUl .btn {
    padding-left: 0;
    padding-right: 0;
  }
  .caseInfoWrap .caseInfoHead .cihRight .rightUl .btn span {
    display: none;
  }
  .caseInfoWrap .caseInfoHead .cihRight .rightUl li {
    padding-right: 0.875rem;
  }
  .caseInfoWrap .caseInfoHead .cihRight .rightUl li:last-child {
    padding-right: 0;
  }
}
.caseInfoWrap .caseInfo {
  background-color: #0a1f62;
  background-image: url("../images/header-bg.png");
  background-repeat: no-repeat;
  background-position: top right;
  border-radius: 10px;
  padding: 2.5rem;
}
.caseInfoWrap .caseInfo h1 {
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 1.5rem;
  word-break: break-word;
}
.caseInfoWrap .caseInfo h5 {
  font-size: 0.75rem;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.caseInfoWrap .caseInfo h5 span {
  border-radius: 30px;
  padding: 9px 15px;
  font-size: 14px;
  font-weight: 600;
  margin-right: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.caseInfoWrap .caseInfo h5 span i {
  margin-right: 8px;
  font-size: 16px;
}
.caseInfoWrap .caseInfo h5 span.activeLaw {
  background-color: #0BC197;
}
.caseInfoWrap .caseInfo h5 span.closedLaw {
  background-color: #E99820;
}
.caseInfoWrap .caseInfo h5 span.privateUser {
  background-color: #42418C;
}
.caseInfoWrap .caseInfo h5 span.publicUser {
  background-color: #42418C;
}
.caseInfoWrap .caseInfo p {
  font-size: 0.875rem;
  font-weight: 300;
  color: #fff;
}
.caseInfoWrap .caseInfo p span {
  color: #fff !important;
}
.caseInfoWrap .caseInfo .readToggle p {
  word-break: break-word;
  text-align: justify;
}
.caseInfoWrap .caseInfo .readToggle p span {
  background-color: transparent !important;
  color: #fff !important;
}
.caseInfoWrap .caseInfo .readToggle span {
  background-color: transparent !important;
  color: #fff !important;
}
.caseInfoWrap .caseInfo .readToggle li {
  color: #fff !important;
}
.caseInfoWrap .caseInfo .readToggle li span {
  color: #fff !important;
  background-color: transparent !important;
}
.caseInfoWrap .caseInfo .claimValue {
  margin-bottom: 1.5rem;
}
.caseInfoWrap .caseInfo .claimValue p .dollar {
  font-size: 1.375rem;
  font-weight: 600;
  margin-right: 0.75rem;
}
.caseInfoWrap .caseInfo .claimValue p .aed {
  font-size: 1.125rem;
  font-weight: 400;
}
.caseInfoWrap .caseInfo .claimValue .previewValue {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.caseInfoWrap .caseInfo .claimValue .previewValue p {
  margin: 0px;
}
.caseInfoWrap .caseInfo .claimValue .previewValue .dropdown {
  background-color: #30437B;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  padding: 2px;
  margin-right: 0px;
  margin-left: 11px;
}
.caseInfoWrap .caseInfo .claimValue .previewValue .dropdown .dropdown-toggle {
  padding: 0px;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  border: 0px;
}
.caseInfoWrap .caseInfo .claimValue .previewValue .dropdown .dropdown-toggle i {
  color: #fff;
  font-size: 12px;
}
.caseInfoWrap .caseInfo .claimValue .previewValue .dropdown .dropdown-toggle:before {
  display: none;
}
.caseInfoWrap .caseInfo .claimValue .previewValue .dropdown .dropdown-toggle.show {
  background-color: #516396;
}
.caseInfoWrap .caseInfo .claimValue .previewValue .dropdown .dropdown-menu {
  background-color: #30437B;
  padding: 0px;
  top: 50px !important;
  position: absolute !important;
  inset: 40px 0px auto auto !important;
  z-index: 1;
}
.caseInfoWrap .caseInfo .claimValue .previewValue .dropdown .dropdown-menu:before {
  background-color: #30437B;
  border: 0px;
  left: 92%;
}
.caseInfoWrap .caseInfo .claimValue .previewValue .dropdown .dropdown-menu .UserDetailsHead {
  padding: 10px 12px;
}
.caseInfoWrap .caseInfo .claimValue .previewValue .dropdown .dropdown-menu .UserDetailsHead h5 {
  padding: 0px;
  margin: 0px;
  color: #fff !important;
  text-transform: capitalize;
  font-weight: 600;
}
.caseInfoWrap .caseInfo .claimValue .previewValue .dropdown .dropdown-menu .userDetail {
  padding: 10px 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.caseInfoWrap .caseInfo .claimValue .previewValue .dropdown .dropdown-menu .userDetail table {
  width: 100%;
}
.caseInfoWrap .caseInfo .claimValue .previewValue .dropdown .dropdown-menu .userDetail table tr th, .caseInfoWrap .caseInfo .claimValue .previewValue .dropdown .dropdown-menu .userDetail table tr td {
  padding: 5px 0px;
}
.caseInfoWrap .caseInfo .claimValue .previewValue .dropdown .dropdown-menu .userDetail table tr th {
  color: #fff;
  font-size: 12px;
}
.caseInfoWrap .caseInfo .claimValue .previewValue .dropdown .dropdown-menu .userDetail table tr td {
  color: #fff;
  font-size: 14px;
}
.caseInfoWrap .caseInfo .infoText {
  padding-left: 30px;
  margin-bottom: 1.5rem;
}
.caseInfoWrap .caseInfo .infoText:before {
  font-size: 1.125rem;
  color: #fff;
  line-height: 18px;
}
.caseInfoWrap .caseInfo .infoText p {
  margin-bottom: 0;
}
.caseInfoWrap .caseInfo .infoText p span {
  padding-right: 1.125rem;
}
.caseInfoWrap .caseInfo .infoText p span.transferNumber {
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.caseInfoWrap .caseInfo .infoText p a {
  font-weight: 700;
  color: #fff;
  cursor: pointer;
}
.caseInfoWrap .caseInfo .changeDate {
  margin-bottom: 1.5rem;
}
.caseInfoWrap .caseInfo .changeDate h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.caseInfoWrap .caseInfo .changeDate h5 a {
  font-size: 0.875rem;
  color: #85d2ff;
  text-transform: none;
  margin-left: 0.75rem;
  text-decoration: underline;
}
.caseInfoWrap .caseInfo .changeDate h5 a:hover {
  text-decoration: none;
}
.caseInfoWrap .caseInfo .changeDate h5 a.clsChangeAppointmentDate {
  line-height: 14px;
  margin-top: -3px;
  text-underline-offset: 3px;
}
.caseInfoWrap .caseInfo .changeDate p {
  font-size: 1.375rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0;
}
.caseInfoWrap .caseInfo .changeDate p span {
  font-weight: 400;
}
.caseInfoWrap .caseInfo .btnGroup {
  --bs-gutter-x: 0.625rem;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.caseInfoWrap .caseInfo .btnGroup li {
  margin-bottom: 0.375rem;
}
.caseInfoWrap .caseInfo .btnGroup .btnWhite {
  font-size: 0.875rem;
  font-weight: 500;
  color: #0a1f62;
  background: #fff;
  border-radius: 5px;
  padding: 0.5rem 1.25rem;
  border: 0;
}
.caseInfoWrap .caseInfo .btnGroup .btnWhite:hover {
  opacity: 0.9;
}
.caseInfoWrap .caseInfo .btnGroup .btnJoin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  border: 0;
}
.caseInfoWrap .caseInfo .btnGroup .btnJoin:hover {
  opacity: 0.85;
}
.caseInfoWrap .caseInfo .btnGroup .btnJoin .icon {
  font-size: 2rem;
  margin-right: 0.375rem;
}
.caseInfoWrap .caseInfo .btnGroup .btnJoin span {
  font-size: 0.875rem;
  font-weight: 500;
}
.caseInfoWrap .caseInfo .radioList {
  --bs-gutter-x: 0.625rem;
  padding-left: 0;
}
.caseInfoWrap .caseInfo .radioList .form-check {
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.caseInfoWrap .caseInfo .radioList .form-check-input {
  display: none;
}
.caseInfoWrap .caseInfo .radioList .form-check-input:checked + .form-check-label {
  background: #3da9e7;
  color: #fff;
}
.caseInfoWrap .caseInfo .radioList .form-check-label {
  background: #2f3071;
  color: #6566a0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  padding: 0.4375rem 1rem;
  cursor: pointer;
}
.caseInfoWrap .caseInfo .radioList .form-check-label .icon {
  font-size: 0.875rem;
  margin-right: 0.375rem;
}
.caseInfoWrap .caseInfo .radioList .form-check-label span {
  font-size: 0.875rem;
  font-weight: 600;
}
.caseInfoWrap .caseInfo .judgeCpo {
  border-top: 1px solid rgba(255, 255, 255, 0.2509803922);
  padding-top: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.caseInfoWrap .caseInfo .judgeCpo ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  --bs-gutter-x: 0.5rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.caseInfoWrap .caseInfo .judgeCpo ul li {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  margin-bottom: 0.25rem;
}
.caseInfoWrap .caseInfo .judgeCpo ul li label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  padding-right: 0.25rem;
  display: block;
}
.caseInfoWrap .caseInfo .judgeCpo ul li span {
  font-size: 0.875rem;
  font-weight: 600;
  color: #0a1f62;
  display: block;
  padding: 0.375rem 1rem;
  border-radius: 40px;
}
.caseInfoWrap .caseInfo .judgeCpo .judge {
  padding-right: 30px;
}
.caseInfoWrap .caseInfo .judgeCpo .judge ul li span {
  background: #d5f5fe;
}
.caseInfoWrap .caseInfo .judgeCpo .cpo ul li span {
  background: #fff;
}
@media (max-width: 991.98px) {
  .caseInfoWrap .caseInfo .judgeCpo {
    display: block;
  }
  .caseInfoWrap .caseInfo .judgeCpo .judge {
    padding-right: 0;
    padding-bottom: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .caseInfoWrap .caseInfo .judgeCpo ul li:first-child {
    width: 100%;
  }
}
.caseInfoWrap .caseInfo .onboardInfotext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.caseInfoWrap .caseInfo .onboardInfotext span {
  border: 1px solid #3DA9E7;
  color: #3DA9E7;
  font-size: 14px;
  padding: 4px 12px;
  font-weight: 500;
  border-radius: 20px;
}
.caseInfoWrap .caseInfo .onboardInfotext a {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.caseInfoWrap .caseInfo .onboardInfotext a:active {
  border-color: transparent;
}

.attachmentPreview {
  background-color: #EFFCFF;
  border-radius: 30px;
  padding: 8px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  margin-right: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.attachmentPreview i {
  color: #328CA6;
  font-size: 14px;
}
.attachmentPreview h5 {
  color: #000 !important;
  font-size: 14px !important;
  line-height: 21px;
  margin: 0px;
  margin-bottom: 0px !important;
  text-transform: capitalize !important;
  background-color: transparent !important;
  padding: 0px !important;
  font-weight: 500 !important;
}
.attachmentPreview .file-upload-wrap input {
  background-color: transparent;
  border: 0;
  color: #023979;
  font-size: 14px;
  font-weight: 500;
  text-underline-offset: 1px;
  border-bottom: 1px solid;
  padding: 0px;
}

.probonoQuery .card-body {
  padding-right: 30px !important;
}
.probonoQuery .card-body h4 {
  font-size: 16px;
  font-weight: 600;
}
.probonoQuery .card-body h4.queryDetail {
  background-color: rgba(0, 0, 0, 0.1803921569) !important;
  display: inline-block;
  padding: 6px;
  border-radius: 5px;
  margin-bottom: 16px;
}
.probonoQuery .card-body p {
  font-size: 16px;
  line-height: 24px;
  word-break: break-word;
}
.probonoQuery .card-body .probonoAproveReject {
  padding-top: 32px;
  border-top: 1px solid #F0F0F0;
  margin-top: 20px;
}
.probonoQuery .card-body .probonoAproveReject .documentEditchange input {
  margin-right: 16px;
}
.probonoQuery .card-body .probonoAproveReject .proboboAskbtn {
  padding: 11px 36px 11px 75px;
  background-color: #303030;
  border: 0px;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.probonoQuery .card-body .probonoAproveReject .proboboAskbtn i {
  color: #fff;
  font-size: 22px;
}
.probonoQuery .card-body .probonoAproveReject .proboboAskbtn input {
  font-size: 14px;
  background-color: transparent;
  color: #fff;
  border: 0px;
}
.probonoQuery .card-body .borderSeperstion {
  border-top: 1px solid #E4E4E4;
  padding-top: 20px;
  margin-top: 10px;
}
.probonoQuery .card-body label.Rejected {
  background-color: #EA5057;
  padding: 6px 8px;
  display: inline-block;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  margin-right: 16px;
}
.probonoQuery.pro-bonoRequest .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .documentFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.probonoQuery.pro-bonoRequest .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .documentFlex .attachmentPreview {
  background-color: #fff;
}
.probonoQuery.pro-bonoRequest .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .probonoRequest {
  color: #ffffff;
  background-color: #fe7f00;
  font-weight: 600;
  padding: 7px 11px;
}
.probonoQuery.pro-bonoRequest .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .borderSeperstion {
  padding-right: 24px;
}
.probonoQuery.pro-bonoRequest .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body .borderSeperstion:last-child {
  border-bottom: 0px;
}
.probonoQuery.pro-bonoRequest .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body.ResponSectionBody {
  padding: 0px;
}
.probonoQuery.pro-bonoRequest .probonoResponseDetails .card-body .accordion .accordion-item .accordion-collapse .accordion-body.ResponSectionBody .requestandResponSection {
  background-color: #EFFCFF;
  padding: 24px 20px;
  margin-bottom: 25px;
}

@media (max-width: 767.98px) {
  .caseInfoWrap .caseInfoHead .cihRight .rightUl .activity .btn {
    padding-left: 0;
  }
  .caseInfoWrap .caseInfo {
    padding: 1.5rem 1rem;
  }
}
.partyInfo {
  padding-top: 1.5rem;
  margin-bottom: 1rem;
}
.partyInfo h3 {
  font-size: 0.75rem;
  font-weight: 500;
  color: #303030;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.partyInfo .claimants, .partyInfo .defendants {
  --bs-gutter-x: 0.5rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.partyInfo .claimants li, .partyInfo .defendants li {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  margin-bottom: 0.75rem;
}
.partyInfo .claimants li .btn, .partyInfo .defendants li .btn {
  font-size: 0.875rem;
  font-weight: 600;
  color: #fff;
  padding: 0.375rem 1rem;
  border-radius: 40px;
  position: relative;
}
.partyInfo .claimants li .btn:hover, .partyInfo .claimants li .btn:focus, .partyInfo .defendants li .btn:hover, .partyInfo .defendants li .btn:focus {
  color: #fff;
}
.partyInfo .claimants li .btn.active:before, .partyInfo .defendants li .btn.active:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 0, 0, 0);
  border-width: 8px;
  margin-left: -8px;
}
.partyInfo .claimants li.lawyerStatus label, .partyInfo .defendants li.lawyerStatus label {
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.partyInfo .claimants li.lawyerStatus .lawyerRegistrationStatus, .partyInfo .defendants li.lawyerStatus .lawyerRegistrationStatus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 6px;
}
.partyInfo .claimants li.lawyerStatus .lawyerRegistrationStatus .iconRound, .partyInfo .defendants li.lawyerStatus .lawyerRegistrationStatus .iconRound {
  width: 30px;
  height: 30px;
  margin-left: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.partyInfo .claimants li.lawyerStatus .lawyerRegistrationStatus .iconRound span, .partyInfo .defendants li.lawyerStatus .lawyerRegistrationStatus .iconRound span {
  width: 26px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}
.partyInfo .claimants li.lawyerStatus.active .lawyerRegistrationStatus .iconRound, .partyInfo .defendants li.lawyerStatus.active .lawyerRegistrationStatus .iconRound {
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.partyInfo .claimants li.lawyerStatus.active .lawyerRegistrationStatus .iconRound span, .partyInfo .defendants li.lawyerStatus.active .lawyerRegistrationStatus .iconRound span {
  background-color: rgba(41, 154, 107, 0.24);
  border: 2px solid #299A6B;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.partyInfo .claimants li.lawyerStatus.active .lawyerRegistrationStatus .iconRound span i, .partyInfo .defendants li.lawyerStatus.active .lawyerRegistrationStatus .iconRound span i {
  color: #299A6B;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.partyInfo .claimants li.lawyerStatus.active:hover .lawyerRegistrationStatus .iconRound, .partyInfo .defendants li.lawyerStatus.active:hover .lawyerRegistrationStatus .iconRound {
  background-color: #299A6B;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.partyInfo .claimants li.lawyerStatus.active:hover .lawyerRegistrationStatus .iconRound span, .partyInfo .defendants li.lawyerStatus.active:hover .lawyerRegistrationStatus .iconRound span {
  background-color: #299A6B;
  border: 2px solid #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.partyInfo .claimants li.lawyerStatus.active:hover .lawyerRegistrationStatus .iconRound span i, .partyInfo .defendants li.lawyerStatus.active:hover .lawyerRegistrationStatus .iconRound span i {
  color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.partyInfo .claimants li.lawyerStatus.pending .lawyerRegistrationStatus .iconRound, .partyInfo .defendants li.lawyerStatus.pending .lawyerRegistrationStatus .iconRound {
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.partyInfo .claimants li.lawyerStatus.pending .lawyerRegistrationStatus .iconRound span, .partyInfo .defendants li.lawyerStatus.pending .lawyerRegistrationStatus .iconRound span {
  background-color: rgba(254, 127, 0, 0.28);
  border: 2px solid #FE7F00;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.partyInfo .claimants li.lawyerStatus.pending .lawyerRegistrationStatus .iconRound span i, .partyInfo .defendants li.lawyerStatus.pending .lawyerRegistrationStatus .iconRound span i {
  color: #FE7F00;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.partyInfo .claimants li.lawyerStatus.pending:hover .lawyerRegistrationStatus .iconRound, .partyInfo .defendants li.lawyerStatus.pending:hover .lawyerRegistrationStatus .iconRound {
  background-color: #FE7F00;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.partyInfo .claimants li.lawyerStatus.pending:hover .lawyerRegistrationStatus .iconRound span, .partyInfo .defendants li.lawyerStatus.pending:hover .lawyerRegistrationStatus .iconRound span {
  background-color: #FE7F00;
  border: 2px solid #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.partyInfo .claimants li.lawyerStatus.pending:hover .lawyerRegistrationStatus .iconRound span i, .partyInfo .defendants li.lawyerStatus.pending:hover .lawyerRegistrationStatus .iconRound span i {
  color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.partyInfo .claimants li.lawyerStatus.inactive .lawyerRegistrationStatus .iconRound, .partyInfo .defendants li.lawyerStatus.inactive .lawyerRegistrationStatus .iconRound {
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.partyInfo .claimants li.lawyerStatus.inactive .lawyerRegistrationStatus .iconRound span, .partyInfo .defendants li.lawyerStatus.inactive .lawyerRegistrationStatus .iconRound span {
  background-color: rgba(254, 127, 0, 0.28);
  border: 2px solid #E9292A;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.partyInfo .claimants li.lawyerStatus.inactive .lawyerRegistrationStatus .iconRound span i, .partyInfo .defendants li.lawyerStatus.inactive .lawyerRegistrationStatus .iconRound span i {
  color: #E9292A;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.partyInfo .claimants li.lawyerStatus.inactive:hover .lawyerRegistrationStatus .iconRound, .partyInfo .defendants li.lawyerStatus.inactive:hover .lawyerRegistrationStatus .iconRound {
  background-color: #E9292A;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.partyInfo .claimants li.lawyerStatus.inactive:hover .lawyerRegistrationStatus .iconRound span, .partyInfo .defendants li.lawyerStatus.inactive:hover .lawyerRegistrationStatus .iconRound span {
  background-color: #E9292A;
  border: 2px solid #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.partyInfo .claimants li.lawyerStatus.inactive:hover .lawyerRegistrationStatus .iconRound span i, .partyInfo .defendants li.lawyerStatus.inactive:hover .lawyerRegistrationStatus .iconRound span i {
  color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.partyInfo .claimants li.lawyerStatus.no-status .lawyerRegistrationStatus, .partyInfo .defendants li.lawyerStatus.no-status .lawyerRegistrationStatus {
  padding-right: 1rem;
}
.partyInfo .claimants li.lawyerStatus.no-status .lawyerRegistrationStatus .iconRound, .partyInfo .defendants li.lawyerStatus.no-status .lawyerRegistrationStatus .iconRound {
  display: none;
}
.partyInfo .claimants.claimants .btn, .partyInfo .defendants.claimants .btn {
  background: #4bc57b;
}
.partyInfo .claimants.claimants .btn.active:before, .partyInfo .defendants.claimants .btn.active:before {
  border-top-color: #4bc57b;
}
.partyInfo .claimants.defendants .btn, .partyInfo .defendants.defendants .btn {
  background: #3da9e7;
}
.partyInfo .claimants.defendants .btn.active:before, .partyInfo .defendants.defendants .btn.active:before {
  border-top-color: #3da9e7;
}
.partyInfo .partytypename {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.partyInfo .partytypename ul {
  margin-right: 5px;
}
.partyInfo .card .card-body {
  padding-left: 90px;
  padding-right: 0;
}
.partyInfo .card .card-body .accordion-button {
  font-size: 1rem;
  font-weight: 500;
  color: #303030;
}
.partyInfo .card .card-body .accordion-button h6 {
  display: block;
  font-size: 0.845rem;
  color: #797979;
  margin-top: 5px;
}
.partyInfo .card .card-body .accordion-body {
  padding: 1.5rem 1.5rem 1.5rem 0rem;
}
.partyInfo .card .emailPhone {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.partyInfo .card .emailPhone li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.75rem;
}
.partyInfo .card .emailPhone li:last-child {
  margin-bottom: 0;
}
.partyInfo .card .emailPhone li .flexGrow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.partyInfo .card .emailPhone li .flexShrink {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.partyInfo .card .emailPhone li .icon {
  font-size: 1.25rem;
  width: 42px;
  height: 42px;
  border-radius: 42px;
  display: block;
  background: #d5f5fe;
  margin-right: 1.25rem;
}
.partyInfo .card .emailPhone li .icon:before {
  width: 42px;
  height: 42px;
  display: block;
  text-align: center;
  line-height: 42px;
}
.partyInfo .card .emailPhone li h4 {
  font-size: 1rem;
  font-weight: 500;
  color: #303030;
  margin-bottom: 0.25rem;
  word-break: break-all;
}
.partyInfo .card .emailPhone li p {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6a6a6a;
  margin-bottom: 0;
}
.partyInfo .card .table {
  margin-bottom: 0;
}
.partyInfo .card .table tr:first-child td, .partyInfo .card .table tr:first-child th {
  padding-top: 0;
}
.partyInfo .card .table td, .partyInfo .card .table th {
  border: 0;
  vertical-align: middle;
}
.partyInfo .card .table th {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6a6a6a;
  text-transform: uppercase;
}
.partyInfo .card .table td {
  font-size: 1rem;
  font-weight: 500;
  color: #303030;
}
.partyInfo.personaldetailSection .card .card-body {
  padding-left: 50px;
}
.partyInfo.personaldetailSection .card .card-body .accordion-body {
  margin-left: 40px;
}
.partyInfo.personaldetailSection .card .card-body .accordion-body h5 {
  font-size: 14px;
  font-weight: 400;
}
.partyInfo.personaldetailSection .card .card-body .accordion-body h6 {
  font-size: 14px;
  font-weight: 500;
  background-color: #EFFCFF;
  padding: 8px;
  border-radius: 5px;
  display: inline-block;
}
.partyInfo.personaldetailSection .card .card-body .accordion-body h6.redValue {
  background-color: #FDD6D6;
}
.partyInfo.personaldetailSection .card .card-body .accordion-body h6.greenValue {
  background-color: #A9FCE9;
}
.partyInfo.personaldetailSection .card .card-body .accordion-body .flexGrow {
  margin-bottom: 15px;
}

@media (max-width: 991.98px) {
  .partyInfo .card .card-body {
    padding-left: 1.125rem;
  }
}
.pastApptDetails {
  padding-top: 1.5rem;
  margin-bottom: 2.5rem;
  margin-bottom: 1.625rem;
}
.pastApptDetails .row {
  --bs-gutter-x: 0.875rem;
  padding-left: 0;
  list-style: none;
}
.pastApptDetails .row li {
  margin-bottom: 0.875rem;
}
.pastApptDetails .pastAppt {
  background: #effcff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.875rem 1.5rem;
}
.pastApptDetails .pastAppt .icon {
  font-size: 1.625rem;
  color: #0a1f62;
  margin-right: 1.125rem;
}
.pastApptDetails .pastAppt h6 {
  font-size: 0.75rem;
  font-weight: 500;
  color: #303030;
  text-transform: uppercase;
  margin-bottom: 0.375rem;
}
.pastApptDetails .pastAppt p {
  font-size: 1rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 0;
}
.pastApptDetails .pastAppt p span {
  font-weight: 400;
}

.accordion .accordion-item {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #e4e4e4;
}
.accordion .accordion-item:last-child {
  border: 0;
}
.accordion .accordion-item .accordion-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 40px;
}
.accordion .accordion-item .accordion-header .flexGrow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.accordion .accordion-item .accordion-header .flexShrink {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.accordion .accordion-item .accordion-header .flexShrink.w-382 {
  min-width: 382px;
}
.accordion .accordion-item .accordion-header .buttonImg {
  margin-right: 1rem;
}
.accordion .accordion-item .accordion-header .buttonImg img {
  width: 42px;
  height: 42px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
}
.accordion .accordion-item .accordion-header .buttonText {
  max-width: 250px;
}
.accordion .accordion-item .accordion-header .buttonText h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.accordion .accordion-item .accordion-header .buttonText h4 .num {
  padding-right: 1.25rem;
}
.accordion .accordion-item .accordion-header .buttonText p {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6a6a6a;
  text-transform: uppercase;
  margin-bottom: 0;
}
.accordion .accordion-item .accordion-header .buttonText p.lg {
  color: #4bc57b;
}
.accordion .accordion-item .accordion-header .buttonText p.lb {
  color: #3da9e7;
}
.accordion .accordion-item .accordion-header .buttonText p.text-normal {
  text-transform: none;
}
.accordion .accordion-item .accordion-header .buttonText p span {
  color: #303030;
}
.accordion .accordion-item .accordion-header .buttonText .judgeNameflex {
  margin-top: 3px;
}
.accordion .accordion-item .accordion-header .buttonText .judgeNameflex label {
  width: 63px;
  font-size: 12px;
  font-weight: 500;
  color: #6a6a6a;
  text-transform: uppercase;
}
.accordion .accordion-item .accordion-header .buttonText .judgeNameflex span {
  word-break: break-word;
  width: calc(100% - 63px);
  font-size: 12px;
  font-weight: 500;
  color: #6a6a6a;
  text-transform: uppercase;
}
.accordion .accordion-item .accordion-header.clseventname .buttonText p {
  white-space: nowrap;
  max-width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.accordion .accordion-item .accordion-button {
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  padding-left: 0;
}
.accordion .accordion-item .accordion-button:not(.collapsed) {
  background: none;
}
.accordion .accordion-item .accordion-button:not(.collapsed):after {
  background-color: #D5F5FE;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.accordion .accordion-item .accordion-button.collapsed:after {
  background-color: #EDEDED;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.accordion .accordion-item .accordion-button:after {
  width: 30px;
  height: 30px;
  position: absolute;
  left: -50px;
  top: 50%;
  margin-top: -15px;
  display: block;
  border-radius: 30px;
  background-position: center;
  background-size: 16px;
}
.accordion .accordion-item .accordion-button.disable {
  pointer-events: none;
}
.accordion .accordion-item .accordion-body {
  border-top: 1px solid #e4e4e4;
  /*padding: 1.5rem;*/
  padding: 0rem 1.5rem;
  position: relative;
  padding-top: 1.5rem;
}
.accordion .accordion-item .accordion-body .lawyerPic {
  width: 161px;
  height: 137px;
  border-radius: 50%;
  overflow: hidden;
}
.accordion .accordion-item .accordion-body .lawyerPic img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 135px;
  height: 135px;
  border-radius: 50%;
}
.accordion .accordion-item .accordion-body .lawyerTitle {
  margin-bottom: 1.5rem;
}
.accordion .accordion-item .accordion-body .lawyerTitle h3 {
  font-size: 1.375rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 0.5rem;
}
.accordion .accordion-item .accordion-body .lawyerTitle p {
  font-size: 0.875rem;
  font-weight: 500;
  color: #6a6a6a;
  margin-bottom: 0;
}
.accordion .accordion-item .accordion-body .accordion .accordion-item .accordion-collapse {
  padding-left: 40px;
}
.accordion .accordion-item .accordion-body .accordion .accordion-item .accordion-collapse .accordion-body {
  padding-top: 15px;
}
.accordion .accordion-item .accordion-body .versionDetail {
  padding: 20px 0px;
  margin: 0px 30px;
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #E4E4E4;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordion .accordion-item .accordion-body .versionDetail:first-child {
  padding-top: 0px;
}
.accordion .accordion-item .accordion-body .versionDetail:last-child {
  border-bottom: 0px;
}
.accordion .accordion-item .accordion-body .versionDetail .versionHead {
  position: relative;
}
.accordion .accordion-item .accordion-body .versionDetail .versionHead:before {
  content: "";
  width: 11px;
  height: 11px;
  background-color: #5277FA;
  position: absolute;
  left: -20px;
  top: 4px;
  border-radius: 50px;
}
.accordion .accordion-item .accordion-body .versionDetail .versionHead h6 {
  margin: 0px;
}
.accordion .accordion-item .accordion-body .versionDetail .versionBundle .flexShrink .rightCtrl .date {
  padding-right: 15px;
}
.accordion .accordion-item .accordion-body .versionDetail .versionBundle .flexShrink .rightCtrl .date a {
  text-decoration: none;
  cursor: pointer;
}
.accordion .accordion-item .accordion-body .versionDetail .versionBundle .flexShrink .rightCtrl .date a i {
  font-size: 22px;
}
.accordion .accordion-item .hearingSchedule .accordion-body {
  padding-left: 41px;
}
.accordion .accordion-item .hearingSchedule .accordion-body .onboardingView {
  margin-bottom: 28px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordion .accordion-item .hearingSchedule .accordion-body .onboardingView li label {
  background-color: #D5F5FE;
  border-radius: 5px;
  padding: 8px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
}
.accordion .accordion-item .hearingSchedule .accordion-body .onboardingView li .btnToggle {
  font-size: 14px;
  font-weight: 500;
  color: #080957;
  border-bottom: 1px solid #080957;
  padding: 0px;
  border-radius: 0px;
}
.accordion .accordion-item .hearingSchedule .accordion-body .onboardingView li .btnToggle:active {
  border-color: transparent;
  border-bottom: 1px solid #080957;
}
.accordion .accordion-item .hearingSchedule .accordion-body .onboardingView li .onBoardFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #EFFCFF;
  padding: 8px;
  border-radius: 5px;
}
.accordion .accordion-item .hearingSchedule .accordion-body .onboardingView li .onBoardFlex span {
  color: #303030;
  font-size: 14px;
  font-weight: 500;
  margin-right: 5px;
}
.accordion .accordion-item .hearingSchedule .accordion-body .onboardingView li .onBoardFlex span:last-child {
  margin-right: 0px;
}
.accordion .accordion-item .hearingSchedule .accordion-body .onboardingView li .onBoardFlex a {
  font-size: 14px;
  font-weight: 500;
}
.accordion .accordion-item .hearingSchedule .accordion-body .onboardingView .linkCopiedSextion a {
  padding: 8px;
  border-radius: 5px;
  border: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordion .accordion-item .hearingSchedule .accordion-body .onboardingView .linkCopiedSextion a:active {
  border: 0px;
}
.accordion .accordion-item .hearingSchedule .accordion-body .onboardingView .linkCopiedSextion a i {
  margin-right: 5px;
  font-size: 18px;
  font-weight: 500;
}
.accordion .accordion-item .hearingSchedule .accordion-body .onboardingView .linkCopiedSextion a.beforCopy {
  background-color: #EFFCFF;
  color: #3DA9E7;
}
.accordion .accordion-item .hearingSchedule .accordion-body .onboardingView .linkCopiedSextion a.afterCopy {
  background-color: rgba(0, 151, 71, 0.2);
  color: #009747;
}
.accordion .accordion-item .hearingSchedule .accordion-body .hearingDecision {
  margin-bottom: 5px;
  padding-top: 29px;
  position: relative;
}
.accordion .accordion-item .hearingSchedule .accordion-body .hearingDecision:before {
  position: absolute;
  content: "";
  top: 0px;
  /* left: -30px; */
  width: 105%;
  height: 1px;
  background-color: #E4E4E4;
  right: -13px;
}
.accordion .accordion-item .hearingSchedule .accordion-body .hearingDecision .onboardingView {
  display: inline-block;
  margin: 0px;
  margin-right: 15px;
}
.accordion .accordion-item .hearingSchedule .accordion-body .hearingDecision .onboardingView ul {
  padding: 0px;
  list-style: none;
}
.accordion .accordion-item .hearingSchedule .accordion-body .hearingDecision p {
  word-break: break-all;
}
.accordion .accordion-item .hearingSchedule .accordion-body .hearingDecision .hearingDecisionDetail h5 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}
.accordion .accordion-item .hearingSchedule .accordion-body .hearingDecision .hearingDecisionDetail p {
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  margin: 0px;
}
.accordion .accordion-item .hearingSchedule .accordion-body .hearingDecision .hearingDecisionDetail .bg-mdb {
  background-color: #D5F5FE;
  padding: 4px 5px;
  border-radius: 5px;
}
.accordion .accordion-item .hearingSchedule .accordion-body .hearingDecision .hearingdate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.accordion .accordion-item .hearingSchedule .accordion-body .hearingDecision .hearingdate label {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #6A6A6A;
}
.accordion .accordion-item .hearingSchedule .accordion-body .hearingDecision .hearingdate p {
  margin: 0px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
.accordion .accordion-item .hearingSchedule .accordion-body .hearingDecision .hearingdate p.bg-mdb {
  background-color: #D5F5FE;
  padding: 4px 5px;
  border-radius: 5px;
  margin: 0px 5px;
}
.accordion .accordion-item .hearingSchedule .accordion-body .guestSection h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #303030;
}
.accordion .accordion-item .hearingSchedule .accordion-body .guestSection ul {
  list-style: none;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}
.accordion .accordion-item .hearingSchedule .accordion-body .guestSection ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #EFFCFF;
  padding: 11px 16px 11px 16px;
  border-radius: 10px;
  margin-right: 8px;
  margin-left: 8px;
  margin-bottom: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordion .accordion-item .hearingSchedule .accordion-body .guestSection ul li h5 {
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0px;
  margin-left: 6px;
  position: relative;
  margin-right: 24px;
  line-height: 14px;
}
.accordion .accordion-item .hearingSchedule .accordion-body .guestSection ul li h5:after {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #3EC0CD;
  border-radius: 10px;
  position: absolute;
  right: -14px;
  top: 6px;
}
.accordion .accordion-item .hearingSchedule .accordion-body .guestSection ul li span {
  font-size: 0.875rem;
}
.accordion .accordion-item .innAccBody {
  padding: 1rem 3rem 1rem 1.5rem;
}
.accordion .accordion-item .enfSection .enfSectionList {
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}
.accordion .accordion-item .enfSection .enfSectionList:last-child {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.accordion .accordion-item .enfSection .date {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  background: #fff;
  border-radius: 5px;
  padding: 0.5rem;
  display: inline-block;
  margin-bottom: 0.875rem;
}
.accordion .accordion-item .enfSection h5 {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  margin-bottom: 0.375rem;
}
.accordion .accordion-item .enfSection p {
  font-size: 0.875rem;
  font-weight: 300;
  color: #6a6a6a;
}
.accordion .accordion-item .accordion-item .accordion-button {
  padding-left: 62px !important;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.accordion .accordion-item .accordion-item .accordion-button:after {
  left: 0;
}
.accordion .accordion-item .accordion-item .date span {
  background: #d5f5fe;
  border: 0 !important;
}
.accordion .accordion-item .accordion-item .actions {
  padding-right: 0;
}
.accordion .accordion-item .accordion-item .attchBody {
  background: #effcff;
  padding: 1.5rem 1.75rem;
}
.accordion .accordion-item .accordion-item .attchBody h6, .accordion .accordion-item .accordion-item .attchBody h5 {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6a6a6a;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.accordion .accordion-item .accordion-item .claimValue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.75rem;
}
.accordion .accordion-item .accordion-item .claimValue .old {
  padding-right: 52px;
}
.accordion .accordion-item .accordion-item .claimValue p {
  font-size: 1.375rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 0;
}
.accordion .accordion-item .accordion-item .remedySought {
  margin-bottom: 1.5rem;
}
.accordion .accordion-item .accordion-item .remedySought p {
  font-size: 0.875rem;
  font-weight: 300;
  color: #303030;
}
.accordion .accordion-item .accordion-item .docList {
  margin-bottom: 2.25rem;
}
.accordion .accordion-item .accordion-item .docList ul li .btn {
  background: #fff !important;
}
.accordion .accordion-item .accordion-item .approveReject {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.accordion .accordion-item .accordion-item .approveReject li {
  padding-right: 1rem;
}
.accordion .accordion-item .accordion-item .approveReject li:last-child {
  padding-right: 0;
}
.accordion .accordion-item .accordion-item .approveReject li .btn {
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 5px;
  min-width: 98px;
  padding: 0.5rem 0.5rem;
}
.accordion.hearingScheduleaccordion .hearingScheduleFlex {
  position: relative;
}
.accordion.hearingScheduleaccordion .hearingScheduleFlex .accordion-button {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  padding: 24px 0px;
}
.accordion.hearingScheduleaccordion .hearingScheduleFlex .hearingScheduledetail {
  -ms-flex-preferred-size: 65%;
      flex-basis: 65%;
  padding-right: 145px;
  position: relative;
}
.accordion.hearingScheduleaccordion .hearingScheduleFlex .hearingScheduledetail .joinVideoCalendar {
  position: absolute;
  right: 0px;
  top: 0rem;
  width: 135px;
}
.accordion.hearingScheduleaccordion .hearingScheduleFlex .hearingScheduledetail .joinVideoCalendar ul {
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px;
  list-style: none;
}
.accordion.hearingScheduleaccordion .hearingScheduleFlex .hearingScheduledetail .joinVideoCalendar ul li {
  padding-right: 12px;
}
.accordion.hearingScheduleaccordion .hearingScheduleFlex .hearingScheduledetail .joinVideoCalendar ul li button {
  font-size: 22px;
  line-height: 22px;
}
.accordion.hearingScheduleaccordion .hearingScheduleFlex .hearingScheduledetail .joinVideoCalendar ul li button i {
  font-size: 22px;
  font-weight: 700;
}
.accordion.hearingScheduleaccordion .hearingScheduleFlex .hearingScheduledetail .joinVideoCalendar ul li button i.icon-teams {
  font-weight: 500;
}
.accordion.hearingScheduleaccordion .hearingScheduleFlex .hearingScheduledetail .joinVideoCalendar ul li.joinBtn button {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #080957;
  padding: 0px 9px;
  width: 75px;
}
.accordion.hearingScheduleaccordion .hearingScheduleFlex .hearingScheduledetail .joinVideoCalendar ul li.joinBtn button:hover {
  background-color: transparent;
  color: #303030;
}
.accordion.hearingScheduleaccordion .hearingScheduleFlex .hearingScheduledetail .joinVideoCalendar ul li.joinBtn button:disabled {
  opacity: 0.45;
}
.accordion.hearingScheduleaccordion .hearingScheduleFlex .hearingScheduledetail .joinVideoCalendar ul li.joinBtn button img {
  margin-right: 8px;
}
.accordion.hearingScheduleaccordion .hearingScheduleFlex .hearingScheduledetail .flexShrink {
  text-align: right;
}
.accordion.hearingScheduleaccordion .hearingScheduleFlex .hearingScheduledetail .flexShrink label {
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.accordion.hearingScheduleaccordion .hearingScheduleFlex .hearingScheduledetail .flexShrink span {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  border: 1px solid #000;
  border-radius: 5px;
  display: inline-block;
  padding: 0.25rem 0.625rem;
  width: 118px;
  text-align: center;
  margin: 0px 8px;
}
.accordion.hearingScheduleaccordion .hearingScheduleFlex .hearingScheduledetail .sheduleTimeformat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-top: 11px;
}
.accordion.hearingScheduleaccordion .hearingScheduleFlex .hearingScheduledetail .sheduleTimeformat i {
  color: #328CA6;
}
.accordion.mainAccordion {
  border-radius: 10px;
}
.accordion.mainAccordion .accordion-item {
  border-radius: 12px;
}
.accordion.mainAccordion .accordion-item .mainAccordionHeader {
  padding-left: 0px;
}
.accordion.mainAccordion .accordion-item .mainAccordionHeader .card-header {
  border: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordion.mainAccordion .accordion-item .mainAccordionHeader .card-header .accordion-button {
  padding-left: 20px;
}
.accordion.mainAccordion .accordion-item .mainAccordionHeader .card-header .accordion-button:after {
  display: none;
}
.accordion.mainAccordion .accordion-item .mainAccordionHeader .card-header .accordion-button .accordionarrow {
  position: absolute;
  left: -28px;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 1px solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.accordion.mainAccordion .accordion-item .mainAccordionHeader .card-header .accordion-button .accordionarrow:after {
  border-top: 9px solid black;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  width: 0;
  height: 0;
  background-color: transparent;
  border-radius: 0px;
  background-image: none;
  content: "";
  position: absolute;
  top: 10px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.accordion.mainAccordion .accordion-item .mainAccordionHeader .card-header .accordion-button h2:before {
  display: none;
}
.accordion.mainAccordion .accordion-item .mainAccordionHeader .card-header .accordion-button.collapsed .accordionarrow:after {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.accordion.mainAccordion .accordion-item .accordion-collapse {
  border-top: 1px solid #e4e4e4;
}
.accordion.mainAccordion .accordion-item .accordion-collapse .card-body .accordion .accordion-item .accordion-header {
  padding-left: 0px;
}
.accordion.mainAccordion .accordion-item .accordion-collapse .card-body .videoAccordion .accordion-header {
  padding-left: 0px;
  border-bottom: 1px solid #E4E4E4;
}
.accordion.mainAccordion .accordion-item .accordion-collapse .card-body .videoAccordion .accordion-header:last-child {
  border-bottom: 0px;
}
.accordion.mainAccordion .accordion-item .accordion-collapse .card-body .videoAccordion .accordion-header .accordion-button:after {
  display: none;
}
.accordion.mainAccordion .accordion-item .accordion-collapse .card-body .videoAccordion .accordion-header .accordion-button .iconTitle .videoThumb {
  border-radius: 5px;
  margin-right: 24px;
  position: relative;
}
.accordion.mainAccordion .accordion-item .accordion-collapse .card-body .videoAccordion .accordion-header .accordion-button .iconTitle .videoThumb img {
  border-radius: 5px;
  width: 100px;
  height: auto;
}
.accordion.mainAccordion .accordion-item .accordion-collapse .card-body .videoAccordion .accordion-header .accordion-button .iconTitle .videoThumb i {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  width: 34px;
  height: 34px;
  font-size: 12px;
}
.accordion.mainAccordion .accordion-item .accordion-collapse .card-body .videoAccordion .accordion-header .accordion-button .iconTitle .videoThumb.nopreview {
  width: 100px;
  background-color: #EBEBEB;
  border-radius: 5px;
  padding: 10px;
}
.accordion.mainAccordion .accordion-item .accordion-collapse .card-body .videoAccordion .accordion-header .accordion-button .iconTitle .videoThumb.nopreview img {
  width: 100%;
}
.accordion.mainAccordion .accordion-item .accordion-collapse .card-body .videoAccordion .accordion-header .accordion-button .iconTitle .videoThumb.nopreview i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.accordion.mainAccordion .accordion-item .accordion-collapse .card-body .videoAccordion .accordion-header .accordion-button .iconTitle .text {
  max-width: 340px;
}
.accordion.mainAccordion .accordion-item .accordion-collapse .card-body .videoAccordion .accordion-header .accordion-button .iconTitle .text h4 {
  margin-bottom: 5px;
}
.accordion.mainAccordion .accordion-item .accordion-collapse .card-body .videoAccordion .accordion-header .accordion-button .iconTitle .text p {
  color: #6A6A6A;
  font-size: 12px;
  font-weight: 500;
}
.accordion.mainAccordion .accordion-item .accordion-collapse .card-body .videoAccordion .accordion-header .accordion-button .iconTitle .text .notRecorded {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordion.mainAccordion .accordion-item .accordion-collapse .card-body .videoAccordion .accordion-header .accordion-button .iconTitle .text .notRecorded i {
  background-color: transparent;
  color: #FF6B00;
  width: auto;
  height: auto;
  font-size: 25px;
  margin-right: 4px;
}
.accordion.mainAccordion .accordion-item .accordion-collapse .card-body .videoAccordion .accordion-header .accordion-button .iconTitle .text .notRecorded i:before {
  width: auto;
  height: auto;
}
.accordion.mainAccordion .accordion-item .accordion-collapse .card-body .videoAccordion .accordion-header .accordion-button .iconTitle .text .notRecorded p {
  color: #FF6B00;
  margin: 0px;
  font-size: 14px;
}
.accordion.mainAccordion .accordion-item .accordion-collapse .card-body .videoAccordion .accordion-header .accordion-button .iconTitle .text.notRecordedText {
  max-width: 340px;
}

.accordionWillParty .accordion.accordionNoticeparty {
  --bs-accordion-bg: transparent;
}
.accordionWillParty .accordion.accordionNoticeparty .accordion-item .accordion-header {
  padding-left: 0px;
}
.accordionWillParty .accordion .accordion-item {
  border-bottom: 1px solid #e4e4e4;
}
.accordionWillParty .accordion > *:last-child .accordion-item:last-child {
  border-bottom: 0;
}

@media (max-width: 991.98px) {
  .accordion .accordion-item .accordion-header {
    margin-left: 3.125rem;
    display: block;
    padding-bottom: 1rem;
  }
  .accordion .accordion-item .accordion-header .flexShrink {
    padding-top: 0.5rem;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .detailsRow .detailsLeft {
    width: 200px;
  }
  .detailsRow .detailsLeft .collapsefullsection li .btn {
    padding: 5px 15px;
    font-size: 12px;
    padding-left: 30px;
  }
  .detailsRow .detailsLeft .collapsefullsection i {
    top: 9px;
  }
  .detailsRow .detailsRight {
    padding-left: 1.5rem;
  }
}
@media (max-width: 1199.98px) {
  .detailsRow .detailsLeft {
    display: none;
  }
  .detailsRow .detailsRight {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
}
@media (max-width: 991.98px) {
  .detailsRow {
    padding-top: 1.5rem;
  }
}
@media (max-width: 767.98px) {
  .detailsRow .card .card-header {
    padding-left: 2.5rem;
  }
  .detailsRow .card .card-header h2:before {
    left: -1.5rem;
  }
  .detailsRow .card.enforcementDetails .card-body {
    padding-left: 4rem;
  }
}
.claimValue-history .modal-dialog {
  max-width: 406px;
}
.claimValue-history .modal-header {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.claimValue-history .modal-body {
  padding-top: 0;
  padding-bottom: 0;
}
.claimValue-history h4 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
  color: #303030;
}
.claimValue-history .claimValueList {
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
  padding-top: 1rem;
  padding-bottom: 1rem;
  max-height: 224px;
  overflow-y: auto;
}
.claimValue-history .claimValueList::-webkit-scrollbar {
  width: 5px;
}
.claimValue-history .claimValueList::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.claimValue-history .claimValueList::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
.claimValue-history .claimValueList::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.claimValue-history .valueDetailsrow {
  background: #E4FDFF;
  padding: 10px 15px;
  border-radius: 5px;
  margin-bottom: 13px;
}
.claimValue-history .valueDetailsrow:nth-last-child(1) {
  margin-bottom: 0;
}
.claimValue-history .valueDetailsrow label {
  color: #6C6C6C;
  font-size: 12px;
  font-weight: 500;
}
.claimValue-history .valueDetailsrow h6 {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
.claimValue-history .btn-ok {
  background: #143293 !important;
  color: #fff !important;
  padding: 10px 40px;
  font-size: 14px;
  font-weight: 500;
}

.calendarWrap .selectDate {
  max-width: 274px;
}
.calendarWrap .calendarWeekWrap {
  max-width: 500px;
}
.calendarWrap .weekdayList h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 1rem;
}
.calendarWrap .weekdayList .checkColList {
  margin-bottom: 0.5rem;
}
.calendarWrap .weekdayList .checkColList li .form-check-label {
  background: #d0fdf5;
}
.calendarWrap .weekdayList .checkColList li .form-check-input:checked + .form-check-label {
  background: #fdd6d6;
}
.calendarWrap .calendarCol {
  padding-bottom: 0.875rem;
  position: relative;
}
.calendarWrap .calendarCol .k-calendar {
  border: 0;
  display: block;
}
.calendarWrap .calendarCol .k-calendar *,
.calendarWrap .calendarCol .k-calendar *::before,
.calendarWrap .calendarCol .k-calendar *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.calendarWrap .calendarCol .k-calendar .k-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border: 0;
  background: none;
  padding-bottom: 0.75rem;
}
.calendarWrap .calendarCol .k-calendar .k-header .k-nav-fast {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  text-align: left;
  display: block;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  font-size: 1.5rem;
  font-weight: 500;
  color: #000;
  padding: 0;
}
.calendarWrap .calendarCol .k-calendar .k-header .k-nav-fast:before, .calendarWrap .calendarCol .k-calendar .k-header .k-nav-fast:after {
  display: none !important;
}
.calendarWrap .calendarCol .k-calendar .k-header .k-nav-prev, .calendarWrap .calendarCol .k-calendar .k-header .k-nav-next {
  display: block;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
}
.calendarWrap .calendarCol .k-calendar .k-header .k-nav-prev:before, .calendarWrap .calendarCol .k-calendar .k-header .k-nav-prev:after, .calendarWrap .calendarCol .k-calendar .k-header .k-nav-next:before, .calendarWrap .calendarCol .k-calendar .k-header .k-nav-next:after {
  display: none !important;
}
.calendarWrap .calendarCol .k-calendar .k-header .k-nav-prev .k-icon, .calendarWrap .calendarCol .k-calendar .k-header .k-nav-next .k-icon {
  display: block;
  width: 34px;
  height: 34px;
}
.calendarWrap .calendarCol .k-calendar .k-header .k-nav-prev .k-icon:before, .calendarWrap .calendarCol .k-calendar .k-header .k-nav-next .k-icon:before {
  display: block;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  font-family: "icomoon";
  font-weight: normal;
}
.calendarWrap .calendarCol .k-calendar .k-header .k-nav-prev {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.calendarWrap .calendarCol .k-calendar .k-header .k-nav-prev .k-icon:before {
  content: "\e901";
}
.calendarWrap .calendarCol .k-calendar .k-header .k-nav-next {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.calendarWrap .calendarCol .k-calendar .k-header .k-nav-next .k-icon:before {
  content: "\e902";
}
.calendarWrap .calendarCol .k-calendar .k-calendar-monthview {
  padding: 0;
  width: 100%;
  height: auto;
}
.calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-thead tr th {
  font-size: 1rem;
  font-weight: 600;
  color: #000;
  border-bottom: 1px solid #000;
}
.calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr:first-child td {
  padding-top: 20px;
}
.calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td {
  font-size: 1rem;
  font-weight: 600;
  color: #303030;
  border-radius: 0;
  border-bottom: 1px solid #eaeaea;
}
.calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td:hover .k-link .normalday {
  background: #fff;
}
.calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td .k-link:hover .normalday {
  background: #fdd6d6;
  color: #303030;
}
.calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td.k-focus .k-link, .calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td.k-hover .k-link {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td.k-other-month {
  opacity: 0.6;
}
.calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td.k-selected .k-link {
  background: #0a1f62;
  color: #fff;
}
.calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td.k-selected .k-link .normalday {
  background: #fdd6d6;
  color: #303030;
}
.calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td.k-today .k-link, .calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td.k-selected .k-link {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
}
.calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td.k-today .k-link {
  color: #e82f2f;
}
.calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td.k-today .k-link .normalday {
  background: #0a1f62 !important;
  color: #fff;
}
.calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td.k-disabled {
  opacity: 1;
}
.calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td.k-disabled .k-link .normalday {
  background: #fdd6d6;
}
.calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td.k-disabled.k-other-month {
  opacity: 0.6;
}
.calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td .k-link {
  padding: 0;
  border-radius: 0;
  width: 38px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td .k-link div {
  display: block;
  width: 38px;
  text-align: center;
}
.calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td .k-link div.normalday {
  height: 48px;
  line-height: 48px;
}
.calendarWrap .calendarCol .k-calendar .k-calendar-monthview .k-month .k-calendar-tbody tr td.k-calendar-td .k-link div.holiday {
  height: 38px;
  line-height: 38px;
  background: #e82f2f;
  color: #fff;
  border-radius: 40px;
}
.calendarWrap .calendarCol .k-calendar .k-footer {
  padding: 0.75rem 0rem;
}
.calendarWrap .calendarCol .k-calendar .k-footer .k-link {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  text-decoration: none;
}
.calendarWrap .calendarCol .k-calendar .k-footer .k-link:hover {
  color: #0a1f62;
}
.calendarWrap .calendarCol .saveCancel {
  text-align: left;
  padding-top: 1.75rem;
}
.calendarWrap .bdl {
  border-left: 1px solid #e6e6e6;
}
.calendarWrap .holidayList {
  padding-left: 1rem;
}
.calendarWrap .holidayList h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 1.5rem;
}
.calendarWrap .holidayList .table thead tr th {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6a6a6a;
  text-transform: uppercase;
  background: #eff2f9;
  padding: 0.5rem 1.5rem;
  border: 0;
}
.calendarWrap .holidayList .table thead tr th:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.calendarWrap .holidayList .table thead tr th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.calendarWrap .holidayList .table tbody tr:first-child td {
  border-top: 0;
}
.calendarWrap .holidayList .table tbody tr:hover td {
  background: #d5f5fe;
  border-top-color: #d5f5fe;
}
.calendarWrap .holidayList .table tbody tr:hover td:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.calendarWrap .holidayList .table tbody tr:hover td:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.calendarWrap .holidayList .table tbody tr:hover td .date {
  background: #fff;
}
.calendarWrap .holidayList .table tbody tr:hover + tr td {
  border-top-color: transparent;
}
.calendarWrap .holidayList .table tbody tr td {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  border-top: 1px solid #e0e0e0;
  border-bottom: 0;
  vertical-align: middle;
  padding: 1rem 1.5rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.calendarWrap .holidayList .table tbody tr td .date {
  background: #fdd6d6;
  padding: 0.25rem 0.5rem;
  border-radius: 5px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.calendarWrap .holidayList .table tbody tr .btnClose {
  width: 26px;
  height: 26px;
  display: block;
  background-size: 12px;
}
.calendarWrap .holidayList .table tbody tr .btnClose:not(:hover) {
  opacity: 0.8;
}
.calendarWrap .holidayList .table tbody tr .removeBtn {
  text-decoration: none;
  font-weight: normal;
  font-size: 0.75rem;
  width: 26px;
  height: 26px;
  display: block;
  color: #898989;
}
.calendarWrap .holidayList .table tbody tr .removeBtn .icon, .calendarWrap .holidayList .table tbody tr .removeBtn .icon:before {
  display: block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
}

.sessionOut {
  background: #f1f4f8;
}
.sessionOut .seOutContainer {
  padding-top: 2rem;
  padding-bottom: 70px;
  background-image: url("../images/shadow.png");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.sessionOut .whiteBg {
  padding: 4rem 2rem;
  background: #fff;
  border-radius: 20px;
  text-align: center;
  max-width: 888px;
}
.sessionOut .logo {
  margin-bottom: 2.5rem;
}
.sessionOut .logo img {
  max-width: 100%;
  margin-bottom: 100px;
}
.sessionOut h1 {
  font-size: 46px;
  font-weight: 500;
  color: #303030;
  margin-bottom: 0.625rem;
}
.sessionOut p {
  font-size: 16px;
  font-weight: 400;
  color: #303030;
  margin-bottom: 2.5rem;
}
.sessionOut p b {
  font-weight: 600;
}
.sessionOut .btn {
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 5px;
  padding: 11px 32px;
}

.otpVerify {
  max-width: 546px;
  margin: 0 auto;
  border: 1px solid #dedede;
  padding: 2.5rem;
  border-radius: 10px;
  text-align: center;
}
.otpVerify .icon {
  font-size: 3rem;
  color: #0a1f62;
  display: block;
  margin-bottom: 1.5rem;
}
.otpVerify h2 {
  font-size: 1.375rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 1.5rem;
}
.otpVerify .inputsWrap {
  max-width: 440px;
  margin-bottom: 2.5rem;
}
.otpVerify .inputsWrap p {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
  text-align: left;
}
.otpVerify .inputsWrap p a {
  color: #0a1f62;
  text-decoration: underline;
}
.otpVerify .inputsWrap p a:hover {
  text-decoration: none;
}
.otpVerify .inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1.5rem;
}
.otpVerify .inputs .form-control {
  font-size: 1.25rem;
  font-weight: 600;
  color: #333;
  width: 60px;
  height: 60px;
  margin-right: 1rem;
  text-align: center;
  border: 1px solid #dedede;
}
.otpVerify .inputs .form-control:focus {
  border-color: #000;
}
.otpVerify .inputs .form-control:last-child {
  margin-right: 0;
}
.otpVerify .btn {
  font-size: 0.875rem;
  font-weight: 500;
  width: 144px;
  border-radius: 5px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (max-width: 575.98px) {
  .otpVerify {
    padding: 2rem 1rem;
  }
  .otpVerify .inputs .form-control {
    width: 48px;
    height: 48px;
    margin-right: 0.125rem;
  }
}
.offcanvas .offcanvas-header h6 {
  font-size: 1.375rem;
  font-weight: 600;
  color: #303030;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .offcanvas .offcanvas-header {
    padding: 2rem;
    padding-bottom: 1.5rem;
  }
  .offcanvas .offcanvas-body {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.activCanvas .accordion .accordion-item {
  border: 0;
}
.activCanvas .accordion .accordion-item .accordion-header {
  padding-left: 0px;
}
.activCanvas .accordion .accordion-item .accordion-button {
  padding-left: 0;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-radius: 0;
  position: relative;
}
.activCanvas .accordion .accordion-item .accordion-button:after {
  left: 0;
  z-index: 2;
}
.activCanvas .accordion .accordion-item .accordion-button:before {
  position: absolute;
  content: "";
  background: #e4e4e4;
  width: 100%;
  height: 1px;
  top: 50%;
}
.activCanvas .accordion .accordion-item .accordion-button .dayDate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 56px;
  padding-right: 1rem;
  background: #fff;
  position: relative;
  z-index: 1;
}
.activCanvas .accordion .accordion-item .accordion-button .dayDate .date {
  font-size: 0.875rem;
  font-weight: 400;
  color: #303030;
  border: 1px solid #000;
  border-radius: 5px;
  display: block;
  padding: 0.25rem 0.625rem;
  width: 116px;
  text-align: center;
  margin-right: 1rem;
}
.activCanvas .accordion .accordion-item .accordion-button .dayDate .day {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6a6a6a;
  text-transform: uppercase;
  display: block;
}
.activCanvas .accordion .accordion-item .accordion-body {
  border: 0;
  padding: 1.25rem 1rem;
  padding-left: 56px;
}
.activCanvas .accordion .accordion-item ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.activCanvas .accordion .accordion-item ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin-bottom: 1rem;
}
.activCanvas .accordion .accordion-item ul li .time {
  font-size: 0.875rem;
  font-weight: 500;
  color: #6a6a6a;
  width: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 1.125rem;
  position: relative;
  padding-left: 1.5rem;
}
.activCanvas .accordion .accordion-item ul li .time:before {
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  font-family: "icomoon";
  content: "\e9a6";
  font-size: 1.125rem;
  color: #328ca6;
  font-weight: normal;
  line-height: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.activCanvas .accordion .accordion-item ul li p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #303030;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 0;
}
.activCanvas .accordion .accordion-item ul li p .by {
  padding: 0.125rem 0.625rem;
  border-radius: 5px;
  display: inline-block;
  background: #d5f5fe;
  margin-bottom: 4px;
}
@media (max-width: 991.98px) {
  .activCanvas .accordion .accordion-item .accordion-header {
    margin-left: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  .activCanvas .accordion .accordion-item .accordion-button .dayDate {
    padding-left: 2.5rem;
  }
  .activCanvas .accordion .accordion-item .accordion-body {
    padding-left: 2.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .activCanvas .accordion .accordion-item ul li {
    display: block;
    margin-bottom: 1.5rem;
  }
  .activCanvas .accordion .accordion-item ul li .time {
    margin-right: 0;
    margin-bottom: 0.5rem;
    display: block;
  }
}
@media (min-width: 576px) {
  .offcanvasHalfScreen {
    width: 500px !important;
  }
  .offcanvasMD {
    width: 500px !important;
  }
  .offcanvasHistory {
    width: 500px !important;
  }
}
@media (min-width: 768px) {
  .offcanvasHalfScreen {
    width: 600px !important;
  }
}
@media (min-width: 992px) {
  .offcanvasHalfScreen {
    width: 700px !important;
  }
  .offcanvasHistory {
    width: 700px !important;
  }
}
@media (min-width: 1200px) {
  .offcanvasHalfScreen {
    width: 50vw !important;
  }
}
.addDecision {
  border-left: 0 !important;
}
.addDecision .offcanvas-header {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}
.addDecision .form-floating {
  margin-bottom: 1rem;
}
.addDecision .form-floating .form-control-label {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
}
.addDecision .form-floating .form-control, .addDecision .form-floating .form-select {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
  border-color: #dedede;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 5px;
}
.addDecision .form-floating textarea.form-control {
  resize: none;
}
.addDecision .offcanvas-body {
  padding-bottom: 2rem;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}
.addDecision .form-group .decimal {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
}
.addDecision .btnWrap {
  padding-top: 0.5rem;
}
.addDecision .btn {
  width: 100%;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 5px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.addDecision .invoiceDetails {
  padding-left: 0;
  margin-bottom: 2rem;
  list-style: none;
}
.addDecision .invoiceDetails li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
  padding-right: 0 !important;
}
.addDecision .invoiceDetails li .icon {
  font-size: 1.625rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 1.125rem;
}
.addDecision .invoiceDetails li .data {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.addDecision .invoiceDetails li .data label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6a6a6a;
  display: block;
}
.addDecision .invoiceDetails li .data p {
  font-size: 1.125rem;
  font-weight: 500;
  color: #303030;
  margin-bottom: 0;
}
.addDecision .modal-footer .buttonWrap {
  width: 100%;
  padding: 0px;
}
.addDecision .modal-footer .buttonWrap .btn {
  background-color: #0a1f62;
}

.alertMsg {
  position: fixed;
  text-align: center;
  padding: 0.4375rem 2rem;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1039;
  top: auto;
}
.alertMsg.alertSuccess {
  background: #12a583;
}
.alertMsg.alertError {
  background: #b5193e;
}
.alertMsg.alertWarning {
  background: #ef942a;
}
.alertMsg .btn-close {
  width: 16px;
  height: 16px;
  display: block;
  font-size: 0.875rem;
  opacity: 1;
  position: absolute;
  right: 3rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.alertMsg h4 {
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  margin-bottom: 0;
  line-height: 1.5;
}

@media (max-width: 991.98px) {
  .alertMsg .btn-close {
    right: 0.25rem;
  }
}
.timesheetAcrdn .tsacHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #eff2f9;
  border-radius: 5px;
  padding-left: 80px;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #6a6a6a;
}
.timesheetAcrdn .tsacHead .cols {
  padding: 0.4375rem 0;
}
.timesheetAcrdn .tsacHead .monthCol {
  width: 190px;
}
.timesheetAcrdn .accordion .accordion-item {
  border-bottom-color: #e0e0e0;
}
.timesheetAcrdn .accordion .accordion-item .accordion-header {
  padding-right: 1rem;
  padding-left: 0px;
}
.timesheetAcrdn .accordion .accordion-item .accordion-button {
  padding: 1rem;
  padding-left: 80px;
}
.timesheetAcrdn .accordion .accordion-item .accordion-button:after {
  left: 26px;
}
.timesheetAcrdn .accordion .accordion-item .accordion-button:not(.collapsed) .month {
  color: #0a1f62;
}
.timesheetAcrdn .accordion .accordion-item .accordion-body {
  background: #effcff;
  padding: 1.5rem;
}
.timesheetAcrdn .accordion .accordion-item table thead tr th {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  background: #d5f5fe;
  border: 0;
  padding: 0.4375rem 1rem;
  white-space: nowrap;
  border-radius: 0 !important;
  text-transform: none;
}
.timesheetAcrdn .accordion .accordion-item table tbody {
  --bs-table-stripedBg: #effcff;
}
.timesheetAcrdn .accordion .accordion-item table tbody tr td {
  font-size: 0.875rem;
  font-weight: 400;
  color: #303030;
  border: 0 !important;
  padding: 0.4375rem 1rem;
  border-radius: 0 !important;
}
.timesheetAcrdn .accordion .accordion-item table tbody tr:nth-of-type(odd) td {
  --bs-table-accent-bg: var(--bs-table-stripedBg) !important;
  background: #effcff !important;
}
.timesheetAcrdn .accordion .accordion-item table tbody tr:nth-of-type(even) td {
  background: #fff !important;
}
.timesheetAcrdn .accordion .accordion-item .k-pager-wrap {
  background-color: #effcff;
}
.timesheetAcrdn .monthHrs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.timesheetAcrdn .monthHrs .month {
  width: 190px;
  font-size: 1rem;
  font-weight: 500;
  color: #303030;
}
.timesheetAcrdn .monthHrs .hoursRow ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.timesheetAcrdn .monthHrs .hoursRow ul li {
  padding-right: 1rem;
}
.timesheetAcrdn .monthHrs .hoursRow ul li:last-child {
  padding-right: 0;
}
.timesheetAcrdn .monthHrs .hoursRow ul .hour, .timesheetAcrdn .monthHrs .hoursRow ul .aed {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  padding: 0.375rem 0.5rem;
  border-radius: 5px;
  display: block;
}
.timesheetAcrdn .monthHrs .hoursRow ul .hour {
  background: #d0fdf5;
}
.timesheetAcrdn .monthHrs .hoursRow ul .aed {
  background: #fde6d0;
}
.timesheetAcrdn .monthHrs .hoursRow ul .subDate {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.timesheetAcrdn .monthHrs .hoursRow ul .subDate label {
  display: block;
  margin-right: 0.5rem;
  cursor: pointer;
}
.timesheetAcrdn .monthHrs .hoursRow ul .subDate span {
  background: #d5f5fe;
  padding: 0.375rem 0.5rem;
  border-radius: 5px;
  display: block;
}
.timesheetAcrdn .rightCtrl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.timesheetAcrdn .rightCtrl li {
  padding-right: 0.75rem;
}
.timesheetAcrdn .rightCtrl li:last-child {
  padding-right: 0;
}
.timesheetAcrdn .rightCtrl li .btn {
  min-width: 98px;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.5625rem 1rem;
}
.timesheetAcrdn .rightCtrl li .btnToggle {
  min-width: inherit;
}
.timesheetAcrdn .rightCtrl li .btnToggle:hover, .timesheetAcrdn .rightCtrl li .btnToggle:focus {
  background: #0a1f62;
  color: #fff;
}
.timesheetAcrdn .acrdnFtr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.timesheetAcrdn .acrdnFtr .ftrCtrl ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.timesheetAcrdn .acrdnFtr .ftrCtrl ul li {
  padding-right: 1rem;
}
.timesheetAcrdn .acrdnFtr .ftrCtrl ul li:last-child {
  padding-right: 0;
}
.timesheetAcrdn .acrdnFtr .ftrCtrl ul li .btn {
  min-width: 98px;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.5625rem 1rem;
}
.timesheetAcrdn .acrdnFtr .ftrDownload .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  color: #303030;
  padding: 0.5625rem 1rem;
}
.timesheetAcrdn .acrdnFtr .ftrDownload .btn:hover {
  background: #000;
  color: #fff;
}
.timesheetAcrdn .acrdnFtr .ftrDownload .btn .icon {
  padding-right: 0.875rem;
}
.timesheetAcrdn .acrdnFtr .ftrDownload .btn span {
  font-weight: 500;
}

.usersListWrap {
  background: #eff2f9;
  padding: 1.5rem;
  border-radius: 10px;
}
.usersListWrap h6 {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
  margin-bottom: 0.5rem;
}
.usersListWrap .users {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.usersListWrap .users .usersList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #e0e0e0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 1rem 1.125rem;
}
.usersListWrap .users .usersList:first-child {
  border-top: 1px solid transparent;
}
.usersListWrap .users .usersList:hover {
  border-top: 1px solid transparent;
  background: #fff;
  border-radius: 10px;
}
.usersListWrap .users .usersList:hover + li {
  border-top: 1px solid transparent;
}
.usersListWrap .users .usersList:hover .btn {
  background: #0a1f62;
  color: #fff;
}
.usersListWrap .users .usersList .userPic {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 1.25rem;
}
.usersListWrap .users .usersList .userPic .icon {
  font-size: 2.125rem;
  display: block;
  color: #303030;
}
.usersListWrap .users .usersList .userPic img {
  width: 34px;
  height: 34px;
  -o-object-fit: cover;
     object-fit: cover;
}
.usersListWrap .users .usersList .userData {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  padding-right: 1.5rem;
}
.usersListWrap .users .usersList .userData .name {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.usersListWrap .users .usersList .userData .email {
  font-size: 0.875rem;
  font-weight: 400;
  color: #898989;
  display: block;
}
.usersListWrap .users .usersList .selectBtn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.usersListWrap .users .usersList .selectBtn ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.usersListWrap .users .usersList .selectBtn ul li.stats {
  padding-right: 2.25rem;
}
.usersListWrap .users .usersList .selectBtn ul .status {
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 5px;
  padding: 0.3125rem 0.625rem;
  color: #303030;
  display: inline-block;
}
.usersListWrap .users .usersList .selectBtn ul .status.pending {
  background: #fce19b;
}
.usersListWrap .users .usersList .selectBtn ul .btn {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.125rem 0.9375rem;
  border-radius: 5px;
  display: block;
}

@media (max-width: 767.98px) {
  .usersListWrap .users .usersList {
    padding: 0.75rem;
  }
  .usersListWrap .users .usersList .userPic {
    margin-right: 0.75rem;
  }
  .usersListWrap .users .usersList .selectBtn ul li.stats {
    padding-right: 0.5rem;
  }
}
.dialog-scroll-container .dialog-container {
  min-height: inherit;
}
.dialog-scroll-container .dialog-container .dialog-header {
  border: 0;
  padding: 2.5rem 2.5rem 0.5rem !important;
}
.dialog-scroll-container .dialog-container .dialog-header .dialog-title .confirm-title {
  font-size: 1.125rem;
  font-weight: 400;
  color: #303030 !important;
}
.dialog-scroll-container .dialog-container .dialog-body {
  padding: 0rem 2.5rem 0.5rem;
}
.dialog-scroll-container .dialog-container .dialog-body p {
  font-size: 1.375rem;
  font-weight: 500;
  color: #303030;
}
.dialog-scroll-container .dialog-container .dialog-body .walletLink {
  margin-bottom: 15px;
}
.dialog-scroll-container .dialog-container .dialog-body .walletLink .walletFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  border: 1px solid #898989;
}
.dialog-scroll-container .dialog-container .dialog-body .walletLink .walletFlex input {
  border: 0;
}
.dialog-scroll-container .dialog-container .dialog-body .walletLink .walletFlex button {
  background-color: #eee;
}
.dialog-scroll-container .dialog-container .dialog-body .walletLink .walletFlex button:hover {
  background-color: #0a1f62;
}
.dialog-scroll-container .dialog-container .dialog-body .walletLink .walletFlex button:hover i {
  color: #fff;
}
.dialog-scroll-container .dialog-container .dialog-footer {
  position: relative;
  padding: 0 2.5rem 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dialog-scroll-container .dialog-container .dialog-footer label {
  display: block;
}
.dialog-scroll-container .dialog-container .dialog-footer .dialog-button {
  font-size: 0.875rem;
  font-weight: 500;
  float: none;
  width: 140px;
  border-radius: 5px;
}
.dialog-scroll-container .dialog-container .dialog-footer .dialog-button.grey-button {
  background: #fff;
  color: #080957;
  margin-right: 0;
  border: 1px solid #080957;
}
.dialog-scroll-container .dialog-container .dialog-footer .dialog-button.grey-button:hover {
  color: #303030;
}
.dialog-scroll-container .dialog-container .dialog-footer .dialog-button + .dialog-button {
  margin-left: 0.25rem;
}

@media (max-width: 767.98px) {
  .dialog-scroll-container .dialog-container .dialog-header {
    padding: 1.5rem 1.5rem 0.5rem !important;
  }
  .dialog-scroll-container .dialog-container .dialog-body {
    padding: 0rem 1.5rem 0.5rem;
  }
  .dialog-scroll-container .dialog-container .dialog-footer {
    padding: 0 1.5rem 1.5rem;
  }
}
.paymentWrap h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #1b202d;
  margin-bottom: 1.5rem;
}
.paymentWrap .address {
  margin-bottom: 2.5rem;
}
.paymentWrap .address h4 {
  font-size: 1.5rem;
  font-weight: 500;
  color: #1b202d;
  margin-bottom: 0.5rem;
}
.paymentWrap .address p {
  font-size: 0.875rem;
  font-weight: 300;
  color: #1b202d;
}
.paymentWrap .invoice h3 {
  font-size: 1.5rem;
  font-weight: 500;
  color: #1b202d;
  border-bottom: 1px solid #dadadb;
  padding-bottom: 0.875rem;
  margin-bottom: 2.5rem;
  position: relative;
}
.paymentWrap .invoice h3:before {
  position: absolute;
  content: "";
  width: 50%;
  height: 1px;
  background: #494a53;
  left: 0;
  bottom: -1px;
}
.paymentWrap .invoice .invoiceData {
  margin-bottom: 3.25rem;
}
.paymentWrap .invoice .invoiceData .invoiceDataCol {
  margin-bottom: 3rem;
}
.paymentWrap .invoice .invoiceData .data {
  font-size: 1.5rem;
  font-weight: 500;
  color: #1b202d;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.paymentWrap .invoice .invoiceData .label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #494a53;
  text-transform: uppercase;
  display: block;
}
.paymentWrap .invoice .invoiceData p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #1b202d;
  margin-bottom: 0.5rem;
}
.paymentWrap .invoice .description {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.paymentWrap .invoice .description li {
  margin-bottom: 1.5rem;
}
.paymentWrap .invoice .description li h5 {
  font-size: 1.125rem;
  font-weight: 500;
  color: #1b202d;
  margin-bottom: 0.5rem;
}
.paymentWrap .invoice .description li p {
  font-size: 0.875rem;
  font-weight: 300;
  color: #1b202d;
}
.paymentWrap .paymentRight {
  background: #f3fbfc;
  border: 2px solid #3ec0cd;
  border-radius: 10px;
  padding: 1.5rem 2.5rem 2.5rem;
}
.paymentWrap .paymentRight .invoiceAmount {
  text-align: center;
  margin-bottom: 1.5rem;
}
.paymentWrap .paymentRight .invoiceAmount .icon {
  width: 102px;
  height: 102px;
  font-size: 2.875rem;
  color: #fff;
  background: #3ec0cd;
  padding: 1.75rem;
  display: inline-block;
  margin-bottom: 1.5rem;
  border-radius: 50%;
}
.paymentWrap .paymentRight .invoiceAmount h4 {
  font-size: 2rem;
  font-weight: 500;
  color: #1b202d;
  margin-bottom: 0.5rem;
}
.paymentWrap .paymentRight .invoiceAmount p {
  font-size: 1rem;
  font-weight: 500;
  color: #1b202d;
}
.paymentWrap .paymentRight .invoiceAmount span {
  font-size: 0.875rem;
  font-weight: 300;
  color: #1b202d;
  text-transform: uppercase;
  display: block;
}
.paymentWrap .paymentRight .invoiceAmount.invoiceTotal .amountFee {
  border-bottom: 1px solid #3EC0CD;
  margin-bottom: 16px;
  padding: 16px 0px 0px;
}
.paymentWrap .paymentRight .invoiceAmount.invoiceTotal .amountFee h5 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 24px;
}
.paymentWrap .paymentRight .invoiceAmount.invoiceTotal .amountFee h6 {
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  width: 190px;
  line-height: 20px;
}
.paymentWrap .paymentRight .table-responsive {
  border-top: 1px solid #3ec0cd;
  padding-top: 1rem;
}
.paymentWrap .paymentRight .table-responsive .table tbody tr td {
  font-size: 0.875rem;
  font-weight: 300;
  color: #1b202d;
  border: 0;
}
.paymentWrap .paymentRight .table-responsive .table tbody tr th {
  font-size: 1.125rem;
  font-weight: 500;
  color: #1b202d;
  border: 0;
  text-align: right;
}
.paymentWrap .paymentRight .btns {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.paymentWrap .paymentRight .btns li + li {
  padding-top: 0.875rem;
}
.paymentWrap .paymentRight .btns li .btn {
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  display: block;
  width: 100%;
  padding: 0.75rem 1rem;
}

@media (max-width: 1199.98px) {
  .paymentWrap h2 {
    font-size: 2rem;
  }
  .paymentWrap .invoice h3 {
    font-size: 1.25rem;
  }
  .paymentWrap .invoice .invoiceData .data {
    font-size: 1.25rem;
  }
  .paymentWrap .paymentRight {
    padding: 1.5rem 1.5rem 2.5rem;
  }
  .paymentWrap .paymentRight .invoiceAmount h4 {
    font-size: 1.5rem;
  }
}
.docPreviewWrap .docPreviewLft {
  padding: 4.375rem 5rem;
  max-width: 546px;
}
@media (max-width: 1399.98px) {
  .docPreviewWrap .docPreviewLft {
    max-width: 450px;
  }
}
.docPreviewWrap .docPreviewLft .docLftCol {
  margin-bottom: 2rem;
}
.docPreviewWrap .docPreviewLft .docLftCol .brand {
  margin-bottom: 2.5rem;
}
.docPreviewWrap .docPreviewLft .docLftCol h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #1b202d;
  margin-bottom: 0.875rem;
}
.docPreviewWrap .docPreviewLft .docLftCol p {
  font-size: 1rem;
  font-weight: 300;
  color: #1b202d;
  margin-bottom: 1.5rem;
}
.docPreviewWrap .docPreviewLft .docLftCol .btn {
  width: 100%;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  padding: 0.875rem 1.5rem;
}
.docPreviewWrap .docPreviewLft .docLftCol .bottomList {
  padding-left: 0px;
}
.docPreviewWrap .docPreviewLft .docLftCol .bottomList .form-check {
  margin-bottom: 16px;
}
.docPreviewWrap .docPreviewLft .docLftCol .bottomList .form-check label {
  font-size: 14px;
  font-weight: 400;
}
.docPreviewWrap .docPreviewLft .docLftCol .clsParty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #F8F8F8;
  border-radius: 20px;
  padding: 15px;
  margin-bottom: 12px;
}
.docPreviewWrap .docPreviewLft .docLftCol .clsParty .clsPartyAccount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 75%;
}
.docPreviewWrap .docPreviewLft .docLftCol .clsParty .clsPartyAccount .partynameandDetail {
  overflow: hidden;
}
.docPreviewWrap .docPreviewLft .docLftCol .clsParty .clsPartyAccount i {
  width: 46px;
  height: 46px;
  background-color: #5D5D5D;
  color: #fff;
  border-radius: 70px;
  font-size: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.docPreviewWrap .docPreviewLft .docLftCol .clsParty .clsPartyAccount h4 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 5px;
}
.docPreviewWrap .docPreviewLft .docLftCol .clsParty .clsPartyAccount h5 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  margin: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.docPreviewWrap .docPreviewLft .docLftCol .clsParty .clasPartyStatusIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 25%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.docPreviewWrap .docPreviewLft .docLftCol .clsParty .clasPartyStatusIcon i {
  font-size: 34px;
}
.docPreviewWrap .docPreviewLft .docLftCol .clsParty .clasPartyStatusIcon i.icon-livenesspending {
  color: #969696;
  font-size: 28px;
}
.docPreviewWrap .docPreviewLft .docLftCol .clsParty .clasPartyStatusIcon i.icon-kycpending {
  color: #969696;
}
.docPreviewWrap .docPreviewLft .docLftCol .clsParty .clasPartyStatusIcon i.icon-livenessskipped {
  color: #F18D31;
  font-size: 28px;
}
.docPreviewWrap .docPreviewLft .docLftCol .clsParty .clasPartyStatusIcon i.icon-kycskipped {
  color: #F18D31;
}
.docPreviewWrap .docPreviewLft .docLftCol .clsParty .clasPartyStatusIcon i.icon-livenessnotchecked {
  color: #D43836;
  font-size: 28px;
}
.docPreviewWrap .docPreviewLft .docLftCol .clsParty .clasPartyStatusIcon i.icon-kycnotverified {
  color: #D43836;
}
.docPreviewWrap .docPreviewLft .docLftCol .clsParty .clasPartyStatusIcon i.icon-livenesschecked {
  color: #299A6B;
  font-size: 28px;
}
.docPreviewWrap .docPreviewLft .docLftCol .clsParty .clasPartyStatusIcon i.icon-kycverified {
  color: #299A6B;
}
.docPreviewWrap .docPreviewLft .qrCodeWrap .qrCode {
  margin-bottom: 1rem;
}
.docPreviewWrap .docPreviewLft .qrCodeWrap .qrCode img {
  max-width: 200px;
}
.docPreviewWrap .docPreviewLft .qrCodeWrap p {
  font-size: 1rem;
  font-weight: 300;
  color: #1b202d;
  margin-bottom: 0.25rem;
}
.docPreviewWrap .docPreviewLft .qrCodeWrap a {
  font-size: 1rem;
  font-weight: 500;
  color: #1b202d;
}
.docPreviewWrap .docPreviewRht .docWrap {
  background: #f4f4f4;
  padding: 2rem;
  margin-bottom: 4.125rem;
}
.docPreviewWrap.docPreviewWrapSticky .docPreviewRht .docWrap {
  margin-bottom: 0px;
}
.docPreviewWrap.docPreviewWrapSticky .docPreviewLft {
  padding: 0px;
}
.docPreviewWrap.docPreviewWrapSticky .docPreviewLft .docLftCol {
  position: sticky;
  top: 0px;
  padding: 4rem 3rem;
}
.docPreviewWrap.docPreviewWrapSticky .docPreviewLft .qrCodeWrap a {
  word-wrap: break-word;
}
.docPreviewWrap.docPreviewWrapSticky .eSignWrap {
  min-height: 100vh;
  padding-top: 4.125rem;
}
.docPreviewWrap.docPreviewWrapSticky .eSignWrap.eSignWrapDefault {
  min-height: auto;
}

.eSignWrap {
  padding-bottom: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.eSignWrap .eSign {
  margin-bottom: 2.5rem;
}
.eSignWrap .eSign .eSignTop h5 {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1e1e1e;
  margin-bottom: 1rem;
}
.eSignWrap .eSign .eSignTop .eSignIdBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5px;
}
.eSignWrap .eSign .eSignTop .eSignIdBtn span {
  font-size: 1.4rem;
  font-weight: 600;
  color: #1e1e1e;
  position: relative;
  /*	padding-left: 1.875rem;*/
  /*		&:before {
  	width: 16px;
  	height: 16px;
  	display: block;
  	text-align: center;
  	line-height: 16px;
  	font-family: 'icomoon';
  	content: icomoon($icon-id);
  	font-size: 1rem;
  	font-weight: normal;
  	position: absolute;
  	left: 0;
  	top: 50%;
  	transform: translateY(-50%);
  }*/
}
.eSignWrap .eSign .eSignTop .eSignIdBtn .btn {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1e1e1e;
  padding: 0;
}
.eSignWrap .eSign .eSignMid {
  border: 1px solid #c4c4c4;
  border-radius: 20px;
  margin-bottom: 1.125rem;
  height: 200px;
  padding: 20px 0px;
}
.eSignWrap .eSign .eSignMid img {
  width: 100%;
  height: 100%;
  /* max-width: 100%; */
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -o-object-position: center;
     object-position: center;
}
.eSignWrap .eSign .eSignBtm {
  margin-bottom: 10px;
}
.eSignWrap .eSign .eSignBtm p {
  font-size: 1.125rem;
  font-weight: 500;
  color: #1b202d;
  margin-bottom: 0;
}
.eSignWrap .eSign .eSignBtm p span {
  font-size: 1rem;
  font-weight: 300;
  display: block;
}
.eSignWrap .eSignBtn .submit {
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  padding: 0.875rem 1.5rem;
  width: 100%;
}
.eSignWrap .eSignBtn .refresh {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1e1e1e;
  padding: 0;
}

@media (max-width: 1499.98px) {
  .docPreviewWrap .docPreviewLft {
    max-width: 450px;
    padding: 4rem 3rem;
  }
}
@media (max-width: 1299.98px) {
  .docPreviewWrap .docPreviewLft {
    max-width: 360px;
    padding: 3.5rem 2rem;
  }
  .docPreviewWrap .docPreviewLft .docLftCol h2 {
    font-size: 2rem;
  }
}
@media (max-width: 991.98px) {
  .docPreviewWrap .docPreviewLft {
    max-width: 300px;
    padding: 3rem 1rem;
  }
  .docPreviewWrap .docPreviewLft .docLftCol h2 {
    font-size: 1.75rem;
  }
  .eSignWrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 767.98px) {
  .docPreviewWrap .docPreviewLft {
    max-width: 100%;
    padding: 2rem 1rem;
    text-align: left;
  }
  .docPreviewWrap .docPreviewLft .docLftCol {
    margin-bottom: 0px;
  }
  .docPreviewWrap .docPreviewRht .docWrap {
    margin-bottom: 2rem;
  }
  .eSignWrap {
    padding-left: 0;
    padding-right: 0;
  }
  .eSignWrap .eSign {
    margin-bottom: 1rem;
  }
  .eSignWrap .eSign .eSignMid {
    height: 172px;
  }
  .eSignWrap .eSign .eSignMid img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.signaturePlaceholder .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.16);
}
.signaturePlaceholder .popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.signaturePlaceholder .popover .arrow::before,
.signaturePlaceholder .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.signaturePlaceholder .bs-popover-top,
.signaturePlaceholder .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.signaturePlaceholder .bs-popover-top > .arrow,
.signaturePlaceholder .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(-0.5rem - 1px);
}
.signaturePlaceholder .bs-popover-top > .arrow::before,
.signaturePlaceholder .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.signaturePlaceholder .bs-popover-top > .arrow::after,
.signaturePlaceholder .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}
.signaturePlaceholder .bs-popover-right,
.signaturePlaceholder .bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.signaturePlaceholder .bs-popover-right > .arrow,
.signaturePlaceholder .bs-popover-auto[x-placement^=right] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.signaturePlaceholder .bs-popover-right > .arrow::before,
.signaturePlaceholder .bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.signaturePlaceholder .bs-popover-right > .arrow::after,
.signaturePlaceholder .bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}
.signaturePlaceholder .bs-popover-bottom,
.signaturePlaceholder .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.signaturePlaceholder .bs-popover-bottom > .arrow,
.signaturePlaceholder .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(-0.5rem - 1px);
}
.signaturePlaceholder .bs-popover-bottom > .arrow::before,
.signaturePlaceholder .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.signaturePlaceholder .bs-popover-bottom > .arrow::after,
.signaturePlaceholder .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.signaturePlaceholder .bs-popover-bottom .popover-header::before,
.signaturePlaceholder .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "6";
  border-bottom: 1px solid #f7f7f7;
}
.signaturePlaceholder .bs-popover-left,
.signaturePlaceholder .bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}
.signaturePlaceholder .bs-popover-left > .arrow,
.signaturePlaceholder .bs-popover-auto[x-placement^=left] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.signaturePlaceholder .bs-popover-left > .arrow::before,
.signaturePlaceholder .bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.signaturePlaceholder .bs-popover-left > .arrow::after,
.signaturePlaceholder .bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}
.signaturePlaceholder .popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.signaturePlaceholder .popover-header:empty {
  display: none;
}
.signaturePlaceholder .popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}
.signaturePlaceholder #upload-button {
  width: 150px;
  display: block;
  margin: 20px auto;
}
.signaturePlaceholder #file-to-upload {
  display: none;
}
.signaturePlaceholder #pdf-loader {
  display: none;
  text-align: center;
  color: #999999;
  font-size: 13px;
  line-height: 100px;
  height: 100px;
}
.signaturePlaceholder #pdf-contents {
  display: none;
  padding-left: 15px;
  padding-right: 15px;
}
.signaturePlaceholder #pdf-meta {
  overflow: hidden;
  margin: 0 0 20px 0;
}
.signaturePlaceholder #pdf-buttons {
  /*float: left;*/
}
.signaturePlaceholder #page-count-container {
  /*float: right;*/
}
.signaturePlaceholder #pdf-current-page {
  display: inline;
}
.signaturePlaceholder #pdf-total-pages {
  display: inline;
}
.signaturePlaceholder #pdf-canvas {
  /*box-sizing: border-box;
              left: 30%;
              right: 0;
              top: 110px;
              bottom: 0;
              overflow: hidden;
              opacity: 1;
              background: none;*/
  border: 1px dashed #143293;
  border-radius: 10px;
}
.signaturePlaceholder #dummy-canvas {
  /*box-sizing: border-box;
              position: absolute;
              left: 36.9%;
              right: 0;
              top: 257px;
              bottom: 0;
              overflow: hidden;
              opacity: 1;
              background: none;*/
}
.signaturePlaceholder #page-loader {
  height: 100px;
  line-height: 100px;
  text-align: center;
  display: none;
  color: #999999;
  font-size: 13px;
}
.signaturePlaceholder {
  /* #pdf-canvas{
                       opacity:0.5;
                       } */
}
.signaturePlaceholder .rectangle {
  border: 1px solid #FF0000;
  position: absolute;
}
.signaturePlaceholder #clear {
  /*float: left;
              padding-left: 35px;*/
}
.signaturePlaceholder .pdfNavPagination {
  margin-bottom: 12px;
}
.signaturePlaceholder .pdfNavPagination #pdf-buttons {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
.signaturePlaceholder .pdfNavPagination .pdfNav {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end;
}
.signaturePlaceholder .pdfNavPagination .pdfPagination {
  /*text-align: right;*/
  /*padding: 10px 5px;*/
  font-size: 14px;
  color: #292929;
}
.signaturePlaceholder .pdfNavPagination .pdfNav .btnClear {
  margin-right: 20px;
}
.signaturePlaceholder .canvasRow {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  /*text-align: right;*/
}
.signaturePlaceholder .canvasRow .canvasLeft, .signaturePlaceholder .canvasRow .canvasRight {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.signaturePlaceholder .canvasRow .canvasLeft {
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
          flex: 0 0 25%;
  max-width: 25%;
}
.signaturePlaceholder .canvasRow .canvasLeft ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 30px;
}
.signaturePlaceholder .canvasRow .canvasLeft ul li {
  margin-bottom: 12px;
}
.signaturePlaceholder .canvasRow .canvasLeft ul li input {
  display: none;
}
.signaturePlaceholder .canvasRow .canvasLeft ul li label {
  cursor: pointer;
}
.signaturePlaceholder .canvasRow .canvasLeft ul li span {
  display: block;
  cursor: pointer;
  background: #F0F4FD;
  border-radius: 8px;
  position: relative;
  padding: 10px 15px;
  padding-left: 45px;
  color: #292929;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
}
.signaturePlaceholder .canvasRow .canvasLeft ul li span .tickSign {
  position: absolute;
  background: #fff;
  border: 1px solid #BBC2CC;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #BBC2CC;
  border-radius: 20px;
  left: 15px;
  top: 50%;
  margin-top: -10px;
  font-weight: bold;
}
.signaturePlaceholder .canvasRow .canvasLeft ul li span .tickSign:before {
  position: absolute;
  content: "✓";
  width: 20px;
  height: 20px;
  left: -2px;
  top: 0;
  z-index: 1;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
}
.signaturePlaceholder .canvasRow .canvasLeft ul li input:checked + span {
  /*background: #0a599a;
          color: #fff;
          border: 1px solid #0a599a;*/
}
.signaturePlaceholder .canvasRow .canvasLeft ul li input:checked + span {
  background: #d8e3fc;
}
.signaturePlaceholder .canvasRow .canvasLeft ul li input:checked + span .tickSign {
  border: 1px solid #1571BC;
  background: #1571BC;
  color: #fff;
}
.signaturePlaceholder .canvasRow .infoText {
  padding: 0 15px 0px 25px;
}
.signaturePlaceholder .canvasRow .infoText p {
  font-size: 14px;
  font-weight: 400;
  color: #5f5f5f;
  margin-top: 0;
}
.signaturePlaceholder .canvasRow .canvasRight {
  -ms-flex: 0 0 75%;
  -webkit-box-flex: 0;
          flex: 0 0 75%;
  max-width: 75%;
}
.signaturePlaceholder .canvasRow .canvasRight #pdf-meta {
  margin-bottom: 0;
  max-width: 600px;
}
.signaturePlaceholder #pdf-buttons button {
  font-size: 12px;
  color: #fff;
  background-color: #143293;
  text-decoration: none;
  border-radius: 5px;
  padding: 4px 10px;
  border: 0;
}
.signaturePlaceholder .canvasFooter {
  border-top: 1px solid #c9c9c9;
  padding-top: 20px;
  margin-top: 40px;
  text-align: right;
}
.signaturePlaceholder .pdfNavPagination .pdfNav #clear .btnClear {
  margin-right: 0;
  background: none;
  color: #000;
  min-width: inherit;
  border: 1px solid #c4c8cc;
}
.signaturePlaceholder .pdfNavPagination .pdfNav #clear .btnClear:hover {
  color: #1571bc;
}
.signaturePlaceholder .canvasRow .canvasRight .canvasWrap {
  position: relative;
}
.signaturePlaceholder .canvasRow .canvasRight #dummy-canvas {
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.signaturePlaceholder .popupHeading {
  text-align: right;
  display: block;
  padding-bottom: 15px;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  margin-bottom: 2.5rem;
}
.signaturePlaceholder .popupHeading .signatureSubmit {
  background-color: #143293;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  min-width: 130px;
  text-align: center;
  padding: 11px 0px;
  margin-left: 11px;
  border: 0;
  border-radius: 5px;
}
.signaturePlaceholder .popupHeading .case_back_btn {
  float: none;
  border: 0;
  background-color: transparent;
}
.signaturePlaceholder .user-list h5 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  color: #606060;
  margin-top: 0;
  margin-bottom: 5px;
}
.signaturePlaceholder .canvasRow .clearBtnRow {
  margin-bottom: 30px;
}
.signaturePlaceholder .canvasRow .clearBtnRow .btnClear {
  width: 100%;
  background-color: #143293;
  color: #fff;
  border: 0;
  font-size: 14px;
  line-height: 16px;
  padding: 12px 0px;
  border-radius: 5px;
}

.chartWrap2 {
  background-color: #F5F6FA;
  padding: 15px;
  padding-bottom: 1px;
  padding-top: 50px;
}
.chartWrap2 .row.no-gutters {
  margin-left: 0;
  margin-right: 0;
}
.chartWrap2 .topHead {
  background-color: #FFFFFF;
  border-radius: 15px;
  margin-bottom: 28px;
  padding: 30px;
}
.chartWrap2 .topHead .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chartWrap2 .topHead h2 {
  font-size: 28px;
  font-weight: 600;
  margin: 0px;
}
.chartWrap2 .topHead .dateName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chartWrap2 .topHead .dateName h3 {
  font-weight: 600;
  font-size: 16px;
  padding: 12px;
  border-radius: 10px;
  margin-left: 15px;
  margin-bottom: 0px;
  background-color: #f5f6fa;
  color: #000000;
}
.chartWrap2 .topHead .filterBtn {
  text-align: right;
}
.chartWrap2 .topHead .filterBtn ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.chartWrap2 .topHead .filterBtn ul li {
  position: relative;
}
.chartWrap2 .topHead .filterBtn ul li .btn {
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
}
.chartWrap2 .topHead .filterBtn ul li .btn i {
  font-size: 26px;
  margin-right: 13px;
}
.chartWrap2 .topHead .filterBtn ul li .btn .icon-arrow-down {
  margin-right: 0px;
  font-size: 12px;
  margin-left: 10px;
}
.chartWrap2 .topHead .filterBtn ul li .btnActivity {
  border: 1px solid #0B2062;
  color: #0B2062;
  font-size: 16px;
  font-weight: 600;
  margin-left: 16px;
}
.chartWrap2 .topHead .filterBtn ul li .btnActivity i {
  color: #F9978A;
  font-size: 22px;
}
.chartWrap2 .topHead .filterBtn ul li .btnActivity:hover {
  background-color: #0B2062;
  color: #fff;
}
.chartWrap2 .topHead .filterBtn ul li .btnActivity:hover i {
  color: #fff;
}
.chartWrap2 .topHead .filterBtn ul li .filtrtBy {
  border: 1px solid #0B2062;
  color: #0B2062;
  font-weight: 600;
}
.chartWrap2 .topHead .filterBtn ul li .filtrtBy:hover {
  -webkit-box-shadow: 0px 1px 9px 0px #bab7b7;
          box-shadow: 0px 1px 9px 0px #bab7b7;
}
.chartWrap2 .topHead .filterBtn ul li .filterbox {
  background-color: #fff;
  -webkit-box-shadow: 6px 6px 54px 0px rgba(0, 0, 0, 0.0509803922);
          box-shadow: 6px 6px 54px 0px rgba(0, 0, 0, 0.0509803922);
  -webkit-box-shadow: -6px -6px 54px 0px rgba(0, 0, 0, 0.0509803922);
          box-shadow: -6px -6px 54px 0px rgba(0, 0, 0, 0.0509803922);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  width: 386px;
  position: absolute;
  top: 60px;
  right: 0px;
  z-index: 99;
  display: none;
}
.chartWrap2 .topHead .filterBtn ul li .filterbox.show {
  display: block;
}
.chartWrap2 .topHead .filterBtn ul li .filterbox .filterbxHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.chartWrap2 .topHead .filterBtn ul li .filterbox .filterbxHead h3 {
  font-size: 14px;
  font-weight: 500;
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chartWrap2 .topHead .filterBtn ul li .filterbox .filterbxHead h3 i {
  font-size: 24px;
  padding-right: 13px;
}
.chartWrap2 .topHead .filterBtn ul li .filterbox .filterbxHead a {
  cursor: pointer;
}
.chartWrap2 .topHead .filterBtn ul li .filterbox .filterbxHead a i {
  font-size: 25px;
}
.chartWrap2 .topHead .filterBtn ul li .filterbox .Filterby {
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.chartWrap2 .topHead .filterBtn ul li .filterbox .Filterby .dashboardFilter h5 {
  text-align: left;
  margin-bottom: 24px;
  color: rgba(32, 34, 36, 0.6117647059);
  font-size: 14px;
  font-weight: 700;
}
.chartWrap2 .topHead .filterBtn ul li .filterbox .Filterby .dashboardFilter .filterSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.chartWrap2 .topHead .filterBtn ul li .filterbox .Filterby .dashboardFilter .filterSection button {
  background: #fff;
  border: 1px solid #0B2062;
  color: #000;
  width: 22%;
  font-size: 14px;
  font-weight: 500;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.chartWrap2 .topHead .filterBtn ul li .filterbox .Filterby .dashboardFilter .filterSection button:hover {
  color: #fff;
  background-color: #0B2062;
}
.chartWrap2 .topHead .filterBtn ul li .filterbox .Filterby .dashboardFilter .filterSection button.active {
  color: #fff;
  background-color: #0B2062;
}
.chartWrap2 .topHead .filterBtn ul li .filterbox .Filterby .dashboardFilter .datePickerRow .dateField {
  width: 100%;
}
.chartWrap2 .topHead .filterBtn ul li .filterbox .Filterby .dashboardFilter .datePickerRow .dateField .form-floating {
  width: 48%;
}
.chartWrap2 .topHead .filterBtn ul li .filterbox .Filterby .dashboardFilter .datePickerRow .dateField .form-floating .k-input {
  margin-top: 0px;
}
.chartWrap2 .topHead .filterBtn ul li .filterbox .filterbtn {
  padding: 20px;
}
.chartWrap2 .topHead .filterBtn ul li .filterbox .filterbtn button {
  padding: 7px 32px;
}
.chartWrap2 .dv_summary {
  text-align: center;
  font-size: 55px;
  padding: 10px;
  font-weight: bold;
  border-bottom-style: dotted;
  min-height: 140px;
}
.chartWrap2 .dv_summary:last-child {
  border-bottom-style: none;
}
.chartWrap2 .dv_summary span {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
  width: 100%;
  display: block;
  text-align: center;
  height: auto;
}
.chartWrap2 .dv_summary .span_half {
  width: 50% !important;
  float: left;
}
.chartWrap2 .dv_summary .span_half_number {
  width: 50% !important;
  font-size: 50px;
  float: left;
}
.chartWrap2 .chartheading span {
  text-align: center;
  display: block;
  padding: 0px 0px 10px 0px;
}
.chartWrap2 .chartheading .sectioname {
  padding-bottom: 20px;
  padding-top: 15px;
}
.chartWrap2 canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 25px;
}
.chartWrap2 .barchart {
  margin-bottom: 20px;
}
.chartWrap2 .legend-con {
  font-family: "Roboto", sans-serif;
  display: inline-block;
}
.chartWrap2 .legend-con ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.chartWrap2 .legend-con ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4px;
}
.chartWrap2 .legend-con ul li span {
  display: inline-block;
}
.chartWrap2 .legend-con ul li span.chart-legend {
  width: 15px !important;
  height: 15px !important;
  margin-bottom: 5px;
  border-radius: 50% !important;
}
.chartWrap2 .legend-con ul li span.chart-legend-label-text {
  padding: 0px !important;
}
.chartWrap2 .chartheadingWrap {
  margin-bottom: 20px;
  color: #fff;
  padding-right: 30px;
  width: 100%;
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%;
  background-color: #fff;
  border-radius: 20px;
  padding: 18px;
}
.chartWrap2 .chartheadingWrap scrollbar {
  position: absolute;
  top: 40px;
  right: -30px;
  width: 75px;
  height: 180px;
}
.chartWrap2 .chartheadingWrap scrollbar .legend-con {
  position: relative;
  right: inherit;
  top: inherit;
}
.chartWrap2 .chartheadingWrap .legend-con {
  position: absolute;
  right: 0px;
  height: auto !important;
  top: auto;
  bottom: 0px;
  width: 100%;
}
.chartWrap2 .chartheadingWrap .legend-con .mCustomScrollBox .mCSB_container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: auto;
  padding-bottom: 4px;
}
.chartWrap2 .chartheadingWrap .legend-con .mCustomScrollBox .mCSB_container ul li {
  display: block;
  margin: 0px 8px;
}
.chartWrap2 .chartheadingWrap .legend-con .mCustomScrollBox .mCSB_container ul li span {
  display: block;
}
.chartWrap2 .chartheadingWrap .legend-con .mCustomScrollBox .mCSB_container ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.chartWrap2 .chartheadingWrap .legend-con .mCustomScrollBox .mCSB_container ul::-webkit-scrollbar {
  height: 6px;
  background-color: #F5F5F5;
}
.chartWrap2 .chartheadingWrap .legend-con .mCustomScrollBox .mCSB_container ul::-webkit-scrollbar-thumb {
  background-color: #000000;
}
.chartWrap2 .chartheading, .chartWrap2 .barchart {
  height: 270px;
}
.chartWrap2 .chartheadingClear {
  position: relative;
}
.chartWrap2 .yellow {
  color: #CCCC00;
}
.chartWrap2 .dashboardTop {
  border-bottom: 1px solid #e3e5eb;
}
.chartWrap2 .dashboardTop .dashboardLeft {
  padding-top: 22px;
  padding-bottom: 22px;
}
.chartWrap2 .dashboardTop .btnActivity {
  border-radius: 0;
  background: none;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0;
}
.chartWrap2 .dashboardTop .btnActivity i {
  margin-right: 10px;
  color: #0a1f62;
}
.chartWrap2 .dashboardTop .btnActivity i.icon-calendar {
  font-size: 20px;
}
.chartWrap2 .dashboardTop .btnActivity:active {
  border-color: transparent;
  border: 0;
}
.chartWrap2 .dashboardTop .btnActivityClose i {
  border: 1px solid #0a1f62;
  border-radius: 50%;
  padding: 5px;
}
.chartWrap2 .dashboardTop .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.chartWrap2 .chartHead {
  background-color: #fff;
  margin-bottom: 20px;
  border-radius: 15px;
  padding: 15px;
}
.chartWrap2 .chartHead .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chartWrap2 .dashboardFilter label {
  font-size: 16px;
  font-weight: 600;
  color: #202224;
  display: block;
  margin-bottom: 8px;
  margin-right: 10px;
}
.chartWrap2 .dashboardFilter {
  /*      button {
      font-size: 14px;
      font-weight: 500;
      margin-right: 5px;
      color: #5a5a5a;
      background: #fff;
      min-width: inherit;
  }*/
}
.chartWrap2 {
  /*    .dashboardFilter button.active, .dashboardFilter button:focus, .dashboardFilter button:hover {
      background: #0a1f62;
      color: #fff;
  }*/
}
.chartWrap2 .datePickerRow, .chartWrap2 .datePickerRow .dateField {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.chartWrap2 .datePickerRow .dateField {
  width: 338px;
  margin-right: 15px;
  overflow: hidden;
}
.chartWrap2 .datePickerRow .dateField .k-picker-wrap {
  border: 0 !important;
  background: #fff;
}
.chartWrap2 .datePickerRow .dateField .k-datepicker {
  width: 123px !important;
}
.chartWrap2 .datePickerRow .dateField .k-datepicker .k-input-inner {
  height: auto;
}
.chartWrap2 .datePickerRow .dateField .k-input {
  width: 100% !important;
  font-size: 14px;
  height: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  margin-top: 5px;
}
.chartWrap2 .datePickerRow .dateField .k-input .k-input-button {
  width: auto;
}
.chartWrap2 .datePickerRow .dateField .dateFieldStart {
  border-right: 1px solid #c9c9c9;
}
.chartWrap2 .datePickerRow .dateField .dateFieldStart .k-input {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.chartWrap2 .datePickerRow .dateField .k-select {
  width: 25px !important;
  background: #fff !important;
  border: 0 !important;
}
.chartWrap2 .datePickerRow .dateField .dateFieldCol {
  padding-right: 0px;
  width: 100% !important;
}
.chartWrap2 .datePickerRow .dateField .dateFieldCol span {
  border: 0px;
}
.chartWrap2 .datePickerRow .dateField .dateFieldCol span input {
  height: 36px;
  text-overflow: unset;
}
.chartWrap2 .datePickerRow .dateField .dateFieldCol span button {
  height: 36px;
  width: auto;
  padding-left: 0px;
}
.chartWrap2 .datePickerRow label {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  color: #202224;
  display: block;
  margin-bottom: 0;
  margin-right: 16px;
}
.chartWrap2 .datePickerRow button {
  width: 85px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  min-width: inherit;
  height: 34px;
}
.chartWrap2 .dashboardList {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  margin: 0px 0px 40px;
}
.chartWrap2 .dashboardList li {
  background: #fff;
  padding: 0px 21px;
  -webkit-box-shadow: 6px 6px 54px rgba(0, 0, 0, 0.0509803922);
          box-shadow: 6px 6px 54px rgba(0, 0, 0, 0.0509803922);
  border-radius: 14px;
  margin-bottom: 24px;
}
.chartWrap2 .dashboardList li:last-child {
  margin-bottom: 0px;
}
.chartWrap2 .dashboardList li.dailyActivityLi button {
  border: 0px;
}
.chartWrap2 .dashboardList li.dailyActivityLi button:active {
  border: 0;
}
.chartWrap2 .dashboardList li.dailyActivityLi button i {
  color: #F9978A;
  font-size: 20px;
  margin-right: 14px;
}
.chartWrap2 .dashboardList li.dailyActivityLi button span {
  font-size: 22px;
  font-weight: 700;
}
.chartWrap2 .dashboardList li .pd-20 {
  padding: 23px 0px;
}
.chartWrap2 .dashboardList li .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.chartWrap2 .dashboardList li h2 {
  font-size: 32px;
  font-weight: 700;
  color: #202224;
  margin-bottom: 10px;
  margin-top: 0;
  text-align: right;
  margin: 0px;
}
.chartWrap2 .dashboardList li h2.ltGreen {
  color: #3fc0cd;
}
.chartWrap2 .dashboardList li h2.yellow {
  color: #f0b154;
}
.chartWrap2 .dashboardList li h2.ltBlue {
  color: #3f6bcd;
}
.chartWrap2 .dashboardList li h3 {
  font-size: 30px;
  font-weight: 700;
  color: #3fc0cd;
  margin-bottom: 10px;
  margin-top: 0;
}
.chartWrap2 .dashboardList li h4 {
  font-size: 30px;
  font-weight: 700;
  color: #f0b154;
  margin-bottom: 10px;
  margin-top: 0;
}
.chartWrap2 .dashboardList li p {
  font-size: 16px;
  font-weight: 400;
  color: #202224;
  text-align: left;
  margin: 0px;
}
.chartWrap2 .dashboardList li {
  /*   &:nth-child(even) {
      background: #fff;
  }*/
}
.chartWrap2 .dashboardList li .pendingRow {
  background: #fff;
  padding: 4px 0;
}
.chartWrap2 .dashboardList li .pendingRow h4, .chartWrap2 .dashboardList li .pendingRow p {
  margin: 0;
}
.chartWrap2 .chartList {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.chartWrap2 .chartList li.chartListItem {
  padding: 0px 0px 40px;
}
.chartWrap2 .chartList li.chartListItem h3 {
  font-size: 16px;
  font-weight: 700;
  color: #0f1e47;
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
}
.chartWrap2 .dailyActivity .datePickerRow .dateField {
  width: 180px;
}
.chartWrap2 .dailyActivity .datePickerRow .dateField .k-datepicker {
  width: 174px !important;
}
.chartWrap2 .dailyActivity .datePickerRow .dateField .k-input {
  width: 149px !important;
}
.chartWrap2 .dashboardRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.chartWrap2 .dailyActWrap {
  padding: 35px 0;
}
.chartWrap2 .dailyActWrap h1 {
  font-size: 30px;
  font-weight: 600;
  color: #053979;
  margin-top: 0;
  margin-bottom: 25px;
}
.chartWrap2 .dailyActWrap .table thead tr th {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  border: 0;
  padding: 6px 20px;
}
.chartWrap2 .dailyActWrap .table thead tr th.default {
  color: #fff;
  background: #053979;
}
.chartWrap2 .dailyActWrap .table thead tr th.ltGreen {
  color: #fff;
  background: #3fc0cd;
}
.chartWrap2 .dailyActWrap .table thead tr th.yellow {
  color: #fff;
  background: #f0b154;
}
.chartWrap2 .dailyActWrap .table thead tr th.ltBlue {
  color: #fff;
  background: #3f6bcd;
}
.chartWrap2 .dailyActWrap .table tbody tr td {
  font-size: 18px;
  font-weight: 500;
  border: 0;
  padding: 8px 20px;
  color: #0f1e47;
}
.chartWrap2 .dailyActWrap .table tbody tr td .caseNum {
  position: relative;
  display: block;
  font-weight: 400;
  padding-left: 26px;
}
.chartWrap2 .dailyActWrap .table tbody tr td .caseNum:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #0f1e47;
  left: 0;
  top: 7px;
}
.chartWrap2 .dailyActWrap .table tbody tr:first-child td {
  padding-top: 20px;
}
.chartWrap2 .table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 30px;
}
.chartWrap2 .tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 14px;
  word-wrap: break-word;
  opacity: 0;
}
.chartWrap2 .tooltip.show {
  opacity: 0.9;
}
.chartWrap2 .tooltip .arrow {
  position: absolute;
  display: block;
  width: 14px;
  height: 8px;
}
.chartWrap2 .tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.chartWrap2 .bs-tooltip-top, .chartWrap2 .bs-tooltip-auto[x-placement^=top] {
  padding: 8px 0;
}
.chartWrap2 .bs-tooltip-top .arrow, .chartWrap2 .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.chartWrap2 .bs-tooltip-top .arrow::before, .chartWrap2 .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 8px 8px 0;
  border-top-color: #000;
}
.chartWrap2 .bs-tooltip-right, .chartWrap2 .bs-tooltip-auto[x-placement^=right] {
  padding: 0 8px;
}
.chartWrap2 .bs-tooltip-right .arrow, .chartWrap2 .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 8px;
  height: 14px;
}
.chartWrap2 .bs-tooltip-right .arrow::before, .chartWrap2 .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 8px 8px 8px 0;
  border-right-color: #000;
}
.chartWrap2 .bs-tooltip-bottom, .chartWrap2 .bs-tooltip-auto[x-placement^=bottom] {
  padding: 8px 0;
}
.chartWrap2 .bs-tooltip-bottom .arrow, .chartWrap2 .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.chartWrap2 .bs-tooltip-bottom .arrow::before, .chartWrap2 .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 8px 8px;
  border-bottom-color: #000;
}
.chartWrap2 .bs-tooltip-left, .chartWrap2 .bs-tooltip-auto[x-placement^=left] {
  padding: 0 8px;
}
.chartWrap2 .bs-tooltip-left .arrow, .chartWrap2 .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 8px;
  height: 14px;
}
.chartWrap2 .bs-tooltip-left .arrow::before, .chartWrap2 .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 8px 0 8px 8px;
  border-left-color: #000;
}
.chartWrap2 .tooltip-inner {
  max-width: 200px;
  padding: 4px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.chartWrap2 .dashboardRight {
  border-left: 1px solid #e3e5eb;
}

@media (max-width: 1399.98px) {
  .chartWrap2 .datePickerRow .dateField {
    width: 478px;
  }
  .chartWrap2 .dashboardList li h2 {
    font-size: 26px;
  }
  .chartWrap2 .dashboardList li h3 {
    font-size: 22px;
  }
  .chartWrap2 .dashboardList li h4 {
    font-size: 22px;
  }
  .chartWrap2 .dashboardList li p {
    word-wrap: break-word;
    font-size: 14px;
  }
}
.chatboxBrowser {
  background-color: #F8F8F8;
  height: 100vh;
}
.chatboxBrowser .chatBoxHeader {
  background-color: #fff;
  padding: 17px 0px;
}
.chatboxBrowser .chatBoxHeader .borderBtn {
  border: 1px solid #1B202D;
}
.chatboxBrowser .chat-body {
  background-color: #fff;
  margin-top: 25px;
  height: calc(100vh - 120px);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.chatboxBrowser .chat-body .chatSection {
  max-width: none;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.chatboxBrowser .chat-body .chatSection .chat-messages {
  max-height: none !important;
}
.chatboxBrowser .chat-body .difc-chat-input-container {
  padding: 24px 24px 24px;
}
.chatboxBrowser #difc-chat-messages {
  padding: 50px 24px 35px;
}

.chatClose {
  position: relative;
}
.chatClose .chatWarning {
  position: absolute;
  width: 306px;
  right: 0px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: -12px 4px 27px 0px rgba(182, 182, 182, 0.3607843137);
          box-shadow: -12px 4px 27px 0px rgba(182, 182, 182, 0.3607843137);
  padding: 16px;
  top: 54px;
  display: none;
  z-index: 9;
}
.chatClose .chatWarning.show {
  display: block;
}
.chatClose .chatWarning:before {
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  background: #fff;
  height: 16px;
  width: 16px;
  top: 0;
  left: 81%;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: "";
  position: absolute;
}
.chatClose .chatWarning h5 {
  font-size: 16px;
  font-weight: 500;
  color: #303030;
  text-align: right;
}
.chatClose .chatWarning a {
  color: #023979;
  display: inline-block;
  margin-left: 16px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}

.CourtStaticsReport {
  background-color: #F5F6FA;
  padding-top: 36px;
  padding-bottom: 26px;
}
.CourtStaticsReport .filterSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0A1F62;
  border-radius: 10px;
  padding: 18px;
}
.CourtStaticsReport .filterSection h2 {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  margin: 0px;
}
.CourtStaticsReport .filterSection .selectYear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CourtStaticsReport .filterSection .selectYear .dareFromTo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.CourtStaticsReport .filterSection .selectYear label {
  color: #fff;
  font-size: 16px;
}
.CourtStaticsReport .filterSection .selectYear select {
  background-color: #384B86;
  border: 0;
  color: #fff;
  padding: 8px 12px;
  border-radius: 5px;
  font-size: 14px;
  min-width: 160px;
}
.CourtStaticsReport .filterSection .selectYear select:focus-visible {
  outline: none;
}
.CourtStaticsReport .filterSection .selectYear select option {
  background-color: #fff;
  color: #000;
}
.CourtStaticsReport .filterSection .selectYear .applyBtn {
  background-color: #fff;
  font-size: 16px;
  padding: 5px 30px;
  height: auto;
  margin-left: 8px;
  color: #0A1F62;
}
.CourtStaticsReport .chartListItem {
  background-color: #fff;
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 16px;
}
.CourtStaticsReport .chartListItem .chartheadingWrap {
  border-radius: 10px;
}
.CourtStaticsReport .chartListItem .chartheadingWrap.JurisdictionGraph {
  padding-top: 18px;
}
.CourtStaticsReport .chartListItem .chartheadingWrap.JurisdictionGraph .chartheadingClear .chartheading {
  background-color: #F7F7FF;
  min-height: 255px;
}
.CourtStaticsReport .chartListItem .chartheadingWrap.JurisdictionGraph .chartheadingClear .chartheading h4 {
  margin-bottom: 26px;
}
.CourtStaticsReport .chartListItem .chartheadingWrap.JurisdictionGraph .chartheadingClear .chartheading canvas {
  margin-bottom: 22px;
}
.CourtStaticsReport .chartTable h2 {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  padding-top: 16px;
  margin-bottom: 30px;
}
.CourtStaticsReport .chartheadingClear {
  padding-bottom: 8px;
  height: calc(100% - 18px);
  width: 100%;
}
.CourtStaticsReport .chartheadingClear .chartheading {
  background-color: #fff;
  border-radius: 10px;
  height: 100%;
  padding: 20px;
  min-height: 305px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.CourtStaticsReport .chartheadingClear .chartheading h3 {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}
.CourtStaticsReport .chartheadingClear .chartheading .chartCol .chartColHead h4 {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  padding-top: 16px;
}
.CourtStaticsReport .reportsTitle {
  background: -webkit-gradient(linear, left top, right top, color-stop(0.66%, #0A1F62), to(#F5F6FA));
  background: linear-gradient(90deg, #0A1F62 0.66%, #F5F6FA 100%);
  border-left: 8px solid #AFC2FF;
  margin: 20px 0px;
}
.CourtStaticsReport .reportsTitle h1 {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  padding: 15px;
}
.CourtStaticsReport .legendCon ul {
  padding: 0px;
  margin: 0px;
}
.CourtStaticsReport .legendCon ul li {
  list-style: none;
  padding-left: 0px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
}
.CourtStaticsReport .legendCon ul li .chart-legend {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  display: inline-block;
  margin-right: 10px;
}
.CourtStaticsReport .legendCon ul li .chart-legend-label-text {
  font-size: 16px;
}
.CourtStaticsReport .legendCon ul li .chart-legend-label-text .label-text {
  color: #8C97A7;
  padding-right: 10px;
}

.chartTable table {
  border-spacing: 3px;
}
.chartTable table thead tr th {
  background-color: #C9D4FF;
  border-color: transparent;
  font-size: 16px;
  padding: 12px 8px !important;
  font-weight: 700 !important;
}
.chartTable table thead tr:first-child th:first-child {
  border-top-left-radius: 5px;
}
.chartTable table thead tr:first-child th:last-child {
  border-top-right-radius: 5px;
}
.chartTable table thead tr:nth-child(2) {
  background-color: #F7F7FF;
}
.chartTable table thead tr:nth-child(2) th {
  background-color: #E4E9FF;
}
.chartTable table tbody tr td {
  background-color: #F7F7FF;
  border: none;
  font-size: 14px;
  padding: 12px 8px !important;
}
.chartTable table tbody tr:nth-child(4) td {
  font-weight: 700;
}
.chartTable table tbody tr:last-child td {
  font-weight: 700;
  background-color: #E4E9FF;
}
.chartTable .subTotalTable table tbody tr:nth-child(4) td {
  background-color: #E4E9FF;
}
.chartTable .k-grid {
  border: none;
}
.chartTable.chartSingleHead table tr:nth-child(4) td {
  font-weight: 400;
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0 !important;
}

body {
  background: #FFFCF8;
}

.cjt {
  background: #FFFCF8;
}
.cjt .header .notificationBar {
  background: none !important;
}
.cjt .titleContainer {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 0;
}
.cjt .titleContainer.applicationnotice {
  background: #F0EADD;
  margin-bottom: 30px;
}
.cjt .titleContainer.applicationnotice h2 {
  color: #1F305E;
  font-size: 1.375rem;
}
.cjt .titleContainer.case-events {
  background: #F0EADD;
  margin-bottom: 30px;
}
.cjt .titleContainer.case-events h2 {
  color: #1F305E;
  font-size: 36px;
}
.cjt .titleContainer .backBtn .btn {
  border-radius: 5px;
  background: #B59454 !important;
  color: #fff !important;
}
.cjt .titleContainer .titleWrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.cjt .titleContainer .titleWrap .backBtn {
  margin-right: 0;
}
.cjt .titleContainer .titleWrap .title h2 {
  margin-bottom: 0;
}
.cjt .case-events-page .formEntry .checkColList li .form-check-input .form-check-label::before {
  content: "";
}
.cjt .case-events-page .formEntry .checkColList li .form-check-input:checked + .form-check-label {
  background: #B59454;
  color: #fff;
}
.cjt .case-events-page .formEntry .checkColList li .form-check-input:checked + .form-check-label::before {
  color: #fff;
}
.cjt .case-events-page .form-control {
  background: none !important;
}
.cjt .case-events-page select:disabled {
  background-color: #f0eadd;
}
.cjt .case-events-page .k-input {
  background: none !important;
}
.cjt .header .brandToggler .navbar-brand img {
  width: auto;
}
.cjt .applicationTable .btnappdetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.cjt .applicationTable .btnappdetails .btn-approve {
  font-size: 0.875rem;
  font-weight: 500;
  background: #0a1f62;
  color: #fff;
  padding: 10px 20px;
  cursor: pointer;
  border: 0;
  border-radius: 4px;
}
.cjt .applicationTable .btnappdetails .btn-reject {
  font-size: 0.875rem;
  font-weight: 500;
  color: #EE1C25;
  background: none;
  padding: 10px 20px;
  cursor: pointer;
  border: 1px solid #EE1C25;
  border-radius: 4px;
}
.cjt .applicationTable h3 {
  font-weight: 700;
  font-size: 20px;
  border-bottom: 0;
  padding-left: 20px;
}
.cjt .applicationTable h3::before {
  background: #B59454;
  left: 0;
}
.cjt .applicationTable h3.arabic {
  padding-right: 20px;
  text-align: right;
}
.cjt .applicationTable h3.arabic::before {
  left: auto;
  right: 0;
}
.cjt .applicationTable h4 {
  color: #303030;
  font-weight: 600;
  font-size: 18px;
  padding-left: 20px;
}
.cjt .applicationTable .table-striped tbody tr:nth-child(even) {
  background-color: #F0EADD;
}
.cjt .applicationTable .table-striped tbody tr td {
  font-size: 14px;
  font-weight: 400;
  color: #303030;
  padding: 10px 15px;
  width: 50%;
}
.cjt .applicationTable .table-striped tbody tr td span {
  font-weight: 600;
  display: block;
  margin-top: 15px;
}
.cjt .applicationTable .table-striped tbody tr td:nth-last-child(1) {
  font-weight: 600;
}
.cjt .applicationTable .cjt-tr-bg {
  background-color: #F0EADD !important;
}
.cjt .applicationTable .applicantdetails {
  background: rgba(181, 148, 84, 0.5019607843);
  border-radius: 5px;
  padding: 5px 15px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
}
.cjt .applicationTable .supporting-document .supporting-panel {
  border-radius: 5px;
  background: #F0EADD !important;
  margin-bottom: 20px;
  padding: 15px;
}
.cjt .applicationTable .supporting-document .supporting-panel p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
}
.cjt .applicationTable .supporting-document .supporting-panel .clseventdocument {
  background: #FFFFFF !important;
  border-radius: 30px;
  font-size: 14px;
  color: #1B202D;
  font-weight: 500;
}
.cjt .applicationTable .supporting-document .supporting-panel .clseventdocument span {
  color: #1B202D;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
  min-width: 100px;
}
.cjt .applicationTable .supporting-document .supporting-panel .clseventdocument .remove {
  margin-left: 15px;
  color: #1B202D;
}
.cjt .applicationTable .supporting-document .supporting-panel .docList ul li .btn::before {
  font-family: "icomoon";
  content: "\e944";
  color: #B59454;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  position: absolute;
  left: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.cjt #dvContent {
  background: #FFFCF8;
}
.cjt .contentWrap {
  background: #FFFCF8;
}
.cjt .contentWrap .tableWrap {
  -webkit-box-shadow: 0px 8px 32px 0px rgba(51, 38, 174, 0.0784313725);
          box-shadow: 0px 8px 32px 0px rgba(51, 38, 174, 0.0784313725);
  border: 0;
  background: #FFFFFF;
}
.cjt .contentWrap .tableWrap .table-casemgnt .k-grid table tr td:nth-last-child(2) {
  min-width: 200px;
}
.cjt .contentWrap .tableWrap .dropdown .dropdown-menu li .dropdown-item:hover {
  background: #f0eadd;
}
.cjt .contentWrap .tableWrap .k-grid table thead tr th {
  background: #B59454;
  padding: 20px;
  color: #fff;
}
.cjt .contentWrap .tableWrap .k-grid table thead tr th .k-column-title {
  color: #fff;
}
.cjt .contentWrap .tableWrap .k-grid table thead tr th .k-cell-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cjt .contentWrap .tableWrap .k-grid table thead tr th .k-cell-inner .k-link {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
}
.cjt .contentWrap .tableWrap .k-grid table thead tr th .k-grid-filter {
  position: static !important;
}
.cjt .contentWrap .tableWrap .k-grid table tbody tr td {
  background: #fff;
  border-radius: 0 !important;
  color: #555F7E !important;
}
.cjt .contentWrap .tableWrap .k-grid table tbody tr td .btnLink {
  color: #1F305E;
  font-family: "Inter";
  font-weight: 600;
}
.cjt .contentWrap .tableWrap .k-grid table tbody tr td .btnLink:hover {
  text-decoration: underline;
}
.cjt .contentWrap .tableWrap .k-grid table tbody tr:hover td {
  background: #FFFCF8;
}
.cjt .cjtcasedetails .caseInfoWrap .caseInfoHead {
  padding: 0;
  margin-bottom: 0;
  -webkit-box-shadow: 0px 8px 32px 0px rgba(51, 38, 174, 0.0784313725);
          box-shadow: 0px 8px 32px 0px rgba(51, 38, 174, 0.0784313725);
  background: #FFFFFF;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.cjt .cjtcasedetails .caseInfoWrap .caseInfoHead .cihLeftWrap ul label {
  background-color: rgba(181, 148, 84, 0.2) !important;
  color: #000;
}
.cjt .cjtcasedetails .caseInfoWrap .caseInfoHead .cihLeftWrap ul label span {
  color: #686868;
}
.cjt .cjtcasedetails .caseInfo {
  background-color: #B59454;
  background-image: url(../images/header-bg.png);
  background-repeat: no-repeat;
  background-position: top right;
  border-radius: 10px;
  padding: 2.5rem;
}
.cjt .cjtcasedetails .caseInfo p {
  text-align: justify;
}
.cjt .cjtcasedetails .caseInfo h1 {
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 1.5rem;
  word-break: break-word;
}
.cjt .cjtcasedetails .caseInfo .claimValue h5 {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
}
.cjt .cjtcasedetails .caseInfo .previewValue p {
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0;
  text-align: justify;
}
.cjt .cjtcasedetails .caseInfo .previewValue p span {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  margin-left: 10px;
}
.cjt .cjtcasedetails .caseInfo .btn-active {
  background: #1B8935;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  border: 0;
  padding: 10px 17px;
}
.cjt .cjtcasedetails .caseInfo .btn-active i {
  margin-right: 5px;
}
.cjt .cjtcasedetails .caseInfo .infoText {
  color: #fff;
  padding-left: 30px;
}
.cjt .cjtcasedetails .caseInfo .infoText:before {
  color: #fff;
}
.cjt .cjtcasedetails .caseInfo .infoText h5 {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.cjt .cjtcasedetails .caseInfo .infoText p {
  font-size: 14px;
  font-weight: 300;
  color: #fff;
}
.cjt .cjtcasedetails .assignedinfo {
  background: #FCF3E7;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px;
  margin-top: -20px;
  margin-bottom: 30px;
}
.cjt .cjtcasedetails .assignedinfo h4 {
  color: #1F305E;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0;
  margin-right: 5px;
}
.cjt .cjtcasedetails .assignedinfo a {
  border: 1px solid #F7E3C8;
  background: #FFFFFF;
  border-radius: 30px;
  color: #080957;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 15px;
  display: inline-block;
  margin-right: 5px;
}
.cjt .cjtcasedetails .detailsaccordian {
  /* Accordion container */
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item {
  border: 1px solid #F7E3C8;
  margin-bottom: 12px;
  border-radius: 8px;
  background: #FCF3E7;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-header {
  background-color: #F7E3C8;
  padding-left: 15px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-header .accordion-button {
  background-color: #F7E3C8;
  font-weight: 600;
  color: #000;
  font-size: 20px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-header .accordion-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-header .accordion-button:after {
  display: none;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-header .accordion-button i {
  background: #B59454;
  border-radius: 5px;
  padding: 8px;
  color: #fff;
  margin-right: 15px !important;
  font-size: 18px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body {
  padding: 15px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .nav-tabs {
  border-bottom: 1px solid #F7E3C8;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .nav-tabs .nav-item .nav-link {
  position: relative;
  background: none;
  font-size: 18px;
  font-weight: 600;
  color: #777777;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .nav-tabs .nav-item .nav-link.active {
  color: #1F305E;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .nav-tabs .nav-item .nav-link.active:after {
  content: "";
  position: absolute;
  height: 4px;
  bottom: 0;
  width: 93%;
  left: 0;
  right: 0;
  margin: auto;
  background: #1F305E;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item {
  border: 0;
  background: #FFFFFF;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-collapse {
  padding-right: 15px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header {
  background: #FFFFFF;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .accordion-button {
  background: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  color: #1F305E;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .accordion-button h3 {
  font-size: 16px;
  font-weight: 600;
  color: #1F305E;
  margin-bottom: 0;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .accordion-button .accordionarrow {
  position: absolute;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #F7E3C8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .accordion-button .accordionarrow:after {
  border-top: 9px solid black;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  width: 0;
  height: 0;
  background-color: transparent;
  border-radius: 0px;
  background-image: none;
  content: "";
  position: absolute;
  top: 10px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .accordion-button.collapsed .accordionarrow:after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .schedule p {
  color: #6A6A6A;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .schedule p span {
  color: #000;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .button-flex {
  padding-left: 33px !important;
  width: 30px;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .schedule {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  padding: 15px 15px 15px 5px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .schedule h3 {
  font-size: 17px;
  margin-bottom: 0 !important;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .accordianText {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .time-links {
  text-align: right;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .time-links a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .time-links a span {
  background: rgba(181, 148, 84, 0.2);
  border-radius: 20px;
  color: #303030;
  font-size: 12px;
  font-weight: 500;
  padding: 7px 8px;
  display: inline-block;
  line-height: normal;
  text-align: center;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .time-links a i {
  background: none;
  font-size: 16px;
  margin-right: 5px !important;
  color: #B59454;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .time-links .teams-group {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-top: 10px;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .time-links .addfile {
  background: rgba(31, 48, 94, 0.1019607843);
  border-radius: 5px;
  padding: 6px;
  text-decoration: none;
  display: inline-block;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .time-links .addfile i {
  color: #1F305E;
  margin: 0 !important;
  font-size: 20px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .time-links .addfile:hover {
  background: #1F305E;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .time-links .addfile:hover i {
  color: #fff;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .time-links .team-join {
  background: radial-gradient(50% 50% at 50% 50%, #2C417A 0%, #1F305E 99.99%) !important;
  border-radius: 5px;
  padding: 7px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  display: inline-block;
  min-width: 70px;
  cursor: pointer;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .time-links .team-join i {
  color: #fff;
  font-size: 20px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .time-links .team-join.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .rightCtrl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-bottom: 0;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .rightCtrl li {
  list-style: none;
  padding-right: 2rem;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .rightCtrl li.attach {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .rightCtrl li.attach span {
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  display: block;
  background: #f7e3c8;
  border-radius: 5px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .rightCtrl li.attach label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #303030;
  padding-left: 0.5rem;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .rightCtrl li.dropstart button::before {
  display: none;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .rightCtrl li.dropstart button:hover {
  background: #b59454;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .rightCtrl li.dropstart button:hover i {
  color: #fff;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .rightCtrl li.dropstart .dropdown-menu {
  inset: -1px 0px auto auto;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .rightCtrl li.dropstart .dropdown-menu button i {
  margin-right: 10px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-header .rightCtrl li.dropstart .dropdown-menu button span {
  font-size: 14px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-collapse {
  padding-left: 60px;
  padding-right: 15px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .accordion-collapse .accordion-body {
  border-top: 1px solid #F7E3C8 !important;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .info-details {
  padding: 10px 0px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .info-details p {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item .info-details p span {
  color: #777777;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordion-body .inner-accordion .accordion-item h5 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .cardList {
  padding: 15px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .cardList .cardItem {
  background: #fff;
  border-radius: 10px;
  padding: 15px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .cardList .cardItem .rightCtrl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .cardList .cardItem .rightCtrl li {
  list-style: none;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .cardList .cardItem p {
  margin-bottom: 0;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .cardList .cardItem p span {
  color: #6A6A6A;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .cardList .cardItem label {
  color: #6A6A6A;
  font-size: 12px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .cardList .cardItem .invoiceText {
  margin-bottom: 10px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .cardList .cardItem .aed {
  color: #1F305E;
  font-size: 18px;
  font-weight: 600;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .cardList .cardItem i {
  color: #B59454;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .cardList .cardItem .clsInvoiceView {
  color: #1F305E;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .cardList .cardItem .date a {
  background: rgba(181, 148, 84, 0.2);
  border-radius: 20px;
  color: #303030;
  font-size: 13px;
  font-weight: 500;
  padding: 7px 10px;
  display: inline-block;
  line-height: normal;
  margin-right: 10px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .cardList .cardItem .status span {
  background: rgba(27, 137, 53, 0.1019607843);
  border-radius: 20px;
  color: #303030;
  font-size: 13px;
  font-weight: 500;
  padding: 7px 10px;
  display: inline-block;
  line-height: normal;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .cardList .cardItem .status .recieved {
  background: rgba(27, 137, 53, 0.1019607843);
  color: #1B8935;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .cardList .cardItem .status .recieved i {
  color: #1B8935;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .cardList .cardItem .status .pending {
  background: rgba(254, 127, 0, 0.1019607843);
  color: #FE7F00;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .cardList .cardItem .status .pending i {
  color: #FE7F00;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .form-check {
  margin-bottom: 15px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .form-check label {
  color: #1B202D;
  font-size: 14px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordianmeetingmin .accordion-item .accordion-collapse {
  padding-right: 0 !important;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordianmeetingmin .meeting-timedate {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordianmeetingmin .meeting-timedate .meetingmindate {
  background: rgba(181, 148, 84, 0.2);
  border-radius: 20px;
  color: #303030;
  font-size: 12px;
  font-weight: 500;
  padding: 7px 8px;
  display: inline-block;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordianmeetingmin .meeting-timedate .meetingmindate i {
  color: #B59454;
  margin-right: 10px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordianmeetingmin .meeting-timedate .meetingmintime {
  background: rgba(32, 141, 75, 0.2);
  border-radius: 20px;
  color: #208D4B;
  font-size: 12px;
  font-weight: 500;
  padding: 7px 8px;
  display: inline-block;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordianmeetingmin .meeting-timedate .meetingmintime i {
  color: #208D4B;
  margin-right: 10px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordianmeetingmin .meeting-timedate .signaturePending {
  background: rgba(0, 34, 254, 0.1019607843);
  border-radius: 20px;
  color: #123C7A;
  font-size: 12px;
  font-weight: 500;
  padding: 7px 8px;
  display: inline-block;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordianmeetingmin .meeting-timedate .signaturePending i {
  color: #123C7A;
  margin-right: 10px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordianmeetingmin .highlight {
  background: #F0EADD;
  border-radius: 5px;
  padding: 8px;
  display: inline-block;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordianmeetingmin .highlight p {
  font-size: 14px;
  font-weight: 500;
  color: #303030;
  margin-bottom: 0;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordianmeetingmin p {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 0;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordianmeetingmin label {
  font-size: 16px;
  font-weight: 600;
  color: #303030;
  margin-bottom: 10px;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordianmeetingmin .arabic {
  text-align: right;
}
.cjt .cjtcasedetails .detailsaccordian .custom-accordion .accordion-item .accordianmeetingmin .signature-box {
  background: #FCF3E7;
  border: 1px solid #C4C4C4;
  padding: 5px 15px;
  border-radius: 10px;
  min-height: 48px;
}
.cjt .cjtcasedetails .detailsaccordian .btn-approve-reject .btn-reject {
  border: 1px solid #1F305E;
  border-radius: 5px;
  font-size: 18px;
}
.cjt .cjtcasedetails .detailsaccordian .info-card {
  background-color: #fff;
  border: 1px solid rgba(181, 148, 84, 0.5019607843);
  border-radius: 10px;
  margin-bottom: 15px;
}
.cjt .cjtcasedetails .detailsaccordian .info-card .info-head {
  background: #F7E3C8;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px 15px;
}
.cjt .cjtcasedetails .detailsaccordian .info-card .info-head h6 {
  font-size: 16px;
  font-weight: 600;
  color: #1F305E;
  margin-bottom: 0;
}
.cjt .cjtcasedetails .detailsaccordian .info-card .info-details {
  padding: 10px 15px;
}
.cjt .cjtcasedetails .detailsaccordian .info-card .info-details p {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
}
.cjt .cjtcasedetails .detailsaccordian .info-card .info-details p span {
  color: #777777;
}
.cjt .detailsLeft {
  width: 300px;
}
.cjt .leftsidebar {
  -webkit-box-shadow: 0px 8px 32px 0px rgba(51, 38, 174, 0.0784313725);
          box-shadow: 0px 8px 32px 0px rgba(51, 38, 174, 0.0784313725);
  border-radius: 14px;
  background: #fff;
  padding: 20px;
}
.cjt .leftsidebar .btn-arrow-left {
  background: #B59454;
  padding: 7px;
  border-radius: 4px;
  color: #fff;
  margin-right: 13px;
  font-size: 12px;
}
.cjt .leftsidebar h6 {
  color: #1F305E;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
}
.cjt .leftsidebar ul li a {
  color: #000 !important;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 11px;
}
.cjt .leftsidebar ul li a i {
  color: #8E8E93;
}
.cjt .leftsidebar ul li a:before {
  display: none !important;
}
.cjt .leftsidebar ul li a:hover {
  background: #F7E3C8;
  border-radius: 4px;
  color: #000;
}
.cjt .leftsidebar ul li a:hover i {
  color: #B59454;
}
.cjt .leftsidebar ul li a.active {
  background: #F7E3C8;
  color: #000;
}
.cjt .leftsidebar ul li a.active i {
  color: #B59454;
}
.cjt .btn-approve-reject {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.cjt .btn-approve-reject .btn-reject {
  background: none;
  border: 1px solid #1F305E;
  border-radius: 5px;
  color: #1F305E;
  font-size: 18px;
  font-weight: 500;
  padding: 10px;
  margin-right: 15px;
}
.cjt .btn-approve-reject .btn-approve {
  background: #1F305E;
  border: 1px solid #1F305E;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  padding: 10px;
}

.pdf-viewer {
  width: 100%;
  height: 100vh;
}

.claimFormSCT .pdfHeader .issueClaimDetail h3 {
  color: #B59454;
  font-size: 28px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 54px;
  font-weight: 600;
}
.claimFormSCT .pdfHeader .pdfLogo {
  width: 192px;
}

.claimFormSCT .bg-brown {
  background: #B59454;
  padding: 8px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
}

.contentWrap .tableWrap .searchAdd .addBtn .btn {
  background: #000 !important;
  border: 1px solid #000;
}

.docList ul li .btn:before, .docList ul li .fileName:before {
  content: "\e944";
  color: #B59454;
}

.mainMenu ul li a.active, .mainMenu ul li a:hover, .mainMenu ul li a:focus {
  background: #f0eadd;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1284px;
  }
}
.sessionOut {
  background: radial-gradient(circle at center, #f8f4eb 0%, rgba(181, 148, 83, 0.2666666667) 60%);
}
.sessionOut .seOutContainer {
  background-image: none;
}
.sessionOut .seOutContainer .whiteBg {
  background: none;
  max-width: auto !important;
}
.sessionOut .seOutContainer .whiteBg .logo img {
  margin-bottom: 70px;
}

.meetingmin .modal-dialog {
  max-width: 893px;
}
.meetingmin .modal-dialog hr {
  border-top: 1px solid #F7E3C8;
}
.meetingmin .btnCancel {
  color: #303030;
}
.meetingmin .modal-header .btn-close {
  top: 20px;
  right: 20px;
}

.meetingminPop {
  border-bottom: 1px solid #DADADA;
  margin-bottom: 20px;
}
.meetingminPop label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #303030 !important;
}
.meetingminPop label.font-400 {
  font-weight: 400 !important;
}
.meetingminPop .form-check label {
  font-weight: 400 !important;
}
.meetingminPop .k-datetimepicker:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #B8C5D2;
}
.meetingminPop .k-datetimepicker .k-input-button .k-icon::before {
  position: absolute;
  font-family: icomoon !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  right: 0px;
  color: #b59454;
  background-image: none;
  font-size: 14px;
  top: 0;
  z-index: 1;
}
.meetingminPop .k-datetimepicker .k-input-button .k-icon.k-i-calendar::before {
  content: "\e90d";
}
.meetingminPop .k-datetimepicker .k-input-button .k-icon.k-i-clock::before {
  display: none;
}
.meetingminPop .arabic {
  text-align: right !important;
}
.meetingminPop .arabic input {
  text-align: right !important;
}
.meetingminPop .arabic .k-datetimepicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.meetingminPop .highlight {
  background: #F0EADD;
  border-radius: 5px;
  padding: 8px;
  display: inline-block;
}
.meetingminPop .highlight p {
  font-size: 14px;
  font-weight: 500;
  color: #303030;
  margin-bottom: 0;
}
.meetingminPop .date {
  position: relative;
}
.meetingminPop .arabic .date::after {
  right: auto;
  left: 8px;
}
.meetingminPop .arabic .form-check-input {
  float: right;
  margin-left: 15px;
}

.applicationTable .table-striped thead tr {
  background-color: #F0EADD !important;
}
.applicationTable .docList ul li .btn {
  background-color: #F0EADD !important;
}
.applicationTable .docList ul li .btn span {
  color: #303030 !important;
}

.k-grid-filter.k-active, .k-grid-filter.k-state-active {
  background-color: transparent;
}

.caseInfoWrap .caseInfoHead .cihRight .rightUl .btn:hover {
  color: #000;
}

.courtEventcalendar .calendarFiltersection .filterSection {
  background-color: #FCF3E7;
}
.courtEventcalendar .eventCalender .k-widget .k-toolbar {
  background-color: #FCF3E7;
}

.calendarTitle {
  background-color: #FCF3E7;
}

.form-floating .k-multiselect .k-chip {
  background-color: #FCF3E7;
}

.documentSelection .chooseoption .selectTemplate {
  background-color: #FCF3E7;
  border: 1px solid #b08d57;
}
.documentSelection .chooseoption .uploadTemplate {
  background-color: #f5f5f5;
  border: 1px solid #bdbdbd;
  cursor: not-allowed;
}
.documentSelection .chooseoption .uploadTemplate .myDocSelectUploadDoc {
  background-color: #bdbdbd;
}
.documentSelection .chooseoption .uploadTemplate label {
  color: #868686;
}
.documentSelection .chooseoption .uploadTemplate img {
  opacity: 0.3;
}

.TemplateListDocument .emptytemplateDocument {
  background-color: #FCF3E7;
}
.TemplateListDocument ul li:hover {
  background-color: #FCF3E7;
}

.checkbox-bg {
  background-color: #FCF3E7;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 15px;
}
.checkbox-bg.checkBoxHt {
  min-height: 140px;
}
.checkbox-bg.checkBoxHt .nodata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 110px;
}
.checkbox-bg .form-floating {
  margin-bottom: 10px;
}
.checkbox-bg .form-floating .form-check-label {
  font-weight: 400 !important;
  font-size: 14px;
  margin-bottom: 8px;
}
.checkbox-bg .tribunalLabel {
  font-weight: 600 !important;
}

.meetingMinutesDet {
  background: -webkit-gradient(linear, left top, left bottom, from(#F0EADD), to(#FAF8F5));
  background: linear-gradient(180deg, #F0EADD 0%, #FAF8F5 100%);
}
.meetingMinutesDet .meetingLogo {
  display: table;
  margin: 0px auto 40px;
}
.meetingMinutesDet .mx-width {
  max-width: 1000px;
  margin: 0px auto;
  width: 100%;
}
.meetingMinutesDet .mx-width .engHead h4 {
  font-size: 36px;
  margin: 0px;
}
.meetingMinutesDet .mx-width .arHEaad {
  padding-bottom: 40px;
}
.meetingMinutesDet .mx-width .arHEaad h4 {
  font-size: 36px;
  margin: 0px;
}
.meetingMinutesDet .mx-width .chairandMembers {
  padding-bottom: 20px;
}
.meetingMinutesDet .mx-width .chairandMembers h5 {
  font-weight: 700;
  font-size: 14px;
}
.meetingMinutesDet .mx-width .chairandMembersName h5 {
  font-size: 14px;
  font-weight: 500;
}
.meetingMinutesDet .mx-width .ftrbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 40px;
  margin-top: 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.meetingMinutesDet .mx-width .ftrbtn .brderBtn {
  border: 1px solid #1F305E;
  color: #1F305E;
  border-radius: 20px;
  padding: 10px 83px;
  font-size: 16px;
  line-height: 16px;
}
.meetingMinutesDet .mx-width .ftrbtn .fillBtm {
  color: #fff;
  border-radius: 20px;
  padding: 10px 83px;
  line-height: 16px;
  background: radial-gradient(50% 50% at 50% 50%, #2C417A 0%, #1F305E 99.99%);
}

.heightvh {
  height: 100vh;
}

.pinNumber {
  background: radial-gradient(circle at center, #f8f4eb 0%, rgba(181, 148, 83, 0.2666666667) 60%);
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pinNumber .white-bg {
  background: #fff !important;
  border: 1px solid #fff !important;
}
.pinNumber .white-bg .icon-message {
  color: #B59454 !important;
}
.pinNumber .white-bg .pinsec {
  border-bottom: 1px solid #DADADA;
  margin-bottom: 24px;
}
.pinNumber .white-bg p {
  font-size: 18px;
  font-weight: 500;
}
.pinNumber .white-bg .btn-cancel {
  color: #303030;
  font-size: 14px;
  font-weight: 500;
  border: 0;
  background: none;
}

.clockCalendarPosition .k-datetimepicker:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #B8C5D2;
}
.clockCalendarPosition .k-datetimepicker .k-input-button .k-icon::before {
  position: absolute;
  font-family: icomoon !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  right: 0px;
  color: #b59454;
  background-image: none;
  font-size: 14px;
  top: 0;
  z-index: 1;
}
.clockCalendarPosition .k-datetimepicker .k-input-button .k-icon.k-i-calendar::before {
  content: "\e90d";
}
.clockCalendarPosition .k-datetimepicker .k-input-button .k-icon.k-i-clock::before {
  display: block;
}

.alertpinMsg {
  top: 0 !important;
}

.pinandOtpvarification {
  padding-top: 0;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pinandOtpvarification .otpVarificationbox {
  border-right: 0;
}

.tooltip-pdf {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.tooltip-pdf .tooltip-text {
  visibility: hidden;
  opacity: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: #333 !important;
  color: #fff !important;
  text-align: center;
  padding: 6px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: 125%; /* place above icon */
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
  font-size: 13px;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.tooltip-pdf .tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%; /* arrow below tooltip */
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
.tooltip-pdf:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(-4px);
      -ms-transform: translateX(-50%) translateY(-4px);
          transform: translateX(-50%) translateY(-4px);
}

.add-links {
  border-radius: 5px;
  padding: 10px;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  width: 34px;
}
.add-links.clsAffixUrl:hover {
  background: #0a1f62;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #fff;
}
.add-links.clsReminderEmail:hover {
  background: #0a1f62;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: #fff;
}
.add-links .icon-link {
  font-size: 16px;
}

.missingDoc {
  font-size: 0.875rem;
  font-weight: 500;
  background: #0a1f62;
  color: #fff;
  padding: 10px 20px;
  cursor: pointer;
  border: 0;
  border-radius: 4px;
}

.missingDocument h3 {
  color: #303030;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}
.missingDocument .buttonWrap {
  border-top: 1px solid #e4e4e4;
}
.missingDocument .btnCancel {
  color: #1F305E !important;
  font-size: 14px;
  text-decoration: underline;
  padding: 0;
}
.missingDocument label {
  font-size: 14px;
  font-weight: 500;
}
.missingDocument .arabic {
  text-align: right;
}
.missingDocument .arabic textarea {
  text-align: right;
  direction: rtl;
}
.missingDocument .arabic textarea::-webkit-input-placeholder {
  text-align: right;
}
.missingDocument .arabic textarea::-moz-placeholder {
  text-align: right;
}
.missingDocument .arabic textarea:-ms-input-placeholder {
  text-align: right;
}
.missingDocument .arabic textarea::-ms-input-placeholder {
  text-align: right;
}
.missingDocument .arabic textarea::placeholder {
  text-align: right;
}
.missingDocument .arabic .form-check-label {
  padding-right: 30px;
  font-size: 14px;
  font-weight: 400;
}
.missingDocument .arabic .form-check-input {
  float: right;
  padding-left: 10px;
}

.selectcase {
  background: #F0EADD !important;
  margin-bottom: 40px !important;
}

.selectcaseform .form-control {
  -webkit-box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset;
          box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset;
  border: 1px solid rgba(181, 148, 84, 0.5019607843) !important;
}
.selectcaseform .form-control:disabled {
  background: #F0EADD !important;
}
.selectcaseform .form-select {
  -webkit-box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset;
          box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset;
  border: 1px solid rgba(181, 148, 84, 0.5019607843) !important;
}
.selectcaseform .yesNo {
  margin-bottom: 0;
}
.selectcaseform .yesNo .form-check .form-check-input:checked + .form-check-label .yes {
  background: #B59454;
  position: relative;
}
.selectcaseform .yesNo .form-check .form-check-input:checked + .form-check-label .yes:before {
  content: "\e906";
  position: absolute;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  left: 8px;
  color: #ffffff;
  background-image: none;
  font-size: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.selectcaseform .yesNo .form-check .form-check-input:not(:checked) + .form-check-label .no {
  background: #B59454;
  position: relative;
}
.selectcaseform .yesNo .form-check .form-check-input:not(:checked) + .form-check-label .no:before {
  content: "\e906";
  position: absolute;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  left: 8px;
  color: #ffffff;
  background-image: none;
  font-size: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.selectcaseform .yesNo .form-check .form-check-label {
  background: none;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.selectcaseform .yesNo .form-check .form-check-label span {
  background: #F4F4F4;
  font-size: 14px !important;
  width: 70px;
  padding: 9px;
}

.form-check-input:checked {
  background-color: #b59454;
  border-color: #b59454;
}

.form-control {
  -webkit-box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset;
          box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset;
  border: 1px solid rgba(181, 148, 84, 0.5019607843) !important;
}
.form-control.input-validation-error {
  border-color: #de4952 !important;
  background-color: transparent;
}

.form-select {
  -webkit-box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset;
          box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset;
  border: 1px solid rgba(181, 148, 84, 0.5019607843) !important;
}

.maskedTextbox .k-maskedtextbox .form-control {
  border: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 0;
}

.formEntry .searchSelect .searchInput {
  -webkit-box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset;
          box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset;
  border: 1px solid rgba(181, 148, 84, 0.5019607843);
}
.formEntry .searchSelect .searchInput .btn {
  background: none;
}
.formEntry .searchSelect .searchInput .form-control {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 0 !important;
}
.formEntry .checkColList li .form-check-input:checked + .form-check-label {
  background: #f0eadd;
}

.searchSelect .searchCol {
  -webkit-box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset !important;
          box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset !important;
  border: 1px solid rgba(181, 148, 84, 0.5019607843) !important;
}
.searchSelect .searchCol .btn {
  background: none;
}
.searchSelect .searchCol .form-control {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0 !important;
}

.case-events-page .kendoselect {
  -webkit-box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset;
          box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset;
  border: 1px solid rgba(181, 148, 84, 0.5019607843) !important;
  border-radius: 4px;
}
.case-events-page .kendoselect .multiSelect {
  border: 0;
}
.case-events-page .uploadDocWrap {
  border: 1px dashed #b08d57 !important;
}
.case-events-page .k-datepicker {
  -webkit-box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset;
          box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset;
  border: 1px solid rgba(181, 148, 84, 0.5019607843) !important;
}
.case-events-page .k-datepicker:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #B8C5D2;
}
.case-events-page .k-datepicker .k-input-button .k-icon::before {
  position: absolute;
  font-family: icomoon !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  right: 0;
  color: #b59454;
  background-image: none;
  font-size: 14px;
  top: 0;
  z-index: 1;
}
.case-events-page .k-datepicker .k-input-button .k-icon.k-i-calendar::before {
  content: "\e90d";
}
.case-events-page .k-datepicker .k-input-button .k-icon.k-i-clock::before {
  display: none;
}
.case-events-page .arabic {
  text-align: right !important;
}
.case-events-page .arabic input {
  text-align: right !important;
}
.case-events-page .arabic .k-datetimepicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.titleBg {
  background: #F0EADD !important;
  margin-bottom: 50px !important;
}

.doc-logo-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.qrSec {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.qrSec .qrBox {
  background: rgba(240, 234, 221, 0.3215686275);
  width: 85px;
  height: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.contentWrap .search .input-group .form-control {
  border: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.missingDoclist {
  position: relative;
  padding-right: 30px;
  text-align: left;
  display: inline-block;
}
.missingDoclist .icon-missingDoc {
  color: #FE7F00;
  font-size: 18px;
  position: absolute;
  right: 0;
}
.missingDoclist .icon-missingDoc.icon-green {
  color: #1B8935 !important;
}

.accordianForm .accordion-item {
  margin-bottom: 16px;
  background: none;
  border: 1px solid rgba(181, 148, 84, 0.4) !important;
  border-radius: 10px;
}
.accordianForm .accordion-item .accordion-header {
  padding-left: 0;
}
.accordianForm .accordion-item .accordion-button {
  background: rgba(181, 148, 84, 0.0509803922) !important;
  border: 1px solid rgba(181, 148, 84, 0.4);
  padding: 20px;
  border-radius: 10px !important;
  font-size: 22px;
  font-weight: 600;
  color: #303030;
}
.accordianForm .accordion-item .accordion-button:after {
  left: auto;
  right: 20px;
  background-color: #B59454 !important;
  border-radius: 4px;
  color: #fff !important;
  content: "\e900";
  position: absolute;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  left: 8px;
  color: #ffffff;
  background-image: none;
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.accordianForm .accordion-item .accordion-button:not(.collapsed):after {
  background-color: #B59454;
}
.accordianForm .accordion-item .accordion-button.collapsed:after {
  background-color: #EDEDED;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.accordianForm .accordion-item .accordion-body {
  border: 0;
}

.templatedoc .doc-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.templatedoc .doc-flex p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.templatedoc .doc-flex ol {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.templatedoc .docContent {
  border-top: 1px solid #D4D4D4;
  padding-top: 24px;
  margin-top: 24px;
}
.templatedoc .fontsize24 {
  font-size: 24px;
  color: #303030;
  font-weight: 600;
}
.templatedoc .fontsize22 {
  font-size: 20px;
  color: #B59454;
  font-weight: 600;
}
.templatedoc .fontsize18 {
  font-size: 18px;
  color: #303030;
  font-weight: 600;
}
.templatedoc .fontsize18-500 {
  font-size: 18px;
  color: #303030;
  font-weight: 500;
}
.templatedoc .fontsize16-400 {
  font-size: 16px;
  color: #303030;
  font-weight: 400;
}
.templatedoc .docHeadBg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.templatedoc .docHeadBg .column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.border-danger {
  border-color: red !important;
}

.cjtdasboard .chartWrap2 {
  background: none;
}
.cjtdasboard .chartWrap2 .chartList {
  background: #FFFFFF;
  border-radius: 14px;
}
.cjtdasboard .chartWrap2 .chartList .chartListItem {
  margin-bottom: 0;
  padding-bottom: 0;
}
.cjtdasboard .chartWrap2 .topHead {
  background: none;
  padding: 0;
}
.cjtdasboard .chartWrap2 .topHead h2 {
  font-size: 36px;
  color: #1F305E;
  font-weight: 600;
}
.cjtdasboard .chartWrap2 .topHead p {
  color: #7E7E7E;
  font-size: 16px;
  font-weight: 400;
}
.cjtdasboard .chartWrap2 .topHead .filterBtn ul li .filtrtBy {
  border: 1px solid #B59454;
  color: #202224;
  font-weight: 600;
  font-size: 16px;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.cjtdasboard .chartWrap2 .topHead .filterBtn ul li .filtrtBy i {
  margin-right: 0;
}
.cjtdasboard .chartWrap2 .topHead .filterBtn ul li .icon {
  color: #B59454;
  font-size: 16px;
}
.cjtdasboard .chartWrap2 .topHead .filterBtn ul li .Filterby .dashboardFilter .filterSection button {
  color: #000000;
  background: rgba(181, 148, 84, 0.1019607843);
  border: 1px solid rgba(11, 32, 98, 0.2);
}
.cjtdasboard .chartWrap2 .topHead .filterBtn ul li .Filterby .dashboardFilter .filterSection button.active {
  color: #fff;
  background-color: #B59454 !important;
  border: 1px solid #B59454;
}
.cjtdasboard .chartWrap2 .topHead .filterBtn ul li .k-datepicker .k-input-button .k-icon:before {
  font-family: "icomoon";
  content: "\e90d";
  color: #b59454;
  font-size: 14px;
}
.cjtdasboard .chartWrap2 .topHead .filterBtn ul li .btn-reset {
  border: 1px solid #0B2062;
  color: #0B2062;
}
.cjtdasboard .chartWrap2 .boardSec {
  background: #FCF3E7;
  border-radius: 10px;
  padding: 30px;
}
.cjtdasboard .chartWrap2 .boardSec .chartList {
  padding: 20px;
}
.cjtdasboard .chartWrap2 .boardSec .chartList h3 {
  font-size: 20px;
  font-weight: 700;
  color: #314158;
  margin-bottom: 0;
  text-align: left;
}
.cjtdasboard .chartWrap2 .dashboarditem {
  padding: 0;
  background: #FFFFFF;
  border-radius: 14px;
  margin-bottom: 20px;
}
.cjtdasboard .chartWrap2 .dashboarditem .listFlex {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 250px;
}
.cjtdasboard .chartWrap2 .dashboarditem .listFlex p {
  font-size: 16px;
  font-weight: 400;
  color: #45556C;
}
.cjtdasboard .chartWrap2 .dashboarditem .listFlex h2 {
  font-size: 16px;
  font-weight: 400;
  color: #0F172B;
}
.cjtdasboard .chartWrap2 .dashboarditem .listFlex i {
  margin-right: 10px;
  font-size: 14px;
}
.cjtdasboard .chartWrap2 .dashboarditem .listFlex .total {
  border-top: 1px solid rgba(181, 148, 84, 0.3019607843);
  padding-top: 15px;
}
.cjtdasboard .chartWrap2 .dashboarditem .listFlex .total p {
  font-size: 16px;
  font-weight: 600;
  color: #314158;
}
.cjtdasboard .chartWrap2 .dashboarditem .listFlex .total h2 {
  font-size: 16px;
  font-weight: 600;
  color: #314158;
}
.cjtdasboard .chartWrap2 .dashboarditem .listFlex .icon-red {
  color: #EF4444;
}
.cjtdasboard .chartWrap2 .dashboarditem .listFlex .icon-green {
  color: #00A63E;
}
.cjtdasboard .chartWrap2 .dashboarditem .listFlex .icon-gold {
  color: #B59454;
}
.cjtdasboard .chartWrap2 .dashboarditem .dashboardList {
  background: #F7E3C8;
  border-radius: 14px;
  padding: 20px 24px;
  color: #314158;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}
.cjtdasboard .chartWrap2 .dashboarditem .dashboardList h3 {
  font-size: 20px;
  font-weight: 700;
  color: #314158;
  margin-bottom: 0;
}
.cjtdasboard .chartWrap2 .dashboarditem .dashboardList .icon {
  background: rgba(181, 148, 84, 0.2);
  border-radius: 50%;
  color: #B59454;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 22px;
}

.formEntry .checkCol .form-check-input:checked + .form-check-label:before {
  border-color: #B59454;
  color: #fff;
  background: #B59454;
}

.previewSignature {
  font-family: "Satisfy", cursive;
  font-size: 14px;
  font-weight: 400;
}

.statusPending {
  background: rgba(232, 34, 39, 0.1019607843);
  font-weight: 500;
  font-size: 13px;
  color: #E82227 !important;
  border-radius: 20px;
  font-weight: 500;
  padding: 7px 10px;
  display: inline-block;
  line-height: normal;
  text-decoration: none;
}
.statusPending i {
  color: #E82227 !important;
}

.refundFee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
.refundFee h3 {
  font-size: 16px;
  margin-bottom: 0;
}
.refundFee i {
  background: rgba(181, 148, 84, 0.2);
  border-radius: 50%;
  color: #B59454;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 22px;
}

.feesDetails .pending {
  background: #FFE5CC;
  font-weight: 500;
  font-size: 13px;
  color: #FE7F00 !important;
  border-radius: 20px;
  padding: 7px 10px;
  display: inline-block;
  line-height: normal;
  text-decoration: none;
}
.feesDetails .pending i {
  color: #FE7F00 !important;
}
.feesDetails .rejected {
  background: rgba(232, 34, 39, 0.1019607843);
  color: #E82227;
  font-size: 13px;
  border-radius: 20px;
  font-weight: 500;
  padding: 7px 10px;
  display: inline-block;
  line-height: normal;
  text-decoration: none;
}
.feesDetails .rejected i {
  color: #E82227 !important;
}
.feesDetails .approved {
  font-size: 13px;
  border-radius: 20px;
  font-weight: 500;
  padding: 7px 10px;
  display: inline-block;
  line-height: normal;
  text-decoration: none;
  background: rgba(27, 137, 53, 0.1019607843);
  color: #1B8935;
}
.feesDetails .approved i {
  color: #1B8935 !important;
}

.applicationnoticeEvents p {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
}
.applicationnoticeEvents p span {
  color: #777777;
}

.accreditation {
  border: 0.6px solid #1F305E;
  background: #FAFBFD;
  border-radius: 10px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.accreditation .border-right {
  border-right: 0.6px solid #1F305E;
}

.meeting-minDetails p {
  color: #000000;
  font-size: 14px !important;
  font-weight: 500;
  margin-bottom: 10px !important;
}
.meeting-minDetails p span {
  color: #777777;
}

.col-gap-20 {
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}

.col-gap-10 {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.activity .clsCaseHistory {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.activity .clsCaseHistory:hover .icon-activity {
  color: #ffffff;
  background: #0a1f62;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.activity .clsCaseHistory .icon-activity {
  padding: 4px;
  border-radius: 4px;
  font-size: 16px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.caseInfoWrap .caseInfoHead .cihRight .rightUl .dropdown .dropdown-toggle:hover .icon-plus {
  background: #0a1f62;
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.caseInfoWrap .caseInfoHead .cihRight .rightUl .dropdown .dropdown-toggle .icon-plus {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f4f4f4;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.meetingMinutesDet .pdfHeader {
  background: rgba(181, 148, 84, 0.2);
  padding-top: 30px;
  padding-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 20px;
}
.meetingMinutesDet .pdfHeader img {
  margin-bottom: 0 !important;
}
.meetingMinutesDet .pdfview .signature-box {
  background: rgba(170, 170, 170, 0.3019607843);
  border: 1px solid #C4C4C4;
  border-radius: 10px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 50px;
}
.meetingMinutesDet .pdfview .engValue h5 {
  color: #303030;
  font-size: 12px;
  font-weight: 700;
  padding-left: 0;
}
.meetingMinutesDet .pdfview .arValue h5 {
  color: #303030;
  font-size: 12px;
  font-weight: 700;
  padding-right: 0;
}
.meetingMinutesDet .pdfview .chairandMembers h3 {
  font-size: 16px;
  font-weight: 700;
}

.cjt .eventHeader {
  background: #F0EADD !important;
  margin-bottom: 30px !important;
}

.activCanvas .accordion .accordion-item ul li p .by {
  background: #f7e3c8;
}

.accordion .accordion-item .accordion-button:not(.collapsed):after {
  background-color: #f7e3c8;
}

.activCanvas .accordion .accordion-item ul li .time:before {
  color: #b08d57;
}

.checkboxInline {
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  margin-bottom: 20px;
}

.electronicFiling label {
  color: #777777;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
}
.electronicFiling p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 30px;
  text-align: justify;
}

.respondentNotice label {
  color: #777777;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
}
.respondentNotice p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 30px;
  text-align: justify;
}

.applicationnoticeEvents label {
  color: #777777;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
}
.applicationnoticeEvents p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 30px;
  text-align: justify;
  word-break: break-all;
}

.text-arabic {
  direction: rtl;
  text-align: justify;
}

.videoSearch {
  padding-bottom: 15px;
}
.videoSearch .searchGroup {
  border: 1px solid #F7E3C8;
  border-radius: 20px;
  background: #fff;
}
.videoSearch .searchGroup input {
  border: 0 !important;
  background: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.videoSearch {
  border-bottom: 1px solid #DBDBDB;
}

.videoAccordion .video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-column-gap: 25px;
     -moz-column-gap: 25px;
          column-gap: 25px;
}
.videoAccordion .video h4 {
  font-size: 16px;
  font-weight: 600;
  color: #303030;
}
.videoAccordion .video .videoThumb {
  position: relative;
  border-radius: 5px;
}
.videoAccordion .video .videoThumb .icon-play {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.videoAccordion .video .videoThumb img {
  border-radius: 5px;
  width: 100px;
}
.videoAccordion .video-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
.videoAccordion .video-date label {
  color: #777777;
  font-size: 12px;
  font-weight: 500;
}
.videoAccordion .video-date .date {
  background: rgba(181, 148, 84, 0.2);
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #303030;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.videoAccordion .video-date .date i {
  color: #B59454;
}

.video-content h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}

.card-video {
  padding: 15px 15px 0 15px;
}
.card-video .RecordingRow {
  background: #FFFFFF;
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 15px 0;
}

.video .notRecordedText .notRecorded {
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video .notRecordedText .notRecorded .icon {
  background: none;
  color: #FF9800;
  margin-right: 5px;
  height: auto;
  width: auto;
}
.video .notRecordedText .notRecorded .icon:before {
  text-align: left;
  width: auto;
  height: auto;
  line-height: normal;
}
.video .notRecordedText .notRecorded p {
  color: #FF9800;
}

.hearingDetails label {
  color: #777777;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
}
.hearingDetails p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 30px;
  text-align: justify;
}

.ortext {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  margin-top: 15px;
  margin-bottom: 15px;
}
.ortext:before {
  content: "";
  display: inline-block;
  width: 42%;
  height: 1px;
  background-color: rgba(68, 68, 68, 0.3607843137);
  margin-right: 5%;
  vertical-align: middle;
}
.ortext:after {
  content: "";
  display: inline-block;
  width: 42%;
  height: 1px;
  background-color: rgba(68, 68, 68, 0.3607843137);
  margin-left: 5%;
  vertical-align: middle;
}

.tribuMembers {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #6A6A6A;
}
.tribuMembers span {
  color: #000;
}

.col-gap-40 {
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
}

.col-gap-10 {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.cjtpayment {
  padding-top: 50px;
  background: #f2ece1 !important;
}
.cjtpayment .cjtPaymentTitle {
  border-bottom: 1px solid #D2D2D2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 17px;
  margin-bottom: 24px;
}
.cjtpayment .cjtPaymentTitle h3 {
  color: #1F305E;
  font-size: 36px;
  font-weight: 500;
}
.cjtpayment .billto {
  margin-bottom: 20px;
}
.cjtpayment .billto h4 {
  color: #40444C;
  font-size: 24px;
  font-weight: 500;
}
.cjtpayment .billto p {
  color: #494A53;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.cjtpayment .paymentInvoice {
  border: 1px solid rgba(181, 148, 84, 0.5019607843);
  border-radius: 20px;
  padding: 24px;
  background: #fff;
  margin-bottom: 25px;
}
.cjtpayment .paymentInvoice .invoiceDetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid rgba(181, 148, 84, 0.3019607843);
  padding-bottom: 16px;
  margin-bottom: 30px;
}
.cjtpayment .paymentInvoice .invoiceDetails h4 {
  color: #40444C;
  font-size: 28px;
  font-weight: 500;
}
.cjtpayment .paymentInvoice .invoiceData {
  border-bottom: 1px dashed rgba(181, 148, 84, 0.3019607843);
  margin-bottom: 20px;
}
.cjtpayment .paymentInvoice .invoiceData .invoiceDataCol {
  margin-bottom: 30px;
}
.cjtpayment .paymentInvoice .invoiceData .invoiceDataCol label {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.cjtpayment .paymentInvoice .invoiceData .invoiceDataCol .data {
  color: #1A171C;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 0;
}
.cjtpayment .paymentInvoice .discription label {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 15px;
}
.cjtpayment .paymentInvoice .discription h5 {
  color: #444444;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
}
.cjtpayment .paynow {
  margin-bottom: 50px;
}
.cjtpayment .paynow h5 {
  color: #1A171C;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}
.cjtpayment .paynow p {
  color: #494A53;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.cjtpayment .paymentRight {
  border: 1px solid rgba(181, 148, 84, 0.5019607843);
  background: #FFFFFF;
  border-radius: 20px;
}
.cjtpayment .paymentWrap .paymentRight {
  padding: 20px;
}
.cjtpayment .paymentWrap .paymentRight .invoiceAmount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cjtpayment .paymentWrap .paymentRight .invoiceAmount .icon {
  width: 64px;
  height: 64px;
  font-size: 20px;
  color: #fff;
  background: #B59454;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1.5rem;
  border-radius: 50%;
}
.cjtpayment .paymentWrap .paymentRight .invoiceAmount .amountFee {
  border-bottom: 1px solid rgba(181, 148, 84, 0.5019607843);
  padding-bottom: 15px;
}
.cjtpayment .paymentWrap .paymentRight .invoiceAmount .amountFee h6 {
  color: #777777;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 25px;
}
.cjtpayment .paymentWrap .paymentRight .invoiceAmount .amountFee h5 {
  color: #40444C;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
}
.cjtpayment .paymentWrap .paymentRight .invoiceAmount .grandTotal h4 {
  color: #1A171C;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
}
.cjtpayment .paymentWrap .paymentRight .invoiceAmount .grandTotal h3 {
  color: #1A171C;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}
.cjtpayment .paymentWrap .paymentRight .invoiceAmount .grandTotal p {
  color: #1A171C;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}
.cjtpayment .paymentWrap .paymentRight .btn-payNow {
  background: radial-gradient(50% 50% at 50% 50%, #2C417A 0%, #1F305E 99.99%);
  border-radius: 20px;
  height: 40px;
  color: #fff !important;
  padding: 0 !important;
}

.approveRejectbtns {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.approveRejectbtns .tooltip-pdf .tooltip-text {
  bottom: -42px;
  top: auto;
}
.approveRejectbtns .tooltip-pdf .tooltip-text:after {
  top: -11px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  left: 46%;
}
.approveRejectbtns .clsTribunalRequestReject {
  padding: 0;
}
.approveRejectbtns .clsTribunalRequestReject i {
  color: #EE1C25 !important;
  border: 0.7px solid #EE1C25 !important;
  border-radius: 50% !important;
  padding: 10px;
  font-size: 12px;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.approveRejectbtns .clsTribunalRequestAccept {
  padding: 0;
}
.approveRejectbtns .clsTribunalRequestAccept i {
  color: #1B8935 !important;
  border: 0.7px solid #1B8935 !important;
  border-radius: 50% !important;
  padding: 10px;
  font-size: 12px;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.dvTribunalRequest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
.dvTribunalRequest .clsTribunalRequestReject {
  border: 1px solid #1F305E !important;
  color: #1F305E !important;
  font-size: 18px;
  font-weight: 500;
}
.dvTribunalRequest .clsTribunalRequestAccept {
  background: #1F305E !important;
  color: #fff !important;
  border: 1px solid #1F305E !important;
  font-size: 18px;
  font-weight: 500;
}

.wrapperMargin {
  margin-top: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 82vh;
  background-color: #f2ece1 !important;
}

.transactionFailed {
  -webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1490196078);
  border-radius: 20px;
  padding: 40px;
  min-height: 430px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.transactionFailed h3 {
  font-size: 24px;
  color: rgba(237, 28, 36, 0.8);
  font-weight: 500;
  margin-bottom: 20px;
  text-align: center;
}
.transactionFailed p {
  font-size: 16px;
  color: #444444;
  font-weight: 400;
  margin-bottom: 20px;
  text-align: center;
}
.transactionFailed .failedicon {
  background: rgba(237, 28, 36, 0.1019607843);
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
}
.transactionFailed .failedicon i {
  color: #ED1C24;
  font-size: 20px;
}
.transactionFailed .btnTryagain {
  background: radial-gradient(50% 50% at 50% 50%, #2C417A 0%, #1F305E 99.99%);
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  border-radius: 20px;
  height: 40px;
  padding: 0 60px;
}
.transactionFailed .transactionDetails {
  border: 1px dashed #EA454C;
  background: rgba(234, 69, 76, 0.1019607843);
  border-radius: 10px;
  padding: 24px 40px;
  margin-bottom: 40px;
}
.transactionFailed .transactionDetails label {
  white-space: nowrap;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 10px;
}
.transactionFailed .transactionDetails P {
  white-space: nowrap;
  font-weight: 500;
  font-size: 18px;
  color: #1A171C;
  margin-bottom: 0;
  text-align: left;
}

.paymentsuccess .failedicon {
  background: #EAF5F0;
}
.paymentsuccess .failedicon i {
  color: #299A6B;
}
.paymentsuccess h3 {
  color: #444444;
}
.paymentsuccess .transactionDetails {
  border: 1px dashed #299A6B;
  background: rgba(41, 154, 107, 0.1019607843);
}

.tableTabs {
  background: #FCF3E7;
  padding: 7px;
}
.tableTabs .nav-item:before {
  display: none;
}
.tableTabs .nav-item .nav-link {
  background: none;
}
.tableTabs .nav-item .nav-link.active {
  background: #143293;
}
.tableTabs .nav-item .nav-link:hover {
  background: #143293 !important;
}

.userListWrap .userList .userListItem .name {
  background: #EFF2F9;
}

.feeDetails {
  margin-top: 20px;
}
.feeDetails label {
  color: #777777 !important;
  font-size: 14px !important;
  font-weight: 500;
  margin-bottom: 6px;
}
.feeDetails p {
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 400;
  margin-bottom: 30px !important;
  text-align: justify;
}
.feeDetails p span {
  color: #000 !important;
}
.feeDetails .arabic {
  text-align: right;
  direction: rtl;
}

.calendereventDetails label {
  color: #777777;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
}
.calendereventDetails p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 30px;
  text-align: justify;
}
.calendereventDetails h5 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

.eventCalender .k-datetimepicker {
  -webkit-box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset;
          box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset;
  border: 1px solid rgba(181, 148, 84, 0.5019607843) !important;
}
.eventCalender .multiSelect {
  -webkit-box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset;
          box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset;
  border: 1px solid rgba(181, 148, 84, 0.5019607843) !important;
}

.courtEventcalendar .k-scheduler-navigation {
  -webkit-column-gap: 7px;
     -moz-column-gap: 7px;
          column-gap: 7px;
}

.cjtlawyerHead {
  background-color: #B59454 !important;
  background-image: url(../images/header-bg.png) !important;
  background-repeat: no-repeat !important;
  background-position: top right !important;
  border-radius: 10px !important;
  padding: 2.5rem !important;
}

.detailsLeft ul li a:hover {
  color: #b59454 !important;
  background: #f0eadd !important;
}
.detailsLeft ul li a:before {
  color: #b59454 !important;
}

.cjt-back i {
  background: #B59454 !important;
}

.cjtonbording .bg-lg {
  background: #f0eadd;
}
.cjtonbording h2:before {
  background: #b59454 !important;
}

.noshadow {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 0 !important;
  background: none !important;
}

.docName {
  position: relative;
  padding-right: 10px;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.docName span {
  display: inline-block !important;
  width: auto !important;
  color: #000 !important;
  text-transform: initial !important;
  font-size: 1rem !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px !important;
  text-align: left;
}
.docName i {
  line-height: normal;
  opacity: 1 !important;
}

.eventAttachment .attchborder label {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}
.eventAttachment .attchborder {
  border-bottom: 1px solid #F7E3C8;
  margin-bottom: 15px;
}
.eventAttachment p {
  margin-bottom: 0 !important;
}
.eventAttachment .docPanel {
  background: #F0EADD;
  border-radius: 30px;
  padding: 8px 15px;
  font-size: 14px;
  color: #1B202D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.eventAttachment .docPanel .attachmentName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  margin-bottom: 0 !important;
}
.eventAttachment .docPanel i {
  color: #B59454;
}
.eventAttachment .docPanel a {
  color: #1B202D;
}

.discalimertext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  position: relative;
}
.discalimertext i {
  margin-top: 5px;
}

.arabicdatepicker {
  position: relative;
}
.arabicdatepicker input {
  position: relative;
  background: none;
  z-index: 2;
}
.arabicdatepicker input:focus {
  background: none;
}
.arabicdatepicker::before {
  content: "\e90d";
  position: absolute;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  left: 15px;
  color: #b59454;
  background-image: none;
  font-size: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

.meetingminPop .daterrorArb {
  font-weight: 400 !important;
}

.k-datetimepicker {
  overflow: visible;
}
.k-datetimepicker #CompletedDate-error {
  position: absolute;
  bottom: -31px;
  font-weight: 400 !important;
}

.docList ul li .btn {
  background: rgba(176, 141, 87, 0.1215686275) !important;
}

.eventCalender .input-validation-error {
  border-color: #de4952 !important;
  background-color: transparent;
}

.TemplateListDocument ul li [type=radio]:checked + label:after {
  background: #b59454;
}

#dvCaseTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 21px;
     -moz-column-gap: 21px;
          column-gap: 21px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#dvCaseTitle span {
  font-size: 14px;
  background-color: #FCF3E7;
  padding: 8px;
  margin-top: 7px;
  border-radius: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32%;
}

.judgementOrderlex {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.judgementOrderlex .detailsRight {
  background: #F7E3C8;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 1rem;
}
.judgementOrderlex .detailsRight .caseDetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.judgementOrderlex .detailsRight .caseDetails h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  color: #000000;
}
.judgementOrderlex .detailsRight .caseDetails .casestatus {
  background: #B59454;
  border-radius: 20px;
  padding: 6px 17px;
  border: 0;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}

.mydocumentIssue .issueVersion .selectVersion.active {
  background: #F7E3C8;
}
.mydocumentIssue .issueVersion .selectVersion.active .icon {
  color: #B59454;
}
.mydocumentIssue .issueVersion .selectVersion.active span label {
  color: #B59454;
}

.document-form .judgedetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  font-size: 14px;
  background-color: #FCF3E7;
  padding: 8px;
  margin-top: 7px;
  border-radius: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 15px;
}
.document-form .judgedetails .judge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.document-form .judgedetails .judge img {
  width: 20px;
}
.document-form .judgedetails .judge h4 {
  max-width: 210px;
  font-size: 14px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.docissue-header h4 {
  font-size: 18px;
  margin-bottom: 20px;
}

.colorStatus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  font-size: 14px;
  font-weight: 400;
}
.colorStatus .statpublished {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
.colorStatus .statpublished span {
  background: #99d5b6;
  width: 20px;
  height: 20px;
  display: inline-block;
}
.colorStatus .stattemplate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
.colorStatus .stattemplate span {
  background: #fbee99;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.tempDoc {
  background: #fbee99;
  display: inline-block;
  white-space: nowrap;
  padding: 2px 5px;
  border-radius: 5px;
  color: #000;
}

.publishedDoc {
  background: #99d5b6;
  display: inline-block;
  white-space: nowrap;
  padding: 2px 5px;
  border-radius: 5px;
  color: #000;
}

.tableEditbrdr tr td {
  border: 1px dotted #000;
}

.document-form .clsicons i {
  cursor: default !important;
}
.document-form .dropdownList i {
  cursor: default !important;
}
.document-form .form-floating .k-multiselect {
  -webkit-box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset;
          box-shadow: 2px 2px 2px 1px rgba(181, 148, 84, 0.1490196078) inset;
  border: 1px solid rgba(181, 148, 84, 0.5019607843) !important;
  font-size: 0.875rem;
  font-weight: 500;
  color: #9f9f9f;
}

.docDisabled .disabled {
  background: rgba(202, 178, 129, 0.2784313725) !important;
  cursor: not-allowed;
  opacity: 1;
}

.plswaitText {
  text-align: center;
  color: #919191;
  margin-top: 100px;
  font-size: 0.875rem;
}

.arabicdiv .arab-ps-0 {
  padding-left: 0;
}
.arabicdiv .backBtn .btnBackMainNavMenu .icon {
  -webkit-transform: scale(-1, -1);
  -ms-transform: scale(-1, -1);
      transform: scale(-1, -1);
}
.arabicdiv .canceldocissue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.arabicdiv .eventcheckbox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
.arabicdiv .cjtonbording h2 {
  padding-right: 20px;
}
.arabicdiv .cjtonbording h2:before {
  right: 0;
  left: auto;
}
.arabicdiv .caseInfoWrap .caseInfoHead .cihRight .rightUl .btn {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.arabicdiv .detailsRow .detailsRight .titleWrap .backBtn .btn {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.arabicdiv .chartWrap2 .topHead .filterBtn ul li .filterbox .Filterby .dashboardFilter .datePickerRow .dateField {
  width: 100%;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.arabicdiv .missingDoclist {
  padding-right: 0px;
  padding-left: 30px;
}
.arabicdiv .missingDoclist .icon-missingDoc {
  right: auto;
  left: 0;
}
.arabicdiv .signaturePlaceholder .canvasRow .canvasRight {
  max-width: 55%;
}
.arabicdiv .signaturePlaceholder .canvasRow .canvasRight #dummy-canvas {
  position: absolute;
  left: auto;
  right: 1px;
  top: 1px;
  z-index: 1;
}
.arabicdiv .documentSignature {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.arabicdiv .mainMenu .megaMenu .subDropdown {
  left: auto;
  right: 100%;
  padding-right: 24px;
  padding-left: 0;
}
.arabicdiv .mainMenu .megaMenu.show {
  right: 0;
}
.arabicdiv .mainMenu .megaMenu:before {
  right: 54px;
}
.arabicdiv .mainMenu .megaMenu .subDropdown:before {
  right: 16px;
}
.arabicdiv .mainMenu .primaryList li .linkText {
  text-align: right;
  padding-right: 24px;
}
.arabicdiv .mainMenu .primaryList li .linkWrap i {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.arabicdiv .mainMenu .megaMenu .subDropdown {
  min-width: 304px;
}
.arabicdiv .mainMenu .megaMenu.colThree {
  width: 948px;
}
.arabicdiv .chartWrap2 .topHead .filterBtn ul li .filterbox {
  left: 0;
  right: auto;
}
.arabicdiv .navbar .navbar-nav {
  padding-right: 0;
}
.arabicdiv .fliprow {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.arabicdiv .form-floating.kendoFloating .k-autocomplete .k-clear-value {
  left: 0;
  right: auto;
}
.arabicdiv .leftsidebar .fliprow {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.arabicdiv .leftsidebar .btn-arrow-left {
  margin-right: 0;
}
.arabicdiv .leftsidebar ul li a {
  text-align: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.arabicdiv .form-floating .form-select {
  background-position: left 0.3rem center;
}
.arabicdiv .caseInfoWrap .caseInfoHead .cihRight .dropdown .dropdown-menu li .dropdown-item {
  text-align: right;
}
.arabicdiv .caseInfoWrap .caseInfoHead .cihRight .dropdown .dropdown-menu li .dropdown-item i {
  float: right;
  margin-left: 20px;
}
.arabicdiv .contentWrap .tableWrap .k-grid table thead tr th:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.arabicdiv .contentWrap .tableWrap .k-grid table thead tr th:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.arabicdiv .contentWrap .nav-pills {
  padding-right: 0;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.arabicdiv .contentWrap .nav-pills li {
  padding-right: 0;
}
.arabicdiv .contentWrap .tableWrap .dropdown .dropdown-menu.dropdownIcon li .dropdown-item {
  padding: 0.5625rem 0.25rem;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.arabicdiv .advanceSearch {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.arabicdiv .contentWrap .tableWrap .k-grid .k-pager-wrap .k-pager-info {
  text-align: left;
}
.arabicdiv .contentWrap .tableWrap .searchAdd .addBtn {
  margin-left: 0;
}
.arabicdiv .k-datetimepicker .k-input-button {
  left: 0;
  right: auto;
}
.arabicdiv .clockCalendarPosition span button:last-child {
  left: 30px;
  right: auto;
}
.arabicdiv .activCanvas .accordion .accordion-item .accordion-button .dayDate {
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
.arabicdiv .activCanvas .accordion .accordion-item .accordion-button:after {
  left: auto;
  right: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.arabicdiv .activCanvas .accordion .accordion-item ul {
  padding-right: 0;
}
.arabicdiv .activCanvas .accordion .accordion-item ul li {
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}