* {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;

}

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

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

/* Handle */
::-webkit-scrollbar-thumb {
  background: #01893E;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #01893E;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  font-family: 'gilroy-regular';
  font-weight: normal;
  font-size: 14px;
  line-height: normal;
  color: #000000;
  margin: 0;
  padding: 0;
}

a {
  outline: none;
  text-decoration: none;
  color: #000000;
  transition: all 0.5s ease;
}

input,
textarea,
select {
  -webkit-appearance: none;
  font-size: 13px;
  color: #3a3a3a;
  vertical-align: middle;
  font-family: 'Poppins-Regular';
  outline: none;
}

input[type="button"] {
  -webkit-transition: ease-in-out .5s;
  -moz-transition: ease-in-out .5s;
  -ms-transition: ease-in-out .5s;
  -o-transition: ease-in-out .5s;
  transition: ease-in-out .5s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-family: 'gilroy-regular';
  padding: 0;
  margin: 0;
}

p {
  padding: 0;
  margin: 0;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

button:focus {
  outline: none !important;
}

label {
  margin-bottom: 0px !important;
}

.form-group {
  margin-bottom: 0px !important;
}

@font-face {
  font-family: 'Poppins-Regular';
  src: url("../fonts/Poppins-Regular.ttf"), url("../fonts/Gilroy-Regular.woff"), url("../fonts/Gilroy-Regular.otf"), url("../fonts/Gilroy-Regular.eot");
}

@font-face {
  font-family: "Poppins-Light";
  src: url("../fonts/Poppins-Light.ttf"), url("../fonts/Poppins-Light.woff"), url("../fonts/Poppins-Light.otf"), url("../fonts/Poppins-Light.eot");
}

@font-face {
  font-family: "Poppins-ExtraLight";
  src: url("../fonts/Poppins-ExtraLight.ttf"), url("../fonts/Poppins-ExtraLight.woff"), url("../fonts/Poppins-ExtraLight.otf"), url("../fonts/Poppins-ExtraLight.eot");
}

@font-face {
  font-family: "Poppins-Medium";
  src: url("../fonts/Poppins-Medium.ttf"), url("../fonts/Poppins-Medium.woff"), url("../fonts/Poppins-Medium.otf"), url("../fonts/Poppins-Medium.eot");
}

@font-face {
  font-family: "Poppins-SemiBold";
  src: url("../fonts/Poppins-SemiBold.ttf"), url("../fonts/Poppins-SemiBold.woff"), url("../fonts/Poppins-SemiBold.otf"), url("../fonts/Poppins-SemiBold.eot");
}

@font-face {
  font-family: "Poppins-Bold";
  src: url("../fonts/Poppins-Bold.ttf"), url("../fonts/Poppins-Bold.woff"), url("../fonts/Poppins-Bold.otf"), url("../fonts/Poppins-Bold.eot");
}

@font-face {
  font-family: 'Gilroy-Regular';
  src: local('../fonts/Gilroy-Regular'), url('../fonts/Gilroy-Regular.otf');
}

@font-face {
  font-family: 'Gilroy-SemiBold';
  src: local('../fonts/Gilroy-Regular'), url('../fonts/Gilroy-SemiBold.otf');
}

@font-face {
  font-family: 'Gilroy-Medium';
  src: local('../fonts/Gilroy-Medium'), url('../fonts/Gilroy-Medium.otf');
}

@font-face {
  font-family: 'Gilroy-Bold';
  src: local('../fonts/Gilroy-Bold'), url('../fonts/Gilroy-Bold.otf');
}

header {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 10px #BEC2FF00;
  border: 1px solid #00000026;
  width: 100%;
  padding: 16px 0px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.search-box {
  display: flex;
}

.search-box h2 {
  font-family: 'Gilroy-bold';
  font-size: 28px;
  line-height: 30px;
  display: inline-block;
  color: #282D5B;
  padding: 9px 0px;
}

.search-box h3 input {
  width: 100%;
}

.form-control:focus {
  box-shadow: none;
}

.bdp-box {
  max-width: 567px;
  margin: 0 auto;
}

.bdp-logo h2 {
  color: #01893E;
  font-size: 40px;
  font-family: 'Gilroy-bold';
  line-height: 37px;
  display: inline-block;
}

.bdp-logo h3 {
  font-size: 23px;
  color: #01893E;
  font-family: 'gilroy-regular';
  margin-top: 6px;
}

.sign-in h4 {
  color: #282D5B;
  font-family: 'Gilroy-bold';
  font-size: 37px;
  line-height: 49px;
  margin-top: 42px;
}

.sign-in p {
  color: #282D5B;
  font-size: 16px;
  font-family: 'gilroy-regular';
  max-width: 476px;
  text-align: center;
  margin: 0 auto;
  display: block;
  padding-top: 18px;
  line-height: 26px;
}

.bdp_email {
  margin-top: 55px;
}

.bdp_email input {
  height: 60px;
  width: 100%;

  background: #FFFFFF;
  border-radius: 0px !important;
  padding: 18px 24px;
  border: 0.5px solid #A9B8C1B0;
  font-weight: normal;
  font-family: 'gilroy-regular';
  font-size: 18px;
  line-height: 27px;
  color: #282D5BCC;
  border-radius: 10px!important;
}

.new-passwordInput {
  margin-top: 45px;
}

.new-passwordInput input {
  height: 60px;
  width: 100%;
  background: #FFFFFF;
  border-radius: 0px !important;
  padding: 18px 24px;
  border: 0.5px solid #282D5B;
  font-weight: normal;
  font-family: 'gilroy-regular';
  font-size: 18px;
  line-height: 27px;
  color: #282D5BCC;
}

.form-group {
  position: relative;
}

.form-control-placeholder {
  position: absolute;
  top: 18px;
  left: 24px;
  font-size: 18px;
  padding: 0px 0 0 0px;
  transition: all 200ms;
  font-family: 'Poppins-Regular';
  opacity: 0.6;
}

.form-control:valid+.form-control-placeholder {
  font-size: 16px;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  opacity: 1;
  background: white;
  color: #282D5B;
  top: 13px;
  display: inline-block;
  left: 13px;
  padding: 0px 6px 2px 5px;
}

.form-control:focus+.form-control-placeholder {
  font-size: 16px;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  opacity: 1;
  background: white;
  color: #01893E;
  top: 13px;
  display: inline-block;
  left: 13px;
  padding: 0px 6px 2px 5px;
}

.forget-text {
  margin-top: 17px;
  text-align: left;
}

.forget-text h4 {
  color: #01893E;
  font-size: 18px;
  font-family: 'gilroy-medium';
  line-height: 21px;
  cursor: pointer;
  display: inline-block;
  transition: 0.3s;
}

.forget-text h4:hover {
  color: #E3A502;
}

.btn-sign-in {
  margin-top: 38px;
}

.btn-sign-in button {
  font-family: 'gilroy-medium';
  font-size: 18px;
  line-height: 21px;
  background: #01893E;
  width: 100%;
  border: none;
  color: #fff;
  padding: 21px 0px 21px 0px;
  transition: 0.3s;
}

.btn-sign-in button:hover {
  background: #E3A502;
}

.border-topline {
  width: 100%;
  margin: 41px 0px;
  border-top: 1px solid #DBDBDB !important;
}

.profile-Hd h3 {
  color: #000000D4;
  font-family: 'gilroy-medium';
  font-size: 22px;
  line-height: 25px;
  text-align: left;
}

.profile-Hd p {
  color: #00000099;
  text-align: left;
  font-family: 'gilroy-regular';
  font-size: 16px;
  line-height: 26px;
  max-width: 440px;
  margin-top: 17px;
}

.profile-Hd h4 {
  color: #000000D4;
  font-family: 'gilroy-medium';
  font-size: 18px;
  line-height: 21px;
  text-align: left;
  margin-top: 23px;
  cursor: pointer;
}

.profile-Hd h4 span {
  margin-left: 12px;
}

.dept-portal {
  margin: 62px 0px 129px 0px;
}

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


/* The container */

.container-btn {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 8px;
  font-size: 14px;
  color: #282D5B;
  line-height: 20px;
  font-family: 'Gilroy-Regular';
}


/* Hide the browser's default checkbox */

.container-btn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.container-btn a {
  font-family: 'Gilroy-Medium';
  color: #282D5B;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
}


/* Create a custom checkbox */

.check-m {
  position: absolute;
  top: 4px;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 3px;
  border: 1px solid #01893E;
}


/* When the checkbox is checked, add a blue background */

.container-btn input:checked~.check-m {
  background-color: #01893E;
}


/* Create the checkmark/indicator (hidden when not checked) */

.check-m:after {
  content: "";
  position: absolute;
  display: none;
}


/* Show the checkmark when checked */

.container-btn input:checked~.check-m:after {
  display: block;
}


/* Style the checkmark/indicator */

.container-btn .check-m:after {
  left: 6px;
  top: 2px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.term-use {
  margin-top: 32px;
}

.trems {
  text-align: left;
}

.account h3 {
  font-size: 14px;
  line-height: 26px;
  text-align: right;
  color: #282D5B;
}

.account h3 a {
  font-family: 'Gilroy-Medium';
  font-size: 15px;
  line-height: 26px;
  color: #282D5B;
  cursor: pointer;
}

.header-input {
  position: relative;
}

.header-input span {
  position: absolute;
  left: 18px;
  top: 16px;
  font-size: 16px;
  color: #282D5B;
}

.header-input input {
  width: 100%;
  height: 50px;
  background: #F4F4F7;
  border: none;
  padding: 14px 20px 14px 45px;
}

.tbl-search-box input {
  height: 42px;
}

.tbl-search-box span {
  top: 10px;
}

.profile-header {
  display: flex;
  justify-content: flex-end;
  padding: 6px 0px;
}

.bellImg {
  margin-right: 54px;
  padding: 14px 0px;
}

.userImg img {
  width: 42px;
  height: 42px;
  margin-right: 18px;
}

.userTxt {
  color: #282D5B;
  font-family: 'Poppins-Regular';
  font-size: 18px;
  line-height: 16px;
  cursor: pointer;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #282D5B;
  border-radius: 21px;
  padding: 10px 16px;
}

.userTxt span {
  margin-left: 5px;
}

.userTxt img {
  width: 13px;
  height: 13px;
  margin-right: 3px;
}

.massegeImg {
  margin-right: 54px;
  padding: 14px 0px;
}

.back-txt {
  margin-top: 39px;
}

.back-txt h3 {
  color: #282D5B8C;
  font-family: "Poppins-Medium";
  font-size: 18px;
  line-height: 42px;
  cursor: pointer;
  margin-left: 9px;
}

.back-txt h3 span {
  margin-right: 9px;
}

.table-Box {
  padding: 30px 25px 25px 25px;
  margin-top: 22px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #00000012;
}

.permit-Hd {
  color: #282D5B;
  font-family: 'Gilroy-bold';
  font-size: 28px;
  line-height: 33px;
}

.New-Project {
  text-align: right;
}

.New-Project button {
  background: #01893E 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 10px #01893E2E;
  color: #FFFFFF;
  border: none;
  font-family: 'gilroy-regular';
  font-size: 14px;
  line-height: 20px;
  padding: 11px 17px;
}

.New-Project button span {
  margin-right: 6px;
}

.table-permit {
  margin-top: 31px;
}

.table-permit table {
  width: 100%;
}

.table-permit table th {
  border: 0;
  color: #282D5B;
  padding: 24px 10px 23px 30px;
  font-family: "Poppins-SemiBold";
  font-size: 13px;
  line-height: 25px;
}

.table-permit table td {
  padding: 30px;
  font-size: 14px;
  line-height: 21px;
  border-right: 0px;
  font-family: 'Poppins-Regular';
  border-left: 0px;
  vertical-align: middle;
  color: #282D5B80;
}

.table-permit table td.refTxt {
  color: #01893E !important;
  font-family: 'gilroy-medium';
  font-style: 15px;
  line-height: 18px;
  text-decoration: underline;
}

.table-permit table td.submited-Btn button {
  border: 1px solid #38C461;
  border-radius: 19px;
  color: #38C461;
  background: none;
  font-size: 12px;
  line-height: 22px;
  padding: 5px 16px 4px 17px;
  font-family: 'Poppins-Regular';
  display: inline-block;
}

.table-permit table td.inactive-Btn button {
  border: 1px solid #db5252;
  border-radius: 19px;
  color: #db5252;
  background: none;
  font-size: 12px;
  line-height: 22px;
  padding: 5px 16px 4px 17px;
  font-family: 'Poppins-Regular';
  display: inline-block;
}

.table-permit table td.expired button {
  border: 1px solid #db5252;
  background-color: #db5252 !important;
  border-radius: 19px;
  color: #ffffff;
  background: none;
  font-size: 14px;
  line-height: 22px;
  padding: 5px 28px 4px 37px;
  font-family: 'Poppins-Regular';
  display: inline-block;
}

.table-permit table td.update-txt span {
  background: #01893E 0% 0% no-repeat padding-box;
  border-radius: 7px;
  color: #fff;
  padding: 2px 8px;
  cursor: pointer;
}

.table-sec {
  /* margin-bottom: 122px; */
}

.bdp-logo,
.sign-in {
  text-align: center;
}

.tabber {
  margin: 0 auto;
  max-width: 983px;
  margin-top: 60px;
}

.tab-sec ul li a.active {
  color: #01893E;
  font-family: "Poppins-Medium";
}

.tab-sec ul li a span {
  margin: 0px 19px;
  color: #282D5B;
}

.tab-sec ul li a {
  font-family: "Poppins-Medium";
  font-size: 18px;
  color: #00183980;
  display: block;
  cursor: pointer;
  border-bottom: 4px solid transparent;
}

.tab-sec ul li a:hover {
  text-decoration: none;
}

.what-box {
  max-width: 983px;
  margin: 0 auto;
  display: block;
  margin-top: 38px;
}

.what-bg {
  background: #FFFFFF;
  border: 1px solid #00000012;
  padding: 40px 30px;
}

.txt-whate h3 {
  color: #282D5B;
  font-family: "Poppins-Bold";
  font-size: 28px;
  line-height: 42px;
  border-bottom: 0.5px solid #00000042;
  padding-bottom: 17px;
}

.property {
  margin-top: 34px;
}

.property select {
  width: 100%;
  height: 60px;
  padding: 17px 28px 17px 28px;
  color: #282D5B;
  font-family: 'Poppins-Regular';
  font-size: 18px;
  line-height: 27px;
  border: 0.5px solid #A9B8C1B0;
}

.property label {
  color: #001839;
  font-family: "Poppins-Medium";
  font-size: 15px;
  line-height: 21px;
  padding-bottom: 12px;
}

.Type select {
  width: 100%;
  height: 60px;
  padding: 17px 28px 17px 28px;
  color: #282D5B;
  font-family: 'Poppins-Regular';
  font-size: 18px;
  line-height: 27px;
  border: 0.5px solid #A9B8C1B0;
}

.Type label {
  font-family: "Poppins-Medium";
  font-size: 16px;
  line-height: 22px;
  color: #000000CC;
  margin-top: 24px;
  padding-bottom: 11px;
}

.Type .form-group {
  position: relative;
}

.Type .form-group span {
  position: absolute;
  top: 77px;
  color: #282D5B;
  right: 18px;
  font-size: 18px;
}

.property .form-group {
  position: relative;
}

.property .form-group span {
  position: absolute;
  top: 53px;
  color: #282D5B;
  right: 18px;
  font-size: 18px;
}

.permittm {
  padding: 80px 0px 50px 0px;
  background: #F9FAFB;
}

.box-engrining {
  background: #fff;
  padding: 37px 0px 37px 40px;
  max-width: 1095px;
  margin: 0 auto;
  display: block;
}

.engin-txt h1 {
  border-radius: 50%;
  text-align: center;
  line-height: 77px;
  width: 77px;
  height: 77px;
  background: transparent linear-gradient(147deg, #FFFFFF 0%, #D5E4F8 100%) 0% 0% no-repeat padding-box;
}

.engin-txt h2 {
  color: #282D5B;
  font-family: "Poppins-Bold";
  font-size: 20px;
  line-height: 28px;
  margin-top: 21px;
  max-width: 164px;
}

.engin-txt p {
  font-size: 14px;
  line-height: 22px;
  color: #19154C;
  font-family: 'Poppins-Regular';
  margin-top: 14px;
  max-width: 198px;
}

.engin-txt button {
  background: #01893E 0% 0% no-repeat padding-box;
  border-radius: 12px;
  color: #fff;
  border: none;
  padding: 12px 61px;
  margin-top: 38px;
}

.engin-txt button.btn-slect {
  background: #EDF7FE;
  color: #01893E;
}

.engin-txt button.btn-slect:hover {
  background: #01893E 0% 0% no-repeat padding-box;
  color: #fff;
  transition: 0.5s;
}

.saveTxt {
  font-family: 'Poppins-Regular';
  font-size: 18px;
  line-height: 27px;
}

.curbInput {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 3px #00000033;
}

.bg-color {
  background: #F9FAFB;
}


/* The container */

.clickbox {
  display: block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 40px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/* Hide the browser's default radio button */

.clickbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}


/* Create a custom radio button */

.checkbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #D8E7FF;
  border-radius: 50%;
}


/* When the radio button is checked, add a blue background */

.clickbox input:checked~.checkbox {
  background-color: #01893E;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkbox:after {
  content: "";
  position: absolute;
  display: none;
}


/* Show the indicator (dot/circle) when checked */

.clickbox input:checked~.checkbox:after {
  display: block;
}


/* Style the indicator (dot/circle) */

.clickbox .checkbox:after {
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: white;
}

.roll-txt {
  padding: 20px 0px;
}

.roll-txt label {
  color: #001839CC;
  font-family: "Poppins-Medium";
  font-size: 14px;
  line-height: 20px;
}

.btn-pre {
  margin-top: 40px;
  text-align: right;
}

.btn-pre button.continue {
  background: #01893E;
  color: #fff;
  font-family: 'Poppins-Regular';
  padding: 13px 20px 12px 22px;
  border: none;
  margin-left: 15px;
}

.btn-pre button {
  color: #01893E;
  background: #fff;
  border: 1px solid #282D5B4F;
  font-family: 'Poppins-Regular';
  padding: 12px 22px;
}

.saveTxtbtn button {
  color: #01893E;
  border: 1px solid #282D5B4F;
  background: #fff;
  padding: 12px 18px;
  font-family: 'Poppins-Regular';
}

.where-bg {
  background: #FFFFFF;
  border: 1px solid #00000012;
  padding: 40px 30px;
}

.job-location-Hd h3 {
  color: #001839;
  font-family: "Poppins-Bold";
  font-size: 28px;
  line-height: 42px;
  border-bottom: 0.5px solid #00000042;
  padding-bottom: 17px;
}

.location-type-tab h3 {
  color: #001839;
  font-size: 16px;
  line-height: 18px;
  font-family: "Poppins-SemiBold";
  margin-top: 30px;
}

.adrees-tab nav a.active {
  border: 5px solid #01893E;
  color: #01893ED9;
}

.adrees-tab nav a.active:hover {
  text-decoration: none;
}

.adrees-tab nav a:hover {
  text-decoration: none;
}

.adrees-tab nav a {
  border: 0.5px solid #00183966;
  color: #00183966;
  font-family: 'gilroy-medium';
  font-size: 14px;
  width: 158px;
  height: 50px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: none !important;
  text-align: center;
}

.adrees-tab {
  margin-top: 10px;
}

.job-input {
  margin-top: 42px;
}

.know_us {
  margin-top: 34px;
}

.know_us textarea {
  width: 100%;
  height: 60px;
  color: #282D5B;
  font-size: 18px;
  line-height: 27px;
  font-family: 'Poppins-Regular';
  resize: none;
  padding: 14px 16px;
  border: 0.5px solid #A9B8C1B0;
}

.know_us label {
  color: #001839;
  font-family: "Poppins-Medium";
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 10px;
}

.know_us textarea::placeholder {
  color: #00183966;
  font-size: 16px;
  line-height: 22px;
  font-family: 'Poppins-Regular';
}

.loction-adInput {
  margin: 0;
  padding: 0;
}

.loction-adInput input {
  border: 0.5px solid #282D5B99;
  color: #282D5B;
}

.loction-adInput .form-control:valid+.form-control-placeholder {
  font-size: 16px;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  opacity: 1;
  background: white;
  color: #282D5B;
  top: 13px;
  display: inline-block;
  left: 13px;
  padding: 0px 6px 2px 5px;
}

.loction-adInput.form-control:focus+.form-control-placeholder {
  font-size: 16px;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  opacity: 1;
  background: white;
  color: #01893E;
  top: 13px;
  display: inline-block;
  left: 13px;
  padding: 0px 6px 2px 5px;
}


/* .app-details {
    margin-top: 47px;
} */

.bussiness-input {
  margin-top: 40px;
}


/*start errrr-css */

.dummyinpt input:focus {
  border: 0.5px solid #C10000;
}

.dummyinpt .form-control:valid+.form-control-placeholder {
  font-size: 16px;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  opacity: 1;
  background: white;
  color: #282D5B;
  top: 13px;
  display: inline-block;
  left: 13px;
  padding: 0px 6px 2px 5px;
}

.dummyinpt .form-control:focus+.form-control-placeholder {
  font-size: 16px;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  opacity: 1;
  background: white;
  color: #C10000;
  top: 13px;
  display: inline-block;
  left: 13px;
  padding: 0px 6px 2px 5px;
}

.dummyinpt .form-group span {
  color: #C10000;
  font-size: 16px;
  line-height: 22px;
  padding-left: 26px;
  font-family: 'Poppins-Regular';
  top: 10px;
  position: relative;
}


/*End errrr-css */

.dropdown-text {
  position: relative;
}

.drop-content {
  display: none;
  top: 48px;
  position: absolute;
  background-color: #fff;
  min-width: 196px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 4px;
  right: 0;
}

.drop-content a {
  color: black;
  font-size: 14px;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-family: 'Poppins-Regular';
}

.kapil {
  padding-top: 60px;
}

.drop-content a:hover {
  background-color: #ddd;
}

.dropdown-text:hover .drop-content {
  display: block;
}

.loction-adInput span.dont-txt {
  font-size: 15px;
  font-family: 'Poppins-Regular';
  color: #01893E;
  float: right;
}

.job-location-Hd span {
  display: block;
  color: #001839;
  font-family: "Poppins-Medium";
  font-size: 15px;
  line-height: 21px;
}

.lbl-txt .form-group label {
  background: #fff;
  position: relative;
  top: 22px;
  left: 30px;
  padding-left: 7px;
  padding-right: 7px;
  color: #282D5B99;
}

.imact-trafic {
  margin-top: 22px;
}

.imact-trafic input {
  border: 0.5px solid #A9B8C1B0;
}

.imact-trafic .lenth-pt {
  margin-top: 32px;
}

.imact-trafic label.detaild-txt {
  font-size: 16px;
  line-height: 22px;
  color: #001839;
  font-family: "Poppins-Medium";
  padding-bottom: 10px;
}

.imact-trafic textarea {
  width: 100%;
  border: 0.5px solid #A9B8C1B0;
  resize: none;
  height: 157px;
  padding: 14px 17px;
}

.imact-trafic textarea::placeholder {
  color: #00183966;
  font-size: 16px;
  font-family: 'Poppins-Regular';
  line-height: 22px;
}

.img-upload-tbl table {
  border: 1px solid #00000012;
  margin-top: 21px;
}

.img-upload-tbl .table thead th {
  padding: 24px 30px 23px 30px;
  vertical-align: middle;
  color: #282D5B;
  font-family: "Poppins-SemiBold";
  border-bottom: 0px solid #dee2e6 !important;
}

.img-upload-tbl .table td {
  padding: 30px;
  font-family: 'Poppins-Regular';
  color: #282D5B;
  font-size: 14px;
  line-height: 21px;
}

.img-upload-tbl .table td.plans {
  font-family: 'gilroy-medium';
  font-size: 15px;
  line-height: 18px;
  color: #282D5B;
}

.img-upload-tbl .table td.upload-Btn button {
  background: #01893E;
  font-family: 'Poppins-Regular';
  font-size: 12px;
  position: relative;
  line-height: 22px;
  color: #fff;
  border: none;
  padding: 8px 17px;
}

.upload-Btn input {
  opacity: 0;
  position: absolute;
  width: 122px;
  left: 0;
  top: 0;
  height: 38px;
}

.img-upload-tbl .table td.upload-Btn button span {
  margin-right: 5px;
}

.review-form-box {
  margin: 0 auto;
  max-width: 100%;
  display: block;
}

.r-hd h3 {
  color: #001839;
  font-family: "Poppins-Bold";
  font-size: 28px;
  line-height: 42px;
}

.r-hd p {
  color: #001839;
  font-size: 15px;
  line-height: 21px;
  text-align: center;
  font-family: 'gilroy-medium';
}

.box-acordine {
  margin-top: 53px;
}

.box-acordine .card {
  margin-bottom: 20px;
  border: none;
  border-radius: 6px;
}

.box-acordine .card-header {
  background-color: #F8FBFE;
  border-bottom: 0px solid rgba(0, 0, 0, .125);
  padding: 10px 26px 20px 28px;
}

.box-acordine .card-header button.edit-icon {
  background: #01893E 0% 0% no-repeat padding-box;
  border: none;
  border-radius: 30px;
  color: #fff;
  padding: 5px 15px;
  font-size: 12px;
  line-height: 18px;
  font-family: 'Poppins-Regular';
  margin-left: 15px;
}

.box-acordine button.what-btn {
  color: #3E3F42;
  background: none;
  border: none;
  font-family: "Poppins-SemiBold";
  font-size: 18px;
  line-height: 23px;
}

.card-header h2 span {
  float: right;
  font-size: 12px;
  border: 1px solid #A4A4A4;
  border-radius: 50%;
  width: 23px;
  text-align: center;
  height: 23px;
  line-height: 23px;
  margin-top: 13px;
  cursor: pointer;
}

.box-acordine .card {
  box-shadow: 2px 4px 12px #3D3D3D08;
  border: 0.5px solid #E3E4EA !important;
  border-radius: 6px !important;
}

.box-acordine .card-body {
  padding: 22px 27px;
}

.first-collepse-box h2 {
  font-size: 14px;
  font-family: "Poppins-SemiBold";
  line-height: 30px;
  color: #000000D9;
}

.first-collepse-box p {
  color: #000000AB;
  font-family: 'Poppins-Regular';
  font-size: 12px;
}

.role-txt-collepse-two {
  margin-top: 26px;
}

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

.drowing-tbl .table {
  border: 1px solid #00000012;
}

.drowing-tbl .table thead th {
  vertical-align: middle;
  border-bottom: 0px solid #dee2e6;
  padding: 24px 30px;
}

.drowing-tbl .table td {
  color: #282D5B;
  font-size: 16px;
  line-height: 19px;
  font-family: 'gilroy-medium';
  padding: 22px 30px 22px 30px;
  vertical-align: middle;
}

.passbook span {
  float: right;
  font-size: 26px;
  background: #EBEBEB;
  padding: 5px 12px;
  font-size: 26px;
  background: #EBEBEB;
  padding: 11px 20px;
  border-radius: 4px;
  color: #B1B1B1;
}

.successfully-box {
  margin: 0 auto;
  display: block;
  max-width: 825px;
}

.img-done {
  text-align: center;
}

.img-done h1 {
  color: #282D5B;
  font-family: "Poppins-Bold";
  font-size: 36px;
  line-height: 55px;
}

.img-done p {
  color: #282D5B;
  font-size: 20px;
  line-height: 33px;
  font-family: 'Poppins-Regular';
  margin-top: 20px;
}

.btn-grop {
  margin-top: 48px;
}

.btn-grop button.finish-btn {
  color: #01893E;
  font-family: 'Poppins-Regular';
  font-size: 18px;
  line-height: 27px;
  border: 1px solid #282D5B4F;
  padding: 12px 41px 13px 40px;
  background: none;
}

.btn-grop button.download {
  color: #fff;
  font-family: 'Poppins-Regular';
  font-size: 18px;
  line-height: 27px;
  border: none;
  padding: 13px 18px 12px 25px;
  background: #01893E;
  margin-left: 23px;
}

.pls-note {
  background: #F8F8FA;
  border: 1px solid #F8F8FA;
  border-radius: 19px;
  padding: 27px 65px 27px 66px;
  margin-top: 69px;
}

.pls-note h4 {
  color: #282D5B;
  font-family: "Poppins-SemiBold";
  font-size: 26px;
  line-height: 39px;
}

.pls-note p {
  color: #282D5B;
  font-size: 18px;
  line-height: 32px;
  font-family: 'Poppins-Regular';
}

.sp-box {
  margin-top: 51px;
  margin-bottom: 94px;
}

.bdp_email .new__select select {
  width: 100%;
  border: 0.5px solid #A9B8C1;
  height: 60px;
  font-family: 'Poppins-Regular';
  font-size: 16px;
  line-height: 22px;
  padding: 19px 18px;
  color: #00183966;
}

.bdp_email .new__select span {
  position: absolute;
  top: 23px;
  right: 20px;
}

.dumpster-txt {
  color: #282D5B;
  font-family: "Poppins-Medium";
  font-size: 18px;
  line-height: 27px;
}

.dumpster-Img {
  color: #01893E;
  font-family: 'gilroy-regular';
  font-size: 16px;
  line-height: 23px;
  text-align: right;
  cursor: pointer;
}

.dumpster-Img span {
  margin-right: 10px;
}

.add-btn-compnay {
  margin-bottom: 19px;
  margin-top: 30px;
}

.compnay-tbl .table {
  border: 1px solid #00000012;
  background: #fff;
}

.compnay-tbl .table thead th {
  border-bottom: 0px solid #dee2e6;
  padding: 24px 0px 21px 24px;
  color: #282D5B;
  font-family: "Poppins-SemiBold";
}

.compnay-tbl .table td {
  padding: 24px 0px 29px 24px;
  vertical-align: middle;
  border-top: 1px solid #00000012;
  color: #282D5BB0;
  font-family: 'Poppins-Regular';
  font-size: 14px;
  line-height: 22px;
}

.tbl_box {
  border: 1px solid #00000012;
  padding: 29px 25px;
}


/* The container */

.container-name {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/* Hide the browser's default checkbox */

.container-name input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


/* Create a custom checkbox */

.checkmark-mail {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0px 1px 10px #8B8B8B1F;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 5px;
  border: 0.5px solid #8484846E;
}


/* When the checkbox is checked, add a blue background */

.container-name input:checked~.checkmark-mail {
  background-color: #2196F3;
  border: 0.5px solid #2196F3;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark-mail:after {
  content: "";
  position: absolute;
  display: none;
}


/* Show the checkmark when checked */

.container-name input:checked~.checkmark-mail:after {
  display: block;
}


/* Style the checkmark/indicator */

.container-name .checkmark-mail:after {
  left: 7px;
  top: 4px;
  height: 10px;
  width: 6px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mail-shlok label span {
  display: block;
  font-size: 14px;
  font-family: 'Poppins-Regular';
  color: #282D5BB0;
}

.mail-shlok label {
  color: #282D5B;
  font-family: "Poppins-SemiBold";
  font-size: 14px;
}

.popup-dumpstar {
  max-width: 764px !important;
}

.text-addpopup {
  background: #fff;
  border-radius: 4px;
}

.text-addpopup {
  padding: 29px 24px;
}

.text-addpopup .close span {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 30px;
  line-height: 30px;
  height: 30px;
  background: #F7F8F9;
  cursor: pointer;
  border-radius: 50%;
  color: red;
}

.text-addpopup h5 {
  color: #282D5B;
  font-family: "Poppins-SemiBold";
  font-size: 24px;
  line-height: 35px;
}

.border-top-detals {
  border-top: 1px solid #EAEDF3;
  margin-top: 14px;
}

.up-add {
  margin-top: 29px !important;
}

.up-add input {
  height: 42px !important;
  font-size: 14px;
}

.up-add .form-control-placeholder {
  position: absolute;
  top: 11px;
  left: 17px;
  font-size: 14px;
  padding: 0px 0 0 0px;
  transition: all 200ms;
  font-family: 'Poppins-Regular';
  opacity: 0.6;
}

.up-add .form-control:valid+.form-control-placeholder {
  font-size: 12px;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  opacity: 1;
  background: white;
  color: #282D5B;
  top: 13px;
  display: inline-block;
  left: 14px;
  padding: 0px 6px 2px 5px;
}

.form-control:focus {
  border-color: #01893E;
}

.up-add .form-control:focus+.form-control-placeholder {
  font-size: 14px;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  opacity: 1;
  background: white;
  color: #01893E;
  top: 13px;
  display: inline-block;
  left: 13px;
  padding: 0px 6px 2px 5px;
}

.popup-busnise {
  margin-top: 33px;
}

.pop-Btn button.continue {
  width: 104px;
}

.pop-Btn button {
  border: none;
  color: #000;
}

.updateprofile {
  padding: 80px 0px 50px 0px;
  background: #F9FAFB;
}

.box-engrining-2 {
  background: #fff;
  padding: 0px 35px 10px 35px;
  max-width: 983px;
  margin: 0 auto;
  display: block;
  border: 1px solid #00000012;
}

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

.ld-txt h3 {
  color: #282D5B;
  font-size: 22px;
  font-family: "Poppins-Bold";
  line-height: 42px;
}

.ld-txt h4 button.el-txt {
  color: #282D5B;
  font-size: 14px;
  font-family: 'gilroy-regular';
  padding: 11px 18px;
  background: none;
  border: 1px solid #D4D5DE;
  border-radius: 2px;
  margin-right: 18px;
}

.ld-txt h4 button.ail-btn {
  color: #282D5B;
  font-size: 14px;
  font-family: 'gilroy-regular';
  padding: 11px 18px;
  background: none;
  border: 1px solid #D4D5DE;
  border-radius: 2px;
}

.ld-txt h4 button.ail-btn span {
  margin-right: 5px;
}

.ld-details .table {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #00000012;
}

.ld-details .table thead th {
  vertical-align: middle;
  border-bottom: 0px solid #dee2e6;
  padding: 27px 0px 24px 13px;
  color: #282D5B;
  line-height: 22px;
  font-size: 13px;
  font-family: "Poppins-SemiBold";
}

.ld-details .table td {
  vertical-align: middle;
  border-top: 1px solid #00000012;
  padding: 29px 0px 29px 13px;
  font-family: 'Poppins-Regular';
  color: #282D5BCC;
  font-size: 14px;
}

.ld-details .table td.exp button {
  color: #D81D37;
  border: 1px solid #D81D37;
  border-radius: 11px;
  background: none;
  font-size: 12px;
  padding: 0px 18px;
  line-height: 22px;
}

.ld-details .table td.view-Btn button {
  color: #282D5B;
  border: 1px solid #D4D5DE;
  border-radius: 2px;
  background: none;
  font-size: 12px;
  padding: 0px 10px;
  line-height: 22px;
}

.ld-details {
  margin-top: 27px;
}

.popup-dumpstar-2 {
  max-width: 468px !important;
}

.popup-dumpstar-2 h5 {
  font-size: 24px;
}

.poilcy_type select {
  height: 42px;
  border: 0.5px solid #282D5B;
}

.poilcy_type label {
  color: #282D5B !important;
}

.poilcy_type .form-group span {
  top: 44px !important;
}

.yl-mtop .up-add {
  margin-top: 0px !important;
}

.upload-file-verifcaction {
  margin-top: 30px;
}

.brose-file {
  max-width: 100%;
  height: 146px;
  border: 0.5px dashed #01893E;
  border-radius: 2px;
  position: relative;
}

.brose-file input {
  opacity: 0;
  top: 0;
  width: 100%;
  max-width: 100%;
  height: 80px !important;
  position: absolute;
}

.brose-file h3 img {
  display: block;
  margin: 0 auto;
  margin-top: 25px;
}

.brose-file h3 span {
  font-size: 12px;
  color: #686868;
  line-height: 18px;
  margin-top: 6px;
  display: block;
  text-align: center;
  font-family: 'Poppins-Regular';
}

.brose-file h3 button {
  display: block;
  text-align: center;
  font-family: 'Poppins-Regular';
  margin: 0 auto;
  border: 0.699999988079071px solid #01893E;
  padding: 8px 16px;
  color: #01893E;
  font-size: 12px;
  background: none;
  margin-top: 10px;
}

.popup-dumpstar-3 {
  max-width: 799px;
}

.owner {
  position: relative;
  padding-left: 30px;
  font-family: 'Poppins-Regular';
  font-size: 12px;
  cursor: pointer;
  font-size: 22px;
  color: #282D5B;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/* Hide the browser's default radio button */

.owner input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}


/* Create a custom radio button */

.checkma {
  position: absolute;
  top: 0px;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #01893E;
}


/* When the radio button is checked, add a blue background */

.owner input:checked~.checkma {
  background-color: #fff;
  border: 1px solid #2196F3;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkma:after {
  content: "";
  position: absolute;
  display: none;
}


/* Show the indicator (dot/circle) when checked */

.owner input:checked~.checkma:after {
  display: block;
}


/* Style the indicator (dot/circle) */

.owner .checkma:after {
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #2196F3;
}

.upload-owner {
  margin-top: 36px;
}

.upload-owner label {
  font-size: 14px;
}

.upload-owner .auth-txt {
  margin-left: 16px;
  line-height: 21px;
  color: #282D5B;
  font-family: 'Poppins-Regular';
}

.upload-owner p {
  font-size: 16px;
  line-height: 25px;
  font-family: 'Poppins-Regular';
  color: #282D5B;
  margin-bottom: 13px;
}

.lable-border {
  border-top: 1px solid #EEEFF2;
  margin: 26px 0px;
  max-width: 284px;
}

.popup-dumpstar-3 .text-addpopup {
  padding: 40px 30px !important;
}

.bottom_border-btn {
  border-top: 0.5px solid #00000042;
  margin-top: 40px;
}


/* Change Autocomplete styles in Chrome*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 0.5px solid #282D5B;
  -webkit-text-fill-color: #282D5BCC;
  /* -webkit-box-shadow: 0 0 0px 1000px #fff inset; */
  transition: background-color 5000s ease-in-out 0s;
}


/* kapil css */

.status-Box {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #00000012;
  padding: 50px 23px 33px 23px;
}

.per-uodate {
  margin-top: 15px;
}

.status-Box h2 {
  font-size: 28px;
  color: #282D5B;
  font-family: "Poppins-Bold";
  line-height: 42px;
  border-bottom: 1px solid #EAEDF3;
  padding-bottom: 12px;
}

.status-Box h3 {
  font-size: 20px;
  color: #282D5B;
  font-family: "Poppins-SemiBold";
  line-height: 18px;
  margin-top: 30px;
}

.modifiy button.m-app-btn {
  color: #01893E;
  font-size: 14px;
  font-family: 'gilroy-medium';
  padding: 12px 17px;
  border: 1px solid #01893E;
  border-radius: 2px;
  background: #fff;
}

.modifiy button.m-app-btn span {
  margin-left: 5px;
}

.rc-img {
  margin-left: 20px;
}

.modifiy {
  margin-top: 18px;
}

.status_pro-txt h3 {
  color: #282D5B;
  font-family: "Poppins-SemiBold";
  font-size: 20px;
  line-height: 33px;
  margin-top: 45px;
}

.status_tabber .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: #e9ecef00 #e9ecef00 #dee2e600;
}

.status_tabber .nav-tabs .nav-link {
  border: 0px solid transparent;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
}

.status_tabber .nav-tabs .nav-item {
  margin-bottom: 0px;
}

.status_tabber {
  margin-top: 22px;
}

.status_tabber .nav-tabs {
  padding-bottom: 19px;
}

.status_tabber .nav-link {
  display: block;
  padding: 0px;
  margin-right: 74px;
  color: #282D5B99;
  font-family: "Poppins-Medium";
  font-size: 13px;
  line-height: 22px;
  position: relative;
}

.status_tabber .nav-link.active::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 4px;
  background: #01893E;
  top: 37px;
}

.status_tabber .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #01893E;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
  font-family: "Poppins-Medium";
  font-size: 13px;
  line-height: 22px;
}

.review-desiign-box {
  margin-top: 23px;
}

.tbl-review-design {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #00000012;
  border-radius: 4px;
}

.tbl-review-design .table thead th {
  vertical-align: middle;
  border-bottom: 0px solid #dee2e6;
  border-top: 0px;
  padding: 24px 0px 23px 30px;
  color: #282D5B;
  font-family: 'gilroy-medium';
  font-size: 16px;
  line-height: 19px;
}

.tbl-review-design .table td {
  padding: 24px 0px 19px 30px;
  vertical-align: middle;
  border-top: 1px solid #00000012;
  color: #707070;
  font-size: 16px;
  line-height: 25px;
  font-family: 'Poppins-Regular';
}

.tbl-review-design .table td.btn__view button {
  color: #01893E;
  font-size: 14px;
  font-family: 'Poppins-Regular';
  padding: 10px 28px 9px 28px;
  background: none;
  border: 1px solid #01893E;
}

.tbl-review-design .table th.action-type {
  text-align: right;
  padding-right: 108px;
}

.tbl-review-design .table td.action-type {
  text-align: right;
  padding-right: 108px;
}

.no-cart h5 {
  color: #01893E;
  font-size: 16px;
  line-height: 25px;
  font-family: 'Poppins-Regular';
}

.no-cart {
  background: #EDF7FE;
  border: 1px solid #00000012;
  border-radius: 4px;
  padding: 22px 26px 23px;
}

.table-permit table td.blue-txt button {
  border: 1px solid #01893E;
  color: #01893E;
  padding: 0px 21px;
}

.table-permit table td.orange-txt button {
  border: 1px solid #EC9D16;
  color: #EC9D16;
  padding: 0px 21px;
}

.dropdown-action {
  position: relative;
}

.dropdown-contentable {
  display: none;
  position: absolute;
  min-width: 133px;
  left: -62px;
  top: 70px;
  z-index: 1;
  border-radius: 9px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 9px #00000017;
  border: 0.5px solid #00000014;
}

.dropdown-contentable a {
  color: #282D5BCC;
  padding: 8px 11px;
  font-size: 12px;
  line-height: 18px;
  font-family: 'Poppins-Regular';
  text-decoration: none;
  display: block;
  cursor: pointer !important;
  border-bottom: 0.5px solid #F6F7F8;
}

.dropdown-action:hover .dropdown-contentable {
  display: block;
}

.triangle-left {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #828282;
  position: absolute;
  right: 18px;
  top: -11px;
}

.triangle-left:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #ffffff;
  position: absolute;
  left: -11px;
}

