/* Type Of Certificate css*/
h1 {
  margin: 0 !important;
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-thumb {
  background: #0066b5;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
}

.back-arrow {
  color: #00000075;
  cursor: pointer !important;
  margin-bottom: 26px;
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;

}

.main-container {
  max-width: 564px;
  margin: 0 auto;
  display: block;
  margin-top: 80px;
}

.error-message>p {
  color: red
}

.text-area {
  height: 124px;
}

.float-left {
  float: left;
}

.display-flex-none {
  display: block !important;
}

.show-more {
  cursor: pointer;
  color: #2b2be7;

}

.btn {
  max-width: 100px;
  padding: 14px;
  background: #0066b5;
  color: white;
  border: none;
  font-weight: 600;
}

.btn:hover {
  border: 1px solid #0066b5;
}

.tabReview>ul {
  justify-content: space-between;
}

.display-content {
  color: #000;
  text-align: center;
  font-family: 'Inter', sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  text-transform: capitalize;
}

.co-box {
  border-radius: 15px;
  background: #F4F4F4;
  padding: 10px;
  margin-top: 26px;
}

.co-box .flex-grow-1 {
  margin-left: 10px;
}

.co-box .flex-grow-1 h6 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 19.258px;
  /* 120.362% */
}

.co-box .flex-grow-1 p {
  color: #797979;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  margin-top: 5px;
  line-height: 20px;
  /* 166.667% */
  max-width: 431px;
}

.municipality_mb-3 {
  margin-top: 26px;
}

.municipality_mb-3 label {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 19.258px;
  /* 120.362% */
  padding-bottom: 14px;
}

.municipality_mb-3 select {
  border-radius: 12px;
  border: 1.5px solid #E7E7E7;
  height: 58px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #000;
  padding: 0px 14px;
}

.municipality_mb-3 input {
  border-radius: 12px;
  border: 1.5px solid #E7E7E7;
  height: 58px;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  color: #000;
  padding: 0px 14px;
}

.municipality_mb-3 span {
  position: absolute;
  right: 16px;
  top: 20px;
  pointer-events: none;
}

.municipality_mb-3 small {
  color: #00538A;
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  text-transform: capitalize;
  display: block;
  padding-top: 16px;
  cursor: pointer;
}

.button-group {
  margin-top: 32px;
  text-align: right;
}

.button-group button {
  border-radius: 12px;
  background: #0066B5;
  border: 1px solid #0066B5;
  padding: 17px 46px;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  transition: 0.3s;
}

.button-group button.back-btn {
  background: #F1F5F9;
  border: 1px solid #F1F5F9;
  color: #475569;
  margin-right: 14px;
  padding: 17px 33px;
}

.button-group button:hover {
  background: none;
  color: #0066B5;
}

.button-group button.back-btn:hover {
  border: 1px solid #0066B5;
}


/* Type Of Application css*/
.marginTop-content .main-container {
  max-width: 580px;
  margin: 0 auto;
  display: block;
  margin-top: 52px;
  margin-bottom: 100px;
}

.display-content-application {
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  text-align: center;
}

.application-form .municipality_mb-3 label {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
}

.firstslect select {
  background: #F3F3F3;
}

.closeimg {
  position: absolute;
  text-align: right;
  top: -25px;
  right: 112px;
  cursor: pointer;
}

.addressList {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.addressList .addressTxt {
  color: #016D7C;
  font-size: 16px;
  font-style: normal;
  cursor: pointer;
  font-weight: 600;
}


/* Property Description css*/



.exclamation-circle {
  display: inline-block;
  cursor: pointer;
}

.customButton {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
}

/* The container */
.application-form .municipality_mb-3 label.containerone {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-bottom: 0 !important;
  margin-top: 20px;
  color: #0F172A;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;


}

/* Hide the browser's default radio button */
.containerone input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.containerone .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #64748B;
  border-radius: 50%;
}



/* When the radio button is checked, add a blue background */
.containerone input:checked~.checkmark {
  background-color: #0066B5;
  border: 0px solid #64748B;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerone input:checked~.checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containerone .checkmark:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}


.exclamation-circle {
  position: relative;
  display: inline-block;
}

.exclamation-circle button {
  border: 0;
  background: #fff;
}

.exclamation-circle .dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 245px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  right: 0;
  border-radius: 8px;
  padding: 12px 16px;
}

.exclamation-circle .dropdown-content a {
  color: #0F172A;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 166.667% */
}

.exclamation-circle:hover .dropdown-content {
  display: block;
}


/* Document Upload css*/

.main-container.doc-Upload {
  max-width: 1085px;
}

.noteBox {
  border-radius: 13px;
  background: #F9F9F9;
  padding: 20px;
  margin-top: 22px;
}

.note-Hd {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}

.noteBox ul li {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}

.applicant-photoBox {
  margin-top: 50px;
}



.identification {
  color: #000;
  font-size: 15px;
  font-style: normal;
  margin-bottom: 14px;
  font-weight: 600;
  line-height: 19.258px;
  /* 128.386% */
}

.border-r {
  border-radius: 10px;
}

.closeIcon {
  position: absolute;
  top: 5%;
  right: 12%;
  cursor: pointer;
}

.closeIconeye {
  position: absolute;
  top: 50%;
  left: 46%;
  cursor: pointer;
  transform: translate(-46%, -50%);
}

.closeIconeye span {
  color: #00538A;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 19.258px;
  /* 137.557% */
}

.corporateBox {
  border-radius: 10px;
  border: 1.5px dashed #E4E7EC;
  height: 165px;
  max-width: 343px;
  text-align: center;
  position: relative;
}

.corporateBox p img {
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}

.corporateBox p {
  color: #000;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px;
  /* 195% */
  padding-top: 45px;
}

.corporateBox p span {
  color: #00538A;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 19.5px;
  text-decoration-line: underline;
  display: block;
}

.corporateBox input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}

.photoId {
  margin-top: 104px;
}

