@import url(https://rsms.me/inter/inter.css);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins&display=swap);
@import url(https://rsms.me/inter/inter.css);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins&display=swap);
@import url(https://fonts.googleapis.com/css?family=Vibur&display=swap);
@import url(https://rsms.me/inter/inter.css);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins&display=swap);
@import url(https://rsms.me/inter/inter.css);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins&display=swap);
@import url(https://fonts.googleapis.com/css?family=Vibur&display=swap);
@import url(https://rsms.me/inter/inter.css);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins&display=swap);
@import url(https://rsms.me/inter/inter.css);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins&display=swap);
@import url(https://fonts.googleapis.com/css?family=Vibur&display=swap);
@import url(https://rsms.me/inter/inter.css);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins&display=swap);
@import url(https://rsms.me/inter/inter.css);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Poppins&display=swap);
.manage-columns-uw {
  height: 40px;
  border-radius: 6px;
  border: solid 1px #e9e9ea;
  background-color: #fff;
  color: #87878a;
  padding: 5px;
  cursor: pointer;
  width: 170px;
  font-family: Poppins !important;
  font-size: 14px;
}

.optionList-uw {
  height: 280px;
  position: absolute;
  overflow-y: auto;
  z-index: 1;
  background-color: #fff;
  width: auto;
  font-size: 12px !important;
  color: #87878a !important;
  width: 170px;
  margin-left: -5px;
  font-family: Poppins !important;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.Bulk-uw {
  font-size: 14px !important;
  font-family: Poppins !important;
  color: #87878a !important;
  width: 180px !important;
  outline: none !important;
}

.single-column {
  min-height: 30px;
  height: auto;
  font-family: Poppins;
  padding: 5px;
}

.single-column:hover {
  background-color: #f1f1f1;
}

.uw-bulk-delete {
  width: 100px;
  height: 40px;
  border-radius: 6px;
  border: solid 1px #e9e9ea;
  background-color: #fff;
  color: #87878a !important;
  font-family: Poppins !important;
  outline: none !important;
  font-size: 14px;
}

.interaction-srch {
  display: flex;
  font-family: Poppins;
  font-size: 12px;
  border: solid 2px black;
  border-radius: 3px;
  border: solid 1px #cbd6e2;
  background-color: #f5f8fa;
  width: 100%;
}

.interaction-text {
  padding: 2px;
  margin-right: 5px;
  border: none;
  width: 80%;
  background-color: #f5f8fa;
}

.focus-outline-none:focus {
  outline: none;
}


.inputForCdLedger{
  width: 90%;
  height: 40px;
  border-radius: 3px;
  border: solid 1px #e9e9ea;
  background-color: #fff;
  font-family: Poppins ;
  font-size: 14px ;
  text-align: left;
  color: #717171;
  padding: 6px;
  outline: none;
}
.user-search-input {
  position: relative;
  width: 100%;
  font-size: 15px;
  font-family: Poppins;
}

.user-search-input input {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  border: solid 1px #e9e9ea;
}

.suggestion-list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: white;
  border: 1px solid #ccc;
  list-style-type: none;
  padding: 0;
  margin: 0;
  z-index: 30;
  max-height: 300px;
  overflow-y: scroll;
}

.suggestion-list li {
  padding: 8px;
  cursor: pointer;
  font-size: 15px;
  font-family: Poppins;
}

.suggestion-list li:hover {
  background-color: #f0f0f0;
}


.image-round{
    width: 40px;
    height: 40px;   
    border:solid 1px black;
    border-radius:50%
}

.alpha-name{
  width: 50px;
  height: 50px;   
  border:solid 2px #f15a23;
  border-radius:50%;
  padding:9px;
  position: relative;
  left:38%;
  color:#f15a23;
  background-color: #faebfd;
  font-size: 20px;
}

.rm-name-section{
    text-align: center;
}

.rm-name{
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #192a3e;
}

.rm-emailID{
    font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.16px;
  text-align: center;
  color: #90a0b7;
}

.nav-bar-items{
  height: 31px;
  flex-grow: 0;
  font-family: "DM Sans";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #a5a2b8;
  text-align: left;
}



.rmfilter {
  position: absolute;
  /* right: -1px; */
  left: 54%;
  background-color: white;
  min-width: 120px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  max-height:200px;
}

.rmfilter div {
  color: hsl(0, 0%, 0%);
  font-size: 12px;
  padding:5px;
  font-family: poppins;
  text-decoration: none;
  display: block;

}


.rmfilter div:hover {background-color: #f1f1f1;;}

ul.nav-bar-items {
    list-style-type: none;
}

.nav-items{
    margin-left:5%;
    font-size: 15px;
    display: flex;
    margin-bottom: 15px;
    justify-content: flex-start;
    cursor: pointer;
}


.nav-sub-items{
  display: flex;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 15px;
  justify-content: flex-start;
  cursor: pointer;
  color: #352e5b;
}

.nav-sub-items-active{
  display: flex;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 15px;
  justify-content: flex-start;
  cursor: pointer;
  color: #f15a23
}

.nav-active{
  margin-left:5%;
  font-size: 14px;
  display: flex;
  margin-bottom: 15px;
  justify-content: flex-start;
  cursor: pointer;
  color: hsl(249, 33%, 27%);
  /* width: 100%; */
  border-right:solid 4px #f15a23;
}

.nav-active .tab-img{
  filter:invert(800%);
  height:16px;
  
}

.tab-img-task-mgmnt{
  height:16px;
  margin-right:10px; 
}


img.tab-img{
    height:16px;
    margin-right:10px; 
  
}

.badges {
display: inline-block;
min-width: 30px;
padding: 5px;
font-size: 12px;
line-height: 1;
color: #a5a2b8;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
/* background-color: #999999; */
border-radius: 10px;
display: none;
}

.badges-active{
display: inline-block;
min-width: 30px;
padding: 5px;
font-size: 12px;
line-height: 1;
color: hsl(249, 33%, 27%);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
/* background-color: #999999; */
border-radius: 10px;
display: content;
}

.badges-sub-items{
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  color: #352e5b;
  display: none;
}

.badges-sub-items-active{
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  color: #f15a23;
  display:content;
}
.viewRightsModuleDiv{
    background-color: #f9f8f8;
}

.viewRightsModalBodyDiv{
    max-height: 800px;
    overflow-y: auto;
}
.viewRightsModalBodyDiv::-webkit-scrollbar {
    width: 5px; /* Set the width of the scrollbar */
}

/* For Chrome and Safari */
.viewRightsModalBodyDiv::-webkit-scrollbar-track {
    background: #f1f1f1; /* Color of the track */
}

/* For Chrome and Safari */
.viewRightsModalBodyDiv::-webkit-scrollbar-thumb {
    background: #888; /* Color of the scrollbar thumb */
}

.viewRightsModuleDiv .searchOnViewRights{
    width: 100%;
    margin: 0 0px 16px 0.3px;
    padding: 9px 881px 9px 8px;
    border-radius: 2px;
    border: solid 1px #dadad8;
    background-color: #fff;
}

.viewRightsModuleDiv .headerOfSectionsRole{
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.8;
    letter-spacing: normal;
    text-align: left;
    color: #282f4e;
    text-transform: uppercase;
    width: 15vw;
}

.viewRightsModuleDiv .viewRightModuleLabels{
    font-family: Poppins;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: left;
    color: #535353;
}

.viewRightsModuleDiv .viewRightModulesCheckbox{
    width: 13px;
    height: 13px;
    margin: 0 14px 0 0;
    object-fit: contain;
    cursor: pointer;
}
.emailconversation {
  height: 500px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.heading {
  display: flex;
  row-gap: 40px;
  align-items: center;
}

.policy-head {
  font-size: 14px;
  color: #155baa;
  font-weight: 600;
  margin: 0;
}

.policyName {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.2px;
  color: #155baa;
  margin: 0;
}

.insurerLogo {
  width: 114px;
  height: 40px;
  margin: -10px 0 0 50px;
  object-fit: contain;
}

.policydetailscontainer {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
  row-gap: 20px;
}

.cardFields {
  font-size: 12px;
  color: #949494;
  margin: 0;
}

.cardFieldsVal {
  font-size: 10pt;
  word-break: break-all;
  margin: 0;
}

.clickable {
  cursor: pointer;
  color: #005aab;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: 68px;
  width: 60%;
  align-items: center;
  padding: 10px 9px;
  margin-bottom: 16px;
}

.eclaims {
  grid-template-columns: repeat(5, 1fr);
  width: 70%;
}

.endorsements {
  grid-template-columns: repeat(6, 1fr);
  width: 80%;
}

.policy-details-border {
  width: 70%;
}



.employeeDataContainer {
  display: flex;
  column-gap: 80px;
  margin-top: 20px;
}

.dataContainer {
  display: flex;
  align-items: center;
  column-gap: 10px;
  cursor: pointer;
}

.dataContainerP {
  font-size: 15px;
  color: #005aab;
  margin: 0;
}

.activities-btn {
  padding: 6px 12px;
  font-size: 14px;
  border: 1px solid transparent;
  cursor: pointer;
  background-color: #f0f0f0;
}

.eclaimsbreakup {
  position: absolute;
  margin-left: 70%;
  margin-top: 6%;
}

.eclaimsbreakup-container {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  justify-content: center;
  align-items: center;
}

.report-box {
  border: 0.3px solid #e2e2e2;
  padding: 18px 12px;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 20px;
}

.header {
  background-color: #3aa0ff;
  height: 50px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-head {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

.email-head {
  background-color: #eeff00;
  padding: 8px;
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
}

.email-sendingDate {
  width: 200px;
}

.mail-header {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}

.header-content {
  color: #747476;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}

.header {
  background-color: #eceffe;
  height: 50px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-head {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}

.email-container {
  padding: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.label-container {
  display: flex;
  align-items: center;
  height: 40px;
  border-bottom: 0.5px solid #e0e0e0;
  width: 100%;
}

.email-label {
  width: 100px;
  font-size: 13px;
  color: grey;
  font-weight: bold;
}

.email-input {
  font-weight: bold;
  font-size: 12px;
}

.email-body {
  font-weight: 400;
  font-size: 12px;
  color: #000;
}

.btn-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.reports {
  display: flex;
  column-gap: 30px;
  margin-top: -20px;
}

.report-Icons {
  font-size: 30px;
  cursor: pointer;
  color: black !important;
}

.report-span {
  font-size: 14px;
  color: #005aab;
}

 .modalForEndorsementBatches {
     min-height: 400px;
     max-height: 500px;
     width: 100%;
 }

 .viewBatchEndoBtns {
     padding: 6px 12px;
     border-radius: 6px;
     background-color: rgb(235, 235, 235);
     color: grey;
     border: none;
     margin: 0 6px;
 }

.tableOfSurveyForEndo {
    /* border-radius: 8px; */
    border: 1px solid #e1e1e1;
    min-height: 100px;
    max-height: 400px;
    overflow-y: auto;
    width: 100%;
    font-family: Poppins;
    border-collapse: collapse;
    font-size: 13px;
}

  .tableOfSurveyForEndo td,th{
    padding: 16px 9px;
    font-size: 13px;
    /* width: 100px; */
}

 .tableOfSurveyForEndo .endoCheckBox{
    width: 12px;
    height: 12px;
    padding: 0 0 1px;
    border: solid 1px #e1e1e1;
    background-color: #5046e5;
}

 .tableOfSurveyForEndo thead {
    background-color: #e8eaee;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.24px;
    text-align: left;
    color: #404b5c;
} 

.blurBackClass{
    background-color: rgba(255, 255, 255, 0.7);
    filter: blur(5px);
}

.tableOfSurveyForEndo::-webkit-scrollbar {
    width: 8px; /* Set the width of the scrollbar */
}

.tableOfSurveyForEndo::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3); /* Set the color of the scrollbar thumb */
    border-radius: 10px; /* Optional: Rounded corners */
}

.tableOfSurveyForEndo::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.1); /* Set the color of the scrollbar track */
}
.clientPolicyPage{
    font-family: poppins;
    min-height: 200px;
}
.clientPolicyPage .headerTable{
        height: 70px;
        padding: 10px 10px 10px 18px;
        border-radius: 6px;
        background-color: #dcdcdc;
        font-family: Poppins;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.22;
        letter-spacing: normal;
        text-align: left;
        color: #141512;
        display: flex;
        justify-content: space-between;
}
.clientPolicyPage .headerTable input{
    border-radius: 6px;
    border: solid 1px #9a9a9a;
    padding: 12px;
    background-color: #fff;
}
.clientPolicyPage .clientPolicyTable{
    border: solid 1px #dbdbdb;
}
.clientPolicyPage .clientPolicyTable th{
    margin: 0 4px 0 0;
    font-family: Poppins;
    font-size: 11.5px;
    font-weight: bold;
    line-height: 1.38;
    text-align: left;
    color: #141512;
}
.clientPolicyPage .clientPolicyTable td{
  font-family: Poppins;
  font-size: 11.2px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
  padding: 15px;
}
.clientPolicyPage .headersPolicy{
    background-color: #f3f6fb;
}
.clientPolicyPage .rightSideBtns{
    text-align: right;
}
.clientPolicyPage .rightSideBtns>button{
    padding: 12px 21px 11px 22px;
    border-radius: 6px;
    box-shadow: 0 4px 8px 0 rgba(241, 233, 233, 0.25);
    background-color: #005aab;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}
.modalForCreatePolicy{
    font-family: poppins;
    padding: 30px;
}
.reactModalWidth{
    max-width: 95% !important; 
    background-color: #f7f8fa;
}

.inputFieldsDivPolicyPage .inputPolicyPage,.selectPolicyPage{
    border: solid 2px #e9e9ea;
    padding: 6px 15px;
    font-size: 12px;
    background-color: white;
    height: 33px;
}
.inputFieldsDivPolicyPage .labelPolicyPage{
    font-family: Poppins;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    color: #292929;
    width: 145px;
}
.modalForCreatePolicy .submitPolicy{
  padding: 14px 18px 13px;
  border-radius: 3px;
  background-color: #025aa7;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.19;
  text-align: left;
  color: #fff;
  width: 94px;
  height: 50px;
}
.clientPolicyPage .manageColumnsPolicy{
    display: flex;
    justify-content: flex-end;
}
.inputFieldsDivPolicyPage .uploadBtn{
    padding: 5px 30px;
    border: solid 1px #9a9a9a;
    background-color: #efefef;
    font-family: Poppins;
    font-size: 16px;
    text-align: center;
    color: #4a4a4a;
    width: 90%;
}
.inputFieldsDivPolicyPage .noFileSelected{
    font-family: Poppins;
    font-size: 13.5px;
    text-align: left;
    color: #0056b3;
    cursor: pointer;
    text-overflow: ellipsis;
    padding-top: 7px;
    white-space: nowrap;
    overflow: hidden;
}
.modalForCreatePolicy .fillDigitProposalForm{
    padding: 6px;
    border: solid 1px #005aab;
    background-color: #efefef;
    font-family: Poppins;
    font-size: 14px;
    text-align: center;
    color: #005aab; 
}
.clientPolicyPage .viewAttachPolicy{
    font-family: Poppins;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    color: #005aab;
}
.clientPolicyTable img{
    cursor: pointer;
    width: 28px;
}
.inputFieldsDivPolicyPage .deleteFile{
    cursor: pointer;
    color: red;
    width: 30px;
}
.inputFieldsDivPolicyPage .fileSelectedPolicy{
    color:grey;
    font-size: 13px;
}
.inputFieldsDivPolicyPage .digitalProposalFiles{
    display: flex;
    flex-direction: column;
    word-break: break-all;
    font-size: 13.5px;
    font-family: Poppins;
    text-align: left;
    color: #737373;
    cursor: pointer;
    max-height: auto;
}
.inputFieldsDivPolicyPage .filesOfPolicy{
    word-break: break-all;
    font-size: 12px;
    font-family: Poppins;
    text-align: left;
    color: #737373;
    cursor: pointer;
    max-height: 33px;
}
.attachmentPolicyDiv .filesOfPolicy{
    font-family: Poppins;
    font-size: 14px;
    text-align: left;
    color: #0056b3;
    cursor: pointer;
}
.policyQCTable{
    width: 100%;
    border: 1px solid #cccccc;
}
.policyQCTable td{
    width: 50%;
    text-align: center;
}
.policyQCTable th{
    background-color: #cccccc;
    border: none;
    text-align: center;
}
.addAnotherCdPolicy{
    margin-left:11vw;
    background-color: #87ceeb;
    color:#1a70c1;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    width: 50%;
}
.ractRateBtns{
    padding: 6px 9px;
    border: 1px solid #cccccc;
    color: #1f7ce6;
}
.dispatchCheckbox{
    transform: scale(1.5);
    margin-right: 15px;
}
.rackFilesPolicy{
    width: 100%;
}
.documentDispatchedDateClass{
    height:28px ;
}
.policyLoader{
   height: 100vh;
   position: absolute;
   right: 50%;
   top: 20%;
}

@media (min-width: 1500px) {   
    .clientPolicyPage .clientPolicyTable th{
      font-size: 14px;
    }
    .clientPolicyPage .clientPolicyTable td{
     font-size: 14px;
    }
    .clientPolicyPage .viewAttachPolicy{
        font-size: 15px;
    }

}


.custom-tab-button-addinsurer {
    background-color: blue;
    color: white; /* Default text color */
    border: none;
    padding: 6px 6px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 14px;
    outline: none; /* Remove the default focus outline */
  }
  
  .custom-tab-button-addinsurer:hover {
    background-color: blue;
    color: white;
  }
  
  .custom-tab-button-addinsurer:focus {
    outline: none; /* Remove the focus outline */
  }
.textarea-box textarea{
    height: 30px;
    width: 100%;
    border: 1px solid #c4d2e0;
    border-radius: 2px;
    padding-left: 6px;
    font-size: 12px;
    color: #005aa9;
    background-color: #ffffff;
}

.textarea-box-addInteraction textarea{
    height: 70px;
    width: 100%;
    border: 1px solid #c4d2e0;
    border-radius: 2px;
    padding-left: 6px;
    padding-top:5px;
    font-size: 12px;
    color: #606060;
    background-color: #ffffff;
}

.textarea-box label{
    font-size: 13px;
    color: #606060;
  }


.textarea-box{
    width:100%
}

.textarea-box-addInteraction {
    width:100%
}

.textarea-box-addInteraction label{
    font-size: 16px;
    color: #606060;
    width:100%;
    font-weight: bold;

  }


.textarea-box-addInteraction textarea{
    height:50px;
    width:100%;
    border: 1px solid #c4d2e0;
    border-radius: 2px;
    padding-left: 6px;
    font-size: 12px;
    color: #606060;
    background-color: #ffffff;
}
.custom-select-box {
    width: -webkit-fill-available;
    height: 90%;
    border: 1px solid #cdcdcd;
    background-color: white;
    border-radius: 6px;
}
.ag-theme-alpine {
    --ag-header-column-separator-display: block;
    --ag-header-column-separator-height: 100%;
    --ag-header-column-separator-width: 2px;
    --ag-header-column-separator-color: #ccd6e2;
    --ag-header-background-color: #e8ecef;
    --ag-header-column-border-bottom: 'none';
  
    --ag-header-column-resize-handle-display: block;
    --ag-header-column-resize-handle-color: #ccd6e2;
}

.ag-theme-alpine .ag-header {
    font-family: Poppins;
    color: #4a4444;
}

input[type="checkbox" i]:disabled {
    cursor: not-allowed;
}
.job-opening-btn {
    padding: 2px 10px;
    color: white;
    background-color: #5cb85c;
    display: flex;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  
  .job-opening-btn:hover {
    background-color: #4cae4c; /* Darker shade of green */
  }
  .job-download-btn{
    padding: 6px 10px;
    color: white;
    background-color: #5bc0de;
    display: flex;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    
  }
  .job-download-btn:hover {
    background-color: #005aa9; /* Darker shade of green */
  }
  /* .mainHeadingContainer{
    margin-left: 4%;
    margin-right: 4%;
  } */
  .mainHeading{
    font-size: 25px;
    font-weight: 700;
  }

  /* Custom Spinner Loader */
.custom-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  /* position: absolute; */
  /* top: 50%;
  left: 50%; */
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  margin: auto;
  margin-top: 30px;
}

.custom-loader div {
  width: 8px;
  height: 8px;
  margin: 3px;
  background-color: #3498db;
  border-radius: 50%;
  animation: bounce 1.2s infinite ease-in-out;
}

.custom-loader div:nth-child(1) {
  animation-delay: 0s;
}

.custom-loader div:nth-child(2) {
  animation-delay: 0.2s;
}

.custom-loader div:nth-child(3) {
  animation-delay: 0.4s;
}

/* Bounce animation */
@keyframes bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}


.search-barnew{
  font-family: Poppins;
  font-size: 15px;
  border:solid 2px black;
  height: 40px;
  border-radius: 3px;
  border: solid 1px #cbd6e2;
  background-color: #f5f8fa;
  width:78%;
  padding: 5px;
}
/* Add down arrow to the input */
.dropdown-wrapper input[type="text"] {
    position: relative;
    padding-right: 50px; /* Space for the arrow */
  }
  
  /* Create a down arrow using CSS */
  .dropdown-wrapper input[type="text"]::after {
    content: '\2193'; /* Unicode for down arrow */
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #007bff;
  }
  
  /* Modal Styles */
  .modal.fade {
    display: none;
    opacity: 0;
    /* transition: opacity 0.3s ease; */
  }
  
  .modal.fade.show {
    display: block;
    opacity: 10;
  }
  
  .modal-dialog {
    max-width: 800px;
    margin: 30px auto;
  }
  
  .modal-content {
    border-radius: 8px;
    /* padding: 20px; */
  }
  
  .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .modal-title {
    font-size: 1.5rem;
  }
  
  .close {
    font-size: 1.5rem;
    background: transparent;
    border: none;
    color: #aaa;
  }
  
  .close:hover {
    color: #000;
  }
  
  .form-group {
    margin-bottom: 8px;
  }
  
  .form-group select,
  .form-group input {
    width: 100%;
  }
  
  .modal-footer {
    display: flex;
    justify-content: flex-end;
  }
  
  .btn-primary {
    background-color: #007bff;
    color: white;
    /* padding: 10px 15px; */
    border-radius: 5px;
    cursor: pointer;
  }
  
  .btn-primary:hover {
    background-color: #0056b3;
  }
  
  /* Dropdown with Checkboxes Styling */
  .dropdown-wrapper {
    position: relative;
  }
  
  .dropdown-list {
    max-height: 200px;
    overflow-y: auto;
    /* margin-top: 10px; */
    padding-left: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    position: absolute;
    width: 100%;
    z-index: 10;
  }
  
  .checkbox-item {
    padding: 5px 10px;
  }
  
  .checkbox-item input {
    /* margin-right: 10px; */
  }
  .form-group select, .form-group input {
    width: 100%;
}
  /* Custom styling for multiple select dropdown */
  select[multiple] {
    height: 150px;
  }
  
  /* .row {
    margin-bottom: 20px;
  } */
  
  .col-sm-6 {
    padding-left: 0;
    padding-right: 0;
  }
  /* Styling the checkbox item container */
.checkbox-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;  /* Space between each checkbox */
}

/* Styling the checkbox itself */
.custom-checkbox {
  /* width: 18px; 
  height: 18px;  */
  /* margin-right: 10px;  */
  cursor: pointer; /* Change cursor to pointer when hovered */
  transition: all 0.3s ease; /* Smooth transition for interactions */
}

.custom-checkbox:checked {
  background-color: #007BFF; /* Background color when checked */
  border-color: #007BFF; /* Border color when checked */
}



/* Styling the label text */
.checkbox-label {
  font-size: 16px;  /* Adjust font size */
  color: #333;  /* Set text color */
  cursor: pointer;  /* Change cursor to pointer */
  transition: color 0.3s ease; /* Smooth transition for hover effect */
}

/* Hover effect on label */
.checkbox-label:hover {
  color: #007BFF;  /* Change text color on hover */
}
/* Blurred background effect */
.modal-backdrop {
  background: rgba(0, 0, 0, 0.6);  /* Dark background */
  backdrop-filter: blur(8px);  /* Apply blur */
}

/* Highlighting the modal */
.modal-content {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);  /* Add a shadow around the modal */
  border-radius: 8px;  /* Rounded corners for the modal */
  background-color: white;  /* White background for the modal content */
  transition: transform 0.3s ease;  /* Smooth transition for scaling */
  transform: scale(1.05);  /* Slightly zoom in to highlight */
}
.ExportCsvBtn{
  font-size: 14px;
  font-weight: 700;
  color: #007bff;
  text-align: right;
  padding: 10px;
  padding-right: 20px;
  cursor: pointer;
}
.ExportCsvBtn:hover {
  color: #0056b3; 
}
.btnLoading{
  cursor: none;
}
.claimsdetail-tab-container {
  display: flex;
  border-bottom: 1px solid #e4e4e4;
  column-gap: 5px;
  width: 100%;
}

.claimsdetail-tab {
  background: #e4e4e4;
  padding: 8px 12px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}

.claimsDetails-selected-tab {
  color: #fff;
  background: #f15c3d;
}


.registerClaimForm-Container {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 50px;
  margin-top: 20px;
}

.validation-error-registerClaim {
  text-align: center;
  color: red;
  font-size: 14px;
  font-weight: 600;
}

.registerClaimForm-column {
  width: 45%;
  display: flex;
  flex-direction: column;
  row-gap: 14px;
}

.registerClaimForm-inputGroup {
  display: flex;
  align-items: center;
  width: 520px;
  max-width: 520px;
}

.registerClaimForm-label {
  font-size: 12px;
  margin: 0;
  font-weight: bolder;
  width: 280px;
  max-width: 280px;
}
.registerClaimForm-label-star {
  color: red;
  font-size: 14px;
  margin-left: 2px;
}

.registerClaimForm-InputField {
  border: 1px solid #c4d2e0;
  border-radius: 2px;
  font-size: 12px;
  color: #000203;
  background-color: #ffffff;
  width: 100%;
  height: 30px;
  outline: none;
  padding-left: 10px;
}

.registerClaimForm-disabled-field {
  background-color: #f5f5f5;
  color: #555555;
  cursor: not-allowed;
}

.registerClaimForm-textareaField {
  border: 1px solid #c4d2e0;
  border-radius: 2px;
  font-size: 12px;
  color: #000203;
  background-color: #ffffff;
  width: 100%;
  /* height: 30px; */
  outline: none;
}

.registerClaimForm-btn-container {
  display: flex;
  column-gap: 20px;
  margin-left: auto;
  position: absolute;
  right: -50px;
  margin-top: 20px;
}
.registerClaimForm-btn-container-update {
  display: flex;
  column-gap: 20px;
  margin-left: 400px;
  margin-top: 20px;
}

.registerClaim-modal-head {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.register-claim-modal-container {
  display: flex;
  padding: 20px;
}

.registerclaim-modal-bysearch-form {
  width: 50%;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.registerClaimModalInputField {
  border: 1px solid #c4d2e0;
  border-radius: 2px;
  font-size: 12px;
  color: #000203;
  background-color: #ffffff;
  width: 100%;
  height: 30px;
  outline: none;
}

.register-claim-modal-errorMessage {
  color: red;
  text-align: center;
  font-size: smaller;
}
/* .modal {
  position: absolute;
  top: 25px;
  left: 0;
  background: white;
  border: 1px solid #ccc;
  padding: 8px;
  z-index: 999;
  box-shadow: 0px 2px 8px rgba(0,0,0,0.2);
} */
.searchable-input-container {
  position: relative;
  font-family: Arial, sans-serif;
}

.searchable-input {
  border: 1px solid #c4d2e0;
  border-radius: 2px;
  font-size: 12px;
  color: #000203;
  background-color: #ffffff;
  width: 100%;
  height: 30px;
  outline: none;
  padding-left: 10px;
}

/* .searchable-input:focus {
  border-color: #007bff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
  padding-left: 10px;
} */

.searchable-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-top: 2px;
  max-height: 150px;
  overflow-y: auto;
  z-index: 10;
}

.searchable-dropdown-item {
  cursor: pointer;
  font-size: 12px;
  padding: 3px;
}

.searchable-dropdown-item:hover {
  background-color: #7e7e7e;
  color: white;
}

.registerClaim-modal-head {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.register-claim-modal-container {
  display: flex;
  padding: 20px;
}

.registerclaim-modal-bysearch-form {
  width: 50%;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.registerClaimModalInputField {
  border: 1px solid #c4d2e0;
  border-radius: 2px;
  font-size: 12px;
  color: #000203;
  background-color: #ffffff;
  width: 100%;
  height: 30px;
  outline: none;
}

.register-claim-modal-errorMessage {
  color: red;
  text-align: center;
  font-size: smaller;
}

.claimStagePagecomments_dash {
  text-align: center;
  font-family: "PT Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.36;
  color: #005baa;
}

.claimStageStepProgress {
  position: relative;
  padding-left: 45px;
  list-style: none;
}

.claimStageStepProgress-item {
  position: relative;
  counter-increment: list;
}
.claimStageStepProgress-item:not(:last-child) {
  padding-bottom: 25px;
}
.claimStageStepProgress-item::before {
  display: inline-block;
  content: "";
  position: absolute;
  left: -26px;
  height: 100%;
  width: 10px;
}
.claimStageStepProgress-item::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0px;
  left: -31.5px;
  width: 13px;
  height: 13px;
  /* border: 2px solid #008000; */
  border-radius: 50%;
  background-color: #b0b0b0;
}
.claimStageStepProgress-item.claimStage-is-done::before {
  border-left: 2px dotted #3eb919;
}
.claimStageStepProgress-item.claimStage-is-done::after {
  /* content: "✔"; */
  font-size: 10px;
  color: #fff;
  text-align: center;
  border: 2px solid #3eb919;
  background-color: #3eb919;
}
.claimStageStepProgress-item.current::before {
  border-left: 2px solid #3eb919;
}
.claimStageStepProgress-item.current::after {
  padding-top: 1px;
  width: 16px;
  height: 16px;
  top: -4px;
  left: -33px;
  font-size: 14px;
  text-align: center;
  color: green;
  border: 2px solid #3eb919;
  background-color: #b0b0b0;
}

li.claimStageStepProgress-item1 {
  list-style-type: disc;
}

.claimStage-ite2 {
  margin-top: 15px;
}

.claimStagePage_progress {
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 20px 14px 20px 10px;
  background-color: #fff;
  margin-top: 40px;
  box-shadow: 0 0 10px rgb(0 0 0 / 18%);
}

.claimStagePage_progress strong {
  font-family: "PT Sans", sans-serif;
  font-size: 18px;
  line-height: 1.38;
  color: #656565;
}

.claimStage-date1 {
  font-family: "PT Sans", sans-serif;
  font-size: 17px;
  line-height: 1.38;
  color: #7c7c7c;
  margin-top: 5px;
  margin-bottom: -6px;
}

.claimStage-ite2 .claimStageStepProgress-item1 {
  font-family: "PT Sans", sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 18px;
  letter-spacing: normal;
  text-align: left;
  color: #585858;
  list-style-type: none;
}

li.claimStageStepProgress-item1 b {
  font-family: "PT Sans", sans-serif;
  font-size: 18px;
  line-height: 1.38;
  color: #4c4c4c;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
}

li.claimStageStepProgress-item.claimStage-is-done.hand strong:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  float: right;
  margin: 0 6px 0 0;
  padding: 15px;
}

.claimStage-ite2 > li:last-child::before {
  height: 0%;
}

.claimStage-ite2 ::before {
  height: 95%;
}

.claimStagestep_height > li:last-child::before {
  height: 18%;
}

ul.StepProgress.claimStagestep_height::before {
  height: 97%;
}

ul.StepProgress.claimStagestep_heights::before {
  height: 92% !important;
}

.StepProgress .claimStage-ite2::before {
  height: 95% !important;
}

.claimStatus-container {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.claimStatus-input-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.claimStatus-label {
  max-width: 600px;
  width: 100%;
  font-weight: 600;
  margin: 0;
}

.claimStatus-InputField {
  border: 1px solid #c4d2e0;
  border-radius: 2px;
  font-size: 12px;
  color: #000203;
  background-color: #ffffff;
  width: 100%;
  height: 30px;
  outline: none;
  padding-left: 10px;
}

.claimStatus-InputField-disabled {
  background-color: #f0f0f0;
  color: #a0a0a0;
  /* cursor: not-allowed; */
}

.claimStatus-querryUpload {
  display: flex;
  align-items: center;
  margin-right: auto;
  column-gap: 100px;
  margin-bottom: 10px;
}

.claimStatus-submitbtn-container {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 50px;
}

.claimStatus-approval-filename {
  font-size: 10px;
  margin-bottom: 0;
}

.claimStatus-approvalfile-container {
  display: flex;
  align-items: center;
  column-gap: 20px;
}

.claimstatus-modal-content {
  padding: 20px;
}

.submitClaim-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.submitClaim-Note {
  font-size: 12px;
  font-weight: 600;
  margin: 10px;
}

.submitClaim-headingLable {
  background: #efefef;
  padding: 11px 15px;
}

.submitClaim-heading {
  margin: 0;
  font-size: 18px;
}

.submitClaim-upload-btn-label {
  margin: 0;
}

.submitClaim-uploadBtn {
  border: 1px solid #ccc;
  width: 80px;
  height: 35px;
  cursor: pointer;
  font-size: 12px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

.submitClaim-label-input-container {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.submitClaim-button-container {
  display: flex;
  column-gap: 20px;
  margin-bottom: 30px;
}

.submitClaim-fileInfo {
  font-weight: 500;
  font-size: 12px;
}

.submitClaim-fileInfo-container {
  display: flex;
  column-gap: 80px;
  margin-bottom: 20px;
  align-items: center;
}

.registerClaim-modal-head {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .register-claim-modal-container {
    display: flex;
    padding: 20px;
  }
  
  .registerclaim-modal-bysearch-form {
    width: 50%;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
  }
  
  .registerClaimModalInputField {
    border: 1px solid #c4d2e0;
    border-radius: 2px;
    font-size: 12px;
    color: #000203;
    background-color: #ffffff;
    width: 100%;
    height: 30px;
    outline: none;
  }
  
  .register-claim-modal-errorMessage {
    color: red;
    text-align: center;
    font-size: smaller;
  }
  
.eclaimsModule-container {
  max-width: 1248px;
  width: 100%;
  display: flex;
  flex-direction: column;
  /* row-gap: 50px; */
}
.heading-eclaimsModule {
  color: #005aa9;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}

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

.newClaimbtn-eclaimsModule {
  width: 149px;
  height: 32px;
  border-radius: 3px;
  border: solid 0.4px #005aa9;
  background-color: #ffffff;
  color: #005aa9;
  font-size: 14px;
}

.modulesContainer-eclaimsModule {
  display: flex;
  /* justify-content: space-between; */
  /* align-items: center; */
  justify-content: center;
  column-gap: 120px;
}

.showclaims-table-container {
  overflow: auto;
  table-layout: fixed;
}

.searchclaimboxContainer {
  width: 400px;
  border: solid 2px #f4f4f4;
  background-color: #ffffff;
}

.searchClaimBoxHeading {
  height: 30px;
  background-color: #f4f4f4;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: black;
}

.searchClaimfieldContainer {
  display: flex;
  align-items: center;
  padding: 10px;
}

.searchClaimsFieldLabel {
  margin: 0;
  font-size: 12px;
  color: #000;
  font-weight: bold;
  width: 30%;
}

.searchClaimSelectField {
  position: relative;
  width: 70%;
}

.searchClaimInputField {
  border: 1px solid #c4d2e0;
  border-radius: 2px;
  font-size: 12px;
  color: #000203;
  background-color: #ffffff;
  width: 100%;
  height: 30px;
  outline: none;
  padding-left: 9px;
}

.selectByListClaim {
  position: absolute;
  max-height: 200px;
  overflow-y: auto;
  z-index: 10;
  background-color: #f4f4f4;
  width: 100%;
  border: 1px solid #ccc;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.claimSelectByListItem {
  margin: 0;
  font-size: 13px;
  padding: 7px;
  cursor: pointer;
}

.claimSelectByListItem:hover {
  background-color: rgb(94, 94, 94);
  color: white;
}

.searchClaimsDateInput {
  width: 70%;
  border: 1px solid #c4d2e0;
  border-radius: 2px;
  font-size: 12px;
  color: #000203;
  background-color: #ffffff;
  padding: 4px;
}

.searchClaimsbtn {
  width: 100px;
  height: 32px;
  color: white;
  border-radius: 3px;
  background-color: #005aa9;
  text-align: center;
  outline: none;
  border: none;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
}

.searchClaimsbtn-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.searchClaimsDateErrorMessage {
  font-size: 12px;
  color: red;
  text-align: center;
}

.showclaims-table td,
th {
  border: 1px solid rgb(224, 222, 222);
  padding: 4px;
  font-size: 12px;
  /* overflow: auto; */
  text-align: center;
}

.showclaims-header {
  background-color: #f4f4f4;
}

.claimsView-Link {
  font: bold;
  cursor: pointer;
  color: #005aab;
  text-decoration: none;
}

.downloadclaimboxContainer {
  width: 400px;
  border: solid 2px #f4f4f4;
  background-color: #ffffff;
  height: 100%;
}

.downloadClaimBoxHeading {
  height: 30px;
  background-color: #f4f4f4;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: black;
}

.downloadClaimfieldContainer {
  display: flex;
  align-items: center;
  padding: 10px;
}

.downloadClaimsFieldLabel {
  margin: 0;
  font-size: 12px;
  color: #000;
  font-weight: bold;
  width: 30%;
}

.downloadClaimSelectField {
  position: relative;
  width: 70%;
}

.downloadClaimsDateInput {
  width: 70%;
  border: 1px solid #c4d2e0;
  border-radius: 2px;
  font-size: 12px;
  color: #000203;
  background-color: #ffffff;
  padding: 4px;
}

.downloadClaim-btn-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.downloadClaimsbtn {
  width: 100px;
  height: 32px;
  color: white;
  border-radius: 3px;
  background-color: #005aa9;
  text-align: center;
  outline: none;
  border: none;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
}

.downloadClaimDateRangeError {
  font-size: 12px;
  text-align: center;
}

.job-openings .navs-title{
    cursor: pointer;
    color: #acabab;
}

.job-openings .active-section{
    border-bottom: 3px solid #005aa9;
}

.job-openings .nav-border {
    position: relative;
}
  
.job-openings .active{
    color: #005aa9;
}

.job-openings .active .nav-border::after {
    content: '';
    position: absolute;
    bottom: -7px;
    width: 23%;
    height: 3px; 
    background-color: blue;
}

.job-openings .active .nav-border.right-border::after {
    right: 22px;
}
  
.job-openings .active .nav-border.left-border::after {
    left: -1px;
}

.job-openings .main-jobpost-container {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    padding: 15px;
}

.job-openings .box-header {
    background-color: #005aa9;
    color: #ffffff;
    padding: 10px 10px 10px 15px;
}

.job-openings .main-jobpost-container .editor-box {
    border: 1px solid #ccc;
    padding: 10px;
    min-height: 400px;
    width: 100%;
}

.job-openings .posted-jobs .postedJobs-table th{
    font-family: Roboto;
    padding: 8px;
}

.job-openings .posted-jobs .postedJobs-table td{
    font-family: Roboto;
    padding: 8px;
}

.job-openings .posted-jobs .postedJobs-table th:first-child {
    border-top-left-radius: 4px; /* Adjust this value for the desired border radius */
}
  
.job-openings .posted-jobs .postedJobs-table th:last-child {
    border-top-right-radius: 4px; /* Adjust this value for the desired border radius */
}

.job-openings .bg-job-posted {
    background-repeat: no-repeat;
    background-image: url('/static/images/bgJobPosted.svg');
    background-position: -20px 0; 
}

.job-openings .bg-job-posted .posted-text{
    padding: 35px 0px 15px 0px;
    color: #4d4d4d;
}

.job-openings .ql-editor {
    height: 350px;
    overflow-y: auto;
}

.job-openings .quill-editor {
    background-color: #f5f5f5;
}

.job-openings .ql-editor.ql-blank::before {
    font-style: normal; /* Quill editor placeholder text style */
}

.job-openings .job-input-title {
    width: 100%;
    height: 35px;
    padding: 5px;
    border-radius: 4px;
    background-color: #f5f5f5;
    outline: none;
    border: none;
    font-size: 13px;
}

.job-openings .view-job-description {
    height: 400px;
    overflow-y: auto;
    padding: 10px;
    margin: 10px 10px 10px 10px;
    border-radius: 4px;
    background-color: #f5f5f5;
}

.job-openings .close-button {
    color: white;
}

.job-openings .common-btn {
  border-radius: 3px;
  background-color: #005aa9;
  border: none;
  outline: none;
  color: #ffffff;
  font-size: 14px;
}

.job-openings .job-posted-container {
    height: 200px;
    padding: 10px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
}

.job-openings .posted-heading {
    color: #f15a23;
}
.policy-qc-tat-container {
  /* color: rgb(117, 117, 117); */
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.policy-qc-heading {
  font-size: 24px;
  font-weight: 700;
}

.policyDateType-container {
  display: flex;
  gap: 40px;
}

.policyDateType-input {
  margin-right: 10px;
}

.policyDateType-label {
  font-size: 15px;
  font-weight: 500;
}

.policyDateType-date-container {
  display: flex;
  gap: 50px;
  font-size: 14px;
  font-weight: 500;
}

.policyDateType-date-input {
  color: rgb(117, 117, 117);
  font-weight: 500;
  border: 1px solid rgb(200, 200, 200);
  padding: 3px;
  margin-left: 10px;
}

.policy-qc-tat-table-container {
  overflow: auto;
  height: 500px;
  max-height: calc(100vh - 270px) !important;
}

.policy-qc-tat-table {
  border: 1px solid rgb(200, 200, 200);
  width: 100%;
  border-collapse: collapse;
  --bs-table-cell-padding-y: 6px;
  --bs-table-cell-padding-x: 8px;
}

.policy-qc-tat-table-head {
  font-size: 12px;
  font-weight: 600;
  /* color: rgb(117, 117, 117); */
  background-color: rgb(230, 230, 238);
  top: 0;
  position: sticky;
  z-index: 2;
}
.head-table-container {
  border-right: 1px solid rgb(167, 164, 164);
  border-bottom: 1px solid rgb(200, 200, 200);
}
/* .policy-qc-tat-table-head th {
  border-right: 1px solid rgb(167, 164, 164);
  border-bottom: 1px solid rgb(200, 200, 200);
} */

.policy-qc-tat-filtersearch {
  height: 26px;
  border: none;
  outline: none;
  padding: 2px 6px;
  font-size: 13px;
  width: 100%;
  box-sizing: border-box;
}

.policy-qc-tat-table-body tr:hover {
  background-color: rgb(245, 245, 250);
}

.policy-qc-tat-table.table > :not(caption) > * > * {
  padding: 6px 8px !important;
  line-height: 1.2 !important;
  vertical-align: middle;
}

.policy-qc-tat-table tbody td {
  font-size: 13px;
  color: rgb(80, 80, 80);
  height: 10px;
}

.policy-qc-tat-table-body td {
  height: 15px;
}

.policy-qc-tat-table thead th {
  font-size: 12px;
  font-weight: 600;
  /* color: rgb(117, 117, 117); */
  min-width: 170px;
}

.policy-qc-tat-table-body tr {
  padding: 0px !important;
  margin: 0px !important;
}

/* -----------------modal css------------------ */
.remark-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.remark-modal {
  width: 700px;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* Header */
.remark-modal-header {
  background: #2f3dbd;
  color: #fff;
  padding: 14px 20px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.remark-modal-close {
  font-size: 22px;
  cursor: pointer;
}

/* Body */
.remark-modal-body {
  padding:8px 20px 10px 20px;
}

.remark-label {
  display: block;
  font-size: 14px;
  margin-bottom: 8px;
  color: #333;
  font-weight: 800;
}

.remark-textarea {
  width: 100%;
  min-height: 90px;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  padding: 10px;
  font-size: 14px;
  resize: none;
}

/* Footer */
.remark-modal-footer {
  padding: 15px 20px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  border-top: 1px solid #eee;
}

.remark-btn-close {
  background: #fff;
  border: 1px solid #2f3dbd;
  color: #2f3dbd;
  padding: 6px 20px;
  border-radius: 6px;
  cursor: pointer;
}

.remark-btn-save {
  background: #2f3dbd;
  border: none;
  color: #fff;
  padding: 6px 20px;
  border-radius: 6px;
  cursor: pointer;
}

.remark-error-border {
  border: 1px solid #dc3545;
}

.remark-error-text {
  color: #dc3545;
  font-size: 12px;
  margin-top: 4px;
  display: block;
}


/* -------------------update modal------------------ */
.modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

.modal-container {
  width: 85%;
  max-width: 1100px;
  background: #fff;
  border-radius: 6px;
}

.modal-header {
  background: #2f3ab2;
  color: #fff;
  padding: 8px 20px;
  display: flex;
  justify-content: space-between;
}

.modal-body {
  padding: 20px;
}

.checkbox-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.checkbox-item {
  display: flex;
  gap: 8px;
  font-size: 14px;
}

.select-wrapper {
  grid-column: span 1;
}

.modal-footer {
  padding: 15px 20px;
  display: flex;
  justify-content: flex-end;
}

.submit-btn {
  background: #2f3ab2;
  color: #fff;
  padding: 8px 22px;
  border-radius: 4px;
  cursor: pointer;
  border:none
}

.submit-btn-blur  {
  background: gray;
  color: #fff;
  padding: 8px 22px;
  border-radius: 4px;
}
.error-source-select {
  border: none;
  border-bottom: 1px solid #cfcfcf;
  padding: 4px 22px 4px 6px;
  font-size: 14px;
  background: transparent;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23666' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
}

.error-source-select:focus {
  border-bottom-color: #2f3ab2;
}

.manage-columns-pq{
  height: 40px;
  border-radius: 6px;
  border: solid 1px #e9e9ea;
  background-color: #fff;
  color:#87878a;
  padding:5px;
  cursor: pointer;
  font-family: Poppins !important;
  font-size: 14px;
  width: 190px;
}

.optionList-uw{
  height: 280px;
  position: absolute;
  overflow-y: auto;
  z-index: 1;
  background-color: #fff;
  width: auto;
  font-size: 12px !important;
  color:#87878a !important;
  width:170px;
  margin-left: -5px;
  font-family: Poppins !important;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.Bulk-uw{
  font-size: 14px !important;
  font-family: Poppins !important;
  color:#87878a !important;
  width:180px !important;
  outline: none !important;

}

.single-column{
  min-height:30px;
  height: auto;
  font-family: Poppins;
  padding: 5px;
 
}

.single-column:hover {background-color: #f1f1f1;}

.uw-bulk-delete{
  width:100px;
  height: 40px;
  border-radius: 6px;
  border: solid 1px #e9e9ea;
  background-color: #fff;
  color:#87878a !important;
  font-family: Poppins !important;
  outline: none !important;
  font-size: 14px;
}

.policy-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 16px;
}

.policy-pagination button {
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border-radius: 6px;
  border: 1px solid #d0d5dd;
  background-color: #ffffff;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s ease;
}

.policy-pagination button:hover:not(:disabled) {
  background-color: #f0f7ff;
  border-color: #2563eb;
  color: #2563eb;
}

.policy-pagination button.active {
  background-color: #2563eb;
  border-color: #2563eb;
  color: #ffffff;
  font-weight: 600;
}

.policy-pagination button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.multiplefileinput-box input{
    height: 40px;
    width: 100%;
    border: 1px solid #c4d2e0;
    border-radius: 2px;
    padding-left: 6px;
    font-size: 12px;
    color: #005aa9;
    background-color: #ffffff;
    outline: none;
    cursor: pointer;
}

.multiplefileinput-box-addInteraction textarea{
    max-height: 110px;
    width: 100%;
    border: 1px solid #c4d2e0;
    border-radius: 2px;
    padding-left: 6px;
    padding-top:5px;
    font-size: 12px;
    color: #606060;
    background-color: #ffffff;
    overflow-y: auto;
    min-height: 70px;
}

.multiplefileinput-box label{
    font-size: 13px;
    color: #606060;
  }


.multiplefileinput-box{
    width:100%
}
.multiplefileinput-box-addInteraction {
    width:100%
}

.multiplefileinput-box-addInteraction label{
    font-size: 16px;
    color: #606060;
    width:100%;
    font-weight: bold;

  }


.multiplefileinput-box-addInteraction input{
    height:50px;
    width:100%;
    border: 1px solid #c4d2e0;
    border-radius: 2px;
    padding-left: 6px;
    font-size: 12px;
    color: #606060;
    background-color: #ffffff;
}

.input-field-GHI {
    width: 100%;
    border: solid 1px #c7c7c7;
    padding: 9px 6px;
    outline: none;
    margin-left: -5px;
    color: rgb(35, 35, 35);
    font-size: 13px;
}
.qcrContainer{
    /* box-shadow: inset 0 0 3px rgba(8, 0, 0, 0.3); */
    border: 2px solid grey;
    margin: 12px 18px;
    margin-right:21px;
    width: 97%;
}
.section-header {
    font-family: Poppins;
    font-size: 17px;
    font-weight: 600; 
    font-stretch: normal;
    line-height: 1.53;
    letter-spacing: 0.1px;
    text-align: left;
    color: #192a3e;
    /* padding-left:6px; */
}

.form-label-ghi {
    font-family: Poppins;
    font-size: 13.5px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: 0.2px;
    text-align: left;
    color: rgb(35, 35, 35);
    margin-bottom: -6px;
}

.select-field-GHI {
    width: 100%;
    border: solid 1px #c7c7c7;
    outline: none;
    margin-left: -5px;
    background: none;
    padding: 9px 6px;
    font-size: 13px;
}

.date-field-GHI {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-width: 1.5px;
    border-color: #d3d8dd;
    outline: none;
    margin-left: -5px;
}
.prospectDetails{
    background-color: #f5f6f8;
    padding: 3px 12px;
    width: 95%;
    margin: 0 auto;
    /* margin-right :12px; */
}
.form-buttons {
    width: 50%;
    text-align: center;
}

.submitBtnGHI {
    border-radius: 4px;
    border: solid 1px #109cf1;
    background-color: #109cf1;
    color: white;
    outline: none;
    font-size: 15px;
    padding: 6px 12px;
}
 .submitBtnGHI:focus {
    outline: none;
  }
.backBtn {
    width: 159px;
    height: 42px;
    border-radius: 4px;
    border: solid 1px #ff4c00;
    background-color: #fff;
    color: #ff4c00;
}

.linkBtn {
    width: 120px;
    height: 35px;
    gap: 10px;
    font-size: 13px;
    border-radius: 5px;
    border: solid 1px #ff4c00;
    background-color: #fff;
    color: #ff4c00;
    margin-left: 25px;
}

.main-header-form {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.53;
    letter-spacing: 0.1px;
    text-align: left;
    color: #192a3e;
}
.downArrowBtn{
    font-size: 20px;
    /* width: 30px;
    height: 20px; */
    color: #352e5b;
    position: relative;
    /* right:-1vw; */
    top:2.3vh;
}
.grade-field {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-width: 1.5px;
    border-color: #d3d8dd;
    outline: none;
    margin-left: -5px;
    padding: 5px;
    background: none;
    /* border:2px solid red */
}
.dropdownTitle{
    border-radius: 1px;
    border: solid 1px #109cf1;
   
    /* padding: 6px 15px; */
   
}
.dropdownTitleInsurers{
    border-radius: 1px;
    border: solid 1px black
   
    /* padding: 6px 15px; */
   
}
.fd{
    color: rgb(211, 211, 211);
}
.gradeDropdown {
    color: #5a5b5d;
    font-family: Montserrat;
    cursor: pointer;
    width: 25vw;
    color: #022d5d;
}
.gradeDropdownForInsurers{
    color: #5a5b5d;
    font-family: Montserrat;
    cursor: pointer;
    width: 25vw;
    color: #022d5d;
}
.insurerDropdown{
    font-family: Montserrat;
    cursor: pointer;
    color: black;
    background-color: #f2f2f2;
    margin-left: -9px;
}
.insurerDropdownIcon{
    font-size: 20px;
    color: black;
    position: absolute;
    right: -17vw;
    top:23px;
}
.insurerDataDropdown{
    margin-top: 6px;
    background-color:#fff;
    margin-top: 6px;
    max-height: 300px;
    overflow: auto;
    position: absolute;
    z-index: 1;
    margin-left: -9px;
}
.insurerDataDropdown :hover{
    background-color: #f2f2f2;;
}
.insurerDataDropdown::-webkit-scrollbar {
    width: 0;
    /* Remove scrollbar space */
    background: transparent;
    /* Safari and Chrome */
}

.insurerDataDropdown::-webkit-scrollbar {
    width: 8px;
}

.insurerDataDropdown::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(8, 0, 0, 0.3);
}

.insurerDataDropdown::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
    border-radius: 10px;

}
.insurerLabel{
    font-weight: 700;
    color: black;
}
.insurerDropdownTitle{
    border-radius: 5px;
    font-weight: bold;
    padding: 6px 12px;
    /* margin-left: 12px; */
}
.dropNames{
    padding: 12px 1px;
    font-size: 12.8px;
}
.dropNames:hover{
    background-color: #fff;
}
.dropNamesInsurers{
    padding: 3px 1px;
    font-size: 15px;
    font-weight: 500;
    color: black;
}
.dropNamesInsurers:hover{
    background-color: #fff;
}
.backgroundDrop{
    background-color: #f1f7fc;
    margin-top: 6px;
    position: absolute;
    width:25vw;
    z-index: 1;
}
.backgroundDropForInsurers{
    background-color: #f7f7f7;
    margin-top: 6px;
    position: absolute;
    width:25vw;
    z-index: 1;
}
.dropdownLabel{
    font-weight: 700;
    color: #022d5e;
    font-size: 14px;
}
.dropdownLabelInsurers{
    font-size: 14px;
}
.marginDropdown {
    border-bottom: 1px solid white;
}

.hoverDrop {
    height: 40px;
}

.hoverDrop:hover {
    background-color: white;

}
.deleteBtn{
    /* border:2px solid red; */
    font-size:25px;
    position: relative;
    /* right: -7vw; */
    /* right: 3vw; */
    right: 6px;
    top:-4px; 
    color: red;
    font-weight: bold;
    cursor: pointer;
}
.upperData{
    color: #000;
    font-weight: 600;
    font-size: 18px;
}
.border-QCR {
    /* box-shadow: inset 0 1px 3px rgba(8, 0, 0, 0.3); */
    border:1px solid  rgba(8, 0, 0, 0.3);
}
.input-field-dynamic{
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: 0.2px;
    text-align: left;
    color: rgb(35, 35, 35);
    margin-bottom: -6px;
    border: none;
    width: 80%;
    outline: none;
    padding: 9px 6px;
}
.placeHolderColor input::placeholder{
    font-size: 13px;
}
.apiData{
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0.2px;
    text-align: left;
    color: #25282b;
}
.printBtn{
    /* position: absolute;
    top:3vh;
   right: 1%; 
   background-color: #109cf1; */
 
  }
  .viewBtn{
    position: absolute;
    top:15px;
   right: 6px;
   border: 2px solid red;
  }
  .policyDropDown{
      border: none;
      outline: none;
      
  }
  .proposal-form-GHI{
      width: 96%;
      margin: 0 auto;
      padding: 9px;
  }
  .titleForQCRForms{
      width: 30%;
      background-color: #f2f2f2;
      padding: 9px;
      font-weight: bold;
      margin:0 auto;
      margin-top: -3.5%;
      font-size: 18px;
      font-weight: 600;
      text-align: center;
  }
  .secureLogoPdf{
      width: 50px;
  }

  .tableHeadingSurveyQCR{
    background-color: #005aab;
    color: white;
    padding: 20px 6px;
    font-family: poppins;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.1px;
    text-align: left;
    color: #fff;
  }
  .tableHeadingSurveyQCR{
      display: flex;
      justify-content: space-between;
  }
  .tableHeadingSurveyQCR p{
     position: absolute;
     right: 9px;
     font-size: 30px;
     cursor: pointer;
  }
  .backToLandingClientQcr{
    border-radius: 6px;
    background-color: #c4c4c4;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: #4a4a4a;
    border: none;
    padding: 6px 15px;
    margin: 6px 12px;
    height: 45px;
  }
.RmAutoAssignment {
  font-family: poppins;
}
.backgroundDropForPros {
  margin-top: -9px;
  width: 22vw;
  overflow-y: auto;
  background-color: #fff;
  word-break: break-all;
}
.addNewModal {
  background-color: #025aa7;
  color: white;
  font-weight: bold;
  padding: 9px;
  display: flex;
  justify-content: space-between;
  font-size: 30px;
  width: 100%;
}
.closeBtnProduct {
  border: none;
  font-size: 28px;
  outline: none;
  background: none;
  top: 0;
  right: 3%;
  color: white;
  font-weight: bold;
}
.gradeDropdownForRms {
  cursor: pointer;
}
.dropdownTitleRms {
  border: solid 1px #a4a4a4;
  background-color: #fff;
  color: #b8b8b8;
}
.downArrowBtnRms {
  font-size: 20px;
  color: #b8b8b8;
  position: relative;
  top: 1.5vh;
  right: 3px;
}
.checkBoxRms {
  width: 18px;
  height: 20px;
}
.mappedDataRms {
  font-size: 16.5px;
  text-align: left;
  color: #202020;
  padding: 6px;
}
.mappedDataRms:hover {
  background-color: #ecf0fe;
}
.labelHeaderRMs {
  font-size: 16px;
  font-weight: 600;
  line-height: 0.94;
  text-align: left;
  color: #4a4444;
  letter-spacing: 0.1px;
}
.addUserRms {
  padding: 8px;
  border-radius: 4px;
  background-color: #f15e28;
  font-size: 15px;
  text-align: center;
  color: #fff;
  outline: none;
  border: none;
  font-weight: bold;
  width: 210px;
  margin-right: 10px;
}

.addUserRms2 {
  padding: 0.375rem 0.75rem;
  border-radius: 4px;
  background-color: #f15e28;
  font-size: 16px;
  text-align: center;
  color: #fff;
  outline: none;
  border: none;
  font-weight: bold;
}
.editButtonRms {
  border-radius: 4px;
  background-color: #8b8dd1;
  font-size: 16px;
  text-align: left;
  color: #fff;
  padding: 7px 27px;
  border: none;
}

.btn-container {
  display: flex;
}

.stopStartBtn {
  border-radius: 4px;
  font-size: 16px;
  text-align: left;
  color: #fff;
  padding: 7px 27px;
  border: none;
}
.stopStartBtn.start {
  background-color: #6fce43;
}
.stopStartBtn.stop {
  background-color: #ffac12;
}
.primaryModalRms {
  height: 500px;
}
.stateForRm {
  font-family: Poppins;
  font-size: 16px;
  line-height: 1.25;
  text-align: left;
  color: #5e5e5e;
}
.viewRegionsRms {
  right: 6px;
  font-size: 14px;
  line-height: 1.67;
  color: #8c7be2;
}
.inputRms {
  border-radius: 3px;
  border: solid 0.5px #9a9a9a;
  background-color: #fff;
  width: 101%;
}
.rmBtnDiv {
  margin-top: 30px;
  column-gap: 20px;
}

.backgroundDropForRmsInEdit {
  margin-top: 6px;
  width: 95%;
  height: 180px;
  overflow-y: auto;
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e9e9ea;
  background-color: #fff;
  z-index: 2;
  position: absolute;
  overflow-x: hidden;
}
.dropdownTitleRmsInEdit {
  border: solid 1px #a4a4a4;
  background-color: #fff;
  color: #b8b8b8;
  width: 95%;
}
.gradeDropdownForRmsInEdit {
  width: 103%;
  cursor: pointer;
}
.RmAutoAssignment .grayBarDropdowns {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
  background-color: #f7f3f2;
  margin-left: 3px;
}
.RmAutoAssignment .viewMapping {
  border-radius: 8px;
  padding: 11px 24px;
  border: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-weight: bold;
  outline: none;
  font-size: 16px;
}
.RmAutoAssignment .addMapping {
  border-radius: 8px;
  padding: 11px 24px;
  border: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-weight: bold;
  outline: none;
  font-size: 16px;
}
.RmAutoAssignment .ViewRegions {
  font-size: 16px;
}
.RmAutoAssignment .clearAllFilters {
  font-family: Poppins;
  font-size: 15px;
  line-height: 1.4;
  text-align: left;
  color: #8e42eb;
  margin-top: 45px;
  cursor: pointer;
}
.saveMappingChanges {
  text-align: center;
}
.buttonsOnSaveModal {
  display: flex;
  justify-content: center;
}
.updateRight {
  display: flex;
  justify-content: flex-end;
}
.tableForRmAutoAssignment td {
  font-family: poppins;
  font-size: 16px;
}
.RmAutoAssignment input[type="checkbox"] {
  accent-color: #8e42eb;
}

.report-custom-tabs-container {
    display: flex;
    /* gap: 12px; */
    /* padding: 10px; */
    margin: 16px;
    /* background-color: #f8f8f8; */
    border-bottom: 1px solid #005aa9;
    /* border-radius: 8px; */
  }
  
  .report-custom-tab-btn {
    padding: 8px 24px;
    border: 2px solid transparent;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
  }
  .report-custom-tab-btn:focus {
    outline: none;
    box-shadow: none; /* Removes any default browser focus styles */
}
  
  .report-custom-tab-btn:hover {
    background-color: #d0d0d0;
  }
  
  .report-custom-tab-btn.report-custom-active {
    background-color: #005aa9;
    color: white;
    border-color: #005aa9;
  }
.CdLedgerClass{
    min-height: 100vh;
    max-height: auto;
}
.CdLedgerClass .labelStyleCdLedger{
    background-color: #CBCBCB;
    padding: 10px;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
     box-shadow: inset 7px 7px 9px -7px #00000026;
     font-family: poppins;
}

.CdLedgerClass .inputForCdLedger{
    width: 90%;
    height: 40px;
    border-radius: 3px;
    border: solid 1px #e9e9ea;
    background-color: #fff;
    font-family: Poppins ;
    font-size: 14px ;
    text-align: left;
    color: #717171;
    padding: 6px;
    outline: none;
}

.searchClientCdLedger .cdLabel{
    font-family: poppins;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #060606;
}

.CdLedgerClass .searchClientCdLedger{
    border: solid 1px #cfcfcf;
    height: 330px;
}

.CdLedgerClass .searchClientBtn{
    border-radius: 3px;
    background-color: #025aa7;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.19;
    text-align: left;
    color: #fff;
    padding: 10px 18px;
    border: none;
    margin: 12px 0;
}

.CdLedgerClass .companyNamesMaster{
    height: 180px;
    overflow-y: auto;
    border-radius: 4px;
    border: solid 1px #f3f6fb;
    background-color: #fff;
    font-family: Poppins;
    font-size: 15px;
    text-align: left;
    color: #363636;
    width: 380px;
    word-break: break-all;
    position: absolute;
}
.masterSearchInboundCalls .searchMasterTables {
    display: flex;
    position: relative;
    top: 50px;
    z-index: 2;
}

.masterSearchInboundCalls .searchMasterSections {
    padding: 20px 45px;
    border-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #f2f2f2;
    margin: 12px 0;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    color: #434343;
    cursor: pointer;
    width: 15vw;
    height: 62px;
}

.masterSearchInboundCalls .inputDropMasterSearch {
    width: 350px;
    height: 40px;
    border-radius: 6px;
    background-color: #f3f6fb;
    margin: 0 0 0 14.4px;
    font-family: Poppins;
    font-size: 15px;
    color: #9a9a9a;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}

.masterSearchInboundCalls .inputMasterSearch {
    width: 380px;
    height: 40px;
    border-radius: 6px;
    background-color: #f3f6fb;
    margin: 0 0 0 14.4px;
    font-family: Poppins;
    font-size: 15px;
    color: #9a9a9a;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: none;
    outline: none;
}

.masterSearchTable {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.18);
    background-color: #fff;
    position: relative;
    top: 50px;
    /* height:15vw; */
}

.SearchDataMaster {
    width: 400px;
}

.masterSearchBtn {
    padding: 9.5px 16px;
    border-radius: 6px;
    background-color: #025aa7;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    color: #fff;
    border: none;
    outline: none;
    height: 42px;
}

.bgSearchValMaster {
    border-radius: 4px;
    border: solid 1px #f3f6fb;
    background-color: #fff;
    font-family: Poppins;
    font-size: 15px;
    text-align: left;
    color: #363636;
}

.dropNamesSearch {
    cursor: pointer;
}

.dropNamesSearch:hover {
    background-color: #f3f6fb;
}

.masterSearchTable th {
    font-family: Poppins;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.44;
    text-align: left;
    color: #141512;
}

.masterSearchTable thead {
    height: 70px;
    margin: 0 0 23.2px;
    padding: 15px 48.7px 18.3px 22px;
    background-color: #f3f6fb;
    position: sticky;
    top: 40px;
    z-index: 1;
}

.masterSearchTable td {
    font-family: Poppins;
    font-size: 13px;
    line-height: 1.22;
    text-align: left;
    color: #17181f;
}

.imgMaster {
    height: 35vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.18);
}

.imgMaster p {
    font-size: 18px;
    color: red;
}

.imgMaster img {
    opacity: 0.5;
    width: 250px;
}

.attachmentMasterDiv .filesOfPolicy {
    font-family: Poppins;
    font-size: 14px;
    text-align: left;
    color: #0056b3;
    cursor: pointer;
}

.TableBeforeDivMaster {
    width: 100%;
    overflow-x: auto;
    min-height: 20vw;
    max-height: auto;
    overflow-y: hidden;
    padding-bottom: 30px;
    /* white-space: nowrap; */
}

.companyNamesMaster {
    border: solid 1px #f3f6fb;
    max-height: 300px;
    overflow-y: auto;
    border-radius: 4px;
    border: solid 1px #f3f6fb;
    background-color: #fff;
    font-family: Poppins;
    font-size: 15px;
    text-align: left;
    color: #363636;
    width: 380px;
    word-break: break-all;
}

.notifyClients {
    margin-top: 6%;
    display: flex;
    justify-content: center;
}

.notifyClients .notifyClientsCard {
    padding: 16px 21px 16px 22px;
    background-color: #fbfbfb;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.44;
    text-align: left;
    color: #141512;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
    border: solid 3px #f3f6fb;
    background-color: #f3f6fb;
    cursor: pointer;
    border-radius: 9px;
}

.masterNotifyCards {
    display: flex;
    justify-content: center;
}

.masterNotifyCards .notifyCardMaster {
    padding: 16px 21px 16px 22px;
    background-color: #cbcbcb;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.44;
    text-align: left;
    color: #141512;
    box-shadow: 0 0 3px 0 rgba(187, 187, 187, 0.16);
    border: solid 3px #f3f6fb;
    cursor: pointer;
    border-radius: 9px;
}

.buttonContainerMaster {
    position: absolute;
    right: 0;
    z-index: 3;
    align-items: center;
}

.buttonContainerMaster .btnRightMaster {
    border-radius: 10px;
    background-color: #f2f2f2;
    font-family: Poppins;
    font-size: 25px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    color: #434343;
    cursor: pointer;
    width: 45px;
    height: 42px;
}

.notifyDropMasterSearch {
    border-radius: 6px;
    border: solid 1px #acacac;
    background-color: #fff;
    font-family: Poppins;
    font-size: 12px;
    text-align: left;
    color: #9a9a9a;
    padding: 7px 7.8px 6px 15px;
    cursor: pointer;
    width: 210px;
    word-break: break-all;
    margin-left: -13%;
    cursor: pointer;
    height: 42px;

}

.NotifybgSearchValMaster {
    border-radius: 4px;
    border: solid 1px #f3f6fb;
    background-color: #fff;
    font-family: Poppins;
    font-size: 12px;
    text-align: left;
    color: #363636;
    word-break: break-all;
    width: 204px;
    margin-left: -13%;
    max-height: 250px;
    overflow-y: auto;

}

.notifyDropMasterSearch2 {
    border-radius: 6px;
    border: solid 1px #acacac;
    background-color: #fff;
    font-family: Poppins;
    font-size: 12px;
    text-align: left;
    color: #9a9a9a;
    padding: 7px 7.8px 6px 15px;
    cursor: pointer;
    width: 154px;
    word-break: break-all;
    height: 42px;
}

.NotifybgSearchValMaster2 {
    border-radius: 4px;
    border: solid 1px #f3f6fb;
    background-color: #fff;
    font-family: Poppins;
    font-size: 12px;
    text-align: left;
    color: #363636;
    word-break: break-all;
    width: 154px;
    cursor: pointer;
    max-height: 250px;
    overflow-y: auto;
}

.notifyCardsClass {
    display: flex;
    justify-content: center
}

.notifyUserClass1 {
    background-color: orange;
    color: white;
    padding: 6px;
    margin: 3px 0;
    font-weight: bold;
    opacity: 0.99;
    border-radius: 3px;
    background-color: #f15a23;
    font-size: 13px;
}

.notifyUserClass2 {
    background-color: white;
    color: black;
    padding: 6px;
    margin: 3px 0;
    font-weight: bold;
    font-size: 13px;
}
.onlyDropCompany{
    background-color: #B333ED;
    color: white;
    height: 50px;
    border-radius: 6px;
    font-family: poppins;
    cursor: pointer;
}
.globalSearchInput{
    border: 1px solid grey;
    padding: 6px 12px;
    width: 100%;
    border-radius: 6px;
}
.home-carousel {
  font-family: "Poppins";
}

.home-carousel h4 {
  font-weight: 600;
}

.home-carousel .carousel-container {
  position: relative;
  width: 100%;
  height: 600px; 
  margin: 0 auto;
  overflow: hidden;
}

.home-carousel .carousel-slide {
  width: 100%;
  position: relative;
}

.home-carousel .carousel-image {
  width: 100%;
  height: auto;
  object-fit: cover; 
}

.home-carousel .carousel-caption {
  position: absolute;
  top: 107%;
  left: 50%;
  transform: translateX(-50%);
  color: black;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
}

.home-carousel .carousel-dots {
  position: absolute;
  bottom: 18%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 12px;
  z-index: 1; 
}

.home-carousel .dot {
  background-color: #d4d4d4;
  border: none;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.3s;
  outline: none;
}

.home-carousel .dot.active {
  background-color: #55535399;
  transform: scale(1.2); 
  font-weight: bold;
  outline: none;
}

.home-carousel .dot:hover {
  background-color: #55535399;
  outline: none;
}

@media (max-width: 767px) {
  .home-carousel .carousel-dots {
    top: 55%;
  }

  .home-carousel .carousel-container { 
    height: 400px;
  }

  .home-carousel .carousel-caption {
    top: 115%;
  }
}
.hrms-api {
    font-family: Poppins;
}

.hrms-api h4{
    color: #005aa9;
}

.hrms-api .select-box {
    cursor: pointer;
    height: 5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #999999;
    border-radius: 12px;
    background-color: #e0f5fb;
}

.hrms-api .select-box:hover{
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.hrms-api .select-box span {
    color: #005aa9;
    font-size: 16px;
    font-weight: 600;
}

.home-page-ui .panel-buttons {
  display: inline-block;
  padding: 10px 15px;
  margin: 0; 
  border: 2px solid #999; 
  border-radius: 12px; 
  background-color: #fff; 
  text-align: center; 
  cursor: pointer; 
  width: 100%;
  font-family: "Poppins";
  text-decoration: none; 
  color: #f3561d; 
  font-size: 14px; 
  font-weight: 600;
}

.home-page-ui .panel-buttons:hover {
    transform: scale(1.1); 
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2); 
    border: 1px solid #999; 
}

.home-page-ui .panel-buttons a:focus,
.home-page-ui .panel-buttons a:active {
  outline: none;
}

.btns-container-policyDashboard {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 30px;
}

.tab-btn-policyDashboard {
  color: #155baa;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07);
  border: 0.5px solid #cbd8ff;
  padding: 7px 13px 7px 13px;
  border-radius: 20px;
  font-size: 12.5px;
  cursor: pointer;
  outline: none;
  background-color: white;
}

.tab-btn-policyDashboard:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(21, 91, 170, 0.2);
}

.selected-tab-policyDashboard {
  border: 0.5px solid #edf2ff;
  background: #f5f5f5;
  color: #f15a24 !important;
}

.divider-policyDashboard {
  text-align: center;
  padding: 14px 0 14px 0;
  border-bottom: 1px solid #e8e8e8;
}

.policy-header-policyDashboard {
  font-size: 12pt;
  color: #f15a23;
  font-weight: 600;
  margin-top: 20px;
}

.policy-card-container-policyDashboard {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.master-container-policyDashboard {
  width: 1148px;
  margin: 0 auto;
}

.btn-details-policyDashboard {
  font-size: 14px;
}

.btn-container-policyDashboard {
  display: flex;
  justify-content: center;
  align-items: center;
}

.loadingSpinner-container-policyDashboard {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 50vh;
  background-color: #fffdfd;
}

.card-container-policyDashboardCard {
  /* flex: 1 1 48%; */
  box-sizing: border-box;
  padding: 20px;
  box-shadow: 0px 0px 10px #ddd;
  border-radius: 7px;
  width: 48%;
}

.card-row-policyDashboardCard {
  display: flex;
  align-items: center;
}

.card-col-policyDashboardCard {
  width: 50%;
}

.policy-name-policyDashboardCard {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: 0.2px;
  text-align: left;
  color: #155baa;
  margin: 0;
}

.card-label-policyDashboardCard {
  color: gray;
  font-size: 12px;
  display: block;
}

.card-value-policyDashboardCard {
  color: #2d2d2d;
  font-size: 14px;
  display: block;
  word-break: break-all;
}

.card-logo-policyDashboardCard {
  width: 114px;
  height: 50px;
}

.btn-container-policyDashboardCard {
  display: flex;
  align-items: center;
  justify-content: center;
}

.loading-spinner {
  width: 50px;
  height: 50px;
  border: 5px solid rgba(0, 0, 0, 0.1);
  border-top: 5px solid #007bff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.spinner-container p {
  margin-top: 10px;
  font-size: 16px;
  color: #333;
  font-weight: 500;
}

.auth-page {
    font-family: "Poppins";
    height: 100vh;
    background-color: #eee;
    overflow: hidden;
}

.auth-page.login-background{
    background-color: #eee;
    background-repeat: no-repeat;
    background-size: cover;
}

.auth-page .login-section-card{
    min-height: 350px;
    width: 500px;
    background-color: #fff;
    padding: 30px 30px;
}

.auth-page input::-webkit-outer-spin-button,
.auth-page input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.auth-page .password-instruction-text { 
    font-size: 14px;
    color: #495057;
}

.auth-page .show-hide-password-icons {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
}

.auth-page .input-group {
    position: relative;
}

.profile-data .profile-text-headers {
    color: #666666;
    font-weight: 600;
    font-size: 14px;
}

.profile-data .profile-text-content {
    color: #444444;
    font-weight: 600;
    font-size: 14px;
}
svg:not(:root).svg-inline--fa {
  overflow: visible; }

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em; }
  .svg-inline--fa.fa-lg {
    vertical-align: -.225em; }
  .svg-inline--fa.fa-w-1 {
    width: 0.0625em; }
  .svg-inline--fa.fa-w-2 {
    width: 0.125em; }
  .svg-inline--fa.fa-w-3 {
    width: 0.1875em; }
  .svg-inline--fa.fa-w-4 {
    width: 0.25em; }
  .svg-inline--fa.fa-w-5 {
    width: 0.3125em; }
  .svg-inline--fa.fa-w-6 {
    width: 0.375em; }
  .svg-inline--fa.fa-w-7 {
    width: 0.4375em; }
  .svg-inline--fa.fa-w-8 {
    width: 0.5em; }
  .svg-inline--fa.fa-w-9 {
    width: 0.5625em; }
  .svg-inline--fa.fa-w-10 {
    width: 0.625em; }
  .svg-inline--fa.fa-w-11 {
    width: 0.6875em; }
  .svg-inline--fa.fa-w-12 {
    width: 0.75em; }
  .svg-inline--fa.fa-w-13 {
    width: 0.8125em; }
  .svg-inline--fa.fa-w-14 {
    width: 0.875em; }
  .svg-inline--fa.fa-w-15 {
    width: 0.9375em; }
  .svg-inline--fa.fa-w-16 {
    width: 1em; }
  .svg-inline--fa.fa-w-17 {
    width: 1.0625em; }
  .svg-inline--fa.fa-w-18 {
    width: 1.125em; }
  .svg-inline--fa.fa-w-19 {
    width: 1.1875em; }
  .svg-inline--fa.fa-w-20 {
    width: 1.25em; }
  .svg-inline--fa.fa-pull-left {
    margin-right: .3em;
    width: auto; }
  .svg-inline--fa.fa-pull-right {
    margin-left: .3em;
    width: auto; }
  .svg-inline--fa.fa-border {
    height: 1.5em; }
  .svg-inline--fa.fa-li {
    width: 2em; }
  .svg-inline--fa.fa-fw {
    width: 1.25em; }

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0; }

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -.125em;
  width: 1em; }
  .fa-layers svg.svg-inline--fa {
    -webkit-transform-origin: center center;
            transform-origin: center center; }

.fa-layers-text, .fa-layers-counter {
  display: inline-block;
  position: absolute;
  text-align: center; }

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
          transform-origin: center center; }

.fa-layers-counter {
  background-color: #ff253a;
  border-radius: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  height: 1.5em;
  line-height: 1;
  max-width: 5em;
  min-width: 1.5em;
  overflow: hidden;
  padding: .25em;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right; }

.fa-layers-bottom-right {
  bottom: 0;
  right: 0;
  top: auto;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right; }

.fa-layers-bottom-left {
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left; }

.fa-layers-top-right {
  right: 0;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right; }

.fa-layers-top-left {
  left: 0;
  right: auto;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top left;
          transform-origin: top left; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  position: relative;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0; }

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em; }

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em; }

.fa-inverse {
  color: #fff; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1); }

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4); }

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4); }

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1); }

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black; }

.fad.fa-inverse {
  color: #fff; }

.card-container {
  width: 18%;
  height: 100px;
  box-shadow: 2px 3px 14px -3px rgba(0,0,0,0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
  background-color: #fff;
  cursor: pointer;
  padding: 14px;
}

.selectedcard{
  width: 18%;
  height: 100px;
  box-shadow: 2px 3px 14px -3px rgba(0,0,0,0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
  background-color: #fff;
  cursor: pointer;
  padding: 14px;
  border: 2px solid #0091b6; 
}

.card-Heading {
  font-size: x-small;
  font-weight: 500;
  color: #6a7480;
}

.card-totalNumber {
  font-size: large;
  color: rgb(51, 51, 51);
  font-weight: 700;
}

.clientProfile{
    background-color: #fff;
    padding: 20px;
}

.clientProfile{
    font-size: 14px;
    font-weight: 600;
}
.file-upload {
    display: block;
    text-align: center;
    font-size: 13px;
    width: 100%;
}
  .file-upload .file-select {
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: left;
    background: #ffffff;
    overflow: hidden;
    position: relative;
  }
  .file-upload .file-select .file-select-button {
    background: #dce4ec;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
  }
  .file-upload .file-select .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
  }
  .file-upload .file-select:hover {
    border-color: #34495e;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
  }
  .file-upload .file-select:hover .file-select-button {
    background: #34495e;
    color: #ffffff;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
  }
  .file-upload.active .file-select {
    border-color: #3fa46a;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
  }
  .file-upload.active .file-select .file-select-button {
    background: #3fa46a;
    color: #ffffff;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
  }
  .file-upload .file-select input[type="file"] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .file-upload .file-select.file-select-disabled {
    opacity: 0.65;
  }
  .file-upload .file-select.file-select-disabled:hover {
    cursor: default;
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    text-align: left;
    background: #ffffff;
    overflow: hidden;
    position: relative;
  }
  .file-upload .file-select.file-select-disabled:hover .file-select-button {
    background: #dce4ec;
    color: #666666;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
  }
  .file-upload .file-select.file-select-disabled:hover .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
  }
  .error-message-file{
    color: #D8000C;
    text-align: left;
    clear: both;
  }

  .radio-input .sub-text{
    color: #979797;
    font-size: 12px;
    font-family: Roboto;
  }

  .radio-input .heading{
    font-size: 16px;
    font-family: Roboto;
    color: #005bab;
    font-weight: 700;
  }
  
  .error-message-file{
    color: #D8000C;
    text-align: left;
    clear: both;
  }

.prospect-history .label-style{
background-color: #CBCBCB;
padding: 10px;
font-size: 15px;
font-weight: 600;
margin: 0;
border-radius: 20px 20px 0 0;
}

.prospect-history{
    margin-top: 10px;
    margin-bottom: 15px;
}
.prospect-history .child-box{
    background-color: #fff;
}
.prospect-history table{
    font-size: 13px;
}
.prospect-history .child-box{
    box-shadow: 0 1px 16px #00000026;
    border-radius: 0 0 10px 10px
}
.modal-90w{
    max-width:80%!important
}

.ViewQuoteLeftSection {
    border-left: 1px solid #ddd;
}
.payement-modal .row{
    margin-bottom: 5px;
}
.line-breaked{
    overflow-wrap: break-word
}
.download-tab{
    font-size: 14px;
    font-family: Poppins;
}

.download-tab .header-row{
    color: #333333;
    background-color: #f5f5f5;
    border-color: #dddddd;
    padding: 10px 15px 0px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.download-tab .labels-new {
    font-size: 13px;
    color: #606060;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
    z-index: 1040; /* Ensure it's behind the modal */
}

.modal.fade .modal-dialog {
    z-index: 1050; /* Ensure the modal content is above the backdrop */
}

.status-bar .main-div{
    width: 100%;
    height: 170px;
    margin: 50px 0px 0px 0px;
} 

.status-bar .first-box{
    height: 140px;
    padding: 10px 10px 0px 10px;
    box-shadow: 0 1px 16px #00000026;
    border-radius: 8px;
    background-color: #fff;
}

.status-bar .progressBar{
    position: relative;
    display: flex;
    justify-content: space-around;
}

.status-bar .progressBar::before{
    content: " ";
    position: absolute;
    top: 50%;
    height: 1px;
    width: 83%;
    background-color: #b8d1d9;
    transform: translateY(-50%);
}

.status-bar .progress-step{
    width: 20px;
    height: 20px;
    background-color: #b8d1d9;
    border-radius: 50%;
    cursor: pointer;
}
.status-bar .progress-step:hover{
  border: solid 1px #155cab;
}
.status-bar .progress-step::after{
    content: attr(data-title);
    position: absolute;
    top: calc(100% + 0.3rem);
    font-size: 11.5px;
    color: #0c0f16;
    width: 0px;
}

.status-bar .active{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color:#155cab;
    background-clip:content-box;
    z-index: 0;
}

.status-bar .won-lost{
    float: right;
    font-size: 11.5px;
}

.status-bar .won-lost-1{
    position: absolute;
    top: 10px;
    right: 25px;
}

.status-bar .won-lost-1::before{
    content: " ";
    position: absolute;
    top: -10px;
    height: 74px;
    width: 9%;
    background-color: #b8d1d9;
    right: 47px;
    transform: rotate(65deg);
}

.status-bar .won-lost-2{
    position: absolute;
    top: 70%;
    right: 25px;
}

.status-bar .won-lost-2::before{
    content: " ";
    position: absolute;
    top: -55px;
    height: 79px;
    width: 9%;
    background-color: #b8d1d9;
    right: 47px;
    transform: rotate(117deg);
}
.status-bar .first-box:hover  {
    box-shadow: 0 1px 36px #00000026;
  }

.status-bar .connecting-dot {
    width: 9px;
    height: 9px;
    background-color: #9e9e9e;
    border-radius: 50%;
    position: absolute;
    top: 40%;
}

.status-bar .connecting-line {
    content: " ";
    position: absolute;
    top: 173px;
    border: 1px dashed #9e9e9e;
    transform: translateY(50%);
    width: 77px;
    z-index: 1;
}
.action-logo{
 display: flex;
 justify-content: center;   
 margin-top: -5px;
 cursor: pointer;
}

.img-size{

    text-align: center;
    display: flex;
}

.action-type{
    width: 90px;
    text-align: center;
    font-size: 14px;
    color:#4a4444
}
.img-size:hover{
    box-shadow: #007BFF 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.renewal-attachment-list{
    font-size: 13px;
    color:#007BFF;
    cursor: pointer;
}

.loadRenewals{
    background-color: rgb(255, 255, 188);
    color: black;
    position: sticky;
    top: 0;
    display: flex;
    justify-content: center;
}
.viewYearsRenewals{
    border: 1px solid #808080;
    background-color: white;
    color: rgb(82, 82, 82);
}
.attachmentDivInMailDraft{
    width: 650px;
    height: auto;
    padding: 4.8px 9.2px 8.2px 10px;
    border: solid 1px #e5e5e5;
    background-color: #fff;
    margin: 0 auto;
    word-break: break-word;
}

.chooseFileButtonForMail{
    width: 100px;
  height: 29.2px;
  border: solid 1px #ccc;
  background-color: #efefef;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #3d3d3d;;
}

.attachmentDivLoader .cover-spin-container #cover-spin{
    top:50%;
    left:45%
}

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

.noteForMailDraft{
    color: red;
    font-size: 13px;
    font-style: italic;
}
.sendMail-box{
    padding: 18px;
    border-radius: 3px;
    border: solid 1px #b5b5b5;
    background-color: #fff;
    margin: 0px 25px 14px 25px;
    font-family: Poppins;
    font-size: 14px;
}
.modal-box{
    padding: 18px;
    margin: 15px 10px 15px 10px;
    font-family: Poppins;
    font-size: 14px;
}
.Queries-popUp{
    position: fixed;
    right: 20px;
    bottom: 0;
    background: #fff;
    z-index: 9999;
    width: 390px;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
    border-radius: 6px;
    font-family: Poppins;
}
.chat-box-main{
    height: 455px;
}
.chat-box-min{
    height: 0px;
}
 .query-chat{
    border: 1px solid #d3d3d3;
    position: relative;
    border-radius: 6px;
}
 .chat-head{
    padding: 0px 10px 0px 10px;
    border-bottom: 2px solid #0b86e4;
    background-color: #015FA7;
    color: #fff;
    position: relative;
    cursor: pointer;
    height: auto;
    border-radius: 6px 6px 0px 0px;
}
 .main-chat-body{
    overflow: auto;
    padding: 15px;
}
.bottom-chat-input{
    padding: 12px 16px 12px 10px;
    background-color: #f2f2f4;
}
 .bottom-chat-input .input-chat{
    height: 38px;
    border-radius: 6px;
    border: 1px solid #cbcbcb;
}
 .main-chat-body .chat-data{
    height: auto;
    margin: 0 0 12px;
    padding: 10px 0px 10px 0px;
    border-radius: 15px 0px 15px 15px;
    background-color: #f5f7fb;
}
.main-chat-body .chat-data{
    text-align: left;
    color: #333;
    font-size: 13px !important;
    padding: 10px;
}
.main-chat-body .chat-details{
    font-size: 10px !important;
    text-align: right;
    color: #9c9c9c;
}
.Queries-popUp-expand{
    position: fixed;
    right: 5%;
    bottom: 0%;
    background: #fff;
    z-index: 9999;
    width: 90%;
    height: 90%;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
    border-radius: 6px;
    font-family: Poppins;
}
.regards-name{
    border: none !important;
    outline: none !important;
}
.primary-box{
   height:auto;
   background-color: #fcfcfd;
}

.primary-boxes{
    height:auto;
 }

.employee-round{
    margin:0 auto;
    height: 50px;
    width:50px;
    border-radius: 50%;
    background-color: #fff3d8;
    padding:10px;
    padding-left: 15px;
}

.collect-data-header1{
    text-align: center; 
    font-size: 20px;
    font-weight: 500;
    font-family: Helvetica;
}
.collect-data-header2{
    text-align: center; 
    font-size: 14px;
    color:rgba(0, 0, 0, 0.6);
    font-family: Helvetica;
}
.center-class{
    text-align: center;
}

.generate-btn{
    height: 50px;
    width:360px;
    border: 1px solid;
    border-radius: 5px;
    background-color: #277ffe;
    color: #ffffff;
    cursor: pointer;
    outline: none; 
}

.upload-btn-excl{
    height: 50px;
    width:360px;
    border: 1px solid #277ffe;
    border-radius: 5px;
    background-color: #ffffff;
    color: #277ffe;
    cursor: pointer;
    outline: auto; 
    font-weight:600;
    margin-bottom: 25px;
}

ul {
    margin: 0;
  }
  
  .dropzone {
    text-align: center;
    margin: 0 auto;
    padding: 20px;
    width:80%;
    border: 3px dashed #eeeeee;
    background-color: #ffffff;
    color: #bdbdbd;
    height:200px;   
    margin-bottom: 20px;
  }

  .dropzone-other {
    text-align: center;
    margin: 0 auto;
    padding-top: 5px;
    width:100%;
    border: 3px dashed #eeeeee;
    background-color: #ffffff;
    color: #bdbdbd;
    height:80px;
    margin-bottom: 20px;
  }
  .select-button{
      margin: 0 auto;
      width: 120px;
      height: 35px;
      gap: 10px;
      font-size: 13px;
      border-radius: 5px;
      border: solid 1px rgba(15, 145, 210, 0.7);
      background-color: #fbfdfe;
      color: rgba(15, 145, 210, 0.7);
      outline: none;
  }

  .plus-btn{
    width: 35px;
    height: 35px;
    gap: 10px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    border: solid 1px rgba(1, 84, 126, 0.7);
    background-color: #fbfdfe;
    color: rgba(1, 84, 126, 0.7);
    outline: none; 
  }
  .drag-box{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  .text-drop1{
      font-size: 14px;
      font-weight: 600;
      font-family: Helvetica;
      color: black;
  }
  .text-drop2{
    font-size: 13px;
    font-family: Helvetica;
    color: rgba(0, 0, 0, 0.4);
}

.file-name{
    color:black;
    font-size: 14px;
    text-align: left;
    font-family: Helvetica;
    
}

.file-size{
    color:black;
    font-size: 14px;
    text-align: left;
    font-family: Helvetica;
}
.scrollFiles{
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.file-div{
  
   background-color: #fff;
   border:1px solid rgb(238, 238, 238);
   padding: 12px;
   word-wrap: break-word; 
   border-radius: 6px;
}

.upload-btn{
    border: 1px solid #ee5b35;
    width: 120px;
    height: 35px;
    gap: 10px;
    font-size: 13px;
    border-radius: 5px;
    background-color: #fbfdfe;
    color: #ee5b35;
}

.cancel-btn{
    border: 1px solid #fbfdfe;
    width: 120px;
    height: 35px;
    gap: 10px;
    font-size: 13px;
    border-radius: 5px;
    background-color: #fbfdfe;
    
}

.scrollFiles::-webkit-scrollbar {
    width: 5px;
  }
  
  .scrollFiles::-webkit-scrollbar-track {
    background-color: rgb(83, 83, 83);
    border-radius: 100px;
   
  }
  
  .scrollFiles::-webkit-scrollbar-thumb {
    background-color: #d8d7d5;
    border-radius: 100px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }

  .disable-btn{
    border: 1px solid #fbfdfe;
    width: 120px;
    height: 35px;
    gap: 10px;
    font-size: 13px;
    border-radius: 5px;
    color:#babcbd;
    background-color: #fbfdfe;   
  }

  .sum-insured-value{
    color:black;
    font-size: 14px;
    text-align: left;
    font-family: Helvetica;
  }

  .preview-btn{
    border: 1px solid #277ffe;
    width: 120px;
    height: 35px;
    gap: 10px;
    font-size: 13px;
    border-radius: 5px;
    color:white;
    background-color: #277ffe;
    margin-bottom: 25px;   
  }

  .select-suminsured{
      background-color: #E5E5E5;
      height:40px;
      padding-top: 8px;
      padding-left: 5%;
      width: 90%;
      margin-left: 5%;
      color:#070000;
   
  }

  .link-generation{
      font-family: Poppins;
      font-size: 20px;
      padding-left: 50px;
  }

  .sub-heading-link{
    font-family: Poppins;
    font-size: 15px;
    padding-left: 50px;
    color:#969393
}

.input-link{  
    border:solid 1px;
    background-color: white;
    color:#0091B6;
    font-size: 13px;
    margin-left: 50px;
    min-height:40px;
    font-family: Poppins;
    word-wrap: break-word;
 }

.share-btn{
    border: 1px solid #0091B6;
    width: 100px;
    height: 40px;
    gap: 10px;
    font-size: 13px; 
    color:white;
    background-color: #0091B6;  
}
.btn-next{
        border: 1px solid #0091B6;
        width: 100px;
        height: 40px;
        gap: 10px;
        font-size: 13px; 
        color:#0091B6;
        background-color: white;  
    
}
.fileIconClass{
    width:20px;
    height:25px
}

.image-upload-icon{
    height: 48px;
    width:48px;
}

.close-icon{
    position: absolute;
    right: -5px;
    top:-5px;
    height:20px;
    font-size: 14px;
    color: white;
    width:20px;
    background-color: red;
    border-radius: 50%;
    padding-left: 5px;
    cursor: pointer;
}

.gradeCounter{
    display: flex;
    width: 40%;

    justify-content: space-around;
}
.linkBtn {
    width: 120px;
    height: 35px;
    gap: 10px;
    font-size: 13px;
    border-radius: 5px;
    border: solid 1px #277ffe;;
    background-color: #fff;
    color: #277ffe;
    margin-left: 25px;
}
.grades input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.placeHolder-sum::-webkit-input-placeholder {
    color: #c0c0c0;
  }

@media (max-width: 767px) {

    .drag-box{
        height:160px;
    }

    .image-upload-icon{
        height: 30px;
        width:30px;
    }

    .mob-size{
        font-size: 10px;
    }

    .dropzone-other {
           margin-top: -5px;
        width:100%;
        height:165px;
        padding-bottom: 20px;
      }

      .scrollFiles{
       height: auto;
        overflow-y: auto;
        overflow-x: hidden;
        margin-bottom: 15px;
    }

      .file-div{
        margin-top: -10px;
        background-color: #fff;
        border:1px solid rgb(238, 238, 238);
        padding: 5px;
        border-radius: 6px;
       
     }
     .select-button{
         margin-bottom: 5px !important;
     }

     .generate-btn{
        height: 40px;
        width:90%;
        outline: none; 
    }
    
    .upload-btn-excl{
        height: 40px;
        width:90%;
        outline: auto; 
        font-weight:600;
      
    }

    .file-name{
        color:black;
        font-size: 12px;
        text-align: left;
        font-family: Helvetica;
        width: fit-content;
        word-wrap: break-word;  
    }
    
    .file-size{
        color:black;
        font-size: 12px;
        text-align: left;
        font-family: Helvetica;  
        width: fit-content;
        word-wrap: break-word;
       
    }

    .fileIconClass{
        width:15px;
        height:15px;
    }

  .sum-insured-value{
    color:black;
    font-size: 3.5vw;
    text-align: left;
    font-family: Helvetica;
    word-wrap: break-word;
  }
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.premHeaders{
    background-color: #e5e5e5;
    font-family: Roboto;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: normal;
    text-align: left;
    color: #343434;
    padding: 9px 12px;
    width:150px;
    text-align: center;
}

.premVoluntaryTable td{
    color: #707070;
    font-size: 15px;
}

.premVoluntaryTable input{
    border: solid 1px #eee;
  background-color: #fff;
  margin-top: 6px;
}

.skip-btn-edc{
    border: none;
    background: none;
    color: #555ae6
}

.gradePopUpPrem{
    border: solid 1px #b8b8b8;
    width: 97%;
}

.gradePopUpPrem input{
    width: 120px;
    height: 25px;
    margin: 6px 0 0;
    padding: 6px 9px 6px 6px;
    border: solid 1px #eee;
    background-color: #fff;
    font-size: 12px;
    color: grey;
}
.gradePopUpPrem td{
    margin: 9px 6px;
}
.headRowGradePrem{
    display: flex;
    justify-content:flex-start;
    background-color: #e5e5e5;
    margin: 0;
    width: 97%;
    margin: 0 auto;
    color: black;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    padding: 9px;
}

.gradeTableVolun{
    display: flex;
    justify-content: flex-start;
    text-align: left;
    color: #444 !important;  
    font-weight: bold;
    font-size: 14px !important;
}
.backBtnEdc{
    border: 1px solid #0091B6;
    width: 62px;
    height: 34px;
    font-size: 13px; 
    color:white;
    background-color: #0091B6;  
    position: absolute;
    top:3px;
    left: 6px;
}
.coverOtherBtn{
    padding: 13px 18px 12px;
    border-radius: 4px;
    border: solid 1px #5046e5;
    background-color: #fff;
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.94;
    letter-spacing: normal;
    text-align: left;
    color: #5046e5;
  }

  .voluntaryFamilyDiv .selectFamDivEndo {
    width: 515px;
    height: 74px;
    padding: 9px 41px 11px 12px;
    border-radius: 4px;
    background-color: #f7f9fc;
}

.voluntaryFamilyDiv .selectFamDivEndo>p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #4b91f0;
}

.voluntaryFamilyDiv .selectFamDivEndo p:nth-child(2) {
    font-family: Roboto;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: 0.2px;
    text-align: left;
    color: #949c9e;
}

.voluntaryFamilyDiv  .selectFamDivEndoBtnInserted {
    padding: 12px 23px 11px;
  border-radius: 6px;
  border: solid 1px #dedde3;
  background-color: #fff;
  margin: 20px 18px 0 0;
}

.voluntaryFamilyDiv  .selectFamDivEndoBtn {
    margin: 20px 18px 0 0;
    padding: 10.5px 17px 11px 11px;
    border-radius: 6px;
    border: solid 1px #10b56d;
    background-color: #f5f8f5;
    font-family: poppins;
    font-size: 15px;
}

.premiumAmountDiv{
    background-color: #FBF5F5;
    width: 270px;
    padding: 9px;
}

.edc-planType-container {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  column-gap: 5rem;
  width: 100%;
  max-width: 450px;
  margin: auto;
}

.edc-planType-box {
  display: flex;
  align-items: center;
  column-gap: 15px;
}

.edc-planType-button-container {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  column-gap: 4rem;
}

.edc-planType-cancel-button {
  border: 1px solid #277ffe;
  color: #277ffe;
  border-radius: 5px;
}

.edc-familyDefination-container {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  width: 100%;
  max-width: 450px;
  margin: auto;
}

.edc-familyDefination-box {
  display: flex;
  align-items: center;
  column-gap: 15px;
}

.edc-familyDefination-kids-selector {
  display: flex;
  align-items: center;
  column-gap: 20px;
}

.edc-familyDefination-operator {
  cursor: pointer;
  background-color: blue;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

.edc-familyDefination-error {
  color: red;
  font-size: 12px;
  margin-top: 5px;
  text-align: center !important;
}

.perfamily-fullscreen-modal {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  height: 100vh !important;
}

.perfamily-fullscreen-modal .modal-content {
  height: 100vh;
  border-radius: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.perFamilyPremium-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* padding: 20px; */
  background-color: #062a4b;
  height: 80px;
}

.perFamilyPremium-header-2 {
  background-color: #e6effc;
  /* height: 130px; */
  padding-left: 20px;
  padding-top: 20px;
}

.perFamilyPremium-header-logo {
  height: 35px;
}

.flat-sum-insured {
  margin: 30px;
  overflow-x: auto;
  height: calc(100vh - 285px);
}

.graded-sum-insured {
  margin: 20px;
}

.premium-table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  /* border: 1px solid #ccc; */
  text-align: left;
  font-family: Arial, sans-serif;
  /* overflow-x: auto; */
}
.premium-table tbody {
  background-color: #d9d9d959;
  border: none !important;
}

.graded-table-container {
  overflow-x: auto;
  width: 100%;
  /* border: 1px solid #ccc; */
  /* border-radius: 8px; */
}

.graded-premium-table {
  width: 100%;
  font-family: Arial, sans-serif;
  /* border-radius: 8px; */
  overflow: auto;
  box-shadow: 0 0 0 1px #ccc;
  border-collapse: collapse;
  /* border-spacing: 12px 8px; */
}

.graded-premium-table th,
.graded-premium-table td {
  padding: 10px 16px;
  /* border: 1px solid #ccc; */
  text-align: left;
  white-space: nowrap;
}

.premium-table th,
.premium-table td {
  /* border: 1px solid #ccc; */
  padding: 6px;
}

.sum-insured-header {
  background-color: #d1d1d1;
  text-align: center !important;
  /* min-width: 200px; */
}

.flat-table-header th {
  font-size: 10px;
  background-color: #d1d1d1;
  text-align: center !important;
}

.flat-table-header {
  position: sticky;
  top: 0;
  z-index: 2;
}

.coverage-header {
  background-color: #d1d1d1;
  text-align: center;
}

.input-field {
  width: 100%;
  /* min-width: 100px; */
  padding: 6px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.coverage-members-header {
  text-align: center !important;
}

.perFamilyPremium-footer {
  border-top: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  padding-left: 70px;
  padding-right: 90px;
}

.perFamilyPremium-switch {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  margin-left: auto;
  /* margin-top: 10px; */
}

.perFamilyPremium-switch-text {
  margin: 0;
  font-size: 12px;
  color: #000;
  margin-bottom: 4px;
  margin-right: 10px;
  font-weight: 500;
}

.perFamilyPremium-define-grades-container {
  display: flex;
  align-items: center;
}

.perFamilyPremium-define-grades {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 40px;
  column-gap: 30px;
}

.perFamilyPremium-define-grades-operator {
  width: 25px;
  height: 25px;
  background-color: #062a4b;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
}

.linkGenerated-container {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
  margin-top: 20px;
  height: 450px;
  padding: 30px;
  row-gap: 10px;
}

.linkGenerated-subheadline {
  font-size: 16px;
  color: gray;
  margin-bottom: 10px;
}

.linkGenerated-link-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #007bff;
  border-radius: 4px;
  padding: 15px;
  width: 100%;
  color: #007bff;
}

.perLife-update {
  color: #1667b0;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  min-width: 200px;
}

.addOns-selected-members {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 10px;
  min-width: 200px;
}

.addOns-familyDefination-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
  padding: 20px;
  font-size: 18px;
  font-weight: 500;
}

.addOns-searchAddOns-container {
  padding: 16px;
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}

.addOns-searchable-list {
  /* position: "absolute";
  top: "60px";
  width: "100%";
  max-height: "200px";
  overflow-y: "auto";
  background: "white";
  border: "1px solid #ccc";
  z-index: 1000;
  box-shadow: "0 2px 5px rgba(0,0,0,0.15)";
  border-radius: "4px"; */
}

.grade-separator td {
  border-top: 2px solid #cfcfcf;
}

.grade-separator td:first-child {
  border-left: none !important;
}

.premium-table td {
  padding: 8px 12px;
}

/* Container to align label with the switch */
.switch-container {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0;
}

/* Hide the checkbox itself */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The switch track and knob */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 26px;
}

.slider {
  position: absolute;
  cursor: pointer;
  background-color: #ccc;
  border-radius: 26px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: background-color 0.4s;
}

.slider::before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: transform 0.4s;
  border-radius: 50%;
}

/* When checked */
.switch input:checked + .slider {
  background-color: #2196f3;
}

.switch input:checked + .slider::before {
  transform: translateX(24px);
}

.linkGenerateConfirm-container {
  padding: 20px;
  display: flex;
  flex-direction: column;
}

.linkGenerateConfirm-message {
  background-color: rgb(255, 215, 222);
  color: rgb(160, 78, 92);
  border: 1px solid rgb(160, 78, 92);
  border-radius: 5px;
  padding: 10px;
}

.linkGenerateConfirm-buttons-container {
  margin-top: 20px;
  width: 100%;
  padding-top: 20px;
  border-top: 1px solid rgb(119, 119, 119);
  margin-left: auto;
  column-gap: 10px;
  display: flex;
  justify-content: end;
}

.request-quote {
    margin-top: 10px;
    margin-bottom: 10px;
}
.request-quote .heading {
    background-color: #f2f2f4;
    padding: 10px;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    border-radius: 20px 20px 0 0;
}
.request-quote .white-box {
    background-color: #fff;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
.request-quote .white-box .inner-box {
    padding: 10px;
    border-radius: 8px;
    border: solid 1px rgba(156, 156, 156, 0.53);
}
.request-quote .btn-blue{
    background-color: #277ffe;
    color: #fff;
    font-size: 11px;
}
.request-quote .line{
    background-color: #e5e5e5;
    width: 98%;
}
.request-quote .btn-blue-1{
    background-color: #fff;
    color: #277ffe;;
    font-size: 12px;
    border: 1px solid #277ffe;
}
.request-quote .checktitle{
    font-size: 12px;
    line-height: 1.38;
    text-align: center;
    color: #0c0f16;
}
.request-quote .rfq-innerBox{
    border: 1px dashed #c9c9c9;
    border-radius: 6px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fafafa;
}
.request-quote .attachment-box{
    background-color: #f2f2f4;
    padding: 10px;
    cursor: pointer;
}
.request-quote .attachment-box .attach-title{
    color: #005aab;
    font-size: 14px;
}
.request-quote  [type="file"] {
    height: 0;
    overflow: hidden;
    width: 0;
}
.request-quote .image-upload label{
    cursor: pointer;
    margin-top: .5rem;
}
.request-quote .cross-btn{
    display:block;
    float:right;
    position:relative;
    top: 1px;
    right: -16px;
    cursor: pointer;
}
.request-quote .manage-column-rm-list{
    height: 30px;
    width: 100%;
    border: 1px solid #c4d2e0;
    border-radius: 2px;
    padding-left: 6px;
    font-size: 12px;
    color: #000203;
    background-color: #ffffff;
}  

.request-quote{
    transform-origin: 50% 0;
	animation: append-animate .3s linear;
}
.assign-prospect{
    transform-origin: 50% 0;
	animation: append-animate .3s linear;
}
.request-quote .rfq-cross{
    position: relative;
    top: -8px;
    left: 6px;
    color:red;
    cursor: pointer;
}
.request-quote .white-box .bulk-select{
    font-size: 13px;
}
.request-quote .red-border-row{
    border-top: 1px solid red;
    border-left: 1px solid red;
    border-right: 1px solid red;
}
.request-quote .red-border-box{
    border-bottom: 1px solid red;
    border-left: 1px solid red;
    border-right: 1px solid red;
}
.qcrFileHeaderName{
    font-family: Poppins;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 1.07;
    text-align: left;
    color: #565656;
}
.qcrFileDataName{
    font-family: poppins;
    font-size: 12px;
    letter-spacing: -1;
    text-align: left;
    color: #69727b;
}
.qcrFileDownloadBtn{
    border-radius: 3px;
    background-color: #fff;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #277ffe;
    cursor: pointer;
}
.interactionClose{
    cursor: pointer;
    font-size: 20px;
}
.viewBtnQcr{
  font-family: Poppins;
  font-size: 15px;
  line-height: 1.07;
  text-align: center;
  color: #005aab;
  cursor: pointer;
}
.qcrVersionsTable{
    max-height: 510px;
    overflow-y: auto;
}
.request-quote .hidden-btn{
    border: none;
    outline: none;
    background-color: #fff;
}
.attachmentArchieve{
    font-family: poppins;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #005aab;
    cursor: pointer;
}
.archiveFilesName{
    font-family: Poppins;
    font-size: 13px;
    letter-spacing: -1;
    text-align: left;
    list-style: none;
    margin: 9px 0;
    color: #005aab;
    cursor: pointer;
}
.archiveFileHeaderName{
    font-size:13px;
    margin-top:-6px;
    font-family: Poppins;
    text-align: left;
    color: #005aab;
    font-weight: bold;
}
.attachmentHeaderModal{
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  color: #0c0f16;
}

.archiveRfqToInsurerDiv{
    padding: 15px;
    font-weight: 600;
}
.archiveRfqToInsurer{
    margin: 0 1px 0 0;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #5046e5;
    cursor: pointer;
    padding: 6px 3px;
}

.archiveRfqToIns{
    color:#606060;
    font-size:13px;
    border: none;
    background: none;
}

.verticalLineContainer {
display: flex;
flex-direction: column;
}
  
.verticalLineFiles {
width: 2px;
background-color: #757575;
flex-grow: 1; /* Makes the line take up the available height */
margin: 6px;
}
  
.archiveFilesName {
list-style: none;
}

.archiveFilesNameLabel{
  font-size: 12px;
  text-align: left;
  color: #000;
  margin-left: 15px;
}

.group-policy-container{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
}
  


.prospect-details-page{
    background-color: #f8f9fd;
    overflow-x: hidden;
}

.prospect-details ul {
    width: 70%;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: space-evenly;
    display: flex;
}

.prospect-details li {
    display: inline-flex;
    cursor: pointer;
    font-size: 14px;
}
.prospect-details li:hover {
    color: #155cab;
}
.row-style{
    justify-content: space-between;
}
.font-bold{
font-weight: 600;
}
.prospect-details-section {
    font-size: 14px;
    font-weight: 600;
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 1px 16px #00000026;
    border-radius: 8px;
}
.label-style {
    background-color: #CBCBCB;
    padding: 10px;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    border-radius: 20px 20px 0 0;
     box-shadow: inset 7px 7px 9px -7px #00000026;
    
}
table th{
    font-size: 13px;
}
.prospect-details-page span{
    font-size: 13px;
}


  .clientProfile  {
    box-shadow: 0 1px 16px #00000026;
    margin-bottom: 15px;
  }

  @keyframes append-animate {
	from {
		transform: scaleY(0);
		opacity: 0;
	}
	to {
		transform: scaleY(1);
		opacity: 1;
	}
}

.clientProfile {
	transform-origin: 50% 0;
	animation: append-animate .3s linear;
}
.prospect-details-section{
    transform-origin: 50% 0;
	animation: append-animate .3s linear;
}
.prospect-history{
    transform-origin: 50% 0;
	animation: append-animate .3s linear;
}
.prospect-history .btn-alignment{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    height: 120px;
}
@keyframes append-animate-box {
	from {
		transform: scale(0);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;	
	}
}

.first-box{
    transform-origin: 50% 0;
	animation: append-animate-box .3s linear;
}
.show-retrive-prospect{
    transform-origin: 50% 0;
	animation: append-animate-box .3s linear;
}
.close-btn:focus{
    outline: none; 
      
}

.close-btn:hover{
    background-color: #0091b6;
    color:white;
}
.close-btn{
    width: 100px;
    height: 40px;
    font-family:Poppins;
    flex-grow: 0;
    font-weight: bold;
    color:#0091b6;;
    border:solid 2px #0091b6;
    background-color:white;
}
/* .prospect-details-blue{
    box-shadow: 0 12px 31px #00000026;
} */
.prospect-details-delete{
    box-shadow: 0 12px 31px #00000026;
}
/* .prospect-detail-update{
    box-shadow: 0 12px 31px #00000026;
 } */
.prospect-detail-update:hover{
   color: rgb(255, 255, 255)!important;
   background-color:rgb(2, 129, 44)!important
}
.prospect-details-blue:hover{
    color: #277ffe!important;
    background-color: #fff!important;
    border: 1px solid #277ffe;
}
.prospect-details-delete:hover{
    background-color: #f15a23!important;
    color: #fff!important;
    border: 1px solid #277ffe;
}
.optionList {
    height: 300px;
    position: absolute;
    overflow-y: auto;
    z-index: 10;
    background-color: #fff;
    width: auto;
    font-size: 10px;
    color: black;
    width: 150px;
    margin-left: -5px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
}

.manage-column-rm-list {
    height: 30px;
    width: 240px;
    border: 1px solid;
    border-radius: 3px;
    background-color: #ffffff;
    font-size: 14px;
    margin: 14px 0px;
    cursor: pointer;
    outline: none;
    margin: 0 0 0 0;
}
.dropdown-content {
    display: block;
    position: absolute;
    background-color: white;
    min-width: 120px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }

  .dropdown-content div {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }

  .dropdown-content div:hover {background-color: #f1f1f1;;}

.send-mail-to-selected {
    background-color: #4aace3;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #aaa;
    padding: 5px;
    text-align: center;
    width: 80px;
    cursor: pointer;
    margin-top: 20px;
}
.searchbox-prospect-details{
    padding: 2px;
    margin-right: 5px;
    border: none;
    width: 80%;
    background-color: #f5f8fa;
}
.callHistoryLabels{
  font-family: Poppins;
  font-size: 13.2px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #414149;
}
.callHistoryUpdateBtn{
display: flex;
justify-content: flex-end;
}
.callHistoryUpdateBtn button{
  border-radius: 6px;
  background-color: #277ffe;
  font-family: Poppins;
  font-size: 14px;
  text-align: left;
  color: #fff;
  margin-bottom: 12px;
}

.numToWordConvert{
    font-size: 10px;
    color: #606060;
    font-style: italic;
}
.manage-prospect-coloumn{
    height: 300px;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 10;
    background-color: #fff;
    width: auto;
    font-size: 12px;
    color: black;
    width: 150px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
}
.single-column {
    min-height: 30px;
    height: auto;
    padding: 5px;
    text-align: left;
}

.manage-prospect-coloumn-new{
    height: 60px;
    position: absolute;
    overflow-y: hidden;
    z-index: 10;
    /* background-color: #fff; */
    font-size: 12px;
    color: #212529;
    font-family: Poppins;
}

.manage-prospect-coloumn .bulk-select {
    font-size: 12px;
    cursor: pointer;
}

.manage-prospect-coloumn .bulk-select :hover{
    background-color: #eeeeee;
}
.wrapper_custom {
    position: relative;
    width: 100%;
  }
  
  .label_custom {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    color: #606060;

  }
  
  .selectBox_custom {
    height: 30px;
    width: 100%;
    border: 1px solid rgb(196, 210, 224);
    border-radius: 2px;
    padding: 6px;
    font-size: 12px;
    color: rgb(0, 2, 3);
    background-color: rgb(255, 255, 255);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
  
  .arrow_custom {
    font-size: 12px;
    padding-top: 6px;
  }
  
  .dropdown_custom {
    position: absolute;
    width: 100%;
    border: 1px solid #ddd;
    background: #fff;
    max-height: 220px;
    overflow-y: auto;
    z-index: 1000;
    border-radius: 4px;
    margin-top: 4px;
  }
  
  .item_custom {
    padding: 4px 8px;
    cursor: pointer;
    font-size: 13px;
    display: flex;
    
  }
  
  .item_custom:hover {
    background-color: #f1f1f1;
  }
  
  .clear_custom {
    color: red;
    font-weight: 500;
    font-size: 12px;
  }
.client .table td {
    padding: 0.5rem !important;
}


.view-btn{
    height: 45px;
    padding: 9.4px 7.4px 9.4px 7.3px;
    border-radius: 4px;
    border:none;
    color:white;
    background-color: 
    #065dc6;
}
.overview-heading{
    box-shadow: 2px 3px 14px -3px rgba(0,0,0,0.75);
    border-radius: 9px;
    font-weight: bold;
}
.card-boxes{
    display: flex;
    justify-content: space-between;
    border-radius: 6px;
  box-shadow: 0 4px 22px 0 #f3f6fb;
  height: auto;
  width: 100%;
  /* max-width: 400px; */
  
}

.card-boxes .card-box{
 /* border: 1px solid; */
    position: relative; 

}
.card-box {
  max-width: 200px;
  width: 100%;
}

.card-boxes .uw-card-box{
    /* border: 1px solid; */
       position: relative;
       box-shadow: 2px 3px 14px -3px rgba(0,0,0,0.75);
       border-radius: 9px;
       width: 18%;
       height: 100px;
       cursor:pointer
   }

   .card-boxes .active-uw-card-box{
            border: 2px solid #0091b6; 
           position: relative;
           box-shadow: 2px 3px 14px -3px rgba(0,0,0,0.75);
           border-radius: 9px;
           width: 18%;
           height: 100px;
           cursor:pointer
   }

.blueColor{
    color: #333;
    font-size:large;
    font-family:Poppins;
    font-weight: 600;
}

.card-data-type{
    font-size:x-small;
    font-weight: 500;
    color: #6a7480;
    width: 100%;
    font-family:Poppins;
}

.card-data-view{
    font-size: small;
    width: 200%;
}

.hoverBox{
    overflow: auto;
    height: 15%;
}
.arrowImage{
    position: relative;
    top:65%;
    right: -6px;
    /* border: 2px solid red; */

}

.imgClass{
    height: 65%;
}

.imgClass-UW{
    height: 60%;
}

.arrowImage{
    height:30px !important;
    width:50px !important;
    
   
}

.msgInteraction {
    position: absolute;
    /* right: -1px; */
    background-color: white;
    min-width: 200px;
    overflow-Y: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    max-height:150px;
    background-color: #f1f1f1;
    
    max-width:200px;
  }
  .msgInteraction .mainbox {
    width: 100%;
    color: hsl(0, 0%, 0%);
    font-size: 11px;
    padding:5px;
    font-family: poppins;
    text-decoration: none;
    background-color: #f1f1f1;
    border-bottom: solid 2px white;
    
  
  }

.msgInteraction::-webkit-scrollbar { 
    width: 0;  /* Remove scrollbar space */
    background: transparent;   /* Safari and Chrome */
}

.msgInteraction::-webkit-scrollbar {
    width: 8px;
  }
   
  .msgInteraction::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(8, 0, 0, 0.3);
  }
  
  .msgInteraction::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
    border-radius: 10px;
  
  }

  .sort-premium-input{
    width: 90px;
    height: 37px;
    border-radius: 8px;
    border: 1px solid #CBD6E3;
    outline: none;
    font-size: 12px;
    font-family: poppins;
    padding-left: 10px;
  }

  .premium-sort{
    padding: 20px;
    font-size: 13px;
  }

  .premium-sort .blue-header{
    background-color: #065dc6;
    font-size: 16px !important;
  }

  .premium-sort .sort-header{
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    border: 1px solid #dee2e6;
    padding-top: 18px;
  }

  .premium-sort .header-row{
    width: 100%;
    margin-left: 0px !important;
    position: sticky;
    top: 0;
    z-index: 100;
  }

  .premium-sort .sort-body{
    overflow-y: auto;
    max-height: 423px;
  }

  .premium-sort .client-link:hover{
    cursor: pointer;
  }
  .premium-sort .client-link p:hover{
    text-decoration: underline;
  }

  .sorted-premium-btn{
    width: 75px;
    height: 30px;
    border-radius: 4px;
    outline: none;
    background-color: #065dc6;
    color: #fff;
    font-size: 12px;
    border: 1px solid #065dc6;
  }

.premium-search input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  /* Firefox */
.premium-search input[type=number] {
    -moz-appearance: textfield;
}

  @media (min-width: 1700px) {   
    .card-data-type{
        font-size: medium;
        font-weight: 900;
        width: 100%;
        font-family:Poppins;
    }
    
}

@media (min-width: 1700px) {   
    .card-data-type{
        font-size: small;
        font-weight: 900;
        width: 100%;
        font-family:Poppins;
    }
}

.comment-static{
    font-size: 14px;
    font-weight: 600;
    color: #606060;
    font-family: Poppins;
}

.comment-dynamic{
    font-size: 14px;
    font-family: Poppins;
}
 .filter-box{
    height: 100px;
     width: 103%;
    margin-left:-15px;

    border: solid 1px #ddd;
    background-color: #f9f9f9;
}

.date-class{
    width:150px;
    color: #7c7c7c;
}

.bulk-won{
     font-size: 14px !important;
    font-family: Poppins !important;
    color:#87878a !important;
    width:180px !important;
    outline: none !important;
}

.react-select__menu-list{
    overflow-x: hidden !important;
}

.taskCard{
     width: 230px; 
     box-shadow: 2px 6px 12px -3px rgba(0,0,0,0.75);
    padding: 8px 12px;
    border-radius: 6px;
    box-shadow: 0 4px 10px 0 rgba(6, 93, 198, 0.1);
    background-color: #f4f4ff;
    cursor: pointer;
  
}

.app {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* border:2px solid red; */
}

.columns {
  display: flex;
  justify-content: space-evenly;
  font-family: Poppins;
  max-height:2080px;
  height: auto;
}

.column {
  border-radius: var(--borderRadius);
  background-color: #ebecf0;
  border-radius: 4px;
}

.column-title {
  text-align: left;
  margin: 0;
  font-size: 16px;
  color: #141512;
  font-weight: 700;
  font-family: poppins;
}
.lengthRight1{
  position: relative;
  right: -15vw;
  color: #202020;
  font-weight: bold;
  border: solid 1px #e9e9ea;
  padding: 3px 9px;
  background-color: white;
  
}
.lengthRight2{
  position: relative;
  right: -16vw;
  color: #202020;
  font-weight: bold;
  border: solid 1px #e9e9ea;
  padding: 3px 9px;
  background-color: white;
}
.lengthRight3{
  position: relative;
  right: -18vw;
  color: #202020;
  font-weight: bold;
  border: solid 1px #e9e9ea;
  padding: 3px 9px;

   background-color: white;
}
.item {
  box-sizing: border-box;
  border-radius: var(--borderRadius);
  color: #cdd5ee;
  font-size: 30px;
  user-select: none;

  /* center align text */
  display: flex;
  justify-content: center;
  align-items: center;
}
.taskDes{
  font-size: 15.4px;
  letter-spacing: 0.6px;
  color: rgb(31, 31, 31);
  margin-bottom: 0.1px;
  font-weight: 600;
  font-family: Poppins;
}
.card-details{
  border-left-color: red;
  border-left-width: 3px;
  background-color: white;
  width: 100%;
  user-select: none;
  position: relative;
  background-color: #f4f4ff;
  
}

.InprogressCard{
  border-left-color: red;
  border-left-width: 3px;
  background-color: white;
  width: 100%;
  user-select: none;
  overflow-x: hidden;
}

.OverdueCard{
  border-left-color: black;
  border-left-width: 3px;
  background-color: white;
  width: 100%;
  user-select: none;
  overflow-x: hidden;
}
.doneCard{
  border-left-color: green;
  border-left-width: 3px;
  background-color: white;
  width: 100%;
  user-select: none;
  overflow-x: hidden;
}
.initialName{
  width: 40px;
  height: 25px;   
  border:solid 2px #f15a23;
  border-radius:50%;
  padding: 4px 6px;
  position: relative;
  top:12px;
  right: 5px;
  color:#f15a23;
  
  background-color: #faebfd;
  font-size: 15px;
}
.labelTask{
  font-size: 16px;
  color: rgb(83, 83, 83);
font-family: Poppins;
}
.closeBtn{
  border: none;
  font-size: 28px;
  outline: none;
  background: none;
}
.closeBtn:focus{
  outline: none;
}
.taskFilter{
  border: 1px solid #e9e9ea;
 margin-left: 3vw;
 max-height: 1200px;
 height:auto;
 margin-top: 9px;
 width: 135%;
 padding: 30px;
 overflow-y: auto;
 margin-top: 0.9vw;
}
.createTaskBtn{
  border-radius: 6px;
  box-shadow: 0 4px 8px 0 rgba(241, 233, 233, 0.25);
  background-color: #025aa7;
  border: none;
  color: white;
  padding: 10px 17px 10.3px 16.2px;
  font-family: Poppins;
}
.createTaskBtn:focus{
  outline: none;
}
.editBtn{
/* border:3px solid red; */
font-size: 16px;
}
#Done{
  max-height:2050px  !important;
  height: fit-content !important;
  min-height: 200px !important;
}


#Overdue{
  max-height:2050px  !important;
  height: fit-content !important;
  min-height: 200px !important;
}

#InProgress{
  max-height:2050px  !important;
  height:max-content !important;
  min-height: 200px !important;
}

.task-list{
  max-height:1980px  !important;
  height:max-content !important;
  min-height: 200px !important;

}

.task-list::-webkit-scrollbar {
  width: 5px;
}

.task-list::-webkit-scrollbar-track {
  background-color: #dadbdd;
  border-radius: 100px;
 
}

.task-list::-webkit-scrollbar-thumb {
  background-color: #d8d7d5;
  border-radius: 100px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.taskFilter::-webkit-scrollbar {
  width: 7px;

}

.taskFilter::-webkit-scrollbar-track {
  background-color: rgb(247, 243, 243);
  border-radius: 100px;

 
}

.taskFilter::-webkit-scrollbar-thumb {
  background-color: #0e0901;
  border-radius: 100px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.cursorPointer{
  cursor: pointer;
}

.no-record{
  font-family:Poppins;
  font-size: 12px;
}
.dropDownFilter {
  position: absolute;
  /* right: -1px; */
  left: 7%;
  background-color: white;
  min-width: 150px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  max-height:200px;
  /* margin-top: 3px; */
}

.dropDownFilter div {
  color: hsl(0, 0%, 0%);
  font-size: 14px;
  padding:5px;
  font-family: Poppins;
  text-decoration: none;
  display: block;

}
.dropDownFilter div:hover {background-color: #f1f1f1;;}

.dropDownFilterTasks {
  position: absolute;
  /* right: -1px; */
  right: 3%;
  background-color: white;
  min-width: 190px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  max-height:200px;
  font-size: 14px;
  font-weight: 300
  ;
  /* margin-top: 6px; */
 
}

.dropDownFilterTasks div {
  color: hsl(0, 0%, 0%);
  font-size: 14px;
  padding:5px;
  font-family: Poppins;
  text-decoration: none;
  display: block;

}

.dropDownFilterTasks div:hover {background-color: #f1f1f1;;}

.client-name{
 
  height: 43px;
  color:   #025aa7;
  padding: 8px;
  font-family: Poppins;
  font-size: 16px;
  border-radius: 4px;
  background-color: #F9F9FB;
  text-align: center;
  font-weight: 600;
  
}

@media screen and (max-width: 1810px) {
  .dropDownFilterTasks {
    /* text-align: center; */
    min-width: 170px;
  }
}

@media screen and (max-width: 1690px) {
  .dropDownFilterTasks {
    /* text-align: center; */
    min-width: 160px;
    left: 55%;
  }
}
@media screen and (max-width: 1475px) {
  .dropDownFilterTasks {
    /* text-align: center; */
    min-width: 160px;
    left: 47%;
  }
}
@media screen and (max-width: 1320px) {
  .dropDownFilterTasks {
    /* text-align: center; */
    min-width: 160px;
    left: 43%;
  }
}
.filterTitle{
  padding: 4px 8px;
  border-radius: 6px;
  border: solid 1px #e9e9ea;
  cursor: pointer;
  color: #3e4152;
  font-family: popins;
}
.filterTitle:hover{
  background-color: #f3f6fb;
  color: black;
}
.backArrowTask{
  width: 61px;
  height: 61px;
  margin: 22px 10px 26.5px 47px;
  padding: 19px 18px 18px 19px;
  background-color: #f4f4ff;
}
.manageTask{
  font-size: 22px;
  font-weight: 600;
  font-family: Poppins;
}
.taskBtnsDiv{
  display: flex;
  justify-content: space-between;
  border: 1px solid #e9e9ea;
  /* padding: 6px; */
  border-radius: 7px;
}
.taskBtns1{
 padding: 6px 12px;
  border-radius: 13px;
  border: none;
  background-color: #f4621d;
  font-family: Poppins;
  color: white;
  font-size: 13px;
}
.taskBtns2{
  padding: 6px 12px;
  border-radius: 13px;
  border: none;
  background-color:white;
  font-family: Poppins;
  color: black;
  font-size: 13px;
}
.taskBtns1:focus{
  background-color: #f4621d;
  outline: none;
  color: white;
}
.taskBtns2:focus{
  background-color: #f4621d;
  outline: none;
  color: white;
}
.fontTask{
  font-size: 13px;
}
.rightArrowIcon{
  margin-top: -20px;
  width: 50px;
  cursor: pointer;
}
.viewClassText{
  font-family: Poppins;
}
.rmDiv{
  position: absolute;
}
@media screen and (max-width:1680px) {
  .fontTask{
    font-size: 10.5px;
  }
  .taskDes{
    font-size: 14px;
  }
  .taskBtns1, .taskBtns2{
    font-size: 11px;
    padding: 5px;
    border-radius: 9px;
  }
  .taskBtnsDiv{
    /* border: 2px solid red; */
    width: 110%;
    margin-left: -10px;
  }
  .column-title{
    font-size: 13.5px;
  }
  .filterTitle{
    font-size: 14px;
  }
  .manageTask{
    font-size: 18px;
  }
  .viewClassText{
    font-size: 14px;
  }
  .rightArrowIcon{
  width:40px
  }
  .createTaskModal,.updateTaskModal{
    font-size: 18px;
  }
  .labelTask{
    font-size: 14px;

  }
  .createTaskBtn{
    padding: 8px 12px;
    font-size: 13px;
  }
}

/* Style the accordion section */
.accordion_section {
  width: 100%;
  font: 40px "PT Sans", sans-serif;
  margin: 0 auto;
  /* overflow-x: hidden; */
}

/* Style the buttons that are used to open and close the accordion panel */
.accordionBtn {
  background-color: #e7e7f3;
  /* box-shadow: 2px 6px 12px -3px rgba(0, 0, 0, 0.75); */
  color: #444;
  cursor: pointer;
  padding: 18px;
  display: flex;
  align-items: center;
  border: none;
  outline: none;
  width: 417px;
  height: 44px;
  padding: 9px 19.2px 10px 15.5px;
  border-radius: 12px;
  background-color: #e7e7f3;


}

.accordionBtn:focus {
  outline: 0px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
/* .accordionBtn:hover,
.active {
  background-color: #dedcdc;
  cursor: pointer;
} */

/* Style the accordion content title */
.accordion_title {
  font-family: poppins;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 0px;
  color: black;
  margin-right: 20px;
   /* text-align: left; */
}

/* Style the accordion chevron icon */
.accordion_icon {
  margin-left: auto;
  transition: transform 0 ease;
}

/* Style to rotate icon when state is active */
.rotate {
  transform: rotate(90deg);
}

/* Style the accordion content panel. Note: hidden by default */
.accordion_content {
  background-color: white;
  overflow: hidden;
  transition: max-height 0.6s ease;
  width: 110%;
 
 
}

/* Style the accordion content text */
.accordion_text {
  font-family: "PT Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  padding: 12px;
  
}

.GHIstyleFAQ {
  background-image: linear-gradient(to bottom, #f9fafb 0%, #f4f9ff 66%);
}

@media (max-width: 767px) {
  .accordion_title {
    font-size: 14px;
  }
}

.filterLists li {
  /* border: 2px solid red; */
  list-style: none;
  font-size: 14px;
}
.scrollLists{
  max-height:200px;
  overflow: auto;
  overflow-x: hidden;
}
.scrollLists::-webkit-scrollbar {
  width: 5px;
}

.scrollLists::-webkit-scrollbar-track {
  background-color: rgb(175, 174, 174);
  border-radius: 100px;
 
}

.scrollLists::-webkit-scrollbar-thumb {
  background-color: #5c5b5b;
  border-radius: 100px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.filterLists li{
  font-size: 12px;
  width: 100%;
  font-family: poppins;
}
.accordionContent{
  font-size:12px;
   width:100%;
   margin-top:-12px
}
@media screen and (max-width:1760px) {
  .accordion_title {
    font-size: 13px;
  }
  .accordionBtn{
    margin-left: 0.1vw;
    width: 110%;
  }
  .filterLists li{
    font-size: 10px;
  }
  .accordionContent{
    font-size:10px;
    font-family: poppins;
  }
  .accordionBtn {
    height: 40px;
  }
}
.manage-columns-uw{
    height: 40px;
    border-radius: 6px;
    border: solid 1px #e9e9ea;
    background-color: #fff;
    color:#87878a;
    padding:5px;
    cursor: pointer;
    width:170px;
    font-family: Poppins !important;
    font-size: 14px;
}

.optionList-uw{
    height: 280px;
    position: absolute;
    overflow-y: auto;
    z-index: 1;
    background-color: #fff;
    width: auto;
    font-size: 12px !important;
    color:#87878a !important;
    width:170px;
    margin-left: -5px;
    font-family: Poppins !important;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.Bulk-uw{
    font-size: 14px !important;
    font-family: Poppins !important;
    color:#87878a !important;
    width:180px !important;
    outline: none !important;
 
}

.single-column{
    min-height:30px;
    height: auto;
    font-family: Poppins;
    padding: 5px;
   
}

.single-column:hover {background-color: #f1f1f1;}

.uw-bulk-delete{
    width:100px;
    height: 40px;
    border-radius: 6px;
    border: solid 1px #e9e9ea;
    background-color: #fff;
    color:#87878a !important;
    font-family: Poppins !important;
    outline: none !important;
    font-size: 14px;
}
.policy-audit{
    font-family: Poppins;
    font-size: 14px;
}

.policy-audit .main-box{
    margin: 20px 15px 20px 15px;
    padding: 12px;
    border: solid 1px #c4c4c4;
    background-color: #fff;
    font-family: Poppins;
}

.policy-audit .btn-download{
    height: 35px;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    background-color: #f0531a;
    color: #fff;
    outline: none;
    font-size: 12px;
}

.policy-audit .btn-save{
    height: 34px;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    border: solid 1px #4a4444;
    background-color: #fff;
    color:#4a4444;
    font-size: 12px;
}
/* 
.pagination-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    font-family: Arial, sans-serif;
  }
  

  .pagination-controls {
    display: flex;
    justify-content: center;
    gap: 5px;
  }
  
  button {
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s;
  }
  
  button:disabled {
    background-color: #c0c0c0;
    cursor: not-allowed;
  }
  
  button:hover:not(:disabled) {
    background-color: #0056b3;
  }
  

  button[disabled][aria-current="page"] {
    background-color: #0056b3;
    font-weight: bold;
  }
  

  .page-input-container {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  
  
  input[type="number"] {
    width: 100px;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
  }

  .page-input-container > button {
    background-color: #28a745;
  }
  
  .page-input-container > button:hover:not(:disabled) {
    background-color: #218838;
  }
   */


   .pagination-container {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    gap: 30px;
    font-family: Arial, sans-serif;
  }
  
  /* Pagination controls container */
  .pagination-controls {
    display: flex;
    gap: 5px;
  }
  
  /* Individual page number button */
  .page-number-item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: #f0f0f0;
    color: #333;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  
  .page-number-item:hover {
    background-color: #007bff;
    color: white;
  }
  
  /* Active page button */
  .page-number-item.active {
    background-color: #007bff;
    color: white;
    font-weight: bold;
    pointer-events: none;
  }
  
  /* Disabled page button */
  .page-number-item.disabled {
    background-color: #e0e0e0;
    color: #999;
    cursor: not-allowed;
  }
  
  /* Previous and Next buttons */
  .pagination-prev-next {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 40px;
    background-color: #f0f0f0;
    color: #333;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  
  .pagination-prev-next:hover {
    background-color: #007bff;
    color: white;
  }
  
  .pagination-prev-next.disabled {
    background-color: #e0e0e0;
    color: #999;
    cursor: not-allowed;
  }
  
  /* Page input container */
  .page-input-container {
    display: flex;
    gap: 5px;
    align-items: center;
  }
  
  .page-input-container input {
    width: 100px;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
  }
  
  .page-input-container button {
    padding: 8px 12px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  
  .page-input-container button:hover {
    background-color: #0056b3;
  }
  
.manage-columns{
    height: 40px;
    border-radius: 6px;
    border: solid 1px #e9e9ea;
    background-color: #fff;
    color:#87878a;
    padding:5px;
   cursor: pointer;
   width:150px
}

.optionList{
    height: 300px;
    position: absolute;
    overflow-y: auto;
    z-index: 10;
    background-color: #fff;
    width: auto;
    font-size: 10px;
    color:black;
    width:150px;
    margin-left: -5px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.single-column{
    min-height:30px;
    height: auto;
    padding: 5px;
   
}

.single-column:hover {background-color: #f1f1f1;}


.manage-columns{
    height: 40px;
    border-radius: 6px;
    border: solid 1px #e9e9ea;
    background-color: #fff;
    color:#87878a;
    padding:5px;
   cursor: pointer;
   width:150px
}

.optionList{
    height: 300px;
    position: absolute;
    overflow-y: auto;
    z-index: 10;
    background-color: #fff;
    width: auto;
    font-size: 10px;
    color:black;
    width:150px;
    margin-left: -5px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.single-column{
    min-height:30px;
    height: auto;
    padding: 5px;
   
}



.statistics tr:nth-child(odd) {
    background-color: #f3f6fb;
    font-weight: bold;
    border:none !important;
  }

.statistics  tr:nth-child(even) {
   font-weight: bold;
    border:none !important;
  }

.statistics  tr:first-child{
    background-color: #ecf0fe;
    font-weight: bold;
    border:none !important;
  }

.statistics  tr:nth-child(2){
    background-color: #f3f6fb;
    font-weight: bold;
    border:none !important;
  }
.statistics  tr:nth-child(3){
    background-color: #f3f6fb;
    font-weight: bold;
    border:none !important;
  }

  .drop-box{
    width: 26px;
    padding-left: 8px;
    border-radius: 6px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    background-color: #f3f6fb;
    cursor: pointer;
  }

  .unBold{
    font-weight: normal !important;
  }

.single-column:hover {background-color: #f1f1f1;}

.blink {
  animation: blinker 2s linear infinite;
  color: blue;
  font-family: sans-serif;
}
@keyframes blinker {
  50% {
      opacity: 0;
  }
}


.taskCard{
   
     box-shadow: 2px 6px 12px -3px rgba(0,0,0,0.75);
    padding: 8px 12px;
    border-radius: 6px;
    box-shadow: 0 4px 10px 0 rgba(6, 93, 198, 0.1);
    background-color: #f4f4ff;
    cursor: pointer;
}

.app {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* border:2px solid red; */
}

.columns {
  display: flex;
  justify-content: space-evenly;
  font-family: Poppins;
  max-height:2080px;
  height:auto;
}

.column {
  border-radius: var(--borderRadius);
  background-color: #ebecf0;
  border-radius: 4px;
}

.column-title {
  text-align: left;
  margin: 0;
  font-size: 16px;
  color: #141512;
  font-weight: 700;
  font-family: poppins;
}
.lengthRight1{
  position: relative;
  right: -15vw;
  color: #202020;
  font-weight: bold;
  border: solid 1px #e9e9ea;
  padding: 3px 9px;
  background-color: white;
  
}
.lengthRight2{
  position: relative;
  right: -16vw;
  color: #202020;
  font-weight: bold;
  border: solid 1px #e9e9ea;
  padding: 3px 9px;
  background-color: white;
}
.lengthRight3{
  position: relative;
  right: -18vw;
  color: #202020;
  font-weight: bold;
  border: solid 1px #e9e9ea;
  padding: 3px 9px;

   background-color: white;
}
.item {
  box-sizing: border-box;
  border-radius: var(--borderRadius);
  color: #cdd5ee;
  font-size: 30px;
  user-select: none;

  /* center align text */
  display: flex;
  justify-content: center;
  align-items: center;
}
.taskDes{
  font-size: 15.4px;
  letter-spacing: 0.6px;
  color: rgb(31, 31, 31);
  margin-bottom: 0.1px;
  font-weight: 600;
  font-family: Poppins;
}
.card-details{
  border-left-color: red;
  border-left-width: 3px;
  background-color: white;
  width: 100%;
  user-select: none;
  position: relative;
  background-color: #f4f4ff;
  
}

.InprogressCard{
  border-left-color: red;
  border-left-width: 3px;
  background-color: white;
  width: 100%;
  user-select: none;
  overflow-x: hidden;
}

.OverdueCard{
  border-left-color: black;
  border-left-width: 3px;
  background-color: white;
  width: 100%;
  user-select: none;
  overflow-x: hidden;
}
.doneCard{
  border-left-color: green;
  border-left-width: 3px;
  background-color: white;
  width: 100%;
  user-select: none;
  overflow-x: hidden;
}
.initialName{
  width: 40px;
  height: 25px;   
  border:solid 2px #f15a23;
  border-radius:50%;
  padding: 4px 6px;
  position: relative;
  top:12px;
  right: 5px;
  color:#f15a23;
  
  background-color: #faebfd;
  font-size: 15px;
}
.labelTask{
  font-size: 16px;
  color: rgb(83, 83, 83);
font-family: Poppins;
}
.closeBtn{
  border: none;
  font-size: 28px;
  outline: none;
  background: none;
}
.closeBtn:focus{
  outline: none;
}
.taskFilter{
  border: 1px solid #e9e9ea;
 margin-left: 3vw;
 max-height: 1200px;
 height:auto;
 margin-top: 9px;
 width: 135%;
 padding: 30px;
 overflow-y: auto;
 margin-top: 0.9vw;
}
.createTaskBtn{
  border-radius: 6px;
  box-shadow: 0 4px 8px 0 rgba(241, 233, 233, 0.25);
  background-color: #025aa7;
  border: none;
  color: white;
  padding: 10px 17px 10.3px 16.2px;
  font-family: Poppins;
}
.createTaskBtn:focus{
  outline: none;
}
.editBtn{
/* border:3px solid red; */
font-size: 16px;
}

#Done{
  max-height:2050px  !important;
  height: fit-content !important;
  min-height: 200px !important;
}

#Overdue{
  max-height:2050px  !important;
  height: fit-content !important;
  min-height: 200px !important;
}

#InProgress{
  max-height:2050px  !important;
  height:max-content !important;
  min-height: 200px !important;
}

.task-list-all{
  max-height:1980px  !important;
  height:max-content !important;
  min-height: 200px !important;

}
.task-list-all::-webkit-scrollbar {
  width: 5px;
}

.task-list-all::-webkit-scrollbar-track {
  background-color: #dadbdd;
  border-radius: 100px;
 
}

.task-list-all::-webkit-scrollbar-thumb {
  background-color: #d8d7d5;
  border-radius: 100px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.taskFilter::-webkit-scrollbar {
  width: 7px;

}

.taskFilter::-webkit-scrollbar-track {
  background-color: rgb(247, 243, 243);
  border-radius: 100px;

 
}

.taskFilter::-webkit-scrollbar-thumb {
  background-color: #0e0901;
  border-radius: 100px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.cursorPointer{
  cursor: pointer;
}

.no-record{
  font-family:Poppins;
  font-size: 12px;
}
.dropDownFilter {
  position: absolute;
  /* right: -1px; */
  left: 7%;
  background-color: white;
  min-width: 150px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  max-height:200px;
  /* margin-top: 3px; */
}

.dropDownFilter div {
  color: hsl(0, 0%, 0%);
  font-size: 14px;
  padding:5px;
  font-family: Poppins;
  text-decoration: none;
  display: block;

}
.dropDownFilter div:hover {background-color: #f1f1f1;;}

.dropDownFilterTasks {
  position: absolute;
  /* right: -1px; */
  right: 3%;
  background-color: white;
  min-width: 190px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  max-height:200px;
  font-size: 14px;
  font-weight: 300
  ;
  /* margin-top: 6px; */
 
}

.dropDownFilterTasks div {
  color: hsl(0, 0%, 0%);
  font-size: 14px;
  padding:5px;
  font-family: Poppins;
  text-decoration: none;
  display: block;

}

.dropDownFilterTasks div:hover {background-color: #f1f1f1;;}

.all-client {
 
  height: 43px;
  color:   #025aa7;
  padding: 8px;
  font-family: Poppins;
  font-size: 16px;
  border-radius: 4px;
  background-color: #F9F9FB;
  text-align: center;
  font-weight: 600;
  
}

@media screen and (max-width: 1810px) {
  .dropDownFilterTasks {
    /* text-align: center; */
    min-width: 170px;
  }
}

@media screen and (max-width: 1690px) {
  .dropDownFilterTasks {
    /* text-align: center; */
    min-width: 160px;
    left: 55%;
  }
}
@media screen and (max-width: 1475px) {
  .dropDownFilterTasks {
    /* text-align: center; */
    min-width: 160px;
    left: 47%;
  }
}
@media screen and (max-width: 1320px) {
  .dropDownFilterTasks {
    /* text-align: center; */
    min-width: 160px;
    left: 43%;
  }
}
.filterTitle{
  padding: 4px 8px;
  border-radius: 6px;
  border: solid 1px #e9e9ea;
  cursor: pointer;
  color: #3e4152;
  font-family: popins;
}
.filterTitle:hover{
  background-color: #f3f6fb;
  color: black;
}
.backArrowTask{
  width: 61px;
  height: 61px;
  margin: 22px 10px 26.5px 47px;
  padding: 19px 18px 18px 19px;
  background-color: #f4f4ff;
}
.manageTask{
  font-size: 22px;
  font-weight: 600;
  font-family: Poppins;
}
.taskBtnsDivs{
  display: flex;
  justify-content: space-between;
  /* border: 1px solid #e9e9ea; */
  /* padding: 6px; */
  border-radius: 7px;
}
.taskBtns1{
 padding: 6px 12px;
  border-radius: 13px;
  border: none;
  background-color: #f4621d;
  font-family: Poppins;
  color: white;
  font-size: 13px;
  height:30px;

  border: solid 1px #e9e9ea;
}
.taskBtns2{
  padding: 6px 12px;
  border-radius: 13px;
  border: none;
  background-color:white;
  font-family: Poppins;
  color: black;
  font-size: 13px;
  height:30px;
  
  border: solid 1px #e9e9ea;
}
.taskBtns1:focus{
  background-color: #f4621d;
  outline: none;
  color: white;
}
.taskBtns2:focus{
  background-color: #f4621d;
  outline: none;
  color: white;
}
.fontTask{
  font-size: 13px;
}
.rightArrowIcon{
  margin-top: -20px;
  width: 50px;
  cursor: pointer;
}
.viewClassText{
  font-family: Poppins;
}
.rmDiv{
  position: absolute;
}
@media screen and (max-width:1680px) {
  .fontTask{
    font-size: 10.5px;
  }
  .taskDes{
    font-size: 14px;
  }
  .taskBtns1, .taskBtns2{
    font-size: 11px;
    padding: 5px;
    border-radius: 9px;
  }
  .taskBtnsDiv{
    /* border: 2px solid red; */
    width: 110%;
    margin-left: -10px;
  }
  .column-title{
    font-size: 13.5px;
  }
  .filterTitle{
    font-size: 14px;
  }
  .manageTask{
    font-size: 18px;
  }
  .viewClassText{
    font-size: 14px;
  }
  .rightArrowIcon{
  width:40px
  }
  .createTaskModal,.updateTaskModal{
    font-size: 18px;
  }
  .labelTask{
    font-size: 14px;

  }
  .createTaskBtn{
    padding: 8px 12px;
    font-size: 13px;
  }
}

.action-required{
    margin-top: 30px;
    font-family: Inter;
    font-size: 20px;
    font-weight: 500px;
    font-stretch: normal;
    font-style:normal;
    
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #1c295d;

}
.action-table{
    font-family:Poppins;
  font-size: 12px;
}

.header-style{
  color: #141512;
  font-weight: bold !important;
  font-stretch: normal;
  font-size: small;
  font-style: normal;
}

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

.dropdown-content {
    display: block;
    position: absolute;
    background-color: white;
    min-width: 120px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }

  .dropdown-content div {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }

  .dropdown-content div:hover {background-color: #f1f1f1;;}

.clickToCallIcon:hover {
cursor: pointer;
}

.side-panel-unassigned{
    transform: rotate(-90deg);
    position: absolute;
    right: -11vw;
    top: 50%;
    padding: 10px 20px 5px 20px;
    cursor: pointer;
    z-index: 100;
}
.side-panel-unassigned .select-Rm{
  width: 160px;
  height: 40px;
  margin: 0px -20px 20px 12px;
  padding: 12px 30px 12px 35px;
  background-color: #ecf0fe;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.side-panel-unassigned .small-rect{
  width: 70px;
  height: 20px;
  margin: 0px 8px 0px 53px;
  padding: 3.7px 7.1px 4.7px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #ecf0fe;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.side-panel-unassigned .arrow-sign{
  transform: rotate(-90deg);
  position: absolute;
  right: 42%;
  top: 8%;
}

@media screen and (min-width:1600px) {
  .side-panel-unassigned{
    right: -10.5vw;
  }
}
.show-rm-list {
    width: 700px;
    height: 517px;
    position: fixed;
    right: 15px;
    bottom: -550px;
    overflow: hidden;
    background: rgb(255, 255, 255);
    z-index: 999999;
    border-top: 1px solid rgb(211, 211, 211);
    border-left: 1px solid rgb(211, 211, 211);
    border-right: 1px solid rgb(211, 211, 211);
    box-shadow: rgb(0 0 0 / 30%) 0px 0px 10px;
    transition: all 0.5s ease 0s;
    bottom: 0px;
    overflow:auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.show-rm-list th{
    background-color:#ecf0fe;
    font-family: Poppins;
    font-size: 12px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
 }
 .show-rm-list td{
    padding-left: 30px;
    font-size: 14px
 }

.show-rm-list .side-panel-unassigned-open {
  transform: rotate(-90deg);
  position: fixed;
  right: 657px;
  top: 69%;
  padding: 0 20px 0 20px;
  cursor: pointer;
  z-index: 100;
}
.side-panel-unassigned-open .select-Rm{
    width: 160px;
    height: 40px;
    margin: 0px -20px 20px 12px;
    padding: 12px 30px 12px 35px;
    background-color: #ecf0fe;
  }
.side-panel-unassigned-open   .small-rect{
    width: 70px;
    height: 20px;
    margin: 36.8px 8px 0px 53px;
    padding: 3.7px 7.1px 4.7px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #ecf0fe;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
.side-panel-unassigned-open .arrow-sign{
  transform: rotate(93deg);
  position: absolute;
  right: 35%;
  top: 63%;
  }

.tableForProduct th{
    font-family: poppins;
    font-weight: 800;
    font-size: 14px;
    background-color: red;

}
.tableForProduct td{
    font-family: poppins;
    font-size: 12px;
}
 .checkProduct{
    width: 13px;
    height: 15px;
    border: 2px solid red;
    cursor: pointer;
 }
.cancelSubmitRight{
   display: flex;
   justify-content: right;
}
.cancelSubmitRight button:nth-child(1){
    background-color: #f7f8fa;
    border: 1px solid #025aa7;
    color: #025aa7;
}
.cancelSubmitRight button:nth-child(2){
    border-radius: 3px;
  background-color: #025aa7;
}
.closeBtnProduct{
    border: none;
    font-size: 28px;
    outline: none;
    background: none;
    position: absolute;
    top: 0;
    right: 3%;
    color: white;
    font-weight: bold;
}
.addNewModal{
    background-color: #025aa7;
    color: white;
    font-weight: bold;
    padding: 9px;
    display: flex;
    justify-content: space-between;
    font-size: 30px;
    width: 100%;
}
.overlayStyles{
    z-index: 99;
    position: fixed;
    inset: 0px;
    background-color: rgba(255, 255, 255, 0.75)
}
.bulkDeleteProduct{
    border: 1px solid;
    border-radius: 3px;
    background-color: #ffffff;
    font-size: 14px;
    color: #9a9a9a;
    margin: 14px 0px;
    cursor: pointer;
    outline: none;
    margin: 0 0 0 0;
}
.formProduct input{
    font-size: 12px;
}
.formProduct textarea{
    font-size: 12px;
}
#tooltip {
  bottom: 28px;
}

#tooltip {
  position: absolute;
  left: -62px;
  bottom: 70px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  display: inline-block;
  opacity: 0.8;
  z-index: 99999;
  width: 175px;
}

#tooltip.top {
  margin-top: -5px;
}

#tooltip .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

#tooltip.top .tooltip-arrow {
  top: auto;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

#tooltip .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-right-color: transparent;
  border-style: solid;
}

#tooltip .tooltip-label {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}

.orange-bulb {
  width: 19px !important;
  height: 23px !important;
  display: inline-block !important;
  cursor: pointer;
}

.toolComponent {
  position: absolute;
  /* top: 5px; */
  right: 3px;
}

.toolComponent .exclamation-icon {
  background: #606060;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}

.tool-tip-cross {
  position: relative;
  left: 1.6vw !important;
  top: -0.4vw;
}

.single-child-tooltip-box {
  bottom: -70px !important;
  left: -110px !important;
}

@media screen and (min-width: 1400px) {
  .tool-tip-cross {
    left: 1vw !important;
    padding: 0 1px;
  }
}

.perLifeAgeModal-header {
  height: 100px;
  background-color: #062a4b;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.perLifeAgeModal-header p {
  text-align: center;
  color: white;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 30px;
}

.perLifeAgeModal-header-subheadline {
  font-size: 14px;
  font-weight: 400;
}

.perLifeAgeModal-body {
  padding: 20px;
  background-color: #d9d9d9;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.perLifeAgeModal-input {
  height: 35px;
  border-radius: 4px;
  margin-top: 10px;
}

.perlife-fullscreen-modal {
  max-width: 100%;
  width: 100%;
  margin: 0;
  height: 100vh;
}

.perlife-fullscreen-modal .modal-content {
  height: 100vh;
  border-radius: 0;
}

.perlife-head {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  align-items: center;
  /* padding: 20px; */
  background-color: #062a4b;
  height: 110px;
  color: white;
  font-size: 16px;
}


  
  .close-button {
    position: absolute;
    top: 8px;
    right: 12px;
    background: #f44336;
    color: white;
    border: none;
    font-size: 18px;
    cursor: pointer;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 20px;
    text-align: center;
  }
  
  .title {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 20px;
  }
  
  .options {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
  }
  
  .option {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
  }
  
  .actions {
    display: flex;
    justify-content: space-between;
  }
  
  .back {
    background: #d9d9d9;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
  }
  
  .proceed {
    background: #1a73e8;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
  }
  
.retrieve-modal .modal-content{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0.3rem;
    outline: 0;
    border: none;
}
.show-retrive-prospect {
    width: 900px;
    /* height: 50%; */
    top:10%;
    left:-40%;
    position: absolute;
    /* right: 15px;
    bottom: -550px; */
    border-radius: 8px;
    /* overflow:auto; */
    white-space: nowrap;
    background: rgb(255, 255, 255);
    z-index: 999999;
    border-top: 1px solid rgb(211, 211, 211);
    border-left: 1px solid rgb(211, 211, 211);
    border-right: 1px solid rgb(211, 211, 211);
    box-shadow: rgb(0 0 0 / 30%) 0px 0px 10px;
    transition: all 0.5s ease 0s;
}

.retrivebtn{
    background: #ddd none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: none;
    cursor: pointer;
    height: auto;
    padding: 2px 5px;
    width: auto;
    color: #555555;
    margin: auto;
}
.show-retrive-prospect .confirm {
   
    background-color: white;
    border: 1px solid;
    /* padding: 10px; */
    position: fixed;
    width: 345px;
    height: 150px;
    left: 37%;
    top: 40%;
   /* margin-left: -100px; */
    padding: 8px;
    box-sizing: border-box;
    text-align: center;
    z-index: 50;
}
.show-retrive-prospect .confirm .message {
    text-align: center;
}
.show-retrive-prospect .confirm button {
    background-color: #4aace3;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #aaa;
    padding: 5px;
    text-align: center;
    width: 80px;
    cursor: pointer;
    margin-top: 20px;
}
.show-retrive-prospect .action-table{
    border: 1px solid #dddddd;
}
.show-retrive-prospect .table{
    width: 100%;
    font-family: "calibri",Open Sans,sans-serif;
    font-size: 14px;
    color: #000;
    /* margin: 0px 10px 20px 10px; */
}
.show-retrive-prospect .heading h2{
    font-size: 20px;
    font-weight: bold;
    padding: 40px 0px 0px 18px;
}
.show-retrive-prospect .table thead tr th{
    border: 1px solid #dddddd !important;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    white-space: normal;
}
.show-retrive-prospect .table tbody tr td{
    position: relative;
    white-space: normal;
    padding-top: 14px;
    padding-bottom: 14px;
    vertical-align: middle;
    border-bottom: none;
    border-right: none!important;
    border-left: none!important;
}
.generate-quote-button{
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    font-size: 12px;
}
.show-retrive-prospect .generate-section{
    display: flex;
    position: absolute;
    right: 7%;
}
.show-retrive-prospect .quote-card{
    overflow-y: scroll;
    overflow-x: scroll;
    padding: 10px;
    max-height: 468px;
}
.show-retrive-prospect .quote-card .Wcdiscount-btn{
    color: #fff;
    background-color: #800080;
    height: 30px;
    width: 65px;
    border: 1px solid #800080;
    border-radius: 4px;
}
.show-retrive-prospect .quote-card .dicount-dropdown{
    border: 1px solid #c0c0c0;
}
.show-retrive-prospect .quote-card .discount-price{
    color: #800080;
    font-weight: bold;
    padding-top: 5px;
}
.show-retrive-prospect .quote-card .remove-btn{
    color: #fff;
    background-color: red;
    height: 30px;
    width: 65px;
    border: 1px solid red;
    border-radius: 4px;
    text-align: center;
}
.tableOfRetrives th{
    top:-12px
}
.preview-form .proposal-form-GHI {
    box-shadow: inset 0 0 3px rgba(8, 0, 0, 0.3);
}

.preview-form .back-container{
    width: 800px;
    margin-left: -30%;
}

.preview-form .back-container-1{
    width: 1100px;
    margin-left: -61%;
}

.preview-form .main-container{
    width: 1000px;
}

.preview-form .input-field-GHI {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-width: 1.5px;
    border-color: #d3d8dd;
    outline: none;
    margin-left: -5px;
}

.preview-form .section-header {
    font-family: Poppins;
    font-size: 17px;
    font-weight: 600;
    font-stretch: normal;
    line-height: 1.53;
    letter-spacing: 0.1px;
    text-align: left;
    color: #192a3e;
}

.preview-form .form-label-ghi {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: 0.2px;
    text-align: left;
    color: #818e9b;
    margin-bottom: -6px;
}

.preview-form .select-field-GHI {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-width: 1.5px;
    border-color: #d3d8dd;
    outline: none;
    margin-left: -5px;
    padding: 5px;
    background: none;
}

.preview-form .date-field-GHI {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-width: 1.5px;
    border-color: #d3d8dd;
    outline: none;
    margin-left: -5px;
}

.preview-form .form-buttons {
    width: 50%;
    text-align: center;
}

.preview-form .submitBtnGHI {
    width: 159px;
    height: 42px;
    border-radius: 4px;
    border: solid 1px #109cf1;
    background-color: #109cf1;
    color: white;
}

.preview-form .backBtn {
    width: 159px;
    height: 42px;
    border-radius: 4px;
    border: solid 1px #ff4c00;
    background-color: #fff;
    color: #ff4c00;
}

.preview-form .linkBtn {
    width: 120px;
    height: 35px;
    gap: 10px;
    font-size: 13px;
    border-radius: 5px;
    border: solid 1px #ff4c00;
    background-color: #fff;
    color: #ff4c00;
    margin-left: 25px;
}

.preview-form .main-header-form {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.53;
    letter-spacing: 0.1px;
    text-align: left;
    color: #192a3e;
}

.preview-form .grade-field {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-width: 1.5px;
    border-color: #d3d8dd;
    outline: none;
    margin-left: -5px;
    padding: 5px;
    background: none;
    /* border:2px solid red */
}

.preview-form .gradeDropdown {
    background-color: #e5e5e5;
    text-align: center;
    color: #5a5b5d;
    font-family: Montserrat;
    cursor: pointer;
    width: 200px;
}

.preview-form .scrollDropdown {
    max-height: 230px;
    overflow-y: auto;
    overflow-x: hidden;
}

.preview-form .scrollDropdown::-webkit-scrollbar {
    width: 0;
    /* Remove scrollbar space */
    background: transparent;
    /* Safari and Chrome */
}

.preview-form .scrollDropdown::-webkit-scrollbar {
    width: 5px;
}

.preview-form .scrollDropdown::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(8, 0, 0, 0.3);
}

.preview-form .scrollDropdown::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
    border-radius: 10px;

}

.preview-form .marginDropdown {
    border-bottom: 1px solid white;
}

.preview-form .hoverDrop {
    height: 40px;
}

.preview-form .hoverDrop:hover {
    background-color: white;

}
.optionList-refeeral {
    height: 280px;
    position: absolute;
    overflow-y: auto;
    z-index: 10;
    background-color: #fff;
    width: auto;
    font-size: 12px !important;
    color: #87878a !important;
    width: 170px;
    margin-left: -5px;
    font-family: Poppins !important;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
}
.manage-columns-referral{
    height: 40px;
    border-radius: 6px;
    border: solid 1px #e9e9ea;
    background-color: #fff;
    color: #87878a;
    padding: 5px;
    cursor: pointer;
    width: 170px;
    font-family: Poppins !important;
    font-size: 14px
}

.attachment-header{
    background-color: #005aab;
    padding: 10px 5px 0px 5px;
    font-family: poppins;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.1px; 
    color: #fff;
}
.addRowsRefferal{
    color: #045cad;
    border: 1px solid #045cad;
    background-color: white;
    padding: 3px 21px;
    font-weight: 500;
    font-size: 15px;
    border-radius: 3px;
}
.deleteRowBtn{
    position: absolute;
    right: 0;
    height: 20px;
    font-size: 14px;
    color: white;
    width: 20px;
    background-color: red;
    border-radius: 50%;
    padding-left: 5px;
    cursor: pointer;
    z-index: 1;
    top:9px
}

.crossSellClientsDiv .crossSellDataCount{
    cursor: pointer;
    color:#025aa7;
}
.crossSellClientsDiv .crossSellData td div{
    /* width: 125px; */
}
.crossSellClientsDiv .crossSellData td{
    word-break: break-all;
}
.crossSellClientsDiv .crossSellHeaders th div{
    width: 125px ;
}
.crossSellHeaders{
    font-weight: 600;
}
.UnassignedStatisticsDiv {
    font-family: poppins;
}

.statisticsDropUnDiv {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
}

.statisticsDropUn {
    height: 40px;
    width: 185px;
    background-color: #f3f6fb;
    color: black;
    border: none;
}

.statisticsDropUnChanel {
    width: 140px;
    background-color: #f3f6fb;
    color: black;
    border: none;
    height: 40px;
}

.unassignedStatisticTable {
    font-size: 13px;
    border: none !important;
}

.unassignedStatisticTable th {
    background-color: #f3f6fb !important;
}

.dropValueUnassigned {
    float: left;
    padding-left: 6px;
    font-size: 12px;
    font-family: Poppins
}

.CountStatistics {
    display: flex;
    justify-content: center;
}

.dataRowStatistics {
    border: none;
}

.dataRowStatistics td {
    border: none !important;
}
.UnassignedStatisticsDiv .statisticsClickColor{
    cursor: pointer;
    color: #2a6dc3;
}
.UnassignedStatisticsDiv .tool-tip-cross .toolComponent .exclamation-icon{
    padding-top: 2px;
}
@media screen and (min-width:1500px) {
    .statisticsDropUn {
        width: 200px;
        height: 40px;
    }

    .statisticsDropUnDiv {
        font-size: 13px;
    }

    .dropValueUnassigned {
        font-size: 13px;
    }
}


.custom-tab-button {
    background-color: transparent;
    color: black; /* Default text color */
    border: none;
    padding: 10px 15px;
    margin-right: 20px;
    cursor: pointer;
    font-size: 15px;
  }
  
  .custom-tab-button.active {
    background-color: #2a6dc3;
    color: white;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .custom-tab-button:focus {
    outline: none; /* Remove the focus outline */
  }
  
  .custom-tabs {
    border-bottom: 1px solid #2a6dc3;
  }
.columnHeading {
  font-size: 14px;
}

.tableData {
  font-size: 14px;
}

.backBtnClass{
    display:flex;
    align-items:center;
    background-color: rgb(36, 159, 207);
    width: 10%;
    text-align: center;
    padding: 7px 12px;
    color: white;
    border: 1px solid rgb(36, 159, 207);
    cursor: pointer;
    border-radius: 5px;
    gap:4px
  }
  .backBtnClass:hover{
    background-color: white;
    border: 1px solid rgb(36, 159, 207);
    color: rgb(36, 159, 207);
  }
.side-navBar{
    min-height: 600px;
    max-height: auto;
    margin: 11px 65px 0 0;
    padding: 22px 0 19px;
    background-color: #f8f7ff;
}

html, body {
    max-width: 100%;
}

.new-side-navbar{
    min-height: 600px;
    margin: 11px 40px 0 0;
    padding: 22px 0 19px;
    background-color: #f8f7ff;
}

.kycModulePopup{
    font-family: sans-serif;
}
.kycModulePopup .kycLabels{
    font-size: 15px;
    font-weight: 500;
    font-family: sans-serif;
}

.kycModulePopup .kycLabelsDrop{
    width: 50%;
    border: 1px solid rgb(188, 188, 188);
    padding: 6px;
    background: none;
    color: rgb(71, 71, 71);
}
.clickHereStatus{
    font-size: 12px;
    color: blue;
    cursor: pointer;
}
.side-navBar{
    min-height: 600px;
    max-height: auto;
    margin: 11px 65px 0 0;
    padding: 22px 0 19px;
    background-color: #f8f7ff;
}

html, body {
    max-width: 100%;
}


.side-navBar{
    min-height: 600px;
    max-height: auto;
    margin: 11px 65px 0 0;
    padding: 22px 0 19px;
    background-color: #f8f7ff;
}

html, body {
    max-width: 100%;
}


.side-navBar{
    min-height: 600px;
    max-height: auto;
    margin: 11px 65px 0 0;
    padding: 22px 0 19px;
    background-color: #f8f7ff;
}

html, body {
    max-width: 100%;
}



.image-round{
    width: 40px;
    height: 40px;   
    border:solid 1px black;
    border-radius:50%
}

.alpha-name{
  width: 50px;
  height: 50px;   
  border:solid 2px #f15a23;
  border-radius:50%;
  padding:9px;
  position: relative;
  left:38%;
  color:#f15a23;
  background-color: #faebfd;
  font-size: 20px;
}

.rm-name-section{
    text-align: center;
}

.rm-name{
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #192a3e;
}

.rm-emailID{
    font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.16px;
  text-align: center;
  color: #90a0b7;
}

.nav-bar-items{
  height: 31px;
  flex-grow: 0;
  font-family: "DM Sans";
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #a5a2b8;
  text-align: left;
}



.rmfilter {
  position: absolute;
  /* right: -1px; */
  left: 54%;
  background-color: white;
  min-width: 120px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  max-height:200px;
}

.rmfilter div {
  color: hsl(0, 0%, 0%);
  font-size: 12px;
  padding:5px;
  font-family: poppins;
  text-decoration: none;
  display: block;

}


.rmfilter div:hover {background-color: #f1f1f1;;}

ul.nav-bar-items {
    list-style-type: none;
}

.nav-items{
    margin-left:5%;
    font-size: 15px;
    display: flex;
    margin-bottom: 15px;
    justify-content: flex-start;
    cursor: pointer;
}


.nav-sub-items{
  display: flex;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 15px;
  justify-content: flex-start;
  cursor: pointer;
  color: #352e5b;
}

.nav-sub-items-active{
  display: flex;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 15px;
  justify-content: flex-start;
  cursor: pointer;
  color: #f15a23
}

.nav-active{
  margin-left:5%;
  font-size: 15px;
  display: flex;
  margin-bottom: 15px;
  justify-content: flex-start;
  cursor: pointer;
  color: hsl(249, 33%, 27%);
  /* width: 100%; */
  border-right:solid 4px #f15a23;
}

.nav-active .tab-img{
  filter:invert(300%);
  height:16px;
}


img.tab-img{
    height:16px;
    margin-right:10px; 
    
}

.badges {
display: inline-block;
min-width: 30px;
padding: 5px;
font-size: 12px;
line-height: 1;
color: #a5a2b8;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
/* background-color: #999999; */
border-radius: 10px;
}

.badges-active{
display: inline-block;
min-width: 30px;
padding: 5px;
font-size: 12px;
line-height: 1;
color: hsl(249, 33%, 27%);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
/* background-color: #999999; */
border-radius: 10px;
}

.badges-sub-items{
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  color: #352e5b;
}

.badges-sub-items-active{
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  color: #f15a23
}