.invite-btn {
  padding: 13px 38px !important;
}

.dash-back {
  max-width: 983px;
  margin: 0 auto;
  background: #F9FAFB;
}

.bg-dashbord {
  background: #F9FAFB;
  padding: 44px 0px 18px 0px;
}

.reset-pass {
  max-width: 623px;
  margin: 0 auto;
  display: block;
  padding-top: 16px;
}

.passwird-reset-box {
  background: #FFFFFF;
  border-radius: 4px;
  padding: 41px 55px 45px 56px;
}

.bg-gray-color {
  background: #F9FAFB;
}

.reset-txt h2 {
  color: #282D5B;
  font-family: "Poppins-Bold";
  font-size: 28px;
  line-height: 42px;
}

.reset-txt h6 {
  color: #282D5B99;
  font-family: 'gilroy-regular';
  font-size: 18px;
  line-height: 30px;
}
#dropdown-content{
  left: auto;
  top: 26px;
  right: -17px;
}

.yonker-email {
  margin-top: 43px;
}

.btn-reset-submit {
  margin-top: 39px;
}
.what-edit{
  display: flex;
  justify-content: space-between;
}
.btn-reset-submit button {
  font-size: 18px;
  font-family: 'gilroy-medium';
  line-height: 30px;
  color: #FFFFFF;
  background: #01893E;
  border: none;
  width: 100%;
  padding: 20px 0px;
}