.buyerPhoto-id {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.buyerPhoto-id h1 {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
}

.buyerPhoto-id h2 {
  color: #B4B4B4;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.boxBuyerId {
  border-radius: 10px;
  border: 1.5px dashed #E4E7EC;
  max-width: 343px;
  height: 128px;
  position: relative;
  text-align: center;
  padding-top: 46px;
}

.boxBuyerId input {
  position: absolute;
  left: 0;
  opacity: 0;
  top: 0;
  width: 100%;
  cursor: pointer;
  height: 100%;
}

.boxBuyerId p span {
  color: #00538A;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  text-decoration-line: underline;
}

.boxBuyerId p {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  /* 320% */
}

.buyerPhoto-id h2.uby {
  font-weight: 500;
  color: #00538A;
}

.mt-next .button-group {
  margin-top: 85px;
}


/* Invite Authorized Users css*/

.marginTop-content .main-container.invite_authorized {
  max-width: 651px;
}

.invite_authorized .note-Hd {
  text-align: center;
}

.add_member_Box {
  margin-top: 24px;
  border-radius: 13px;
  border: 1.5px solid #E7E7E7;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 26px 16px 16px;
}

.text_member-box h2 {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
}

.text_member-box p {
  color: #667085;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}

.deletIcon {
  cursor: pointer;
}

.adteam_member {
  margin-top: 30px;
}

.adteam_member button {
  border-radius: 8px;
  border: 1px solid #00538A;
  padding: 16px 0px;
  width: 100%;
  background: #fff;
  color: #00538A;

  /* Body/text-base/font-semibold */
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}

.adteam_member button span {
  margin-right: 8px;
}

.modal-header .member-Hd {
  text-align: center;
  margin: 0 auto;
  display: block;
  color: #000;
  /* text-2xl/bold */
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 28px;
}

.search-field {
  position: relative;
}

.search-field input {
  width: 100%;
  height: 58px;
  color: #000;
  border-radius: 12px;
  border: 1.5px solid #E7E7E7;
  padding-left: 50px;
  font-weight: 600;
  font-size: 16px;
}

.search-field span {
  position: absolute;
  left: 20px;
  top: 17px;
}

.addteam-modal .modal-content {
  padding: 36px;
  border-radius: 16px;
}

.addteam-modal .modal-dialog {
  max-width: 708px;

}

.search-field input::placeholder {
  color: #969696;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 28.887px;
  /* 192.579% */
}

/* Review Application css */
.bgcolor {
  background: #FAFAFA;
}

.marginTop-content .main-container.review-app-width {
  max-width: 848px;
}

.reviewTxt {
  text-align: center;
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  /* 114.286% */
  text-transform: capitalize;
}

.reviewTxt p {
  color: #7D7D7D;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  /* 228.571% */
  text-transform: capitalize;
  margin-top: 8px;
  padding-bottom: 7px;
}

.typeBox {
  margin-top: 24px;
  background: #FAFAFA;
  padding: 24px;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.type-of-app {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.type-of-app h1 {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}

.type-of-app button {
  border-radius: 8px;
  background: #F6F6F6;
  padding: 6px 12px;
  border: 0;
  color: #323030;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}

.type-of-app button span {
  margin-right: 3px;
}

.divider {
  border-top: 2px solid #F4F4F4;
  margin-top: 20px;
}

.typeOfcertificates {
  margin-top: 22px;
}

.typeOfcertificates h6 {
  color: #111827;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 19.258px;
  /* 128.386% */
  margin-top: 8px;
}

.typeOfcertificates p {
  color: #374151;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 28.887px;
  /* 192.579% */
  margin-top: 8px;
}

.typeOfcertificates .flex-grow-1 {
  margin-left: 10px;
}

.currentuse {
  margin-top: 24px;
}

.currentUse-hd h1 {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 19.258px;
  /* 128.386% */
}

.currentUse-hd p {
  color: #374151;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 28.887px;
  /* 206.335% */
  margin-top: 8px;
}

.editApplication {
  margin-bottom: 24px;
}

.editApplication .search-field select {
  border-radius: 12px;
  border: 1.5px solid #E7E7E7;
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  height: 58px;
  padding: 0px 14px;
}

.editApplication .search-field span {
  left: auto;
  right: 20px;
  pointer-events: none;
  top: 52px;
}

.editApplication .search-field label {
  color: #000;
  padding-bottom: 14px;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 19.258px;
  /* 128.386% */
}

.firstbg {
  background: #F4F4F4;
}


/* Log in css */

.loginBox {
  border-radius: 28px;
  border: 1px solid #EFEFEF;
  background: #FFF;
  max-width: 428px;
  padding: 36px;
  margin: 0 auto;
  display: block;
  margin-top: 80px;
}

.txtLogin-hd h1 {
  color: #1A1D1F;
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: 57.774px;
  /* 128.386% */
}

.txtLogin-hd p {
  color: #8A8A8A;
  margin-top: 10px;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.txtLogin-hd p span {
  display: block;
  color: #1A1D1F;
  font-weight: 500;
}

.form-mobile {
  margin-top: 20px;
}

.ph-label label {
  color: #1A1D1F;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 19.258px;
  /* 128.386% */
  padding-bottom: 14px;
}

.selectinput select {

  border-radius: 14px;
  border: 1.5px solid #EFEFEF;
  height: 58px;
  padding-left: 13px;
  width: 100%;
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.15px;
}

.selectinput {
  position: relative;
  max-width: 72px;
  margin-right: 10px;
  width: 100%;
}

.selectinput span {
  position: absolute;
  right: 15px;
  top: 20px;
}

.flexInput {
  display: flex;
  align-items: center;
}

.numberInput {
  width: 100%;
}

.numberInput input {
  border-radius: 14px;
  border: 1.5px solid #EFEFEF;
  height: 58px;
  padding: 0px 17px;
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.15px;
}

.sendOTP-button {
  margin-top: 24px;
}

.sendOTP-button button {
  border-radius: 14px;
  background: #00538A;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  width: 100%;
  border: 1px solid #00538A;
  padding: 18px 0px;
  transition: 0.3s
}

.sendOTP-button button:hover {
  background: #fff;
  color: #00538A;
}

.an-account {
  margin-top: 16px;
  color: #6F767E;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 28.887px;
  /* 180.543% */
}

.an-account a {
  color: #00538A;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  margin-left: 4px;
}

.an-account a:hover {
  text-decoration: underline;
}

.allrights {
  color: #8A8A8A;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  line-height: 28.887px;
  /* 206.335% */
  padding-top: 90px;
  padding-bottom: 35px;

}

/* register css */
.firstname-input {
  margin-top: 24px;
}

.firstname-input label {
  color: #1A1D1F;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  padding-bottom: 14px;
}

.firstname-input input {
  border-radius: 10px;
  border: 1.5px solid #EFEFEF;
  padding: 0px 13px;
  height: 50px;
  color: #000;
  font-weight: 600;
}

.firstname-input input::placeholder {
  color: #4B4B4B;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

/* The container */

.containerregister {
  display: block;
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;


}

.firstname-input label.containerregister {
  color: #6F767E;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}

/* Hide the browser's default checkbox */
.containerregister input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border-radius: 4px;
  border: 1px solid #5BCB33;
}



/* When the checkbox is checked, add a blue background */
.containerregister input:checked~.checkmark {
  background-color: #5BCB33;

}

/* Create the checkmark/indicator (hidden when not checked) */
.containerregister .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containerregister input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerregister .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#an-mt {
  padding-top: 40px;
}

/* otp css */

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

.otp-flex input {
  border-radius: 14px;
  border: 2px solid #EFEFEF;
  height: 58px;
  text-align: center;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  max-width: 58px;
}

/* -------------------- cirtificate of occupancy   ---------------------- */

.search-sec {
  margin-top: 27px;
}

.flexsearch {
  position: relative;
}

/* .max-widthInput::before{
  content: '';
  position: absolute;
  border-radius: 2px;
  background: #016D7C;
  width: 2px;
  height: 18px;
  left: 46px;
  top: 16px;
} */
.max-widthInput {
  min-width: 460px;
  position: relative;
}

.flexsearch input {
  border-radius: 8px;
  border: 1px solid #E8E8E6;
  background: #FFF;
  padding: 0px 63px 0px 40px;
  height: 46px;
  font-size: 14px;
  width: 100%;
  color: #000;
  font-weight: 500;
}

.flexsearch input::placeholder {
  color: #BDBDBD;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}

.flexsearch span {
  position: absolute;
  left: 10px;
  top: 12px;
}

.flexsearch small {
  position: absolute;
  right: 11px;
  top: 13px;
  cursor: pointer;
}

.seacrchInput {
  display: flex;
  align-items: center;
}

.searchButton {
  margin-left: 12px;
}

.searchButton button {
  padding: 14px 20px;
  color: #FFF;
  border-radius: 10px;
  background: #0066B5;
  border: 0;
  transition: 0.3s;
  /* Body/text-base/font-semibold */
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
}

.searchButton button:hover {
  background: #0066B5;
}

.button-addRequest {
  text-align: end;
}

.button-addRequest button {
  border-radius: 10px;
  background: #D84E00;
  color: #FFF;
  border: 0;
  padding: 14px 20px;
  /* Body/text-base/font-semibold */
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  transition: 0.3s;
}

.button-addRequest button:hover {
  background: #0066B5;
}

.colBoxApplication {
  border-radius: 10px;
  background: #FFF;
  margin-top: 0px;
  margin-bottom: 33px;
}

.applicationBOx {
  border-radius: 15px;
  border: 0.829px solid #E7EAEA;
  background: #FFF;
  padding: 16px;
  margin-top: 20px;
}

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

.ref-flex h2 {
  color: #000;
  font-size: 11.606px;
  font-style: normal;
  font-weight: 700;
}

.ref-flex p {
  color: #000;
  text-align: right;
  font-size: 10.777px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.647px;
}

.dividernew {
  border-top: 0.829px solid #E7E7E7;
  margin-top: 12px;
}

.addressNewyork {
  margin-top: 10px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.applicationStatus {
  border-radius: 6.632px;
  background: #F8F8F9;
  padding: 10px;
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.app-status {
  color: #7C7C7D;
  font-size: 12.435px;
  font-style: normal;
  font-weight: 500;
}

.completedTxt {
  color: #000;
  font-size: 13.264px;
  font-style: normal;
  font-weight: 500;
}

.completedTxt span {
  color: #1753AC;
  font-size: 6px;
  padding-right: 5px;
  position: relative;
  top: -2px;
}

.paymentReview {
  margin-top: 8px;
}

.paymentReview h4 {
  color: #838898;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.paymentReview h4 span {
  margin-right: 8px;
}

.r-Btn {
  text-align: end;
}

.r-Btn button {
  border-radius: 79px;
  background: #0066B5;
  color: #FFF;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  border: 0;
  padding: 12px 24px;
}

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

/* -------------------Application css----------------------- */

.flexAddress {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.arrowleft-img {
  margin-right: 12px;
}

.vermont-address {
  color: #111827;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  text-transform: capitalize;
}

.dateFlex {
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.dateFlex h2 {
  color: #6B7280;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  margin-right: 24px;
  display: flex;
  align-items: center;
}

.dateFlex span {
  margin-right: 6px;
}

.dateFlex h3 {
  color: #6B7280;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.timelineBtn .button-addRequest button {
  padding: 8px 16px;
}

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

.dropdownBtn {
  padding-left: 10px;
  cursor: pointer;
}

.dropdownBtn {
  position: relative;
}

.dropdownBtn ul {
  display: block;
  position: absolute;
  right: 0px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 15px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.dropdownBtn ul li {
  min-width: 200px;
}

.dropdownBtn ul li {
  padding: 10px 16px;
  font-size: 14px;
}

.dropdownBtn ul li a {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}

.dropdownBtn ul li a span {
  margin-right: 4px;
}

.dropdownBtn:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.statusBox {
  border-radius: 10px;
  background: #FFF;
  margin-top: 24px;
  padding: 20px 22px;
}

.app-status2 {
  padding-left: 12px;
  position: relative;
}

.app-status2 h6 {
  color: #808080;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  padding-top: 5px;
}

.app-status2 h6 span {
  color: #16A34A;
  margin-right: 8px;
}

.app-status2 h1 {
  color: #0C0D20;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  margin-top: 7px;
}

.app-status2::before {
  width: 2px;
  height: 52px;
  position: absolute;
  content: '';
  border-radius: 13px;
  background: #16A34A;
  left: 0;
  top: 0;
}

.app-status2.penidungBorder::before {
  background: #FFCE21;
}

.app-status2.penidungBorder h6 span {
  color: #FFCE21;
}

.sidebarpage-detailBox {
  border-radius: 10px;
  background: #FFF;
  padding: 24px;
  margin-top: 20px;
  margin-bottom: 30px;
}

.link-list ul {

  padding-right: 18px;
}

.borderRight {
  border-right: 1.5px solid #F4F4F4;
}

.link-list ul li {
  margin-bottom: 30px;

}

.link-list ul li a {
  color: #818181;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;

}

.link-list ul li.active a {
  color: #00538A;
  font-weight: 700;
}

.dividerlink {
  border-top: 2px solid #F4F4F4;
  margin-bottom: 30px;
}

.linkDetail {
  padding: 10px 0px 0px 15px;
}

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

.app h1 {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}

.app p {
  color: #767B7F;
  font-feature-settings: 'clig' off, 'liga' off;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 8px;
}

.editBtn button {
  border: 0;
  border-radius: 8px;
  background: #F6F6F6;
  color: #323030;
  padding: 8px 12px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  padding-top: 10px;
}

.dividerapp {
  border-top: 1px solid #F4F4F4;
  margin-top: 20px;
}

.currentUse h5 {
  color: #111827;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
}

.currentUse h6 {
  color: #374151;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  margin-top: 16px;
}

.residential {
  margin-top: 30px;
}

/* Applicant Uploads css */

.editBtn.upload-doc button {
  background: #00538A;
  color: #fff;
}

.editBtn.upload-doc button img {
  margin-right: 6px;
}

.appId-box {
  border-radius: 16px;
  border: 1.5px solid #F4F4F4;
  margin-top: 20px;
  padding: 26px;
}

.appView {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}

.appHd {
  color: #1B232A;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.appHd img {
  margin-right: 18px;
}

.viewTxt {
  color: #00538A;
  text-align: right;
  cursor: pointer;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.dividernew2 {
  border-top: 1px solid #F4F4F4;
  margin-top: 26px;
}

/* dropdown css */
.listaddress {
  background-color: #fff;
  width: 100%;
  position: absolute;
  padding: 15px;
  border: 1px solid #e6e6e6;
  border-radius: 11px;
}

.listaddress ul li {
  margin-bottom: 20px;
  cursor: pointer;

}

.listaddress ul {
  overflow: auto;
  max-height: 182px;
}

.attach-doc .corporateBox p {
  color: #667085;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  max-width: 254px;
  margin: 0 auto;
  padding-top: 22px;
}

.attach-doc .corporateBox p strong {
  color: #016D7C;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;

}

.attach-doc .corporateBox {
  border: 1.5px solid #E7E7E7;
}

.submissionTable {
  margin-top: 26px;
}

.submissionTable table {
  border-radius: 8px;
  border: 1px solid #E8E8E6;
  width: 100%;
  padding: 10px 20px 20px 20px;
  border-collapse: initial;
  border-spacing: 0;
}

.submissionTable table tr:nth-child(even) {
  background-color: #F9F9F9;
  border-radius: 10px;
}

.submissionTable table th {
  color: #0F2D56;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 20px;
}

.submissionTable table tr td {
  color: #030229;
  font-size: 13px;
  font-style: normal;
  padding: 20px;
  font-weight: 500;
}

.submissionTable table tr td span.complete {
  border-radius: 16px;
  background: #ECFDF3;
  color: #027A48;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  padding: 4px 10px;
}

.selectpermit-width {
  padding: 82px 0px;

}

.permitMax-width {
  max-width: 816px;
  margin: 0 auto;
  display: block;
}

.heading-sp h1 {
  color: #000;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
}

.heading-sp p {
  color: #767B7F;
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 12px;
}

.box-permitDesign {
  margin-top: 8px;
}

.box-eng-permit {
  border-radius: 12px;
  padding: 16px;
  position: relative;
  border: 1px solid #E7EAEA;
  background: #FFF;
  width: 100%;
  cursor: pointer;
  margin-top: 24px;
  transition: 0.3s;
}

.box-eng-permit:hover {
  border: 1px solid #0066B5;
}

.box-eng-permit:hover .arrow-rightImg i {
  color: #0066B5;
}

.construction-txt h4 {
  color: #000;
  font-size: 14px;
  margin-top: 10px;
  font-style: normal;
  font-weight: 700;
}

.construction-txt p {
  margin-top: 8px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 200% */
}

.arrow-rightImg {
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transform: rotate(335deg);
  -moz-transform: rotate(335deg);
  -ms-transform: rotate(335deg);
  -o-transform: rotate(335deg);
  transform: rotate(335deg);
}

.arrow-rightImg i {
  font-size: 26px;
  color: #c2c2c2;
  background: #F7F7F7;
}

.eng-p {
  margin-top: 30px;
  margin-bottom: 20px;
}

.eng-p h1 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}

.eng-p p {
  color: #1B232A;
  font-feature-settings: 'clig' off, 'liga' off;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 10px;
}

.whatTab-progress {
  max-width: 720px;
  margin: 0 auto;
  margin-top: 54px;
}

.whatTab-progress ul {
  display: flex;
  justify-content: center;
  justify-content: space-between;
}

.whatTab-progress ul li a {
  color: #ABACAB;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.whatTab-progress ul li a.active {
  color: #000;
  font-weight: 600;
}

.addnot-found {
  color: #016D7C;
  font-size: 16px;
  margin-top: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 19.258px;
  /* 120.362% */
}

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

.adMore {
  color: #016D7C;
  text-align: right;
  margin-top: 14px;
  font-size: 16px;
  font-style: normal;
  cursor: pointer;
  font-weight: 600;
  line-height: 19.258px;
  /* 120.362% */
}

.ldBox {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  padding: 28px 0px 24px;
  text-transform: capitalize;

}

.genrel-liability {
  border-radius: 12px;
  border: 1.5px solid #E7E7E7;
  background: #FFF;
  padding: 14px;
  margin-bottom: 10px;
  padding-top: 2px;
}

.flex-g {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  margin-top: 12px;

}

.flex-g h5 {
  color: #060F2F;
  text-align: right;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

.flex-g h5 span i {
  font-size: 6px;
  position: relative;
  color: #FF1F1F;
  top: -2px;
  right: 4px;
}

.flex-g h6 {
  color: #7C7C7D;
  font-size: 12px;
  font-style: normal;

  font-weight: 500;
}


.flex-g.bgGray {
  background: #F8F8F9;
  border-radius: 4px;
}

.flex-g h5.eyebg {
  color: #016D7C;
  text-align: right;
  font-size: 12px;
  font-style: normal;
  cursor: pointer;
  font-weight: 500;

}

.flex-g h5.eyebg span i {
  color: #016D7C;
  font-size: 12px;
  position: relative;
  top: 0px;
}

.dd-text {
  width: 100%;
  height: 163px;
  padding: 20px;
  resize: none;
  border-radius: 12px;
  border: 1.5px solid #E7E7E7;
}

#viewfile {
  color: #016D7C;
  text-decoration: underline;
  cursor: pointer;
}

#engineerPermit {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  padding-bottom: 20px;
  margin-top: 30px;
}

.paymentReview h4 small i {
  color: #838797;
  font-size: 5px;
  padding: 0px 10px;
  position: relative;
  top: -2px
}

.paymentReview h4 span.panding {
  color: #ff7f26;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}

.paymentReview h4 span.submitted {
  color: #0066b5;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}

.paymentReview h4 span.accepted {
  color: #03AA00;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}

.listEng-permit {
  margin-top: 30px;
}

.listEng-permit ul li {
  color: #818181;
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 32px;
}

.listEng-permit ul li.active a {
  color: #0066B5 !important;
  font-size: 14px;
  font-weight: 700;
}

.listEng-permit ul li span {
  padding-right: 10px;
}

/* login page css */


.bgLoginpage {
  background: linear-gradient(32deg, #0066B5 0%, #06365B 100%);
  width: 100%;
  position: relative;
  min-height: 100vh;
  height: auto;
  display: flex;
  flex-direction: column;
}

.yonkersLoginPage {
  min-height: 100vh;
}

.bottomLoginpage img {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  max-width: 100%;
}

.bigCircle {
  top: 0;
  left: 30%;
  position: absolute;
  text-align: center;
}

.yonkerHD {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  padding-top: 46px;
  text-transform: uppercase;
}

.max-width-welcome {
  max-width: 312px;
}

.mt-welcomw {
  margin-top: 60px;
  position: relative;
}

.welcomeBack h1 {
  color: #FFF;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 137.966%;
  /* 49.668px */
}

.welcomeBack p {
  color: #B0B0B0;
  font-size: 16px;
  font-style: normal;
  margin-top: 5px;
  font-weight: 400;
  line-height: 147.648%;
  /* 23.624px */
}

.d-flexPermit {
  display: flex;
  margin-top: 30px;
  width: 100%;
}

.oversized_Vehicles p {
  color: #FFF;
  margin-top: 10px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.mr-30 {
  margin-right: 30px;
}

.mr-50 {
  margin-right: 50px;
}

.signinBox {
  border-radius: 22px;
  background: #FFF;
  padding: 30px;
  max-width: 505px;
  margin: 0 auto;

}

.signin-account h2 {
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.signin-account p {
  color: #A4A4A4;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding-bottom: 13px;
  margin-top: 8px;
  line-height: normal;
}

.display-none {
  display: none;
}

.buttonGoogle {
  margin-top: 20px;
  border-radius: 10px;
  width: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1.5px solid #E8E8E8;
  padding: 11px 0px;

  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.buttonGoogle span {
  padding-right: 10px;
}

.dash-border {
  margin-bottom: 15px;
}
.dash-border p {
  color: rgba(221, 221, 221, 0.87);
  max-width: 352px;
  margin: 0 auto;
  margin-top: 32px;
  display: block;
  text-align: center;
}

.dash-border p span {
  color: #000;
  font-size: 11px;
  font-style: normal;
  padding: 0px 6px;
  font-weight: 500;
  line-height: normal;
}

.emilFormAccount {
  margin-top: 24px;
}


.emilFormAccount label {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  padding-bottom: 14px;
}

.emilFormAccount input {
  border-radius: 12px;
  border: 1.5px solid #E7E7E7;
  width: 100%;
  height: 50px;
  padding: 0px 14px;
}

.sign-in-with-otp {
  margin-top: 24px;
}

.sign-in-with-otp button {
  border: 1px solid #0066B5;
  text-align: center;
  width: 100%;
  border-radius: 12px;
  background: #0066B5;
  color: #fff;
  transition: 0.3s;
  padding: 17px 0px;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.sign-in-with-otp button:hover {
  background: #063C66;
}

.notRegister {
  color: #828282;
  text-align: center;
  margin-top: 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.notRegister a {
  color: #0066B5;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  padding-left: 5px;
  line-height: normal;
}

.verificationCode {
  margin-top: 14px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.verificationCode a {
  color: #0066B5;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.agreeBox {
  margin-top: 18px;
}

/* The container */
.containerTerms {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #3D3D3D;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  font-family: 'Inter';
  line-height: normal;
}

.containerTerms a {
  color: #0066B5;
  font-family: 'Inter';
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* Hide the browser's default checkbox */
.containerTerms input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.containerTerms .checkmarkuse {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 2px solid #0066B5;
  border-radius: 2px;
}


/* When the checkbox is checked, add a blue background */
.containerTerms input:checked~.checkmarkuse {
  background-color: #0066B5;
}

/* Create the checkmark/indicator (hidden when not checked) */
.containerTerms .checkmarkuse:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containerTerms input:checked~.checkmarkuse:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerTerms .checkmarkuse:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#flexContainer .application-form .municipality_mb-3 label.containerone {
  margin-right: 34px;
}



/* dashboard */

.sidebar-dasboard {
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 99;
  padding-bottom: 50px;
  position: fixed;
  width: 270px;
  z-index: 999;
  overflow: hidden;
  background: #2A64AF;
  overflow-y: auto;
  transition: .5s;
  display: flex;
  flex-direction: column;
}

.imgLogo-sideBar {
  text-align: center;
  border-bottom: 1px solid #D9D9D9;
  padding: 24px 0px;
}

.listsidebar-url ul li {
  margin-top: 24px;
  color: #FFF;
  font-family: 'Inter';
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  opacity: .7;
  padding: 14px 0px 14px 36px;
}

.listsidebar-url ul li img {
  margin-right: 12px;
}

.listsidebar-url ul li.active {
  position: relative;
  opacity: 1;
  /* padding: 16px 0px;
 padding-left: 36px; */
  padding: 14px 0px 14px 36px;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.12) 6.45%, rgba(255, 255, 255, 0.00) 100%);
}

.listsidebar-url ul li.active::before {
  right: 0;
  top: 0;
  position: absolute;
  content: '';
  border-radius: 12px 0px 0px 12px;
  background: #FFF;
  height: 100%;
  width: 4px;
}

.listsidebar-url {
  flex: 1;
}

.sidebar-admin-cta-wrap {
  border-top: 1px solid rgba(255, 255, 255, 0.24);
  margin: 0 26px 18px;
  padding-top: 18px;
}

.sidebar-admin-cta {
  width: 100%;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.18) 6.45%, rgba(255, 255, 255, 0.00) 100%);
  border: 0;
  color: #fff;
  border-radius: 8px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  font-weight: 500;
}

.sidebar-admin-cta-icon {
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.sidebar-admin-profile {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
}

.sidebar-admin-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  color: #8b8b8b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  flex-shrink: 0;
}

.sidebar-admin-meta p {
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sidebar-admin-meta small {
  color: #9fc0e8;
  font-size: 14px;
  display: block;
  max-width: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sidebar-admin-logout {
  margin-left: auto;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 24px;
}

.siderbar-mainContent {
  padding-left: 270px;
  width: 100%;
  padding-top: 0 !important;
  transition: .5s;
  position: relative;
  min-height: 100vh;
  padding-bottom: 100px;
  overflow: hidden;
  background: #FAFAFA;
}

.innerContent {
  padding-left: 20px;
  padding-right: 20px;
}

.dashboard-header {
  padding: 15px 0px;
}

.dashboard-header h1 {
  color: #000;
  font-family: 'Inter', sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.dashboard-header p {
  color: #A4A4A4;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin-top: 5px;
  line-height: normal;
}

.admin-city-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0 16px;
  border-bottom: 1px solid #e7eaea;
  margin-bottom: 16px;
}

.admin-city-header .dashboard-header {
  padding: 0;
}


.admin-city-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.admin-city-search .max-widthInput {
  min-width: 290px;
}

.admin-city-search .flexsearch input {
  height: 42px;
  border-radius: 10px;
  border-color: #d9d9d9;
  background: #fff;
}

.admin-city-header-actions .button-addRequest {
  margin-top: 0;
}

.admin-city-add-btn button {
  background: #1f66b8 !important;
  border-radius: 10px;
  height: 42px;
  padding: 0 18px;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  border: 0;
}

.admin-city-add-btn button:hover {
  background: #1858a0 !important;
}

@media (max-width:1024px) {
  .admin-city-header {
    flex-wrap: wrap;
  }

  .admin-city-header-actions {
    width: 100%;
    justify-content: flex-start;
  }
}

.staff-action-cell .bi-three-dots {
  font-size: 22px;
  color: #475467;
}

.staff-action-menu {
  min-width: 280px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 12px 35px rgba(16, 24, 40, 0.16);
  padding: 12px;
  left: auto;
  right: 0;
  top: 30px;
}

.staff-action-menu .staff-action-item {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #2b2d42;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  border-radius: 14px;
  padding: 11px 18px;
  margin-bottom: 6px;
  text-decoration: none;
  white-space: nowrap;
}

.staff-action-menu .staff-action-item:last-child {
  margin-bottom: 0;
}

.staff-action-menu .staff-action-item i,
.staff-action-menu .staff-action-item img,
.staff-action-menu .staff-action-item svg {
  width: 20px;
  min-width: 20px;
  text-align: center;
  font-size: 20px;
}

.staff-action-menu .staff-action-item.is-primary {
  background: #ececf4;
}

.staff-action-menu .staff-action-item:hover {
  color: #2b2d42;
  background: #f3f4f8;
}


.flexdwl {
  display: flex;
  align-items: end;
  margin-top: 0px;
  justify-content: space-between;
  border-bottom: 1.5px solid #C0C9D0;
  padding-bottom: 14px;

}

.hidden {
  display: none;
}

.show {
  display: block;
}

.active {
  color: #0066B5;
}

.add-more button {
  border: none !important;
  padding: 9px 5px !important;
  background: none !important;
  color: #0066B5 !important;
}

.mt-46 {
  margin-top: 46px;
  color: red;
}

.add-more {
  margin-top: 0 !important;

}

.active:hover {
  color: #0066B5;

}

#scroll-list {
  max-height: "200px";
  width: "100%";
  overflow: "hidden";
  overflow-y: "scroll"
}

.clear {
  color: red !important;
  border: 1px dashed red !important;
}

.pagination li {
  padding: 0 0 !important;
}

.pagination li a {
  padding: 1px 7px !important;
}

.close_icon-filter {
  color: red;
}


.voidMsg {
  color: red;
}

.searchDownload {
  display: flex;
}

.searchDownload .sb input {
  border-radius: 10px;
  border: 1.5px solid #C0C9D0;
  height: 44px;
  width: 100%;
  padding: 0px 12px;
  padding-left: 38px;
}

.searchDownload .sb {
  width: 264px;
  position: relative;
  margin-right: 14px;
}

.searchDownload .sb img {
  position: absolute;
  left: 12px;
  top: 12px;
}

.searchDownload button {
  background: #fff;
  padding: 0px 10px;
  border-radius: 10px;
  border: 1.5px solid #C0C9D0;
}

.flexdwl ul li {
  margin-right: 42px;
  margin-left: 11px;
}

.flexdwl ul li button {
  color: #27283B;
  text-align: center;
  font-family: 'Inter', sans-serif;
  border: 0;
  background: #fff;
  font-size: 16px;
  opacity: 0.5;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.flexdwl ul li button.active {
  position: relative;
  color: #2A64AF;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-style: normal;
  opacity: 1;
  font-weight: 600;
  line-height: normal;
  position: relative;
}

#mw-width65 {
  width: 133px;
}

.flexdwl ul li:first-child button.active::before {
  content: '';
  position: absolute;
  left: -11px;
  border-radius: 4px;
  bottom: -16px;
  width: 75px;
  height: 3px;
  background: #2A64AF;
}

.mp-button .flexdwl ul li:first-child button.active::before {
  width: 66px;
}

.mp-button .flexdwl ul li:first-child+li button.active::before {
  width: 66px;
}

.mp-button .flexdwl ul li:last-child button.active::before {
  width: 70px;
}

.mp-button2 .flexdwl ul li:first-child button.active::before {
  width: 182px;
}

.flexdwl ul li:first-child+li button.active::before {
  content: '';
  position: absolute;
  left: -22px;
  border-radius: 4px;
  bottom: -16px;
  width: 70px;
  height: 3px;
  background: #2A64AF;
}

.flexdwl ul li:nth-child(n+2) button.active::before {
  content: '';
  position: absolute;
  left: -14px;
  border-radius: 4px;
  bottom: -16px;
  width: 106px;
  height: 3px;
  background: #2A64AF;
}

.flexdwl ul li:last-child button.active::before {
  content: '';
  position: absolute;
  left: -14px;
  border-radius: 4px;
  bottom: -16px;
  width: 96px;
  height: 3px;
  background: #2A64AF;
}

.allaccepted {
  padding: 18px;
  width: 100%;
  border-radius: 10px;
  border: 1.5px solid #DEE2E5;
  cursor: pointer;
  margin-top: 20px;
}

.allaccepted h2 {
  color: #687385;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.allaccepted h4 {
  color: #000;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 5px;
}

.allaccepted.active {
  border: 1.5px solid #2A64AF;
}

.allaccepted.active h4 {
  color: #2A64AF;
}

.allaccepted.active h2 {
  color: #2A64AF;
}

.failinspaction {
  border-radius: 60px;
  border: 1px dashed #CCC;
  margin-right: 12px;
  padding: 6px 10px;
  cursor: pointer;
}

.failinspaction img {
  margin-right: 4px;
}

.datestatus-flex {
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.tblDetails {
  margin-top: 20px;
}

.tblDetails table thead tr {
  border-radius: 15px 15px 0px 0px;

}

.tblDetails table {
  width: 100%;
  border-radius: 15px 15px 0px 0px;
  overflow: hidden;
  background: #fff;
}

.tblDetails table tr {
  border-bottom: 1px solid #F7F7F7;
  background: #FFF;
}

.tblDetails table tbody tr td {
  color: #000;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-style: normal;
  padding: 27px 20px 27px 20px;
  font-weight: 400;
}

.tblDetails table thead tr th {
  color: #27283B;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  padding: 20px;
  line-height: normal;
}

.tblDetails table .franklin {
  line-height: 121.628%;
  /* 14.595px */
  max-width: 139px;
}

.tblDetails table .gnokj {
  color: #2A64AF;
  cursor: pointer;
  text-decoration: underline;
}

.tblDetails table tr td span.acceptBg-green {
  color: #027A48;
  border-radius: 16px;
  font-weight: 500;
  padding: 4px 10px;
  background: #ECFDF3;
}

.tblDetails table tr td span.acceptBg-blue {
  color: #2A64AF;
  border-radius: 16px;
  font-weight: 500;
  padding: 4px 10px;
  background: #F4F9FF;
}

.tblDetails table tr td span.acceptBg-yellow {
  color: #FAB400;
  border-radius: 16px;
  font-weight: 500;
  padding: 4px 10px;
  background: #FFF6ED;
}

.tblDetails table tr td span.acceptBg-red {
  color: #FA0000;
  border-radius: 16px;
  font-weight: 500;
  padding: 4px 10px;
  background: #FFEDED;
}

#txtDropdown-txt3 span {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
}

#txtDropdown-txt3 small {
  color: #5B5B5B;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  display: block;
  opacity: 0.5;
  margin-top: 4px;
}

.bgpermit {
  background: #FAFAFA;
  padding-bottom: 70px;
  min-height: 100%;
  padding-top: 50px;
}

.boxpermit-update {
  border-radius: 12px;
  background: #fff;
  padding: 50px;
}

.permit-hd-update {
  color: #000;
  font-family: 'Inter', sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.borderTop {
  opacity: 0.5;
  background: #F4F4F4;
  margin-top: 26px;
  width: 100%;
  height: 1.5px;
}

.jobDEtails {
  margin-top: 26px;
}

.checklistBox {
  max-width: 800px;
  margin: 0 auto;
  display: block;
}

.checklistHd {
  text-align: center;
  color: #000;
  text-align: center;
  font-family: 'Inter', sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  margin-top: 78px;
  text-transform: capitalize;
}


.checklistBox .marginTop-content .main-container {
  max-width: 800px;
}

.classFlex {
  display: flex;
  justify-content: end;
}

.borderChecklist {
  border-top: 1px solid #F4F4F4;
  margin-top: 34px;
}

.bgpayment {
  background: #FAFAFA;

}

.payMt {
  margin-top: 100px;
}

.paymentSuccessful {
  border-radius: 40px;
  max-width: 504px;
  display: block;
  margin: 0 auto;
  background: #FFF;
  padding: 52px;
}

.paymentSuccessful img {
  text-align: center;
  margin: 0 auto;
  display: block;
}

.paymentSuccessful h1 {
  color: #009045;
  text-align: center;
  font-family: 'Inter', sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  text-transform: capitalize;
  margin-top: 14px;
  padding-bottom: 22px;
}

.payType {
  color: #1B1B1B;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-top: 24px;
  line-height: normal;
}

.creditCard {
  margin-top: 24px;
  color: #1B1B1B;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  text-align: end;
  line-height: normal;
}



.amountPaid {
  color: #1B1B1B;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}











.tabReview {
  margin-top: 28px;
}

.tabReview ul li .nav-link {
  border-radius: 60px;
  background: #EEE;
  padding: 11px 18px;
  color: #B9B9B9;
  text-align: center;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.tabReview ul li .nav-link.active {
  border-radius: 26px;
  background: #0066B5;
  color: #FFF;
  text-align: center;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}



.noApp {
  margin-top: 6px;
  color: #B33A3A;
}

.listStyle {
  border-radius: 14px;
  border: 1px solid rgb(214, 214, 214);
}

.listStyle li {
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  cursor: pointer;
  padding: 10px;
}

/* width */
.listStyle::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.listStyle::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(197, 197, 197);
  border-radius: 10px;
}

/* Handle */
.listStyle::-webkit-scrollbar-thumb {
  background: #2A64AF;
  border-radius: 10px;
}

.ddTxt textarea {
  padding: 20px;
}

.listEng-permit ul li a {
  font-weight: 700;
}


.threeDots {
  position: relative;
  cursor: pointer;
  display: inline-block;
}



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

.viewTxt-content {
  display: none;
  right: 0;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 120px;
  border-radius: 10px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.viewTxt-content p {
  color: black;
  padding: 10px 18px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
}

.viewTxt-content p:hover {
  color: #0066B5;
}

.viewTxt:hover .viewTxt-content {
  display: block;
}


/* add css 31/01/2024 */


.subMissionReview {
  border-radius: 12px;
  background: #FFF;
  padding: 40px 50px;
  margin-top: 28px;
}

.hdSubmissionReview h2 {
  color: #000;
  font-family: 'Inter', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}

.hdSubmissionReview p {
  color: #1B232A;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-style: normal;
  opacity: 0.6;
  margin-top: 8px;
  font-weight: 500;
  line-height: normal;
}

.subMissionReview table {
  margin-top: 26px;
}

.subMissionReview table thead tr th {
  padding: 16px 0px;
  color: #111827;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  text-transform: capitalize;
}

.subMissionReview table {
  width: 100%;
}

.subMissionReview table tbody tr td {
  color: #374151;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-style: normal;
  padding: 20px 0px;
  font-weight: 500;
}

.subMissionReview table tbody tr {
  border-top: 1px solid #F4F4F4;
}

.subMissionReview table tbody tr td span.v {
  color: #F93434;
  font-weight: 700;
}

.threeDots {
  position: relative;
  cursor: pointer;
  display: inline-block;
}



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

.threeDots-content {
  display: none;
  right: 0;
  position: absolute;
  background-color: #ffffff;
  min-width: 174px;
  border-radius: 12px;
  z-index: 1;
  box-shadow: 0 4px 78px -6px rgba(117, 117, 117, 0.25);
  padding: 10px;
}

.threeDots-content a {
  color: black;
  padding: 10px 18px;
  text-decoration: none;
  display: block;
  font-size: 13px;
  font-weight: 400;
}

.threeDots-content a:hover {
  color: #0066B5;
}

.threeDots:hover .threeDots-content {
  display: block;
}




.labelInput {
  margin-top: 28px;
  position: relative;
}

.labelInput label {
  color: #000;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  padding-bottom: 14px;
}

.labelInput select {
  border-radius: 12px;
  border: 1.5px solid #E7E7E7;
  height: 58px;
  width: 100%;
  padding: 0px 20px;
}

.labelInput input {
  border-radius: 12px;
  border: 1.5px solid #E7E7E7;
  height: 58px;
  width: 100%;
  padding: 0px 20px;
}

.labelInput textarea {
  border-radius: 12px;
  border: 1.5px solid #E7E7E7;
  height: 173px;
  padding: 14px;
  resize: none;
}

.labelInput2 {
  text-align: right;
  margin-top: 28px;
}

.labelInput2 button {
  border-radius: 12px;
  padding: 16px 48px;
  background: #0066B5;
  transition: 0.3s;
  border: 1px solid #0066B5;
  color: #FFF;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}

.labelInput2 button:hover {
  color: #0066B5;
  background: #fff;
}

.labelInput textarea::placeholder {
  color: #949494;
}

.dd1 .ddTable {
  margin-top: 26px;
  border-radius: 12px;
  border: 1px solid #E7E7E7;
}

.dd1 .ddTable table thead tr th {
  padding-left: 20px;
}

.dd1 .ddTable table tbody tr td {
  padding-left: 20px;
}

.dd1 .type-of-app h1 span {
  display: block;
  color: #1B232A;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  margin-top: 8px;
  line-height: normal;
  opacity: 0.6;
}

.labelInput span {
  position: absolute;
  right: 15px;
  cursor: pointer;
  top: 20px;
  pointer-events: none;
}

.fileInput {
  border-radius: 10px;
  border: 1.5px dashed #E4E7EC;
  text-align: center;
  height: 58px;
  padding-top: 12px;
  cursor: pointer;
}

.fileInput input {
  width: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
}

.fileInput h2 {
  color: #000;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  text-transform: capitalize;
}

.fileInput h2 small {
  color: #00538A;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  text-decoration-line: underline;
  text-transform: capitalize;
}

.fileInput h2 img {
  margin-right: 5px;
}

.nameHd {
  color: #000;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
}

.residentailHd {
  margin-top: 16px;
  color: #374151;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.addInsurance {
  color: #00538A;
  /* Body/text-base/font-semibold */
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-top: 25px;
  width: fit-content;
  cursor: pointer;
  line-height: 24px;
  /* 150% */
}

.addInsurance img {
  margin-right: 6px;
}

.borderTop2 {
  border-top: 1px solid #F4F4F4;
  margin-top: 24px;
  margin-bottom: 24px;
}

.dd1 .ddTable.mt-c {
  margin-top: 36px;
}


.formeDecision .application-form .municipality_mb-3 label.containerone {
  color: #767B7F;
  font-weight: 400;
  font-size: 15px;
}

.vortex-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.vortex-wrapper .vortex-wrapper {
  height: 50px;
  /* Adjust the desired height */
  width: 50px;
  /* Adjust the desired width */
}

.dd1 .ddTable table tbody tr td span.acceptBg-green {
  color: #027A48;
  border-radius: 16px;
  font-weight: 500;
  padding: 4px 10px;
  background: #ECFDF3;

}

.dd1 .ddTable table tbody tr td img {
  cursor: pointer;
  position: relative;
  top: -3px;
}

.dd1 .ddTable table tbody tr td span.acceptBg-red {
  color: #FA0000;
  border-radius: 16px;
  font-weight: 500;
  padding: 4px 10px;
  background: #FFEDED;
}

.pr-pl {
  padding: 20px 20px;
}

.meterTabReview .tabReview ul {
  justify-content: flex-start;
}

.meterTabReview .tabReview ul li {
  margin-right: 45px;
}



.jobDEtails .nav-pills .nav-link {
  color: #818181;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 16px;
  text-align: left;
}

.jobDEtails .nav-pills .nav-link.active {
  background: none;
  color: #00538A;
  font-weight: 600;
}

.borderRight {
  border-right: 1px solid #F4F4F4;
}

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

.p_descripation-Hd h1 {
  color: #000;
  font-family: 'Inter', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}

.p_descripation-Hd p {
  color: #1B232A;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  opacity: 0.6;
  margin-top: 8px;
  line-height: normal;
}

.descriptionALL-permit {
  padding-left: 30px;
  padding-top: 10px;
}

.edit-Pd button {
  border-radius: 8px;
  background: #F6F6F6;
  text-align: center;
  color: #323030;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-style: normal;
  padding: 10px 16px;
  font-weight: 600;
  border: 0;
}

.edit-Pd button img {
  margin-right: 4px;
}

.refTXt h5 {
  color: #111827;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  text-transform: capitalize;
}

.refTXt h6 {
  color: #374151;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  margin-top: 10px;
}

.refNO {
  border-top: 1px solid #F4F4F4;
  margin-top: 24px;
}

.refTXt {
  margin-top: 24px;
}


#date-apply-dropdown {
  position: relative;
}

.close_icon-filter {
  position: absolute;
  right: 7px;
  top: 7px;
  cursor: pointer;
}

#date-apply-dropdown input {
  border-radius: 6px;
  border: 1px solid #E8E8E6;
  height: 32px;
  padding: 0px 10px;
  font-size: 14px;
}

#date-apply-dropdown ul {
  position: absolute;
  padding: 10px;
  min-width: 202px;
  stroke-width: 0px;
  stroke: #EFECEC;
  background: #fff;
  z-index: 1;
  border-radius: 12px;
  border: 1px solid #e7e7e7;
  filter: drop-shadow(0px 4px 108.8px rgba(0, 0, 0, 0.08));
}

#date-apply-dropdown input::placeholder {
  font-size: 12px;
}

#date-apply-dropdown .apply-calender-input {
  position: relative;
  margin-top: 8px;
}

#date-apply-dropdown .apply-calender-input span {
  position: absolute;
  right: 8px;
  top: 5px;
  pointer-events: none;
}

#date-apply-dropdown .btn-apply input {
  border-radius: 8px;
  cursor: pointer;
  background: #0066B5;
  padding: 9px 14px;
  margin-top: 9px;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  border: 0;
}

#date-apply-dropdown .btn-apply2 {
  border-radius: 8px;
  cursor: pointer;
  background: #0066B5;
  padding: 9px 14px;
  margin-top: 9px;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  border: 0;
}

#date-apply-dropdown .filtter-by-date {
  font-size: 14px;
  font-weight: 700;
}

/* The container */
.container_status {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container_status input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.container_status .checkmark_status {
  position: absolute;
  top: -3px;
  left: 0;
  height: 24px;
  width: 24px;
  border-radius: 6px;
  border: 1px solid #E8E8E6;
}



/* When the checkbox is checked, add a blue background */
.container_status input:checked~.checkmark_status {
  background-color: #0066B5;
}

/* Create the checkmark/indicator (hidden when not checked) */
.container_status .checkmark_status:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_status input:checked~.checkmark_status:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_status .checkmark_status:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pending-review-checkbox {
  margin: 18px 0px;
}


.pagination {
  margin-top: 30px;
  justify-content: center;
}

.apply-calender-input .react-datepicker__navigation {
  overflow: inherit;
  top: 16px;
}

.error-message {
  margin-top: 5px;
}

.bg-member {
  background: #FAFAFA;
}

.btn-toggle {
  display: flex;
  align-items: center;
}

.btn-toggle .switch {
  position: relative;
  display: inline-block;
  width: 31px;
  height: 17px;
}

.btn-toggle .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.btn-toggle .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.btn-toggle .slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 2.5px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.btn-toggle input:checked+.slider {
  background-color: #2196F3;
}

.btn-toggle input:focus+.slider {
  box-shadow: 0 0 1px #2196F3;
}

.btn-toggle input:checked+.slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}

/* Rounded sliders */
.btn-toggle .slider.round {
  border-radius: 34px;
}

.btn-toggle .slider.round:before {
  border-radius: 50%;
}

.inactive-txt {
  padding-left: 6px;
}

.dropdown-item.red {
  color: red !important;
}

.go-to-index {
  background: #2A64AF;
  color: #fff;
  font-size: 16px;
  padding: 14px 44px;
  cursor: pointer;
  border-radius: 10px;
}

.go-to-index:hover {
  color: #fff;
}




/* -------------------------------------------------------------------------------------------------- */

@media (max-width:1366px) {
  .tblDetails table tr td span.acceptBg-green {
    white-space: nowrap;
  }

  .mt-welcomw {
    margin-top: 44px;
  }

  .tblDetails table thead tr th {
    white-space: nowrap;
  }

  .tblDetails {
    overflow-x: scroll;
    width: 100%;
  }

  .tblDetails table tr td span.acceptBg-blue {
    white-space: nowrap;
  }

  /* width */
  .tblDetails::-webkit-scrollbar {
    height: 6px;
  }

  /* Track */
  .tblDetails::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 0px;
  }

  /* Handle */
  .tblDetails::-webkit-scrollbar-thumb {
    background: #2b64af;
    border-radius: 0px;
  }
}

@media (max-width:1024px) {
  .max-widthInput {
    min-width: 340px;
  }

  .bgLoginpage {
    padding-bottom: 100px;
    min-height: 100vh;
    height: auto;
  }

  .bigCircle {
    display: none;
  }

  .max-width-welcome {
    max-width: 100%;
  }

  .signinBox {
    max-width: 100%;
    margin-top: 100px;
  }
}


@media (max-width:820px) {
  .max-widthInput {
    min-width: 280px;
  }

  .listEng-permit ul li span {
    display: none;
  }

  .listEng-permit ul li {
    font-size: 12px;
  }

  .button-addRequest button {
    padding: 14px 6px;
  }

  .searchButton button {
    padding: 14px 11px;
  }
}

@media (max-width:575.98px) {
  #inputWidth .containerone input {
    width: 200px;
  }

  .button-addRequest button {
    padding: 14px 15px;
  }

  .signinBox {
    margin-top: 46px;
    padding: 30px 20px;
  }

  .mt-welcomw {
    margin-top: 20px;
  }

  .notRegister {
    font-size: 14px;
  }

  .welcomeBack p {
    font-size: 14px;
  }

  .welcomeBack h1 {
    margin-top: 0px;
    font-size: 26px;
    margin-bottom: 6px;
  }

  .mr-30 {
    margin-right: 60px;
  }

  .mr-50 {
    margin-right: 80px;
  }

  .notRegister a {
    font-size: 14px;
  }

  .yonkerHD {
    font-size: 22px;
    font-weight: 500;
    padding-top: 26px;
    padding: 20px;
    padding: 24px 0px 5px 0px;
  }

  .sign-in-with-otp button {
    border-radius: 9px;
    padding: 15px 0px;
    font-size: 14px;
  }

  .signin-account h2 {
    font-size: 23px;
  }

  .dash-border p span {
    font-size: 11px;
    padding: 0px 7px;
    font-weight: 600;
  }

  .button-addRequest button span {
    display: none;
  }

  .r-Btn button {
    padding: 10px 18px;
  }

  .addressNewyork {
    max-width: 223px;
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 8px;
  }

  .selectpermit-width {
    padding: 10px 0px;
    padding-bottom: 40px;
  }

  .heading-sp h1 {
    margin-bottom: 5px;
  }

  .paymentReview h4 {
    font-size: 12px;
  }

  .max-widthInput {
    min-width: 340px;
  }

  #co-header .header-link ul li a.active {
    font-size: 12px !important;
    width: max-content;
  }

  #co-header .header-link ul li a {
    font-size: 12px !important;
    width: max-content;
  }

  #co-header .header-link {
    overflow: hidden;
    overflow-x: auto !important;
    padding-bottom: 20px;
  }

  #co-header {
    padding-bottom: 0 !important;
  }

  #co-header .header-link ul li {
    margin-right: 20px !important;
  }

  .searchButton button {
    display: none;
  }

  .button-addRequest {
    margin-top: 0px;
  }

  .applicationBOx {
    padding: 14px;
    margin-top: 20px;
  }

  .r-Btn button {
    font-size: 14px;
    font-weight: 400;
  }

  .max-widthInput {
    min-width: 272px;
  }

  .flexsearch small {
    display: none;
  }

  .flexsearch input {
    padding: 0px 17px 0px 50px;
  }

  #engineerPermit {
    display: none;
  }

  .listEng-permit {
    margin-top: 0px;
    position: relative;
    padding-bottom: 0px;
    overflow: hidden;
    overflow-x: auto;
    margin-bottom: 0px;
  }

  .position-rBorder {
    position: relative;
  }

  .position-rBorder::before {
    width: 100%;
    height: 1px;
    background-color: gray;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .paymentReview h4 small i {
    display: none;
  }

  .paymentReview h4 span {
    display: block;
    margin-top: 5px;
    font-size: 12px !important;
  }

  .listEng-permit ul {
    display: -webkit-inline-box;
  }

  .listEng-permit ul li {
    font-size: 13px;
    margin-right: 26px;
    margin-bottom: 14px;
  }

  .listEng-permit ul li.active a {
    color: #016D7C;
  }

  .seacrchInput {
    margin-top: 20px;
  }

  .button-addRequest {
    margin-top: 20px;
  }

  .button-addRequest {
    margin-top: -44px;
  }

  .listEng-permit ul li.active a {
    font-weight: 600;
    font-size: 13px;
  }

  .listEng-permit ul li a {
    font-weight: 600;
  }

  .listEng-permit::-webkit-scrollbar {
    width: 0px;
    height: 0;
  }

  /* Track */
  .listEng-permit::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(255, 255, 255, 0);
    border-radius: 0px;
  }

  /* Handle */
  .listEng-permit::-webkit-scrollbar-thumb {
    background: none;
    border-radius: 0px;
  }

  .modal-header .member-Hd {
    font-size: 18px;
    margin-bottom: 22px;
  }

  .button-group button {
    border-radius: 8px;
    padding: 14px 32px;
    font-size: 14px;
  }

  .classFlex {
    justify-content: start;
  }

  .button-group button.back-btn {
    border-radius: 8px;
    padding: 14px 22px;
    font-size: 14px;
  }

  .listEng-permit ul li.active {
    position: relative;
  }

  .listEng-permit ul li.active::after {
    position: absolute;
    background: #0066B5;
    left: 0;
    content: '';
    bottom: -14px;
    height: 2px;
    width: 100%;
  }

  .pagination li {
    font-size: 12px;
    font-weight: 600;
    padding: 0 !important;
    margin-right: 0 !important;
  }

  .pagination li {
    padding: 0px 0px !important;

  }

  #list1 a.active.change::before {
    display: none;
  }

  .whatTab-progress {
    display: none;
  }

  .marginTop-content .main-container {
    margin-top: 25px;
  }

  .scroll-yxis {
    height: 300px;
    overflow-y: scroll;
  }

  .display-content-application {
    text-align: left;
    position: relative;
    font-size: 24px;
    text-align: center;
    text-align: left;
    border-bottom: 4px solid #E3E5E4;
    padding-bottom: 10px;
  }

  .addnot-found {
    font-size: 14px;
  }

  .display-content-application::before {
    background: #0066B5;
    width: 68px;
    position: absolute;
    content: '';
    border-radius: 34px;
    height: 4px;
    left: 0;
    bottom: -4px;
  }

  .marginTop-content {
    padding: 0px;
  }

  .addteam-modal .modal-content {
    padding: 20px 15px;
  }

  .addressList .addressTxt {
    font-size: 14px;
  }

  .reviewTxt p {
    display: none;
  }

  .reviewTxt {
    text-align: left;
    position: relative;
    font-size: 24px;
    text-align: left;
    border-bottom: 4px solid #E3E5E4;
    padding-bottom: 10px;

  }

  .reviewTxt::before {
    background: #0066B5;
    width: 68px;
    position: absolute;
    content: '';
    border-radius: 34px;
    height: 4px;
    left: 0;
    bottom: -4px;
  }

  .typeBox {
    padding: 10px 14px;
  }

  .type-of-app h1 {
    font-size: 22px;
  }

  .currentuse {
    margin-top: 10px;
  }

  .divider {
    margin-top: 10px;
  }

  .dd-text {
    padding: 10px;
  }

  .checklistHd {
    margin-top: 40px;
  }

  .paymentMethod {
    margin-top: 22px !important;
    font-size: 24px !important;
  }

  .feildInput-form {
    padding: 10px 14px !important;
    padding-bottom: 40px !important;
    margin-bottom: 40px;
  }

  .nameButon {
    margin-top: 30px !important;
  }

  .mt24 span img {
    top: 42px !important;
  }

  #flexContainer .application-form .municipality_mb-3 label.containerone {
    margin-right: 20px;
  }
}

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

input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}

.blue {
  color: #0066B5;
  cursor: pointer;
}

.bg-remove {
  background: none !important;
}

.edit-active {
  color: #0066B5;
  cursor: pointer;
  font-weight: 400;

}

.eye {
  position: absolute;
  top: 52px;
  right: 17px;
  cursor: pointer;
}




/* Custom styles for DatePicker */
.react-datepicker {
  font-family: Arial, sans-serif;
  border-radius: 5px;
  border: 1px solid #ccc;
}

.react-datepicker__header {
  background-color: #f0f0f0;
}

.react-datepicker__day {
  color: #333;
}

.react-datepicker__day--selected {
  background-color: #007bff;
  color: #fff;
}

.react-datepicker__day--keyboard-selected {
  background-color: #007bff !important;
}

.react-datepicker__day:hover {
  background-color: #f0f0f0;
}

.react-datepicker__day-names {
  display: flex;
  justify-content: space-around;
}

.react-datepicker__day-name {
  font-weight: bold;
  color: #333;
}


.multiple-Street-sec {
  padding-top: 63px;
}

.multiple-Street-sec .display-content-application {
  padding-bottom: 25px;
}

.multiple-Street-sec .marginTop-content .main-container {
  max-width: 664px;
  padding: 42px;
  background: #FAFAFA;
  border-radius: 16px;
  margin-top: 0;
}

.multiple-Street-sec .upload-box small {
  display: inline;
  font-weight: 400;
  font-size: 12px;
}

.multiple-Street-sec .labelInput .fileInput {
  border: 1.5px solid #F1F1F1;
  background: #fff;
}

.multiple-Street-sec .trash-img img {
  margin-top: 54px;
  cursor: pointer;
}

.multiple-Street-sec .add_more-document {
  border-radius: 8px;
  border: 1px solid #00538A;
  height: 58px;
  cursor: pointer;
  width: 100%;
  background: none;
  color: #00538A;
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  line-height: 58px;
}

#layout-sub {
  padding: 0;
}

#layout-sub .subMissionReview {
  padding: 0;
  background: none;
}

#layout-sub table thead tr th {
  padding: 16px 20px;
  font-size: 14px;
}

#layout-sub table tbody tr td {
  padding: 16px 20px;
  font-size: 12px;
  line-height: 121.628%;
  max-width: 175px;

}

.address-list {
  height: 200px;
  width: 100%;
  overflow: hidden scroll
}