.btn-reset-submit h5 {
  color: #2C2E30;
  font-family: "Poppins-Medium";
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin-top: 20px;
  cursor: pointer;
}

.create-new-padding {
  padding-top: 80px;
}

.yonker-email-2 {
  margin-top: 30px;
}


/* css 29/04/2020 */

.table-permit table td.blue-txt-2 button {
  border: 1px solid #1479EB;
  color: #1479EB;
  padding: 0px 11px;
}

.table-permit table td.green-txt-2 button {
  border: 1px solid #38C461;
  color: #FFFFFF;
  padding: 0px 11px;
  background-color: #38C461;
}

.table-permit table td.orange-txt-2 button {
  border: 1px solid #EC9D16;
  color: #EC9D16;
  padding: 0px 22px;
}

.table-permit table td.light-green-txt-2 button {
  border: 1px solid red;
  color: red;
  padding: 5px 14px 5px 30px;
  font-weight: bold;
  font-size: 12px;
  position: relative;
}

.table-permit table td.light-green-txt-2 button::before {
  position: absolute;
  content: '';
  background-image: url(../images/icon5.png);
  background-repeat: no-repeat;
  background-position: right;
  width: 16px;
  left: 9px;
  top: 7px;
  height: 16px;
}


.table-permit table td.denied button {
  border: 1px solid red;
  background-color: red;
  color: #ffffff;
  padding: 5px 35px;
  font-weight: bold;
  font-size: 12px;
}

.work-loaction-tab .nav-pills .nav-link.active {
  color: #01893E;
  font-size: 18px;
  font-family: "Poppins-SemiBold";
  line-height: 27px;
  background: none;
  padding: 0px;
  position: relative;
}

.work-loaction-tab .nav-pills .nav-link.active::before {
  position: absolute;
  content: '';
  background: #01893E;
  border-radius: 6px;
  width: 31px;
  height: 5px;
  top: 27px;
}

.work-loaction-tab .nav-pills .nav-link {
  padding: 0px;
  color: #282D5B;
  margin-right: 48px;
  font-size: 18px;
  line-height: 27px;
  font-family: "Poppins-SemiBold";
}

.work-loaction-tab {
  margin-top: 35px;
}

.daily-sec {
  margin-top: 80px;
}

.box-work-daily {
  background: #FFFFFF;
  border: 1px solid #F9F9F9;
  margin-top: 32px;
  padding: 40px 31px 39px 30px;
  max-width: 983px;
}

.daily_Hd h2 {
  color: #282D5B;
  font-size: 28px;
  line-height: 42px;
  font-family: "Poppins-Bold";
  padding-bottom: 14px;
  border-bottom: 1px solid #EFEFEF;
}

.mt_loacton {
  margin-top: 45px;
}

.dwl-tab {
  margin-top: 42px;
}

.daily-type {
  position: relative;
}

.daily-type select {
  width: 100%;
  font-family: 'Poppins-Regular';
  font-size: 18px;
  line-height: 27px;
  height: 60px;
  padding: 17px 24px 17px;
  color: #282D5BCC;
  border: 0.5px solid #282D5B99;
}

.daily-type span {
  position: absolute;
  top: 48px;
  right: 17px;
}

.daily-type label {
  background: #fff;
  position: relative;
  top: 9px;
  font-size: 16px;
  left: 17px;
  padding-left: 7px;
  font-family: 'Poppins-Regular';
  padding-right: 7px;
  color: #282D5B;
}

.work-categry {
  margin-top: 24px;
}

.dd-textarea {
  margin-top: 40px;
}

.dd-textarea textarea {
  width: 100%;
  height: 113px;
  padding: 14px 17px;
  resize: none;
  border: 0.5px solid #282D5B99;
}

.dd-textarea textarea::placeholder {
  color: #00183966;
  font-family: 'Poppins-Regular';
  font-size: 16px;
  line-height: 22px;
}

.dd-textarea label {
  font-family: "Poppins-Medium";
  color: #001839;
  font-size: 16px;
  line-height: 20px;
  padding-bottom: 10px;
}

.box-work-daily-2 {
  background: #FFFFFF;
  border: 1px solid #F9F9F9;
  margin-top: 40px;
  padding: 35px 33px 34px 32px;
  max-width: 983px;
  margin-bottom: 82px;
}


/* css 04/05/2020 */

.file_slect-input {
  position: relative;
  max-width: 181px;
}

.file_slect-input select {
  height: 43px;
  width: 100%;
  padding: 13px 12px 10px;
  color: #282D5B;
  font-size: 14px;
  line-height: 17px;
}

.file_slect-input span {
  position: absolute;
  top: 12px;
  right: 10px;
}

.new-UploadBox .img-upload-tbl .table thead th {
  padding: 13px 130px 13px 30px;
}

.new-UploadBox .img-upload-tbl .table thead tr {
  background: #F6F9FC;
}

.new-UploadBox .img-upload-tbl .table td.upload-Btn button {
  background: #ffffff;
  font-family: 'Poppins-Regular';
  font-size: 12px;
  position: relative;
  line-height: 22px;
  color: #01893E;
  padding: 8px 17px;
  border: 1px solid #01893E;
  border-radius: 2px;
}

.new-UploadBox .img-upload-tbl .table td.acton-Btn button {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #282D5B;
  border-radius: 2px;
  padding: 6px 9px;
}

.new-UploadBox .img-upload-tbl .table td.acton-Btn button span {
  margin-right: 2px;
}

.new-UploadBox .img-upload-tbl .table td {
  padding: 25px 0px 23px 30px;
  font-family: 'Poppins-Regular';
  color: #282D5B;
  font-size: 14px;
  line-height: 21px;
  vertical-align: middle;
}

.new-UploadBox .img-upload-tbl .table td.acton-Btn button.delet-btn {
  margin-left: 13px;
}

.more-txt {
  color: #01893E;
  font-family: 'gilroy-medium';
  font-size: 16px;
  line-height: 19px;
  cursor: pointer;
}

.streen-Box {
  margin: 0 auto;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #00000012;
  max-width: 983px;
  margin-top: 60px;
}

.submission-mt {
  margin-top: 55px;
  position: relative;
}

.sub-oppining select {
  width: 100%;
  height: 60px;
  padding: 18px 24px;
  color: #282D5BCC;
  font-family: 'Poppins-Regular';
  font-size: 18px;
  line-height: 24px;
  border: 0.5px solid #282D5BCC;
  position: relative;
}

.sub-oppining span {
  position: absolute;
  top: 40px;
  right: 20px;
  font-size: 20px;
}

.sub-oppining {
  margin-top: 33px !important;
}

.sub-oppining label {
  color: #282D5B;
  font-family: 'Poppins-Regular';
  font-size: 16px;
  line-height: 22px;
  background: #fff;
  position: relative;
  top: 12px;
  left: 17px;
  padding-left: 7px;
  padding-right: 7px;
  z-index: 99;
}

.bdp_email span.icon-calander {
  width: 17px;
  height: 17px;
  color: #7E8085;
  position: absolute;
  right: 20px;
  top: 22px;
}

.Detailed-txt {
  margin-top: 40px;
}

.Detailed-txt textarea {
  width: 100%;
  height: 113px;
  border: 0.5px solid #282D5B;
  padding: 14px 17px;
  resize: none;
}

.Detailed-txt textarea::placeholder {
  color: #00183966;
  font-family: 'Poppins-Regular';
  font-size: 16px;
  line-height: 22px;
}

.Detailed-txt label {
  color: #001839;
  font-family: "Poppins-Medium";
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 10px;
}

.discprection-Box {
  margin-top: 19px;
}

.layout-box {
  margin: 0 auto;
  max-width: 983px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #00000012;
  margin-top: 30px;
  margin-bottom: 100px;
}

.layout-box .table-permit table td small {
  padding: 0px 26px;
  font-size: 100%;
}

.layout-box .table-permit table td strong {
  display: block;
  color: #01893E;
  font-family: 'Poppins-Regular';
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  cursor: pointer;
}

.layout-box .table-permit table td {
  vertical-align: top !important;
}

.street-slcTxt {
  margin-top: 6px;
}

.multimple-moreTxt {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.multimple-moreTxt .plus-moretxt {
  color: #01893E;
  font-family: 'gilroy-medium';
  font-size: 16px;
  line-height: 19px;
  cursor: pointer;
}

.multimple-moreTxt .plus-moretxt span {
  margin-right: 5px;
}

.multimple-moreTxt .txt_delet {
  color: #E53030;
  font-size: 16px;
  line-height: 19px;
  cursor: pointer;
  font-family: 'gilroy-medium';
}

.delet-modal {
  max-width: 415px !important;
  margin: 0 auto;
  text-align: center;
}

.app-content {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 3px #0000000A;
  border: none !important;
  border-radius: 0px !important;
  padding: 36px 94px;
}

.soure-delete-txt h3 {
  font-family: "Poppins-SemiBold";
  font-size: 24px;
  line-height: 35px;
  color: #282D5B;
}

.soure-delete-txt h4 {
  font-family: 'Poppins-Regular';
  font-size: 13px;
  line-height: 25px;
  color: #282D5B;
  margin-top: 20px;
}

.modal-footer {
  margin-top: 20px !important;
  margin: 0 auto;
}

.modal-footer button.secondary {
  border: none;
  color: #282D5B;
  font-family: 'Poppins-Regular';
  font-size: 14px;
  line-height: 20px;
  background: none;
}

.modal-footer button.primary {
  border: none;
  color: #fff;
  font-size: 14px;
  padding: 9px 19px;
  line-height: 20px;
  font-family: 'Poppins-Regular';
  background: #01893E;
  margin-left: 30px;
}


/* admin css 07/005/2020 */

.filter-search .header-input input {
  width: 100%;
  padding: 14px 20px 14px 45px;
  background: #EDEEF454 0% 0% no-repeat padding-box;
  border: 1px solid #E2E5ED;
}

.filter-search .header-input input::placeholder {
  color: #282D5B;
}

.filter-search .tbl-search-box span {
  top: 10px;
  color: #282D5B99;
}

.more-index .New-Project button {
  background: #01893E;
  padding: 10px 17px;
}

.more-index .New-Project button span {
  margin-left: 4px;
}

.adminpermit_hd .permit-Hd {
  font-size: 27px;
  line-height: 38px;
}

.btn-filter button {
  background: #FFFFFF;
  box-shadow: 0px 1px 3px #0000000A;
  border: 1px solid #01893E;
  padding: 10px 17px;
  display: inline-block;
  color: #01893EE8;
  padding: 10px 16px;
}

.filter-top button.filter {
  background: #FFFFFF;
  box-shadow: 0px 1px 3px #0000000A;
  border: 1px solid #01893E;
  display: inline-block;
  color: #01893E;
  padding: 7px 16px;
  border-radius: 0;
}

.btn-filter button span img {
  margin-right: 5px;
}

.filter_tbl .table-permit table td,
.table-permit table th {
  padding: 30px 0px 30px 30px;
  vertical-align: top;
  font-size: 13px;
}

.filter_tbl .table-permit table td {
  color: #282D5BCC;
}

.filter_tbl .table-permit table td span.to-txt {
  padding: 0px 15px;
}

.filter_tbl .table-permit table td.green-txt-2 button,
.table-permit table td.orange-txt-2 button {
  padding: 0px 18px;
}

.filter_tbl .table-permit table td h6.show-more {
  color: #01893E;
  font-family: 'Poppins-Regular';
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
  margin-top: 3px;
}

.filter_tbl .table-permit table td small.new_yorktxt {
  font-size: 100%;
  display: block;
  margin-top: 3px;
}

.admin_tabber .work-loaction-tab .nav-pills .nav-link.active {
  font-size: 15px;
  line-height: 23px;
  color: #01893E;
  font-family: "Poppins-Medium";
  display: inline-block;
}

.admin_tabber .work-loaction-tab .nav-pills .nav-link {
  margin-right: 36px;
  color: #282D5B;
  font-family: "Poppins-Medium";
  font-size: 15px;
  line-height: 23px;
  display: inline-block;
}

.admin_tabber .work-loaction-tab .nav-pills .nav-link.active::before {
  position: absolute;
  content: '';
  background: #01893E;
  border-radius: 6px;
  width: 30px;
  height: 5px;
  top: 30px;
}


/* admin css 21/05/2020 */

.dash-back-two {
  max-width: 1004px;
  margin: 0 auto;
  background: #F9FAFB;
}

.box-engrining-admin {
  background: #fff;
  padding: 25px 27px 0px 27px;
  max-width: 1004px;
  margin: 0 auto;
  display: block;
  border: 1px solid #00000012;
}

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

.heading-permit h2 {
  font-family: "Poppins-SemiBold";
  color: #282D5B;
  font-size: 24px;
  line-height: 28px;
}

.heading-permit h3 button {
  background: #01893E;
  border: none;
  padding: 0px 20px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  font-family: 'Poppins-Regular';
}

.adminjob-details-box {
  background: #FFFFFF;
  padding: 28px;
  margin-top: 23px;
  border: 1px solid #00000012;
}

.tabs-admin-update .nav-tabs {
  border-bottom: 1px solid #EBECF0;
  padding-bottom: 0px;
  margin-bottom: 20px;
}

.tabs-admin-update .nav-tabs .nav-item {
  margin-bottom: 0px;
  color: #282D5B;
  font-family: "Poppins-SemiBold";
  line-height: 27px;
  font-size: 17px;
  margin-right: 32px;
  margin-bottom: 2rem;
}

.tabs-admin-update .nav-tabs .nav-item:hover {
  text-decoration: none;
}

.tabs-admin-update .nav-tabs .nav-item.active {
  color: #01893E;
  font-family: "Poppins-SemiBold";
  font-size: 17px;
  line-height: 27px;
  position: relative;
}

.tabs-admin-update .nav-tabs .nav-item.active::before {
  position: absolute;
  content: '';
  width: 50px;
  height: 5px;
  background: #01893E;
  border-radius: 6px;
  top: 32px;
}

.no-ref-txt {
  margin-top: 17px;
}

.no-ref-txt ul li {
  margin-bottom: 23px;
}

.no-ref-txt h5 {
  color: #282D5B99;
  font-size: 14px;
  line-height: 21px;
  font-family: 'Poppins-Regular';
}

.no-ref-txt h6 {
  color: #282D5B;
  font-family: 'Poppins-Regular';
  font-size: 16px;
  line-height: 21px;
}

.no-ref-txt h6 span {
  padding: 0px 10px 0px 12px;
}

.no-ref-txt h6 small {
  display: inline-block;
  cursor: pointer;
  color: #01893E;
  font-size: 12px;
  font-family: 'Poppins-Regular';
}

.description_edit-txt h3 {
  color: #282D5B99;
  font-size: 14px;
  font-family: 'Poppins-Regular';
}

.description_edit-txt h3 span img {
  cursor: pointer;
}

.description_edit-txt p {
  color: #282D5B;
  font-size: 16px;
  font-family: 'Poppins-Regular';
  line-height: 28px;
  padding-bottom: 30px;
}

.submision-review-box {
  margin-top: 25px;
}

.submision-review-box .card {
  border: 0px;
  margin-bottom: 25px;
  border-radius: 0px !important;
}

.submision-review-box .card button {
  padding: 0;
  background: #01893E;
  color: #fff;
  border-radius: 0px !important;
  border: none;
  font-family: "Poppins-Medium";
  font-size: 18px;
  line-height: 19px;
  font-family: "Poppins-Medium";
  padding: 18px 30px;
  cursor: inherit;
}

.submision-review-box .card button span {
  color: #fff;
  float: right;
  cursor: pointer;
}

.submision-review-box .card .card-body {
  padding: 0;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #00000012;
  border-top: none;
}

.submision-review-box .card button:hover {
  text-decoration: none;
}

.select-input-box {
  position: relative;
}

.select-input-box span {
  position: absolute;
  top: 35px;
  right: 10px;
}

.select-input-box select {
  width: 100%;
  height: 40px;
  padding: 10px 16px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.5px solid #9CA6C08C;
  color: #282D5B;
  font-family: 'Poppins-Regular';
  font-size: 14px;
}

.select-input-box label {
  color: #282D5B99;
  font-family: 'Poppins-Regular';
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 6px;
}

.app-status-txt {
  padding: 26px;
}

.comment-box-submision {
  margin-top: 30px;
}

.comment-box-submision label {
  color: #282D5B80;
  padding-bottom: 6px;
}

.comment-box-submision textarea {
  width: 100%;
  height: 102px;
  border: 0.5px solid #9CA6C08C;
  color: #282D5B99;
  padding: 17px 24px 18px 16px;
  resize: none;
}

.user-input-colomn {
  margin-top: 30px;
}

.email-userinput input {
  width: 100%;
  height: 40px;
  padding: 10px 15px;
  background: #FFFFFF;
  border: 0.5px solid #9CA6C08C;
}

.email-userinput input::placeholder {
  color: #282D5B;
  font-size: 14px;
  font-family: 'Poppins-Regular';
}

.email-userinput label {
  color: #282D5B99;
  padding-bottom: 6px;
}

.submision-btn {
  margin-top: 24px;
}

.submision-btn button {
  color: #fff !important;
  padding: 10px 21px !important;
  font-size: 11px !important;
  font-family: 'Poppins-Regular' !important;
  background: #01893E !important;
}


/* Decisions css 22/05/2020 */

.detailed-edit {
  max-width: 467px;
  border-radius: 4px;
}

.txtepd {
  color: #282D5B;
  line-height: 35px;
  font-family: "Poppins-SemiBold";
  font-size: 24px;
}

.detail-txtarea {
  padding: 29px 35px 0px 41px;
}

.detail-txtarea textarea {
  width: 100%;
  resize: none;
  height: 113px;
  background: #fff;
  border: 1px solid #D6D7E0;
  padding: 16px 17px;
  margin-bottom: 30px;
}

.detail-txtarea label {
  color: #001839;
  font-size: 14px;
  line-height: 22px;
  font-family: "Poppins-Medium";
  padding-bottom: 11px;
}

.detail-txtarea textarea::placeholder {
  color: #00183966;
  font-size: 14px;
  line-height: 22px;
  font-family: 'Poppins-Regular';
}

.modal-btn-decripatn {
  text-align: right;
  margin-bottom: 30px;
}

.modal-btn-decripatn button.cancle_button {
  color: #01893E;
  font-size: 12px;
  border: 1px solid #D4D5DE;
  background: #fff;
  padding: 9px 20px;
  font-family: 'Poppins-Regular';
  line-height: 26px;
  margin-right: 15px;
}

.modal-btn-decripatn button.save_button {
  color: #fff;
  font-size: 11px;
  line-height: 26px;
  font-family: "Poppins-Medium";
  border: none;
  background: #01893E;
  padding: 10px 27px;
}

#close-icon-modal span {
  background: #e6e6e6;
  position: absolute;
  height: 30px;
  right: 32px;
  width: 30px;
  text-align: center;
  line-height: 32px;
  border-radius: 50%;
  top: 20px;
}

.decisions_box-collepse {
  padding: 30px;
}

.text-decision-bx h3 {
  color: #3E3F42;
  font-size: 16px;
  line-height: 28px;
  font-family: "Poppins-SemiBold";
  margin-bottom: 20px;
}

.text-decision-bx label {
  color: #282D5B99;
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 6px;
  font-family: 'Poppins-Regular';
}

.text-decision-bx select {
  width: 100%;
  height: 40px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.5px solid #9CA6C08C;
  padding: 10px 16px;
  font-family: 'Poppins-Regular';
  font-size: 14px;
}

.text-decision-bx .form-group span {
  position: absolute;
  top: 36px;
  right: 10px;
}

.add-special-box {
  margin-top: 28px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.5px solid #9CA6C08C;
  height: 91px;
}

.txt-special-condition {
  color: #01893E;
  font-size: 14px;
  line-height: 32px;
  font-family: 'Poppins-Regular';
  text-align: center;
  border: 0.5px dashed #01893E;
  margin: 25px;
  padding: 5px 0px;
  cursor: pointer;
}

.decision-here {
  margin-top: 30px;
}

.decision-here textarea {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.5px solid #9CA6C08C;
  height: 102px;
  width: 100%;
  resize: none;
  padding: 17px 16px;
}

.decision-here textarea::placeholder {
  color: #282D5B;
  font-size: 14px;
  line-height: 22px;
  font-family: 'Poppins-Regular';
}

.expiration-date-box {
  margin-top: 30px;
}

.app-status-slect label {
  color: #282D5B99;
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 6px;
}

.app-status-slect select {
  width: 100%;
  height: 60px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.5px solid #9CA6C08C;
  padding: 10px 16px;
  font-family: 'Poppins-Regular';
  font-size: 14px;
}

.app-status-slect input {
  width: 100%;
  height: 60px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.5px solid #9CA6C08C;
  padding: 10px 16px;
  font-family: 'Poppins-Regular';
  font-size: 14px;
  border-radius: 0;
}

.app-status-slect .form-group span {
  position: absolute;
  top: 47px;
  color: #3F465E;
  right: 10px;
}

.dicision-submit_btn button {
  margin-top: 24px;
  padding: 10px 21px !important;
  background: #01893E !important;
  font-size: 11px !important;
  line-height: 26px !important;
  font-family: "Poppins-Medium" !important;
  cursor: pointer !important;
}

.plan-examiner-box {
  margin-top: 30px;
}

.plan-examiner-box .table {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #00000012;
}

.plan-examiner-box .table thead th {
  border-bottom: 0px solid #dee2e6;
  padding: 10px;
  color: #282D5B;
  line-height: 25px;
  font-size: 13px;
  font-family: "Poppins-SemiBold";
  width: calc(100% / 4);
  vertical-align: middle;
}

.plan-examiner-box .table tbody td {
  color: #282D5BCC;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  font-family: 'Poppins-Regular';
  width: calc(100% / 4);
  vertical-align: middle;
}

.add-conditions-modal {
  max-width: 695px;
}

.add-conditions-modal .modal-header {
  padding: 0;
  padding-bottom: 10px;
  border: 0.6000000238418579px solid #E8E8E8;
}

.modal-content-padding {
  padding: 13px 26px 32px 26px;
}

.contition_Hd {
  color: #282D5B;
  font-family: "Poppins-SemiBold";
  font-size: 23px;
  line-height: 34px;
  padding: 13px 0px 0px 23px;
}

.searchInput {
  margin-top: 10px;
  position: relative;
}

.searchInput input {
  width: 100%;
  background: #EDEEF454 0% 0% no-repeat padding-box;
  border: 1px solid #E2E5ED;
  padding: 8px 37px 7px 37px;
  height: 35px;
}

.searchInput .form-group span {
  position: absolute;
  left: 15px;
  top: 10px;
  color: #282D5B99;
}

.inspaction-box {
  margin-top: 26px;
  height: 310px;
  border-right: 0.6000000238418579px solid #E8E8E8;
  border-bottom: 0.6000000238418579px solid #E8E8E8;
  overflow: auto;
}


/* width */

.inspaction-box::-webkit-scrollbar {
  width: 3px;
}


/* Track */


/* Handle */

.inspaction-box::-webkit-scrollbar-thumb {
  background: #01893E;
  border-radius: 10px;
}


/* Handle on hover */

.inspaction-box::-webkit-scrollbar-thumb:hover {
  background: #01893E;
}


/* The container */

.container-curb {
  display: block;
  position: relative;
  padding-left: 29px;
  font-family: 'Poppins-Regular';
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 14px !important;
  color: #282D5B;
}


/* Hide the browser's default checkbox */

.container-curb input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


/* Create a custom checkbox */

.checkmark-replacement {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  box-shadow: 0px 1px 3px #8B8B8B19;
  border: 0.5px solid #8484846E;
  border-radius: 5px;
}


/* When the checkbox is checked, add a blue background */

.container-curb input:checked~.checkmark-replacement {
  background-color: #01893E;
  border: 0.5px solid #01893E;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark-replacement:after {
  content: "";
  position: absolute;
  display: none;
}


/* Show the checkmark when checked */

.container-curb input:checked~.checkmark-replacement:after {
  display: block;
}


/* Style the checkmark/indicator */

.container-curb .checkmark-replacement:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkbox-addBtn {
  margin-top: 23px;
  text-align: right;
}

.checkbox-addBtn button.add-btntxt {
  font-size: 11px;
  padding: 10px 30px;
  line-height: 26px;
  color: #fff;
  font-family: "Poppins-Medium";
  background: #01893E;
  border: none;
}

.checkbox-addBtn button.cancle-btntxt {
  font-size: 12px;
  padding: 10px 20px;
  line-height: 26px;
  border: 1px solid #CACCD7;
  color: #01893E;
  font-family: 'Poppins-Regular';
  background: #fff;
  margin-right: 15px;
}


/* ------------  Selected Special Conditions css----------------------------------------------- */

.decision-here-2 {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.5px solid #9CA6C08C;
  height: 197px;
  margin-top: 30px;
  padding: 20px 28px 15px 28px;
}

.decision-here-2 h2 {
  color: #3E3F42;
  font-family: "Poppins-SemiBold";
  line-height: 28px;
  font-size: 14px;
}

.add_more-spacial h3 {
  color: #01893E;
  font-family: 'Poppins-Regular';
  line-height: 32px;
  font-size: 14px;
  cursor: pointer;
}

.dropdown_act {
  position: relative;
}

.dropdown-content-void {
  display: none;
  position: absolute;
  right: 56px;
  background-color: #fff;
  min-width: 133px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 9px #00000017;
  border: 0.5px solid #00000014;
  border-radius: 4px;
  z-index: 1;
}

.dropdown-content-void a {
  color: black;
  padding: 8px 13px;
  text-decoration: none;
  display: block;
  cursor: pointer;
}

.dropdown-content-void a:hover {
  background-color: #ddd;
}

.dropdown_act:hover .dropdown-content-void {
  display: block;
}

.dropdown_act h6 {
  width: 20px;
  height: 20px;
  background: #01893E 0% 0% no-repeat padding-box;
  border-radius: 7px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.status-active-btn {
  width: 80px;
  height: 23px;
  text-align: center;
  color: #1479EB;
  border: 1px solid #1479EB;
  border-radius: 11px;
  font-size: 12px;
  line-height: 22px;
  font-family: "Poppins-Medium";
}

.number_con_Hd h3 {
  color: #282D5B99;
  font-family: 'Poppins-Regular';
  font-size: 14px;
  line-height: 21px;
}

.number_con_Hd h4 {
  color: #282D5B;
  font-family: 'Poppins-Regular';
  font-size: 16px;
  line-height: 25px;
  margin-top: 5px;
}

.number_con_Hd .busines-edit {
  text-align: right;
}

.number_con_Hd .busines-edit h6 {
  background: #01893E;
  padding: 8px 22px;
  border-radius: 20px;
  display: inline-block;
  font-size: 11px;
  cursor: pointer;
  color: #fff;
  font-family: 'Poppins-Regular';
}

.number_con_Hd .busines-edit h6 span img {
  margin-right: 3px;
}

.con-boxis-2 {
  margin-top: 30px;
}

.Add__New_inspection h4 {
  color: #01893E;
  font-family: 'Poppins-Regular';
  font-size: 14px;
  line-height: 19px;
  cursor: pointer;
}

.Add__New_inspection h4 span img {
  margin-right: 4px;
}


/* admin collepse css 25/05/2020 */

.bdp_email input {
  border: 0.5px solid #A9B8C1B0;
}

#cBtn-modal {
  color: #01893E;
  border: 1px solid #282D5B42;
}

.admin-add-insurance label {
  color: #282D5B99;
  font-size: 12px;
  line-height: 18px;
  font-family: 'Poppins-Regular';
  padding-bottom: 6px;
}

.admin-add-insurance {
  position: relative;
  /* margin-top: 26px !important; */
}

.admin-add-insurance select {
  width: 100%;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.5px solid #282D5B66;
  height: 42px;
  padding: 11px 16px;
  color: #282D5B99;
  font-weight: 900;
  font-size: 14px;
}

.admin-add-insurance select option {
  font-weight: 900;
  font-size: 14px;
}

.admin-add-insurance span {
  position: absolute;
  right: 15px;
  top: 36px;
}

.admin-add-insurance-input {
  margin-top: 34px !important;
  position: relative;
}

.admin-add-insurance-input span {
  position: absolute;
  right: 15px;
  top: 14px;
  color: #a0a0a0;
}

#cBtn-modal-close {
  color: #01893E;
  border: 1px solid #282D5B42;
}

.imgbox-upload {
  margin-top: 30px;
  background: #EFF6FE;
  border: 1px solid #E6EAF0;
  border-radius: 2px;
  padding: 10px 11px;
  position: relative;
}

.fileImg {
  display: flex;
}

.fileImg h4 {
  color: #000;
  font-size: 13px;
  line-height: 16px;
  margin-left: 11px;
}

.fileImg h2 {
  width: 93px;
  height: 57px;
  overflow: hidden;
}

.crose-rightIcon {
  position: absolute;
  right: 14px;
  top: 17px;
  cursor: pointer;
  color: #465C80;
}


/* css 26/05/2020 */

.heading-permit h3 button.change_typeBtn {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #282D5B;
  color: #282D5B;
  padding: 14px 19px;
  line-height: 0;
  margin-right: 15px;
}

.heading-permit h3 button.change_typeBtn span {
  margin-left: 5px;
}

.popup-dumpstar-related {
  max-width: 394px;
}

.pwtest {
  margin-top: 20px;
}


/* The container */

.container-pw {
  display: block;
  position: relative;
  padding-left: 35px;
  color: #282D5B;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  line-height: 32px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/* Hide the browser's default radio button */

.container-pw input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}


/* Create a custom radio button */

.checkpw {
  position: absolute;
  top: 6px;
  left: 0;
  width: 20px;
  height: 20px;
  box-shadow: 0px 1px 3px #8B8B8B19;
  border: 1px solid #8484846E;
  border-radius: 10px;
  border-radius: 50%;
}


/* When the radio button is checked, add a blue background */

.container-pw input:checked~.checkpw {
  background-color: #2196F3;
  border: 1px solid #2196F3;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkpw:after {
  content: "";
  position: absolute;
  display: none;
}


/* Show the indicator (dot/circle) when checked */

.container-pw input:checked~.checkpw:after {
  display: block;
}


/* Style the indicator (dot/circle) */

.container-pw .checkpw:after {
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: white;
}

.emailsnote ul li a:hover {
  text-decoration: none;
}


/* .emailsnote ul {
    border-bottom: 1px solid #F1F1F1;
} */

.emailsnote ul li a.active {
  color: #01893E;
  position: relative;
  font-family: "Poppins-Medium";
  font-size: 14px;
  line-height: 28px;
}

.emailsnote ul li a.active::before {
  position: absolute;
  content: '';
  top: 22px;
  height: 2px;
  width: 100%;
  background: #01893E;
}

.emailsnote ul li a {
  color: #51606ACC;
  font-size: 14px;
  font-family: "Poppins-Medium";
  line-height: 28px;
}

.expiration-date-email .bdp_email input {
  border: 0.5px solid #c9cedc;
}

.email-angle span {
  top: 12px !important;
}

.email-angle select {
  color: #282D5B99 !important;
}

#ddHd {
  color: #001839;
  font-family: "Poppins-Medium";
  font-size: 14px;
  line-height: 22px;
}


/* css 28/05/2020 */

.massege-stander-select select {
  color: #282D5B99 !important;
}

.no-ref-txt h5 {
  text-transform: uppercase;
}

.description_edit-txt h3 {
  text-transform: uppercase;
}

.btn-pre button {
  margin-right: 15px !important;
}

.documentFileType .select-input-box {
  max-width: 181px;
}

.documentFileType .select-input-box span {
  top: 11px;
}

.documentFileType .plan-examiner-box .table tbody td {
  vertical-align: middle;
}

.documentFileType .dropdown-content-void {
  right: 133px;
}

.documentFileType .dropdown-content-void a span img {
  margin-right: 3px;
  font-family: 'Poppins-Regular';
  font-size: 12px;
}

.emailfor-select .admin-add-insurance {
  margin-top: 0px !important;
}

.emailfor-select .admin-add-insurance span {
  top: 14px;
}

.emailfor-textarea textarea {
  width: 100%;
  background: #fff;
  border: 1px solid #E4E5EB;
  height: 113px;
  resize: none;
  padding: 16px 17px;
}

.emailfor-textarea label {
  color: #001839;
  font-size: 14px;
  padding-bottom: 6px;
  line-height: 22px;
  font-family: "Poppins-Medium";
  line-height: 22px;
}

.atechpdf {
  color: #001839;
  line-height: 22px;
  font-family: "Poppins-Medium";
  font-size: 14px;
}

.atechpdf span {
  border-radius: 2px;
  padding: 6px 15px;
  color: #01893E;
  background: #E9F6FE;
  font-size: 11px;
  font-family: 'Poppins-Regular';
  line-height: 26px;
}

.delet-appliction-width {
  max-width: 415px;
}

.deleteHd-app h6 {
  color: #282D5B;
  font-family: "Poppins-SemiBold";
  font-size: 24px;
  line-height: 35px;
  padding: 19px 0px;
  text-align: center;
}

.deleteHd-app p {
  color: #282D5B;
  font-family: 'Poppins-Regular';
  font-size: 13px;
  letter-spacing: 0.33px;
  text-align: center;
  max-width: 214px;
  margin: 0 auto;
}

.delete-appBtn {
  margin: 0 auto;
  text-align: center;
  margin-top: 21px;
  padding-bottom: 20px;
}

.delete-appBtn .cancle-req {
  padding: 10px 20px;
  color: #01893E;
  border: 1px solid #DBDCE4;
  font-family: 'Poppins-Regular';
  background: none;
  font-size: 12px;
  margin-right: 15px;
}

.delete-appBtn .confirme-req {
  padding: 10px 20px;
  color: #fff;
  border: none;
  font-family: 'Poppins-Regular';
  background: #01893E;
  font-size: 12px;
}

.detail-txtareatwo {
  padding: 10px 35px 0px 19px;
}

.detail-txtareatwo .modal-btn-decripatn {
  margin-top: 29px;
}


/* --------------------filter css 29/05/2020-------------------------------- */


/* .dropdownfilter {
    position: relative;

  } */

.dropdown-contentfilter {
  display: none;
  position: absolute;
  left: -275px;
  min-width: 629px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 6px #0000001A;
  z-index: 1;
}

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


/* .dropdownfilter:hover .dropdown-contentfilter {display: block;} */

.filter-list {
  border-right: 0.5px solid #EFEFEF;
}

.filter-list .nav-pills .nav-link.active::before {
  display: none;
}

.daily-sec .filter-list .nav-pills .nav-link {
  color: #282D5B;
  font-family: "Poppins-Medium";
  font-size: 12px;
  padding: 10px 16px;
  line-height: 20px;
  display: inline-block;
  width: 100%;
  border-radius: 0px !important;
  border-bottom: 0.5px solid #E6E6E6;
}

.daily-sec .filter-list .nav-pills .nav-link:last-child {
  border-bottom: none;
}

.daily-sec .filter-list .nav-pills .nav-link.active {
  font-size: 12px;
  line-height: 20px;
  color: #01893E;
  font-family: "Poppins-Medium";
  display: inline-block;
  padding: 10px 16px;
  background: #E9F6FE;
  width: 100%;
  border-radius: 0px !important;
}

.daily-sec .filter-list .nav-pills .nav-link span {
  background: #01893E 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 9px #A2A2A21F;
  margin-left: 10px;
  color: #fff;
  padding: 4px 10.5px;
  border-radius: 50%;
  font-size: 12px;
  font-family: 'Poppins-Regular';
}

.decisionFilter-Hd {
  padding: 18px 18px 0px 0px;
}


/* The container */

.containerdision {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 19px !important;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/* Hide the browser's default checkbox */

.containerdision input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


/* Create a custom checkbox */

.checkmarkdision {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  border: 1px solid #01893E;
  background-color: #fff;
}


/* When the checkbox is checked, add a blue background */

.containerdision input:checked~.checkmarkdision {
  background-color: #01893E;
  border: 1px solid #01893E;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmarkdision:after {
  content: "";
  position: absolute;
  display: none;
}


/* Show the checkmark when checked */

.containerdision input:checked~.checkmarkdision:after {
  display: block;
}


/* Style the checkmark/indicator */

.containerdision .checkmarkdision:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.decisionFilter-Hd .hd-desion-check {
  color: #282D5B;
  font-size: 14px;
  line-height: 21px;
  font-family: "Poppins-Medium";
  padding-bottom: 5px;
  border-bottom: 0.5px solid #F2F2F2;
}

.clearallapplyBtn {
  text-align: right;
  margin: 15px 0px;
}

.pipeline-border {
  border-top: 0.5px solid #F2F2F2;
  width: 100%;
}

.clearallapplyBtn button.btnfltr {
  color: #01893E;
  background: none;
  border: none;
  font-size: 12px;
  font-family: 'Poppins-Regular';
  line-height: 23px;
  box-shadow: none;
}

.clearallapplyBtn button.btnaply {
  color: #fff;
  background: #01893E;
  margin-left: 10px;
  border: none;
  margin-right: 26px;
  font-size: 12px;
  padding: 7px 26px;
  font-family: 'Poppins-Regular';
  line-height: 23px;
}


/* add new staff css 01/06/2020 */

.s-dpt select {
  border: 0.5px solid #282D5B66;
  height: 60px;
  width: 100%;
  padding: 16px 16px;
  color: #282D5B99;
  font-size: 18px;
  font-family: 'Poppins-Regular';
}

.s-dpt label {
  position: absolute;
  top: -23px;
  color: #282D5B99;
  font-size: 14px;
  font-family: 'Poppins-Regular';
}

.s-dpt span {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 18px;
}

.switchs {
  position: relative;
  display: inline-block;
  width: 47px;
  height: 25px;
}

.switchs input {
  opacity: 0;
  width: 0;
  height: 0;
}

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

.slides:before {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slides {
  background-color: #01893E;
}

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

input:checked+.slides:before {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
}

.slides.rounds {
  border-radius: 34px;
}

.slides.rounds:before {
  border-radius: 50%;
}

.activeswitch {
  display: inline-flex;
  border-bottom: 1px solid #bdbdbd;
  margin-top: 14px;
}

.activeswitch span {
  color: #282D5B;
  font-size: 16px;
  padding-right: 14px;
  line-height: 27px;
  font-family: "Poppins-Medium";
}

.actionImg img {
  margin-right: 10px;
  cursor: pointer;
}


/* new html changes css 03/06/2020 */

.submissionvoid .dropdown-content-void {
  right: 143px !important;
}

.actiondelet {
  display: flex;
  justify-content: flex-end;
  padding-right: 33px;
}

.actionpadding {
  text-align: right;
  padding-right: 160px !important;
}

.actiondelet h3 {
  color: #000;
  font-family: 'Poppins-Regular';
  font-size: 11px;
  border: 1px solid #DEDEDE;
  border-radius: 2px;
  width: 81px;
  height: 28px;
  text-align: center;
  line-height: 26px;
  cursor: pointer;
}

.actiondelet h4 {
  color: #000;
  font-family: 'Poppins-Regular';
  font-size: 11px;
  border: 1px solid #DEDEDE;
  border-radius: 2px;
  width: 81px;
  height: 28px;
  text-align: center;
  margin-left: 10px;
  line-height: 26px;
  cursor: pointer;
}

.uploadtable .plan-examiner-box .table tbody td {
  padding: 20px 0px 20px 20px;
}

.tbldocument {
  position: relative;
  margin-right: 25px;
}

.tbldocument h3 {
  padding: 10px 0px;
  cursor: pointer;
  border: 1px dashed #01893E;
  border-radius: 2px;
  text-align: center;
  color: #60bef3;
  font-family: 'Poppins-Regular';
  font-size: 11px;
}


/* .tbldocument h4 input{
    top: 0;
    position: absolute;
    left: 0;
    height: 35px;
    width: 100%;
    opacity: 0;
} */


/* new html changes css 03/06/2020 */

.SubmitInspectionTxt .dropdown-content-void {
  right: 150px !important;
  min-width: 162px !important;
}

.greenTxt .status-active-btn {
  border: 1px solid #5CB85C;
  color: #5CB85C;
}

.detailed-editadd {
  max-width: 629px;
  border-radius: 4px;
}

.filedocumentBox {
  position: relative;
  height: 189px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px dashed #282D5B;
  border-radius: 4px;
  width: 100%;
}

.detailed-edit .modal-header,
.detail-txtareatwo {
  margin-left: 15px;
  padding-bottom: 0px;
}

.filedocumentBox h3 {
  text-align: center;
  margin-top: 57px;
}

.filedocumentBox h4 {
  color: #4D4F5C80;
  font-family: 'Poppins-Regular';
  text-align: center;
  font-size: 15px;
  line-height: 16px;
}

.filedocumentBox h4 span {
  color: #01893E;
}

.filedocumentBox input {
  position: absolute;
  top: 0;
  height: 187px !important;
  width: 100%;
  opacity: 0;
}

.namedocumentInpt input {
  border-radius: 8px !important;
  border: 1px solid #E0E0E0;
}

.JohnsmithTxt {
  width: 100%;
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  background: #E9F6FE;
}

.JohnsmithTxt h1 {
  font-size: 14px;
  color: #01893E;
  padding: 11px 18px 11px 18px;
  font-family: "Poppins-Medium";
  letter-spacing: 0.35px;
}

.JohnsmithTxt h6 {
  cursor: pointer;
  margin: 8px 16px 0px 0px;
}

.property-map {
  width: 100%;
  height: 237px;
}

.exportBtn .New-Project button {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 3px #0000000A;
  border: 1px solid #01893e;
  color: #4e4e4e;
}


/* 04/06/2020 css */

.abc-search {
  margin-left: 30px;
}

#nrtn {
  padding: 11px 22px !important;
  border: 1px solid #01893E;
  background: #01893E;
  font-family: 'Poppins-Regular';
  font-size: 14px;
  color: #fff;
  margin-left: 15px;
}

#manage-export {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 3px #0000000A;
  border: 1px solid #282D5B;
  color: #282D5BE8;
  padding: 10px 17px;
}


/* dwl page button css  12/06/2020*/

.editTab-button button {
  background: #01893E 0% 0% no-repeat padding-box;
  border: 1px solid #01893E;
  border-radius: 13px;
  width: 59px;
  height: 26px;
  color: #fff;
  font-family: 'Poppins-Regular';
  font-size: 12px;
}


/* yonker user css  18/09/2020*/

.mb_meter_select {
  margin-top: -21px !important;
}

.mb_meter_select select {
  border: 0.5px solid #a9abbd !important;
}

.mb_meter_select label {
  line-height: 12px;
  padding-bottom: 7px;
}

.mb_meter_select .form-group span {
  top: 40px !important;
}

.hydrant_calendar {
  position: relative;
}

.hydrant_calendar span {
  position: absolute;
  right: 19px;
  top: 23px;
  color: #0606064f;
}

.bg_amount {
  background: #F8FAFE;
}

.first-collepse-box h2.size_txt {
  font-size: 16px;
}

#via textarea {
  border: 0.5px solid #A9ABBD;
  height: 113px;
  padding: 14px 17px;
  width: 100%;
  font-size: 16px;
  resize: none;
  margin-top: 10px;
}

#via label {
  color: #8c8c8c;
  font-family: "Poppins-Medium";
  font-size: 15px;
  line-height: 21px;
}


/* admin css  22/09/2020*/

.side-nav-admin {
  width: 258px;
  background-color: #ffffff;
  box-shadow: 0px 3px 10px #BEC2FF00;
  z-index: 1000;
  top: 0px;
  border-right: 1px solid #00000026;
  bottom: 0px;
  position: fixed;
  overflow: hidden;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}

.logo-dark {
  width: 65px;
  height: 37px;
  margin: 32px 0px 0px 40px;
}

.side-nav-inner ul li {
  padding: 20px 32px;
  margin-bottom: 10px;
}

.side-nav-inner ul li.active {
  background: #EDF7FE;
}

.side-nav-inner ul li span.icon-holder {
  position: relative;
  z-index: 999;
}

.side-nav-inner ul li span.icon-holder::before {
  position: absolute;
  content: '';
  background: #E2ECFA;
  width: 30px;
  height: 30px;
  z-index: 1;
  left: -9px;
  top: -5px;
  box-shadow: 0px 3px 10px #BEC2FF00;
  border-radius: 50%;
}

.side-nav-inner ul li span.icon-holder img {
  z-index: 999;
  position: relative;
  width: 14px;
  height: 14px;
}

.side-nav-inner ul li.active span.icon-holder img {
  z-index: 999;
  position: relative;
  width: 14px;
  height: 14px;
}

.side-nav-inner ul li.active span.icon-holder {
  position: relative;
}

.side-nav-inner ul li.active span.icon-holder::before {
  position: absolute;
  content: '';
  background: #fff;
  width: 30px;
  height: 30px;
  z-index: 1;
  left: -9px;
  top: -5px;
  box-shadow: 0px 3px 10px #BEC2FF00;
  border-radius: 50%;
}

.side-nav-inner ul {
  margin-top: 70px;
}

.side-nav-inner ul li a span.title {
  color: #282D5B;
  font-size: 15px;
  margin-left: 12px;
  font-family: "Poppins-Medium";
}

.side-nav-inner ul li a:hover {
  text-decoration: none;
}

.main-content {
  margin: 0px 38px;
  padding-left: 258px;
}

.meter_index {
  font-size: 20px !important;
}


/* user meter permit css */

.external_reviews_box {
  background: #FFFFFF;
  border: 1px solid #00000012;
  padding: 23px 14px;
}

.external_reviews_hd {
  color: #282D5B;
  font-family: "Poppins-Medium";
  font-size: 18px;
}

.external_reviews_box .card {
  border: none;
  border-radius: none;
  margin-bottom: 24px;
}

.external_reviews_box .card button {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: #E9F6FE;
  padding: 17px 16px;
}

.external_reviews_box .card button h5 {
  font-size: 14px;
  color: #282D5B;
}

.external_reviews_box .card button h6 {
  font-size: 14px;
  color: #01893E;
}

.external_reviews_box .card-header {
  border: none;
  padding: 0;
}

.external_reviews_box .btn:focus {
  box-shadow: none;
}

.external_reviews_box .accordion {
  margin-top: 28px;
}


/* submit review  css */

#date_act {
  left: 0;
}

.hydrant_input {
  padding: 30px 0px 0px 0px;
}

.hydrant_input .container-curb {
  padding-bottom: 10px;
}

.date_recevied {
  position: relative;
}

.date_recevied input {
  width: 100%;
  height: 40px;
  padding: 10px 15px;
  background: #FFFFFF;
  border: 0.5px solid #9CA6C08C;
}

.date_recevied span {
  position: absolute;
  right: 20px;
  top: 35px;
}

.toggle-password .field-icon {
  z-index: 2;
  position: absolute;
  top: 75px !important;
  right: 23px;
}

.loginButtonHeader {
  font-size: 14px;
  color: #fff;
  background: #01893E;
  padding: 10px 20px;
  border-radius: 6px;
  font-family: "Poppins-Bold";
  float: right;
}

.registerAccount {
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  color: #282d5b;
  font-size: 14px;
  font-family: "poppins-semibold";
}

.registerAccount a.register-link {
  color: #01893E;
  font-size: 15px;
  cursor: pointer;
}

.registerAccount a.register-link:hover {
  color: #E3A502;
}

.portal_Hd {
  font-size: 20px;
  color: #01893E;
  font-family: "Poppins-Bold";
  line-height: 55px;
}

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

.dropdown-contentheader {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%);
  z-index: 1;
  right: 0;
  top: 40px;
  border-radius: 6px;
}

.dropdown-contentheader a {
  color: #000;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdownheader:hover .dropdown-contentheader {
  display: block;
}

.dropdownheader:hover .dropdown-contentheader a:hover {
  color: #000;
  background: lightgrey;
}

.dropdownheader span {
  color: #fff;
}

.loginButtonHeader:hover {
  text-decoration: none !important;
  color: #fff;
}

.bgLandingImg {
  background: #ECF3FA;
  width: 100%;
  padding: 40px 100px;
}

.landingBanner {
  margin-top: 40px;
}

.propertieseSec {
  margin-top: 50px;
  margin-bottom: 80px;
}

.vacantTxt img {
  height: 60px;
}

.vacantTxt h3 {
  height: 60px;
  font-family: "Poppins-SemiBold";
  font-size: 24px;
  margin-top: 15px;
  color: #000;
  cursor: pointer;
}

.button__addMore {
  margin-top: 40px;
}

.button__addMore button {
  padding: 16px 40px;
  background: none;
  border: 1px solid #D6D7E0;
}

.action-dropdown-content a:hover {
  color: #000;
  background: lightgrey;
  border-radius: 9px;
}


/* ///////////////////////////////////////////////////////////////////////////////// */

.borderStaff {
  border: 1px solid #EDEDED;
  padding: 10px;
}

.b-bottom button {
  width: 166px;
  padding: 1px 20px;
  position: relative;
  background: none;
  border: 1px solid #01893E;
  color: #01893E;
  display: inline-block;
  top: 1px;
  font-size: 16px;
  right: 20px;
  height: 47px;
}

.b-bottom {
  border-bottom: 0.5px solid #00000042;
}


/* ////////////////////////////////////////////// */

.register-AccountHd {
  text-align: center;
  color: #3E3F42;
  font-size: 30px;
  font-weight: bold;
  margin-top: 34px;
}

.accoun-tlist-item ul {
  color: #01893E;
  line-height: 16px;
}

.accoun-tlist-item ul li {
  line-height: 24px;
  margin-bottom: 30px;
}

.accoun-tlist-item ul li span {
  font-size: 16px;
  color: #25265E;
}

.chBoxing .check-m {
  position: absolute;
  top: 4px;
  left: 0;
  height: 16px;
  border: 1px solid gray;
  width: 16px;
  background-color: none;
  border-radius: 3px;
}

.stack_grower {
  line-height: 30px !important;
  padding-left: 30px !important;
  font-size: 16px !important;
}

.acknowledgementInspactionTxt {
  padding: 0px !important;
}

.acknowledgementInspactionTxt .checkmark-replacement {
  top: 4px;
}

.acknowledgementInspactionTxt .container-curb {
  /* color: #000;
    font-size: 16px;
    border: 1px solid #EEEEEE;
    background: #F8FBFE;

    line-height: 24px;
    font-family: "Poppins-Medium";
    border-radius: 6px; */
  display: block;
  line-height: 24px !important;
  position: relative;
  padding-left: 35px;
  font-family: 'Poppins-Regular';
  cursor: pointer;
  font-size: 16px;
  line-height: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 14px !important;
  color: #000;
}

.db-input {
  margin-top: 65px;
}

.db-input input {
  height: 60px !important;
}

.db-input .form-control-placeholder {
  top: 19px;
  left: 17px;
}

.p-Id .brose-file {
  height: 74px;
}

.lease_c {
  padding-bottom: 10px;
  color: #001839;
  font-family: "Poppins-Medium";
  font-size: 15px;
}

.p-Id .brose-file input {
  height: 74px;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  top: 150px;
  left: 0;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.carousel-caption h5 {
  text-align: left;
  padding-left: 140px;
  font-size: 56px;
  line-height: 76px;
  font-family: "Poppins-Semibold";
}

.carousel-caption p span {
  font-size: 40 px;
  font-family: "Poppins-Semibold";
}

.carousel-caption p span {
  text-align: left;
  display: block;
  margin-bottom: 20px;
}

.carousel-caption p {
  text-align: left;
}

.carousel-caption p {
  font-size: 22px;
  font-family: "Poppins-Regular";
  line-height: 34px;
  border-radius: 6px;
  margin-top: 18px;
  max-width: 842px;
  background: #00000087;
  width: fit-content;
  padding: 2rem 2rem 2rem 2rem;
  margin-left: 140px;
}

.btn-standard {
  margin-top: 40px;
  display: flex;
  padding-left: 140px;
}

.btn-standard .button_s1 {
  background: #fff;
  color: #01893E;
  border: 1px solid #fff;
  border-radius: 6px;
  padding: 11px 24px;
  margin-right: 14px;
  font-size: 16px;
  font-family: "Poppins-Bold";
}

.btn-standard .button_s2 {
  background: none;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 6px;
  padding: 11px 38px;
  font-size: 16px;
  font-family: "Poppins-Bold";
}

.btn-standard .button_s3 {
  background: #01893E;
  color: #fff;
  border: 1px solid #01893E;
}

.btn-standard .button_s4 {
  background: none;
  color: #01893E;
  border: 1px solid #01893E;
}

.cursor {
  cursor: pointer !important;
}

.eyeIconPassword {
  position: absolute;
  cursor: pointer;
  top: 22px;
  font-size: 14px;
  right: 15px;
}

.notEdit {
  position: absolute;
  top: -11px;
  left: 18px;
  background: #fff;
  color: #282D5B;
  padding: 2px;
  font-size: 16px;
}

.tblShowing {
  color: #464444;
  font-size: 16px;
  font-family: "Poppins-Medium";
}

.saveExitButton1 {
  margin-right: 20px;
}

.saveExitButton1,
.saveExitButton2 {
  color: #01893E;
  border: 1px solid #282D5B4F;
  background: #fff;
  padding: 12px 10px;
  font-family: 'Poppins-Regular';
}

.saveExitButton {
  float: right;
  margin-top: 5px;
}

.clinic_box {
  background: #FFFFFF;
  -webkit-box-shadow: 0rem .1rem 2.6rem #80808021;
  box-shadow: 0rem .1rem 2.6rem #80808021;
  max-height: 200px;
  max-width: 100%;
  margin-top: 6px;
  position: relative;
  overflow: auto;
  z-index: 99;
  border-radius: 16px;
}


/* width */

.clinic_box::-webkit-scrollbar {
  width: 4px;
}


/* Track */

.clinic_box::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 .5rem #F3F3F3;
  box-shadow: inset 0 0 .5rem #F3F3F3;
  border-radius: 4px;
}


/* Handle */

.clinic_box::-webkit-scrollbar-thumb {
  background: #01893E;
  border-radius: 4px;
}


/* Handle on hover */

.clinic_box::-webkit-scrollbar-thumb:hover {
  background: #01893E;
}

.doc_add {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0.6000000238418579px solid #00000033;
  padding: 20px 16px;
  cursor: pointer;
}

.clinic_drop .name_doc {
  color: #202020;
  font-family: "Poppins-Medium";
  font-size: 14px;
  margin-left: 13px;
}

.clinic_drop .name_doc small {
  font-size: 100%;
  display: block;
  font-family: "Poppins-Light";
  font-size: 13px;
}

.dateOfInstall {
  height: 60px;
  border: 0.5px solid #282D5B66;
  border-radius: 0px;
}

.positionIconcalendar {
  position: absolute;
  right: 13px;
  top: 45px;
  font-size: 14px;
}

.imgboxSize {
  background-color: #e6e3e3;
  border: 1px solid #dc8989;
  padding: 7px 10px;
  border-radius: 2px;
  font-size: 14px;
  margin-top: 22px;
  position: relative;
}

.imgboxSize span {
  color: #000000;
}

.imgboxSize img {
  position: absolute;
  cursor: pointer;
  right: -11px;
  top: -9px;
}

.ngx-pagination .current {
  background: #01893E !important;
}

.browseButton_file {
  padding: 10px 25px;
  border: 1px solid #01893E;
  width: fit-content;
  margin: 0 auto;
  margin-top: 20px;
  border-radius: 2px;
  cursor: pointer;
}

.adwSearch {
  width: 100%;
  height: 35px;
  border-radius: 4px;
  border: 0.6000000238418579px solid #d5d5dc;
  margin: 23px 0px 26px 0px;
  width: 329px;
  padding: 10px;
}

.close_grayIcon {
  position: absolute;
  right: -21px;
  top: -23px;
  cursor: pointer;
  z-index: 999999;
}

#align-tick::after {
  left: 4px !important;
  top: 0px !important;
}

.pac-container {
  z-index: 9999 !important;
}

.gotIt-txt {
  font-size: 16px;
  color: #01893E;
  font-family: "Poppins-Medium";
  cursor: pointer !important;
  border: 1px solid #01893E;
  width: fit-content;
  display: flex;
  padding: 8px 20px;
  border-radius: 2px;
}

.documentTXt-link p {
  font-size: 16px;
  font-family: "Poppins-Medium";
  padding: 14px 0px 10px;
}

.documentTXt-link ul {
  padding-left: 3rem;
}

.documentTXt-link ul li {
  font-size: 14px;
  list-style: disc;
  font-family: "Poppins-Medium";
  padding: 5px 0px;
}

.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

.cap {
  text-align: right !important;
  font-size: 18px;
  color: #01893E;
  font-family: "Poppins-Bold";
}

.checkbox_main_content {
  line-height: 24px !important;
  position: relative;
  padding-left: 35px;
  font-family: 'Poppins-Regular';
  font-size: 16px;
  color: #000;
}

.menuIconDropDown {
  cursor: pointer;
  /* position: relative; */
}

/* .menuIconDropDown a {
  transition: 0.3s;
} */


.divspan {
  display: none;
  position: absolute;
  right: 196px;
  top: calc(100% + -8px);
  margin: 0;
  padding: 0px 26px;
  padding-top: 30px;
  z-index: 999;
  background: #fff;
  border: 1px solid #bdbcbc;
  box-shadow: 0px 4px 5px #C4C4C4;
  border-radius: 10px;
  transition: 0.3s;
  width: 500px;

}
.menuIconDropDown .divspan ul li a{
  display: block;
  font-weight: 500;
  padding-top: 10px;
  color: #18191F;
  font-feature-settings: 'salt' on, 'liga' off;
  font-family: "Poppins-Semibold";
}
.menuIconDropDown .divspan ul li img{
  width: 52px;
height: 52px;
}
.menuIconDropDown .divspan ul li{
  padding-bottom: 40px;
  margin: 0 auto;
  text-align: center;
  display: block;
}

.indexpermit_summary {
  margin-top: 100px;
}

.active_online {
  border: 1px solid #dadce0;
  color: #5f6368;
  font-family: 'Poppins-Regular';
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  padding: 12px 22px;
  border-radius: 26px;
  width: auto;
}

.active_online:hover {
  text-decoration: none;
  color: #5f6368;
}

.house-row {
  justify-content: flex-end;
  padding-right: 28px;
  align-items: baseline
}

.house-row a:hover {
  cursor: pointer !important;
}

.phta {
  font-size: 20px;
  padding-top: 16px;
  font-family: 'Poppins-Regular';
}

.phta .total-amount {
  font-size: 16px;
}

.gosummary {
  background: #FFFFFF;
  box-shadow: 0px 1px 3px #0000000a;
  border: 1px solid #01893E;
  display: inline-block;
  color: #01893E;
  font-family: 'Poppins-Regular';
  padding-bottom: 9px !important;
  padding: 12px 20px;
  border-radius: 0;
}

@media (max-width:1280px) {
  .gosummary {
    padding: 8px 9px;
  }
}

.flexlicence {
  display: flex;
  width: 899px;
  flex-wrap: wrap;
}

.flexlicence .trems {
  width: 448px;
}

.bl_certifcate .tbldocument {
  height: 64px;
}

.bl_certifcate .tbldocument h3 {
  padding: 25px 0px;
  color: #01893E;
  font-size: 16px;
}

.textarea-design textarea {
  padding: 1rem;
  resize: none;
  width: 100%;
  border: 0.5px solid #A9B8C1B0;
  height: 100px;
  font-size: 14px;
  color: #000;
  cursor: context-menu;
}

.heading {
  font-size: 18px;
  font-weight: 600;
}

.mt-24 {
  margin-top: 24px;
}

.doc-curser {
  cursor: pointer !important;
}

#sentBy .plan-examiner-box .table thead th {
  width: auto;
}

.view1 {
  text-decoration: underline !important;
  color: blue !important;
  word-break: normal;
}

#product-service {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: auto;
  padding: 10px;
  padding-left: 0;
  padding-top: 0;
}

.headingContact {
  font-size: 16px;
  font-weight: bold;
  padding: 18px 0px 8px;
  margin-top: 5px;
}

.addType_tab .nav-pills .nav-link.active {
  background: none;
  color: #000;
}

.emailsnote .addType_tab ul li a.active::before {
  position: absolute;
  content: '';
  top: 43px;
  left: 0;
  height: 2px;
  width: 100%;
  background: #01893E;
}

.buttonAddtype {
  color: #01893e;
  border: 1px solid #01893e;
  width: fit-content;
  float: right;
  font-size: 16px;
  border-radius: 4px;
  padding: 10px 18px;
  margin-bottom: 16px;
  cursor: pointer;
}













.dropbtn-sbi {
  color: #000;
  cursor: pointer;
  font-size: 15px !important;
  padding: 0px 4px;
  border: none;
}

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

.dropdown-content-sbi {
  top: -14px;
  left: 20px;
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 139px;
  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
  z-index: 1;
}

.dropdown-content-sbi a {
  color: blue;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-sbi:hover .dropdown-content-sbi {
  display: block;
}

#padding-tbl .table thead th {
  padding: 10px 42px;
}

#padding-tbl .table tbody td {
  padding: 10px 42px;
}



.housing-accordion-txt {
  padding: 15px 15px !important;
}

.review-Txt {
  width: 60%;
  padding: 5px 0px;
}

.passed {
  width: 40%;
  padding: 5px 0px;
}

.housing-accordion-txt .passed h3 {
  font-size: 12px;
  line-height: 22px;
  color: #26323A !important;
  opacity: 1 !important;
  font-family: "Poppins-SemiBold";
}

.housing-accordion-txt .review-Txt h3 {
  font-size: 12px;
  line-height: 22px;
  color: #26323ABF;
  font-family: 'Poppins-Regular';
  opacity: 1 !important;
}


.officerList .plan-examiner-box .table thead th {
  padding: 10px 11px;
}

.officerList .plan-examiner-box .table tbody td {
  padding: 10px 11px;
}

.officerList .view-Btn1 {
  display: flex;
}

.boldFont-Hd {
  color: #282D5B;
  font-family: "Poppins-SemiBold";
  font-size: 16px;
  margin-top: 25px;
}

#action th {
  padding: 10px 31px;
}

#action td {
  padding: 10px 31px;
}

#i_certificate {
  font-size: 12px;
  padding: 1px;
  width: 123px;
  border-radius: 4px !important;
  margin-left: 5px;
  background: #00A2E8;
}

.issue_s a {
  font-size: 11px;
  color: #fff;
  border-radius: 5px;
  padding: 1px 8px;
  background: #01893E;
}

.issue_s {
  display: flex;
}


.resetAssociateBtn {
  color: #01893e;
  font-size: 14px;
  background: #fff;
  padding: 12px 20px;
  border: 1px solid #01893e;
}

.iconSelect-dropdown i {
  position: absolute;
  font-size: 21px;
  color: #656565;
  top: 20px;
  right: 24px;
  pointer-events: none;
}

.d_dropdown .multiselect-dropdown .dropdown-btn {
  height: 60px !important;
  border: 0.5px solid #A9B8C1B0 !important;
  font-size: 13px !important;
  line-height: 25px !important;
  border-radius: 0px !important;
  padding-top: 15px !important;
}

.d_dropdown .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before {
  top: 101% !important;
  right: -8px !important;
}


.pt-tab_section {
  padding-top: 100px;
  background: #F9FAFB;
}

.content-tab-padding {
  padding-bottom: 35px;
  /* padding-right: 25px; */
  padding-bottom: 100px;
}

.side-nav-admin2 {
  background: #fff;
  width: 100%;
  position: fixed;
  overflow: hidden;
  width: 14.1rem;
  top: 0px;
  bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 999;
  box-shadow: .15rem 0 1.75rem #21283226 !important;
}

.side-nav-admin2 .tab-sec {
  padding-top: 110px;
  padding-left: 22px;
}

.side-nav-admin2 .tab-sec ul li {
  cursor: pointer;
}

.side-nav-admin2 .tab-sec ul li a {
  font-size: 18px;
  font-family: "Poppins-Regular";
  padding: 10px 0px;
  cursor: pointer;
}

.content-tab-padding .box-engrining-2 {
  padding: 24px;
}

.content-tab-padding .acknowledgementInspactionTxt .container-curb {
  margin-top: 28px !important;
}

.no-ref-txt p {
  color: #282D5B99;
  font-size: 14px;
  line-height: 21px;
  font-family: 'Poppins-Regular';
}

.frd .owners-tbl .officerList .plan-examiner-box .table thead th {
  padding: 10px 75px;
  vertical-align: middle;
  padding-left: 10px;
}

.frd .owners-tbl .officerList .plan-examiner-box .table tbody td {
  padding: 10px 24px;
  padding-left: 10px;
}

.owners-tbl .officerList .plan-examiner-box .table thead th {
  padding: 10px 40px;
}

.owners-tbl .officerList .plan-examiner-box .table tbody td {
  padding: 10px 40px;
}

.owners-tbl .officerList .plan-examiner-box .table tbody td a {
  cursor: pointer;
}

.tabcontentClear {
  margin-left: 4rem;
  color: #36715B !important;
  padding: 9px 30px !important;
  border-radius: 2px !important;
  cursor: pointer;
}

.tabcontentClear span {
  font-size: 1.2rem;
  cursor: pointer;
}

.all_tabaadmin .tab-filter {
  justify-content: flex-start !important;
}

.all_tabaadmin .tab-filter>ul>li {
  padding: 10px 0px !important;
  margin-right: 3rem !important;
  cursor: pointer;
  border: 0rem solid #36715b !important;
  border-right: 0px solid #fff !important;
}

.admin_tabber .all_tabaadmin .styleCss {
  color: #35715b !important;
  background: none;
  border-radius: 0px !important;
  border-bottom: 0.2rem solid #36715B !important;
}

#officerList-id th {
  padding: 10px 88px 10px 10px;
  vertical-align: middle;
}

#officerList-id td {
  padding: 10px 44px 10px 10px;
  vertical-align: middle;
}

#officerList-id2 th {
  padding: 10px 88px 10px 100px;
  vertical-align: middle;
}

#officerList-id2 td {
  padding: 10px 44px 10px 100px;
  vertical-align: middle;
}

.emailTbl .plan-examiner-box .table thead th {
  padding: 18px 20px !important;
}

.emailTbl .plan-examiner-box .table tbody td {
  padding: 18px 20px;
}

.no-sidebar {
  display: none;
}



.ignore-btn {
  color: red !important;
  border: 1px solid red;
  padding: 4px 15px;
  border-radius: 18px;
  cursor: pointer !important;

}

.link-btn {
  color: #01893E !important;
  border: 1px solid #01893E;
  padding: 4px 18px;
  border-radius: 18px;
  cursor: pointer !important;
}

.multiselect-dropdown .dropdown-btn .selected-item {
  border: 1px solid #01893E !important;
  background: #01893E !important;
}



.table-permit table td.s_pending button {
  color: #0C5394;
  background: #94DCF7;
  padding: 6px 18px 6px 34px;
  border: 0;
  font-weight: bold;
  font-size: 12px;
  border-radius: 20px;
  position: relative;
}

.table-permit table td.s_pending button::before {
  position: absolute;
  content: '';
  background-image: url(../images/icon1.png);
  background-repeat: no-repeat;
  background-position: right;
  width: 16px;
  left: 12px;
  top: 9px;
  height: 16px;
}

.table-permit table td.s_issued button {
  color: #345806;
  background: #C0DD78;
  padding: 6px 30px 6px 46px;
  border: 0;
  font-weight: bold;
  font-size: 12px;
  border-radius: 20px;
  position: relative;
}

.table-permit table td.s_issued button::before {
  position: absolute;
  content: '';
  background-image: url(../images/icon2.png);
  background-repeat: no-repeat;
  background-position: right;
  width: 16px;
  left: 24px;
  top: 9px;
  height: 16px;
}

.table-permit table td.s_approvd button {
  color: #345806;
  background: #fff;
  padding: 5px 19px 5px 35px;
  border: 1px solid #345806;
  font-weight: bold;
  font-size: 12px;
  border-radius: 20px;
  position: relative;
}

.table-permit table td.s_approvd button::before {
  position: absolute;
  content: '';
  background-image: url(../images/icon2.png);
  background-repeat: no-repeat;
  background-position: right;
  width: 16px;
  left: 12px;
  top: 8px;
  height: 16px;
}


.table-permit table td.s_accepted button {
  color: #7C4A0C;
  background: #F5CD6F;
  padding: 6px 28px;
  border: 0;
  font-weight: bold;
  font-size: 12px;
  position: relative;
  border-radius: 20px;
}

/* .table-permit table td.s_accepted button::before{
  position: absolute;
  content: '';
  background-image: url(../images/icon3.png);
  background-repeat: no-repeat;
  background-position: right;
  width: 16px;
  left: 9px;
  top: 9px;
  height: 16px;
} */





.table-permit table td.s_submitted button {
  color: #A0343D;
  background: #FFC3C9;
  padding: 6px 14px 6px 30px;
  border: 0;
  font-weight: bold;
  font-size: 12px;
  border-radius: 20px;
  position: relative;
}

.table-permit table td.s_submitted button::before {
  position: absolute;
  content: '';
  background-image: url(../images/icon4.png);
  background-repeat: no-repeat;
  background-position: right;
  width: 16px;
  left: 9px;
  top: 9px;
  height: 16px;
}


.table-permit table td.s_draft button {
  color: #A0343D;
  background: #F0F0F0;
  padding: 6px 42px;
  border: 0;
  font-weight: bold;
  font-size: 12px;
  border-radius: 20px;
}


.type-select {
  margin-right: 20px;
  position: relative;
}

.type-select select {
  font-size: 14px;
  padding: 12px 20px;
  border-radius: 23px;
  padding-right: 30px;
  color: #495057;
  border: 1px solid #dadce0;
}

.type-select span {
  position: absolute;
  right: 19px;
  top: 14px;
  pointer-events: none;
}

.upload-new-doc-tbl .plan-examiner-box .table thead th {
  padding: 14px 65px;
  padding-left: 63px;
}

.upload-new-doc-tbl .plan-examiner-box .table tbody td {
  padding: 18px 65px;
  padding-left: 63px;
}

.flex-adys {
  display: flex;
  flex-wrap: wrap;
}

.flex-adys p {
  margin-right: 8px;
  margin-bottom: 20px;
}

.flex-adys h6 {
  margin-right: 8px;
  margin-bottom: 20px;
}


.what-box4 {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 50px;
}

.not-paid-p {
  /* border: rgb(231, 217, 12) !important;
  background-color: rgb(231, 217, 12) !important;
  padding: 7px 11px;
  border-radius: 32px;
  font-weight: 500;
  font-weight: bold; */

  /* background: #f0f0f0;
  width: 26px;
  display: block;
  height: 26px;
  border: 3px solid #D3D3D3;
  border-radius: 50%; */

  background: #9b9b9b;
  width: 26px;
  font-weight: 500;
  display: block;
  line-height: 28px;
  color: #fff;
  text-align: center;
  height: 26px;
  border-radius: 50%;



}

/* @media (max-width:2560px) {

    .what-box4{
      margin-left: 380px;
    }
  }

@media (max-width:1920px) {

  .what-box4{
    margin-left: 200px;
  }
}
@media (max-width:1919px) and (min-width:1601px) {

  .what-box4{
    margin-left: 155px;
  }
}

@media (max-width:1600px) {

  .what-box4{
    margin-left: 135px;
  }
}
@media (max-width:1599px) {
  .what-box4{
    margin-left: auto;
  }
} */


.clear-fillter-Btn {
  margin-left: 26px;
  position: relative;
  top: 2px;
}

.clear-fillter-Btn button {
  background-color: #fff;
  font-size: 14px;
  color: #282D5BCC;
  border: 1px solid #282D5BCC;
  padding: 11px 28px;
  text-align: center;
  font-weight: 500;
}

.update-details {
  padding: 31px 0px 10px 18px;
}


.lastUpdate {
  font-size: 14px;
  line-height: 24px;
  color: #26294999;
  max-width: 170px;
  position: relative;
}

.lastUpdate::before {
  position: absolute;
  content: '';
  width: 1px;
  background: #cdcdcd;
  height: 70px;
  right: -24px;
  top: 0;
}

.lastUpdate::before:last-child {
  display: none;
}

.lastUpdate span {
  display: block;
  color: #000000;
  max-width: 160px;
}

.lastUpdate strong {
  display: block;
  color: #007bff;
  font-weight: normal;
}

.lastChild::before {
  display: none;
}

.lastChild {
  max-width: 100% !important;
}

/* border-right: 1px solid #cdcdcd; */

.imgboxSize span {
  color: #000000;
}

.imgboxSize img {
  position: absolute;
  cursor: pointer;
  right: -11px;
  top: -9px;
}

.ngx-pagination .current {
  background: #35715b !important;
}

.browseButton_file {
  padding: 10px 25px;
  border: 1px solid #35715b;
  width: fit-content;
  margin: 0 auto;
  margin-top: 20px;
  border-radius: 2px;
  cursor: pointer;
}

.adwSearch {
  width: 100%;
  height: 35px;
  border-radius: 4px;
  border: 0.6000000238418579px solid #d5d5dc;
  margin: 23px 0px 26px 0px;
  width: 329px;
  padding: 10px;
}

.close_grayIcon {
  position: absolute;
  right: -21px;
  top: -23px;
  cursor: pointer;
  z-index: 999999;
}

#align-tick::after {
  left: 4px !important;
  top: 0px !important;
}

.pac-container {
  z-index: 9999 !important;
}

.gotIt-txt {
  font-size: 16px;
  color: #35715b;
  font-family: "Poppins-Medium";
  cursor: pointer !important;
  border: 1px solid #35715b;
  width: fit-content;
  display: flex;
  padding: 8px 20px;
  border-radius: 2px;
}

.documentTXt-link p {
  font-size: 16px;
  font-family: "Poppins-Medium";
  padding: 14px 0px 10px;
}

.documentTXt-link ul {
  padding-left: 3rem;
}

.documentTXt-link ul li {
  font-size: 14px;
  list-style: disc;
  font-family: "Poppins-Medium";
  padding: 5px 0px;
}

.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

.cap {
  text-align: right !important;
  font-size: 18px;
  color: #35715b;
  font-family: "Poppins-Bold";
}

.checkbox_main_content {
  line-height: 24px !important;
  position: relative;
  padding-left: 35px;
  font-family: 'Poppins-Regular';
  font-size: 16px;
  color: #000;
}

.g_hahular .lbl-txt .form-group label {
  top: 10px;
}

.g_hahular .property label {
  padding-bottom: 0px;
}

.hul_pt {
  margin-top: 20px;
}

/* .menuIconDropDown {
  cursor: pointer;
  position: relative;
} */

/* .menuIconDropDown a {
  transition: 0.3s;
} */



/* .menuIconDropDown .divspan {
  position: relative;
} */

.tradNav {
  margin: 100px 0px;
  margin-bottom: 0;
}

.tradNav ul {
  background: #F9F9FB;
  width: fit-content;
}

.tradNav ul li a {
  cursor: pointer;
  padding: 10px 30px !important;
  font-size: 14px !important;
}

.tradNav .nav-pills .nav-link.active::before {
  display: none;
}

.tradNav .nav-pills .nav-link.active {
  font-size: 15px;
  line-height: 23px;
  color: #35715b;
  font-family: "Poppins-Medium";
  display: inline-block;
  background: #36715B;
  color: #fff !important;
  border-radius: 4px !important;
}

.appDropdown a {
  padding: 8px 14px;
}

.appDropdown {
  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #c4c4c4;
  left: -7px !important;
}

.appDropdown a span {
  margin-right: 8px;
}

.appDropdown a span img {
  width: 25px;
  height: 25px;
}

.d_dropdown .multiselect-dropdown .dropdown-btn {
  height: 50px !important;
  border: 0.5px solid #282D5B66 !important;
  height: 60px !important;
  width: 100% !important;
  padding: 16px 16px !important;
  color: #282D5B99;
  font-size: 16px !important;
  border-radius: 0px !important;
  font-family: 'Poppins-Regular' !important;
}

.d_dropdown .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {
  top: 16px !important;
}

.all_tabaadmin .tab-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.all_tabaadmin {
  padding: 1rem 0rem;
  margin-top: 2rem;
}

.all_tabaadmin .tab-filter>ul {
  border-bottom: .1rem solid #dbdbdb !important;
  padding: 0 !important;
}

.all_tabaadmin .tab-filter>ul>li {
  padding: 10px 20px;
  border: 0.1rem solid #36715b;
  cursor: pointer;
  border-right: 0px solid #fff !important;
}

.tabcontentClear {
  margin-left: 7rem;
  color: #36715B !important;
  padding: 9px 30px !important;
  border-radius: 2px !important;
  cursor: pointer;
}

.tabcontentClear span {
  font-size: 1.2rem;
  cursor: pointer;
}

.all_tabaadmin .styleCss {
  color: #35715b !important;
  background: none;
  border-radius: 0px !important;
  border-bottom: .2rem solid #36715B !important;
}

.all_tabaadmin .tab-filter>ul>li {
  padding: 10px 0px !important;
  margin-right: 3rem !important;
  cursor: pointer;
  border: 0rem solid #36715b;
  border-right: 0px solid #fff !important;
}

.all_tabaadmin .tab-filter>ul>li:last-child {
  margin-right: 0rem !important;
}

.timeline .card-header {
  background-color: #fff;
  position: relative;
  border: 0;
  padding: 30px 20px;
}

.timeline .card-header h3 {
  font-size: 16px;
  margin-bottom: 5px;
}

.timeline .card-header .time {
  font-size: 14px;
  color: #767676;
}

.receipt-column {
  float: left;
}

.date_collepse .down_btn {
  width: 23px;
  height: 26px;
  background-color: #dbdbdb;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  position: absolute;
  right: 20px;
  top: 10px;
}

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

.close {
  color: red;
}

.date_collepse .card {
  margin: 28px 0px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 5px 22px #8c99a117;
  border: 0.5px solid #0000001C;
  border-radius: 4px;
  padding: 25px 26px;
}

.time_date_Hd h6 {
  color: #000000;
  font-size: 16px;
  margin-bottom: 6px;
}

.time_date_Hd h5 {
  font-size: 14px;
  color: #000000cc;
}

.timeline .inner-wrap {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.5px solid #9CA6C08C;
  border-radius: 2px;
  padding: 10px 20px;
}

.down_btn button {
  border: none;
  cursor: pointer;
  border-radius: 4px;
}

.timeline .inner-wrap table {
  width: 100%;
}

.timeline .inner-wrap table td {
  padding: 10px 0;
}

.timeline .inner-wrap table tr td div {
  float: right;
  margin-right: 50px;
  color: #3b3b3b;
}

.timeline .card-body {
  padding-top: 0;
}

.timeline .main-wrap {
  position: relative;
  padding: 0px 20px 0;
}

.parent-2.red::before {
  border-color: #F72C5D;
}

.parent-2 {
  border-left: 1px solid green;
  padding: 0 26px 0 26px;
  position: relative;
}

.parent-2 {
  position: relative;
}

.parent-2::before {
  position: absolute;
  content: "";
  height: 28px;
  left: -1px;
  width: 0.5px;
  bottom: -28px;
  background: #0FC158;
}

.under-line {
  text-decoration: underline;
  text-decoration-color: #35715b;
  text-decoration-thickness: 3px;
}

.coll_table {
  margin-top: 22px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.5px solid #9CA6C08C;
  border-radius: 2px;
  padding: 20px 20px 5px;
}

.timeline .coll_table table {
  width: 100%;
}

.timeline .coll_table table tr th,
.timeline .coll_table table tr td {
  font-size: 14px;
  color: #000000c7;
  padding-bottom: 21px;
  font-weight: 400;
}

.timeline .coll_table th.bold_txt-table,
.timeline .coll_table td.bold_txt-table {
  color: #26323A;
  padding-right: 20px;
}

.submision-review-box .card .download-receipt-btn {
  border-radius: 5px !important;
  color: white;
  background-color: #01893E;
  border: 1px solid #01893E;
  cursor: pointer;
  padding: 6px;
  margin: 10px 0;
  font-size: 14px;
}

.timeline .ins_assignt_Hd {
  position: relative;
}

.status-line {
  margin-left: 20px;
}

.y-scroll {
  max-height: 500px;
  overflow: auto;
}

.parent-2 {
  border-left: 1px solid green;
  padding: 0 26px 0 26px;
  position: relative;
}

.parent-2 .circle-point {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  position: absolute;
  border: 1px solid #0FC158;
  top: 50%;
  transform: translateY(-50%);
  left: -13px;
  background-color: #fff;
}

.parent-2 .circle-point.point {
  background-color: #27CB42;
}

.parent-2::before {
  position: absolute;
  content: "";
  height: 28px;
  left: -1px;
  width: 0.5px;
  bottom: -28px;
  background: #0FC158;
}

.parent-2:last-child:before {
  content: none;
}

.parent-2.green::before {
  border-color: #0FC158;
}

.parent-2.red::before {
  border-color: #F72C5D;
}

.parent-2.yellow::before {
  border-color: #fec142;
}

.parent-2 .circle-point.green,
.parent-2.green {
  border-color: #0FC158;
}

.parent-2 .circle-point.yellow,
.parent-2.yellow {
  /* border-color: #fec142; */
}

.parent-2 .circle-point.red,
.parent-2.red {
  border-color: #F72C5D !important;
}

.parent-2.main-cl {
  border: none;
}

.parent-2.green.main-cl::before {
  height: 87px;
  left: 0;
}


/* .timeline .main-wrap::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #1b392e;
}

.timeline .card {
  position: relative;
}

.timeline .card::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -30px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #1b392e;
  border-radius: 50%;
  transform: translateY(-50%);
}

.app_timeline {
  text-align: center;
  padding: 20px;
} */


.tenantTxt {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: normal;
}

.app-Btn {
  font-size: 14px !important;
  padding: 8px 18px !important;
  border: 1px solid #01893E !important;
  background: #fff !important;
  color: #01893E !important;
}


/* The container */
.container-ref {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

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

/* Create a custom checkbox */
.container-ref .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 2px solid #eee;
}




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

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

/* Style the checkmark/indicator */
.container-ref .checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #ccc;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



/* ///////////////////////// dashboard css ////////////////////// */

.dasbord-chart {
  padding: 100px 0px;
  background: #f7f7ff;
}


.page-content {
  padding: 1.5rem 1.5rem 0.7rem 1.5rem;
}

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

.card {
  border: 0 solid transparent;
  margin-bottom: 1.5rem;
  box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
}

.text-info {
  color: #0dcaf0 !important;
}

.bg-light-info {
  background-color: rgb(13 202 240 / 18%) !important;
}

.bg-light-danger {
  background-color: rgb(244 17 39 / .11) !important;
}

.bg-light-warning {
  background-color: rgb(255 193 7 / .11) !important;
}

.text-secondary {
  color: #6c757d !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

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

.widgets-icons {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ededed;
  font-size: 26px;
  border-radius: 10px;
}

.bg-light-success {
  background-color: rgb(23 160 14 / .11) !important;
}

.text-success {
  color: #15ca20 !important;
}

.ms-auto {
  margin-left: auto !important;
}

.row.row-group>div {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.row.row-group>div:last-child {
  border-right: none;
}

.dasbord-chart .rounded-pill {
  border-radius: 50rem !important;
  color: #fff;
}

.product-img-2 {
  width: 45px;
  height: 45px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #e6e6e6;
}

.dasbord-chart .table>thead {
  vertical-align: bottom;
}

.dasbord-chart .table td {
  padding: 1rem 0.5rem;
  vertical-align: middle;
}

.table-light {
  color: #000;
  font-weight: bold;
  font-family: "Poppins-Bold";
}

.custonSelect {
  position: relative;
}

.custonSelect span {
  position: absolute;
  right: 35px;
  top: 14px;
  pointer-events: none;
}

.custonSelect select {
  font-size: 14px;
  padding: 12px 20px;
  border-radius: 23px;
  width: fit-content;
  padding-right: 30px;
  color: #495057;
  margin-right: 20px;
  border: 1px solid #dadce0;
}

.exportDesign-btn {
  background: none;
  color: #535353;
  border: 1px solid #01893E;
  padding: 0px 16px;
  height: 38px;

}

.exportDesign-btn span {
  padding-right: 5px;
}

.type-select3 {
  font-size: 14px;
  padding: 10px 20px;
  border-radius: 23px;
  width: fit-content !important;
  background: none;
  color: #495057;
  margin-right: 20px;
  border: 1px solid #dadce0;
  padding-right: 2px;
}

.type-select3::placeholder {
  font-size: 13px;
}

.plref-29 {
  padding-left: 29px;
}

.pbflex>div {
  margin-bottom: 20px;
}


.exportDesign-btn2 {
  background: none;
  color: #535353;
  border: 1px solid #01893E;
  padding: 0px 20px;
  height: 38px;
  margin-right: 16px;
}

.text-center {
  display: flex;
  justify-content: center;
  text-align: center;
  padding-top: 191px;
  align-items: center;
}

.btn-clear {
  border: 1px solid #5f5f5f;
}

.checkBackground-row {
  background-color: #00800017;
  box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);


}

.container-ref .checkmark-b {
  border: 2px solid #71e78c;
}

.container-ref .checkmark-b:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #71e78c;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.container-ref .un-check-color {
  border: 2px solid #eee !important;

}


.overview {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.list-process ul {
  padding-left: 16px;
}

.list-process ul li {
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 10px;
  list-style: disc;
}

.overviewTbl .table-permit table th {
  font-weight: 600;
  font-size: 14px;
  color: #000;
}

.overviewTbl .table-permit table td {
  color: #000;
}

.bold-txt {
  font-weight: 600;
  font-size: 13px !important;

}

.blockSpan .table-permit table td span {
  display: block;
  padding-top: 5px;
}

.blockSpan .table-permit table td {
  border-right: 1px solid #dee2e6;
}

.blockSpan .table-permit table th {
  border: 1px solid #dee2e6;
}


.mb-njbrc .first-collepse-box {
  margin-bottom: 1rem;
}

.adrees-tab nav {
  cursor: pointer;
}

.decisionTbl-p .owners-tbl .officerList .plan-examiner-box .table thead th {
  padding: 10px 30px;
}


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

.first-progressBar {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.contry-name {
  margin-right: 30px;
  font-weight: 500;
  color: #607384;
  min-width: 150px;
}

.width-percentage {
  margin-left: 30px;
  font-weight: 500;
  color: #607384;
}

.second-progressBar {
  background: #7460EE !important;
}

.third-progressBar {
  background: #4FC3F7 !important;
}


.attechFile .filedocumentBox {
  border-radius: 14px;
  width: 100px;
  height: 50px;
}

.attechFile .filedocumentBox h3 {
  text-align: center;
  margin-top: 7px;
}

.attechFile .filedocumentBox input {
  height: 50px !important;
  width: 100px;
}

.agm-map-container-inner {
  border-radius: 14px !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

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

.topClass .type-select select {
  font-size: 12px;
  padding: 8px 20px;
  padding-right: 38px;
  width: 154px;
}

.topClass .type-select span {
  right: 14px;
  top: 10px;
}

.topClass .active_online {
  font-size: 12px;
  padding: 8px 22px;
}

.topClass .btn-clear {
  border: 1px solid #b3b3b3;
}

#date-id {
  position: absolute;
  right: 13px;
  top: 9px;
  pointer-events: none;
  font-size: 13px;
}

.topClass .custonSelect select {
  font-size: 12px;
  padding: 8px 22px;
}

.topClass .custonSelect span {
  top: 10px;
}

.topClass .type-select3 {
  font-size: 11px;
  padding: 7px 22px;
  text-transform: lowercase;
  width: 100% !important;
  margin-right: 26px;
}

.topClass .pbflex>div {
  margin-bottom: 0;
}


#close-Btn {
  margin-right: 20px;
  padding-left: 32px;
  padding-right: 32px;
  border: 1px solid #ced4da;
}

#close-Btn2 {
  margin-right: 20px;
  border: 1px solid #ced4da;
  background: none;
  padding: 10px 33px;

}

#dateSummary {
  padding-right: 24px;
  border-radius: 25px;
  height: 32px;
  font-size: 12px;
}

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


.what-doc .text-addpopup {
  padding: 0;
}

.what-doc .will-neddd h4 {
  color: #000000;
  font-family: "Poppins-SemiBold";
  font-size: 18px;
  line-height: 0;
  text-align: center;
  display: block;
}

.what-doc .text-addpopup {
  border-radius: 12px;
}

.what-doc .overview {
  font-size: 11px;
  font-weight: 500;
  color: #000000;
  line-height: 174%;
  text-align: center;
  max-width: 574px;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}

.what-doc .text-addpopup .close span {
  right: 10px;
  top: 7px;
}

.what-doc .overviewTbl .table-permit table th {
  font-weight: 600;
  font-size: 13px;
  color: #1C303E;
}

.what-doc .table-permit table th {
  padding: 11px 20px;
  font-size: 13px;
  font-weight: 600;
  vertical-align: inherit;
  border: 1px solid #fff;
}

.what-doc .table-permit table td {
  padding: 11px 20px;
  line-height: 134%;
  font-size: 11px;
  font-weight: 500;
  border: 1px solid #fff;
}

.what-doc .table-permit table td {
  border-right: 1px solid #fff;
}

.what-doc .table-permit table th:nth-child(1) {
  background: #DFEFD5;
}

.what-doc .table-permit table th:nth-child(2) {
  background: #D5EFDC;
}

.what-doc .table-permit table th:nth-child(3) {
  background: #DFEFD5;
}

.what-doc .table-permit table th:nth-child(4) {
  background: #D5EFDC;
}

.what-doc .table-permit table td:nth-child(1) {
  background: #DFEFD5;
  width: 200px;
}
.what-doc .table-permit table td:nth-child(2) {
  background: #D5EFDC;
}
.what-doc .table-permit table td:nth-child(3) {
  background: #DFEFD5;
}
.what-doc .table-permit table td:nth-child(4) {
  background: #D5EFDC;
}
 .list-process h1{
  font-family: "Poppins-Bold";
font-size: 14px;
color: #000000;
padding-bottom: 5px;
}
.list-process{
  padding-left: 20px;
}
.list-process ul li{
  font-style: normal;
  font-weight: 500;
font-size: 12px;
line-height: 192%;
color: #000000;
margin-top: 0;
}
.what-doc  .btn-pre {
  margin-top: 0px;
  text-align: right;
  margin-bottom: 16px;
}
.what-doc  .btn-pre button.continue{
  padding: 8px 20px;
  border-radius: 4px;
}
.what-doc .table-permit table td.bold-txt span{
position: relative;
display: inline-block;
}




.dropIcon-hover {
  position: relative;
}

.dropdown-contentFire {
  display: none;
  position: absolute;
  left: -20px;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-contentFire p {
  color: #345351;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-weight: 400;
font-size: 12px;
line-height: 157%;
}

.dropIcon-hover:hover .dropdown-contentFire {display: block;background: #fff;
  border-radius: 14px;
  min-width: 283px;}
.allAplleaction .dropdown-item{
  cursor: context-menu;
}
.max-width-p{
  max-width: 270px;
}
.max-width-p a{
  word-break: break-all;
}
.pb-2txt{
  font-size: 16px;
padding-bottom: 10px;
}
.blue-underline{
 text-decoration:  underline !important;
 color:#38c5da !important;
 cursor: pointer !important;
}

.overview2{
  padding-left: 20px;
  padding-bottom: 10px;
}


.license-admin_popup .brose-file{
  height: 87px;
}
.license-admin_popup .brose-file h3 img{
  margin-top: 18px;
}
.license-admin_popup .brose-file input{
  height: 100% !important;
}
.license-admin_popup .modal-dialog.popup-dumpstar-2{
  max-width: 600px !important;
}
.license-admin_popup input{
  height: 50px !important;
}
.license-admin_popup label{
  padding-bottom: 10px;
}
.license-admin_popup .upload-file-verifcaction {
  margin-top: 20px;
}
.clickDag-drop .brose-file h3{
  color:  #667085;
font-size: 11.191px;
font-style: normal;
font-weight: 400;
line-height: 15.988px; /* 142.857% */
margin: 0 auto;
display: block;
max-width: 193px;
text-align: center;
}
.clickDag-drop .brose-file{
height: 100px;
border: 1px solid rgba(72, 72, 72, 0.25);
background: #FFF;
}
.clickDag-drop .brose-file h3 img {
  margin-top: 12px;
}
.clickDag-drop .brose-file input{
  height: 100% !important;
}
#searchIcon{
  position: absolute;
  top: 51px;
  left: 20px;
  width: 30px;

}
.clickDag-drop .brose-file h3 small{
  font-size: 100%;
  color: #D0D5DD;
}
.clearInput-Button button{
border: 0;
padding: 0;
position: absolute;
right: 15px;
top: 52px;
}
p.docimg{
  cursor: pointer;
  padding: 10px 10px;
}
.docimg img{
  cursor: pointer;
  padding: 10px 10px;
}
.flexspace{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #97979724;
margin-top: 10px;
border-radius: 4px;
}

.un-Value label{
  padding: 0px 0px 10px 0px;
  font-size: 14px;
  font-weight: 500;
}
.searc-align .New-Project{
  margin-top: 31px;
}
.searc-align .New-Project button{
  padding: 20px 17px;
  width: 100%;
}


.dropdownimg {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #01893E;
  padding-left: 5px;
}

.dropdown-contentimg {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 633px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  bottom: 23px;
  left: 0;
}

.dropdown-contentimg a {
  color: black;
  text-decoration: none;
  display: block;
}
.dropdown-contentimg a:hover{
  transform: scale(1.5);
}
#hoverstop:hover{
  transform: none;
}
.dropdownimg:hover .dropdown-contentimg {display: block;  }

.overview3{
  font-size: 24px;
  font-weight: 500;
  padding-left: 20px;
}
.overview4{
  font-size: 14px;
  font-weight: 400;
  padding-left: 20px;
  margin-top: 10px;
}

.liststyle{
  margin-left: 20px;

}
.liststyle ul{
  margin-left: 32px;
}
.liststyle ul li{
  list-style: disc;
  font-weight: 800;
  margin-top: 24px;
}
.liststyle ul li p{
  margin-top: 10px;
  font-weight: 400;
  line-height: 24px;
}
.liststyle ul li p a{
  text-decoration: underline;
  color: #01893E;
}


.lblTxt{
  font-weight: 500;
  font-size: 16px;
  color: #001839;
  margin-bottom: 20px;
}
.deleteview a{
  margin-right: 30px;
  margin-bottom: 10px;
  color: #01893e;
  border: 1px solid #01893e;
  padding: 2px 8px;
  font-size: 12px;
  border-radius: 2px;
  cursor: pointer;
  margin-top: 20px;
  display: inline-block;
}
.deleteview a:hover{
  color: #000;
  border: 1px solid #000;
}
.deleteview span{
  display: inline-block;

}
.actBtn .table-permit table th{
  padding: 30px 20px 30px 20px;
}
.actBtn .table-permit table td{
  padding: 30px 20px 30px 20px;
  max-width: 400px;
}
.deleteview .viewClose{
  position: relative;
}
.deleteview .viewClose small{
  position: absolute;
  right: 16px;
  top: 4px;
  cursor: pointer;
}
.txtBlue{
  color: #01893E !important;
cursor: pointer;
margin-bottom: 10px;
}




.dropdown5 {
  position: relative;
  display: inline-block;
  font-size: 100%;
  cursor: pointer;
}

.dropdown-content5 {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  left: 15px;
  border-radius: 8px;
  top: -110px;
  padding: 15px 20px;
}

.dropdown-content5 p{

  text-decoration: none;
  display: block;
  padding-bottom: 10px;
  line-height: 24px;
  color: #282d5bd6;
  font-size: 14px;
  font-family: "Poppins-Regular";
}
.dropdown-content5 a{
  color: #01893E;
  display: block;
}
.dropdown5:hover .dropdown-content5 {display: block;}
.calender-icon{
   top: 55px;
                                        position: absolute;
                                        pointer-events: none;
}

.einNumber2{
  font-size: 16px;
  padding-left: 18px;
  line-height: 24px;
  color: #001839;
}
.einNumber p{
  font-size: 14px;
  padding-left: 18px;
  line-height: 24px;
  color: #001839;
}
#lasttd  .table-permit table td.deleteview{
  padding-top: 20px !important;
}
.cdl-serve select{
  height: 60px !important;
  border: 0.5px solid #A9B8C1B0;
width: 100%;
padding: 0px 20px;
}
.ltType{
  top: -10px !important;
    color: #000000de;
    background: #fff;
    padding: 1px 5px !important;
    z-index: 9999;
    opacity: 1 !important;
    font-size: 12px !important;
}
.ss-serve{
  position: absolute;
  right: 16px;
  top: 20px;
  pointer-events: none;
}
.modal-header .close{
  opacity: 1;
}
.loginBox{
  border-radius: 28px;
  border: 1px solid #b4b4b45e;
  background: #FFF;
  max-width: 509px;
  padding: 30px 25px;
  margin: 0 auto;
  display: block;
  margin-top: 120px;
}
.new-forgot-password{
  display: flex;
  justify-content: space-between;
  padding-top: 22px;
  font-weight: 500;
  color: #4ab5f1;
  cursor: pointer;
}
.txtLogin-hd h4{
  padding-top: 4px;
  font-weight: 500;
  color: #9d9595;
}
.ph-label h1{
  font-weight: 800;
    font-size: 17px;
}
.pd-64{
padding-bottom: 64px;
}
.wrapper input{
  border-radius: 10px!important;

}
.otp-ver{
  color: #1A1D1F;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 57.774px;
    font-family: "Inter", sans-serif!important;
}
.otp-input{
  font-size: 14px !important;
}
.divider {
    border-top: 2px solid #F4F4F4;
    margin-top: 20px;
}
.form-mobile{
  margin-top: 20px;
}
.otpBtn{
margin-top: 30px;
}
.otpBtn button{
  border-radius: 14px;
  background: #01893E;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  width: 100%;
  border: 1px solid #01893E;
  padding: 18px 0px;
  transition: 0.3s;

}
.ph-label{
  margin-top: 20px;
}
.ph-label label {
  color: #1A1D1F;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 19.258px;

  padding-bottom: 1px;
}
#mobileLogin{
/* margin-top: 200px; */
}
.txtLogin-hd h1 {
  color: #1A1D1F;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 57.774px;
  font-family: "Inter", sans-serif!important;
  margin: 0;
}
.txtLogin-hd p {
  color: #8A8A8A;
  margin-top: 5px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  font-family: "Inter", sans-serif!important;
  line-height: 24px;
}
.flexInput {
  display: flex;
  align-items: center;
}
.flexInput1 input::placeholder{
  font-size: 14px;
  color: #bdbdbd;
}
  .an-account{
    margin-top: 16px;
    color: #6F767E;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28.887px;
  }
  .selectinput select{
    padding: 20px;
    margin-right: 10px;
    border-radius: 10px;
    border: 0.5px solid #A9B8C1B0;

  }
  .mobile-text{
    color: #8A8A8A;
    margin-top: 10px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
  .resend-otp{
    background: white!important;
    color: black!important;
    /* font-size: 10px!important; */
    font-weight: 400!important;
    border: 1px solid white!important;
  }
  .firstname-input input {
    border-radius: 10px;
    border: 1.5px solid #c4c4c4;
    padding: 0px 13px;
    height: 50px;
    color: #000;
    font-weight: 600;
    width: 100%;
}
.sendOTP-button button {
  border-radius: 14px;
  background: #01893e;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  width: 100%;
  border: 1px solid #01893e;
  padding: 18px 0px;
  transition: 0.3s;
}

.firstname-input label {
  color: #1A1D1F;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  padding-bottom: 14px;
  display: block;
  padding-top: 5px;
}

#otpPadding{
  margin-top: 200px;
}

.form-mobile .wrapper {
  display: flex !important;
  justify-content: space-between !important;
}
#registerBox{
  margin-top: 140px;
}
.firstname-input{
  margin-top: 20px;
}

.positionBack{
  position: absolute;
  left: 200px;
  color: gray;
  top: 140px;
  cursor: pointer;
  font-size: 16px;
}
.positionBack span{
  padding-right: 8px;
}
.tosteBox{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 40px;
  margin-top: 30px;
  color: #fff;
  background: #474747;
}
.mobileUpdateBtn{
  align-items: center;
  display: flex;
  position: relative;
}
.mobileUpdateBtn button{
  background: none;
  color: #fff;
  border: 1px solid #6C6C6C;
  border-radius: 27px;
  line-height: 20px;
  padding: 9px 18px;
  margin-right: 40px;
  font-size: 14px;
  font-weight: 500;
}
.mobileUpdateBtn::before{
  position: absolute;
  content: '';
  top: 0;
  right: 31px;
  width: 2px;
  height: 41px;
  background: #6C6C6C;

}
.txtMobileUpdate{
  font-size: 14px;
  color: #fff;
}
.txtMobileUpdate span{
  padding-right: 5px;
}
.mobileUpdateBtn p{
  cursor: pointer;
}
.updatePhoneNumber .loginBox {
  border-radius: 0;
  border: 0;
  background: #FFF;
  max-width: 100%;
  padding: 14px 25px;
  margin: 0 auto;
  display: block;
  margin-top: 20px;
}
.updatePhoneNumber .otp-ver{
  color: #001839;
  font-size: 28px;
  font-weight: bold;
}
.updatePhoneNumber .ph-label label{
  color: #1A1D1F;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 19.258px;
  padding-bottom: 1px;
}
.login-input p{
  margin-top: 10px;
}
.create-pass-center{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}
#mobilNumberLabel{
  font-size: 16px;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  opacity: 1;
  background: white;
  color: #282D5B;
  top: 13px;
  display: inline-block;
  left: 13px;
  padding: 0px 6px 2px 5px;
}
.textAcknow{
display: block;
    line-height: 24px !important;
    position: relative;
    margin-left: 35px;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 14px !important;
    color: #000;
}

.paddingTerms{
  padding: 0px 20px;
}
.paddingTerms p{
  color: #1A1D1F;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  font-family: "Inter", sans-serif!important;
}
.paddingTerms h6{
  font-family: "Inter", sans-serif!important;
font-size: 15px;
line-height: 24px;
margin-top: 10px;
}
.websiteAccess h1{
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}
.websiteAccess ul{
  list-style-type: lower-alpha;
  margin-left: 20px;
}
.websiteAccess ul li{
  font-size: 14px;
  line-height: 24px;
  font-family: "Inter", sans-serif!important;
  margin-bottom: 20px;
  }
#registerpageTerms{
  margin-top: 33px;
  margin-bottom: 24px;
}
#registerpageTerms p{
  margin-left: 28px;
  line-height: 22px;
  font-size: 14px;
}
#registerpageTerms p a{
text-decoration: underline;
color: #01893E;
}
#otp-input-new input{
  height: 60px;
  width: 100%;
  background: #FFFFFF;
  border-radius: 0px !important;
  padding: 18px 24px;
  border: 0.5px solid #A9B8C1B0;
  font-weight: normal;
  font-family: 'gilroy-regular';
  font-size: 18px;
  line-height: 27px;
  color: #282D5BCC;
  border-radius: 10px!important;
}
.portal-Hd{
  color: #ffffff;
}
.blue-color{
  color: #4AB5F1!important;
}
.bg-color{
  background-color:  #4AB5F1!important;
  border: 1px solid #4AB5F1!important;
}
.alert-link{
  position: fixed;
    padding: 10px 293px;
    z-index: 1030;
    margin-top: -53px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    text-align: center;
    background: #000000a8;
    color: white;
}
.close-btn{
  position: relative;
  left: 256px;
  font-size: 20px!important;
  color: white;
  margin-right: -8px;
}
.not-found{
  display: flex;
    justify-content: center;
    text-align: center;
    line-height: 143px;
}
.apply{
  border: 1px solid #0d01898c;
  color: #ffffff;
  padding: 0px 23px;
  background: #0f0189c9;
  border-radius: 10px;
  cursor: pointer;
}
.appled{
  color: #ffffff;
  padding: 0 18px;
  background: #01893e;
  border-radius: 10px;
}
.scroll-y{
  width: 100%;
  overflow-y: auto;
  height: 350px; /* Adjust height as needed */
}
.center-item{
  position: relative;
  display: flex;
    text-align: center;
    justify-content: center;
}
.disable-color{
  background-color: grey!important;
}
.issue{
  float: right;
  margin-top: -14px;
  margin-bottom: 22px;
}
.loginwith-pas
{
  font-family: "Inter", sans-serif!important;
  color: #8A8A8A;
  font-size: 14px;
  font-weight: 500;
}
.loginwith-pas span{
  color: #01893E;
  font-family: "Inter", sans-serif!important;
}
.resendsecond{
  font-family: "Inter", sans-serif!important;
  color: #8A8A8A;
  font-size: 14px;
  font-weight: 500;
}
.resendsecond span{
  color: #01893E;
  font-family: "Inter", sans-serif!important;
}
.otpBtn button#reCode{
  font-family: "Inter", sans-serif!important;
  color: #01893E;
  font-size: 14px;
  border: 0;
  padding: 0;
  background: none;
  font-weight: 500;
}
#applt-store .ld-details .table td{
  max-width: 100px;
  vertical-align: top;
}
.highlight{
  background-color: #045a0438;
}
.hover-des{
  display: flex;
}
.disabled-custom {
  pointer-events: none!important; 
  cursor: no-drop!important; /* Show "not-allowed" cursor */
  opacity: 0.2; /* Make it look disabled */
}
.is-card-login{
  cursor: pointer;
}
.menuIconDropDown .dropdown-toggle::after {
  display: none;
}
.disabled-checkbox {
  opacity: 0.5; /* Adjust the opacity as needed */
}
.header-gap{
  gap: 20px;font-size: medium;font-weight:500;
}
.clone{
  padding: 3px 11px;
  /* margin-top: 9px; */
  background: #078c43;
  color: white;
  border: none;
  border-radius: 4px;
  margin-left: -16px;
  position: relative;
  top: 24px;

}

.menuIconDropDown .dropdown-toggle::after {
  display: none;
}