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

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%;
    height: 100px;
    padding: 24px 0px;
}

.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: #f3724c;
    font-size: 40px;
    font-family: 'Gilroy-bold';
    line-height: 37px;
    display: inline-block;
}

.bdp-logo h3 {
    font-size: 23px;
    color: #f3724c;
    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 #282D5B;
    font-weight: normal;
    font-family: 'gilroy-regular';
    font-size: 18px;
    line-height: 27px;
    color: #282D5BCC;
}

.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: #f3724c;
    top: 13px;
    display: inline-block;
    left: 13px;
    padding: 0px 6px 2px 5px;
}

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

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

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

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

.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: 16px;
    width: 16px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container-btn:hover input~.check-m {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-btn input:checked~.check-m {
    background-color: #2196F3;
}

/* 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: 5px;
    top: 3px;
    width: 5px;
    height: 10px;
    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: 40px;
}

.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: #f3724c 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 10px #f3724c2E;
    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: #f3724c !important;
    font-family: 'gilroy-medium';
    font-style: 15px;
    line-height: 18px;
    text-decoration: underline;
}

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

.table-permit table td.update-txt span {
    background: #f3724c 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: #f3724c;
    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: #f3724c 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: #f3724c;
}

.engin-txt button.btn-slect:hover {
    background: #f3724c 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: #f3724c;
}

/* 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: #f3724c;
    color: #fff;
    font-family: 'Poppins-Regular';
    padding: 13px 20px 12px 22px;
    border: none;
}

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

.saveTxtbtn button {
    color: #f3724c;
    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: 0.5px solid #f3724c;
    color: #f3724cD9;
    text-align: center;
    width: 158px;
    height: 50px;
    font-family: 'gilroy-medium';
    font-size: 14px;
    line-height: 50px;
}

.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;
    line-height: 50px;
    width: 158px;
    height: 50px;
    text-align: center;
    margin-right: 20px;
}

.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: #f3724c;
    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: 190px;
    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: #f3724c;
    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: #f3724c;
    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: 504px;
    display: block;
}

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

.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: #f3724c 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: 19px;
    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: #f3724c;
    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: #f3724c;
    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: #f3724c;
    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: 615px !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%;
}

.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;
}

.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: #4EB7F1;
    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: 40px 35px 48px 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: 28px;
    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 39px;
    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 39px;
    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: 60px;
    border: 0.5px solid #282D5B;

}

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

.poilcy_type .form-group span {
    top: 53px !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 #f3724c;
    border-radius: 2px;
    position: relative;
}

.brose-file input {
    opacity: 0;
    top: 0;
    max-width: 100%;
    height: 146px !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 #f3724c;
    padding: 8px 16px;
    color: #f3724c;
    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 #f3724c;
}



/* 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: #f3724c;
    font-size: 14px;
    font-family: 'gilroy-medium';
    padding: 12px 17px;
    border: 1px solid #f3724c;
    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: #f3724c;
    top: 37px;
}

.status_tabber .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #f3724c;
    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: #f3724c;
    font-size: 14px;
    font-family: 'Poppins-Regular';
    padding: 10px 28px 9px 28px;
    background: none;
    border: 1px solid #f3724c;
}

.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: #f3724c;
    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 #1479EB;
    color: #1479EB;
    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;
   right: 0;
    top: 24px;
    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;
    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;
}

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

.btn-reset-submit {
    margin-top: 39px;
}

.btn-reset-submit button {
    font-size: 18px;
    font-family: 'gilroy-medium';
    line-height: 30px;
    color: #FFFFFF;
    background: #f3724c;
    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 #100cdd;
    color: #100cdd;
    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;
}
.work-loaction-tab .nav-pills .nav-link.active{
color: #f3724c;
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: #f3724c;
    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: 12px;
}

.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: #f3724c;
    padding: 8px 17px;
    border: 1px solid #f3724c;
    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: #f3724c;
    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: #f3724c;
    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: #f3724c;
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: #f3724c;
    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: #f3724c;
    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 #f3724c;
padding: 10px 17px;
display: inline-block;
color: #f3724cE8;
padding: 10px 16px;
}


.filter-top button.filter{
  background: #FFFFFF;
box-shadow: 0px 1px 3px #0000000A;
border: 1px solid #f3724c;
display: inline-block;
color: #f3724cE8;
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: #f3724c;
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: #f3724c;
    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: #f3724c;
    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: #f3724c;
    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: 32px;
}

.tabs-admin-update .nav-tabs .nav-item{
    margin-bottom: 0px;
    color: #282D5B;
    font-family: "Poppins-SemiBold";
  line-height: 27px;
  font-size: 18px;
  margin-right: 56px;
}
.tabs-admin-update .nav-tabs .nav-item:hover{
    text-decoration: none;
}
.tabs-admin-update .nav-tabs .nav-item.active{
    color: #f3724c;
    font-family: "Poppins-SemiBold";
    font-size: 18px;
    line-height: 27px;
    position: relative;
}
.tabs-admin-update .nav-tabs .nav-item.active::before{
    position: absolute;
    content: '';
    width: 50px;
    height: 5px;
    background: #f3724c;
    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: #f3724c;
    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: #f3724c;
    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: #f3724c !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: #f3724c;
    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: #f3724c;
    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: #f3724c;
    font-size: 14px;
    line-height: 32px;
font-family: 'Poppins-Regular';
text-align: center;
border: 0.5px dashed #f3724c;
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: 40px;
    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: 40px;
    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 .form-group span {
    position: absolute;
    top: 36px;
    color: #3F465E;
    right: 10px;
}

.dicision-submit_btn button{
    margin-top: 24px;
    padding: 10px 21px !important;
    background: #f3724c !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: 24px 0px 23px 20px;
    color: #282D5B;
    line-height: 25px;
    font-size: 13px;
    font-family: "Poppins-SemiBold";
}
.plan-examiner-box .table tbody td{
    color: #282D5BCC;
    font-size: 13px;
    padding: 20px 0px 36px 20px;
    line-height: 20px;
font-family: 'Poppins-Regular';
}

.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: #f3724c;
    border-radius: 10px;
  }

  /* Handle on hover */
  .inspaction-box::-webkit-scrollbar-thumb:hover {
    background: #f3724c;
  }


/* 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: #f3724c;
     border: 0.5px solid #f3724c;
  }

  /* 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: #f3724c;
      border: none;
  }

  .checkbox-addBtn button.cancle-btntxt{
    font-size: 12px;
    padding: 10px 20px;
    line-height: 26px;
    border: 1px solid #CACCD7;
    color: #f3724c;
    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: #f3724c;
    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;
  }
  .dropdown-content-void a:hover {background-color: #ddd;}
  .dropdown_act:hover .dropdown-content-void {display: block;}

  .dropdown_act h6{
    width: 20px;
    height: 20px;
    background: #f3724c 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: #f3724c;
    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: #f3724c;
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 #282D5B66;
}
#cBtn-modal {
    color: #f3724c;
    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;
}
.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: #f3724c;
    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: #f3724c;
      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: #f3724c;
  }
  .emailsnote ul li a{
      color: #51606ACC;
      font-size: 14px;
      font-family: "Poppins-Medium";
      line-height: 28px;
      margin-right: 24px;
  }

  .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: #f3724c;
    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: #f3724c;
    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: #f3724c;
    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;
      height: 100%;
  }
  .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: #f3724c;
    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: #f3724c 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 #f3724c;
    background-color: #fff;
  }



  /* When the checkbox is checked, add a blue background */
  .containerdision input:checked ~ .checkmarkdision {
    background-color: #2196F3;
    border:1px solid #2196F3;
  }

  /* 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: #f3724c;
      background: none;
      border: none;
      font-size: 12px;
font-family: 'Poppins-Regular';
      line-height: 23px;
      box-shadow: none;
  }

  .clearallapplyBtn button.btnaply{
    color: #fff;
    background: #f3724c;
    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: 20px;
    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: #2196F3;
    }

    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 #f3724c;
    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: #f3724c;
}

.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: #f3724c;
    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 #282D5B;
    color: #282D5BE8;
}

/* 04/06/2020 css */

.abc-search {
    margin-left: 30px;
}
#nrtn {
padding: 11px 22px !important;
border: 1px solid #f3724c;
background: #f3724c;
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: #f3724c 0% 0% no-repeat padding-box;
    border: 1px solid #f3724c;
    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: 30px 24px;
}

.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: #f3724c;
    }
    .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;
}

.loginButtonHeader{
    font-size: 16px;
    color: #fff;
    background: #f3724c;
    padding: 16px 43px;
    border-radius: 4px;
    font-family: "Poppins-Medium";
}

.portal_Hd{
    font-size: 32px;
    color: #f3724c;
    font-family: "Poppins-Medium";
}
.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;
}

.registerAccount{
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    color: #282D5B;
    font-size: 14px;
    font-family: "Poppins-SemiBold";
}
.registerAccount a{
    color: #f3724c;
    font-size: 15px;
}
.dropdownheader {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.loginButtonHeader {
    float: right;
    font-size: 16px;
    color: #fff;
    background: #f3724c;
    padding: 16px 43px;
    border-radius: 4px;
    font-family: "Poppins-Medium";
}
.dropdownheader span {
    color: #fff;
}
.dropdown-contentheader {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    right: 0;
    top: 57px;
    border-radius: 6px;
}
.dropdown-contentheader a {
    color: black !important;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdownheader:hover .dropdown-contentheader {
    display: block;
}
.portal_Hd {
    font-size: 22px;
    color: #f3724c;
    line-height: 55px;
    font-family: "Poppins-SemiBold";
}

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

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


.lableFire{
    position: relative;
    background: #fff;
    top: 22px;
    left: 16px;
    padding: 2px;
}

.locSelect select{
  width: 100%;
  border: 0.5px solid #282D5B66;
  height: 60px;
  background: #FFFFFF;
  padding: 0px 20px;
  font-size: 18px;
}

.tavern{
  position: absolute;
  right: 22px;
  top: 54px;
}

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


.boxCloseing{
  border: 1px solid #b1b1b1;
  background: white;
  padding: 30px 15px;
  position: relative;
}

.close-disagree{
  position: absolute;
  top: -32px;
  right: -31px;
  cursor: pointer;
}

.saveExitButton1{
  margin-right: 20px;
}
.saveExitButton1, .saveExitButton2{
  border: 1px solid #C2C4D0;
  padding: 14px 11px;
  background: none;
  color: #f3724c;
}

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


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

.cursor {
  cursor: pointer !important;
}

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

.row-blue {
  color: #f3724c !important;
}

.row-red {
  color: #ff0034 !important;
}

.row-green {
	color: rgb(28, 196, 99) !important;
}

.ckecked-green {
  content: url("../images/checked.png");
  margin-right: 7px;
  vertical-align: inherit;
}


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


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

.b-bottom button{
   width: 166px;
   padding: 1px 20px;
   position: relative;
   background: none;
   border: 1px solid #f3724c;
   color: #f3724c;
   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: #f3724c;
  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;
}
.rem_btn .modal-btn-decripatn{
  text-align: center;
}
.rem_btn .modal-btn-decripatn button{
  font-size: 16px;
  padding: 10px 52px;
  border-radius: 4px;
}


.schedule-top{
  background: #fff !important;
  border: 0.6000000238418579px solid #D5D5DC;
  border-radius: 8px;
}
.pop-up-button .close-need {
  background-color: rgb(236, 236, 236);
  color: #000000;
  font-size: 16px;
  margin-right: 10px;
}
.pop-up-button .btn {
  line-height: 18px !important;
  font-size: 15px;
padding: 14px 30px;
}

.pop-up-button .submit {
background: #31A9FA;
color: #fff;
margin-left: 15px;
}

.methode-check {
  display: flex !important;
}

.methode-check .chekbox-tc input{
  opacity: 0!important;
  width: 20px!important;
  height: 20px!important;
  background: linear-gradient(
141deg
,#1fa8e5 0,#2dbeff 100%) no-repeat padding-box;
  box-shadow: 0 1px 10px #8b8B8B1F!important;
  border: .800000011920929px solid #fff;
  border-radius: 4px;
}

.sign-up.conditions input[type="checkbox"]+span {
  border-radius: 17%;
  margin-top: 3px;
  height: 14px;
  width: 14px;
  border: solid 1px rgba(0, 0, 0, 0.25);
}

.chekbox-tc span {
  height: 18px !important;
  width: 18px !important;
}

.chekbox-tc .new_rcb::before {
  top: 0!important;
  left: 0!important;
  position: absolute;
  height: 16px!important;
  width: 16px!important;
  content: "";
}

input[type="checkbox"]:checked+span::after {
  top: 8px;
  left: 22px;
  position: absolute;
  height: 5px;
  width: 10px;
  content: "";
  border-left: 2px solid#31a9fa;
  border-bottom: 2px solid#31a9fa;
  transform: rotate(
-45deg
);
}

.payment_successful_box {
  margin: 160px auto;
  max-width: 341px;
}

.payment_successful_box h2 {
  color: #f3724c;
  font-size: 26px;
  line-height: 31px;
  font-family: 'gilroy-medium';
}

.payment_successful_box h6 {
  color: #404040;
  font-size: 14px;
  line-height: 20px;
  margin-top: 12px;
}

.payment_successful_box button {
  font-size: 13px;
  line-height: 20px;
  font-family: 'gilroy-regular';
  display: block;
  margin: 0 auto;
  color: #fff;
  padding: 10px 40px;
  border: none;
  background: #f3724c;
  border-radius: 4px;
  margin-top: 59px;
  cursor: pointer;
}

.chekbox-tc input[type=checkbox]:checked + span::after {
    top: 8px !important;
    left: 24px !important;
}

.chekbox-tc .new_rcb::before {
  top: 4px !important;
  left: 19px !important;
  position: absolute;
  height: 16px !important;
  width: 16px !important;
  content: "";
}


.activeswitch input[type="checkbox"]:checked+span::after{
     border-left: 0px solid#31a9fa !important;
     border-bottom: 0px solid#31a9fa !important;
}

.browseButton_file{
  padding: 10px 25px;
  border: 1px solid #f3724c;
  width: fit-content;
  margin: 0 auto;
  margin-top: 20px;
  border-radius: 2px;
}
.imgboxSize{
  background-color: #e6e3e3;
  border: 1px solid #f3724c;
  padding: 7px 10px;
  cursor: pointer;
  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;
}


.submittingCheckBox input[type="checkbox"]:checked+span::after {
  top: 2px;
  left: 2px;
  position: absolute;
  height: 6px;
  width: 11px;
  content: "";
  border-left: 2px solid#ffffff;
  border-bottom: 2px solid#ffffff;
  transform: rotate( -45deg);
  border-width: 0px 0px 2px 2px;
}


.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: #372786;
  border-radius: 4px;
}

/* Handle on hover */
.clinic_box::-webkit-scrollbar-thumb:hover {
  background: #372786;
}


.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;
}

.theme-green .bs-datepicker-head {
  background-color: #f3724c !important;
}
.theme-green .bs-datepicker-body table td.week span {
  color: #f3724c !important;
}
.theme-green .bs-datepicker-body table td span.selected, .theme-green .bs-datepicker-body table td.selected span, .theme-green .bs-datepicker-body table td span[class*="select-"]:after, .theme-green .bs-datepicker-body table td[class*="select-"] span:after {
  background-color: #f3724c !important;
}


.emailRobert{ position: relative;
top: 12px;
width: fit-content;
background: #fff;
padding: 0px 5px;
font-size: 16px;
color: #000000 !important;
opacity: 1;
}

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

.emailtopFixid{
  position: absolute;
  color: #282D5B;
  top: -12px;
  z-index: 9;
  left: 14px;
  background: #fff;
  font-size: 16px;
  padding: 3px 6px 2px 5px;
}

.positionIconcalendar1 {
  position: absolute;
  right: 13px;
  top: 15px;
  font-size: 14px;
}


.toCC{
  position: relative;
  top: 11px;
  left: 19px;
  background: #fff;
  padding: .2rem;
  width: fit-content;
}

.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;
}

.draftCheck--box input[type="checkbox"]:checked+span::after {
  top: 4px;
  left: 4px;
  position: absolute;
  height: 5px;
  width: 10px;
  content: "";
  border-left: 2px solid#ffffff;
  border-bottom: 2px solid#ffffff;
  border-right: 0px solid #fff;
  transform: rotate(
-45deg
);
}

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

.table-permit table td.light-green-txt-2 button {
  border: 1px solid #4DED30;
  color: #4DED30;
  padding: 0px 11px;
}



.iagreeCheckbox input[type="checkbox"]:checked+span::after {
  top: 5px;
  left: 3px;
  position: absolute;
  height: 5px;
  width: 10px;
  content: "";
  border-left: 2px solid#ffffff;
  border-bottom: 2px solid#ffffff;
  border-right: 0px solid#ffffff;
  transform: rotate(
-45deg
);
}


.header_portl{
  background: #f3724c;
}

.header_portl .search-box h2{
  color: #fff;
}

.heading_underline {
  display: inline-block;
  padding-bottom: 8px;
  border-bottom: 5px solid rgba(0,0,0,.07);
  font-family: "Poppins-Regular";
  font-size: 28px;
  font-weight: 600;
}


.sec_padding{
    padding: 40px 0px 100px;
  background: #F2F2F2;
}
.boxone_permit{
  margin-top: 35px;
}

.card-bg_box{
  text-align: center;
  background: #fff;
  border-radius: 10px;
  padding:36px 23px 16px 23px;
min-height:316px;
cursor: pointer;
transition: 0.3s;
width: 303px;
}

.card-bg_box h2{
  color: #18191F;
  font-family: "Poppins-Regular";
  font-size: 18px;
  padding-bottom: 8px;
  font-weight: 600;
}

.card-bg_box p{
  color: #18191F;
  font-size: 14px;
  line-height: 24px;
  display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: "Poppins-Regular";
}

.card-bg_box:hover{
  background: #f3724c;
}
.card-bg_box:hover p{
  color: #000;
}
.card-bg_box:hover h2{
  color: #fff;
}

.card-bg_box img{
  margin-bottom: 1rem;
  width: 78px;
  height: 78px;
}

.comingSoon{
padding-top: 14px;
font-weight: 600;
color: #DC1D41;
font-size: 16px;
font-family: "Poppins-Regular";
}


.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: 367px;

}
.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;
}
/* .menuIconDropDown > .divspan ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
} */


/* .menuIconDropDown .divspan {
  position: relative;

} */


/* .menuIconDropDown:hover .divspan::before{
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(4, 22, 33, 0.28);
  content: '';
  left: 0;
  top: 0;
  z-index: 1;
}

.menuIconDropDown .divspan:hover > .divspan::before{
  visibility: hidden;
} */


.time-btn button {
  height: 27px;
  border: 1px solid #f14a77;
  border-radius: 4px;
  color: #fff;
  font-size: 11px;
  background: #f14a77 !important;
  line-height: 19px;
  cursor: pointer;
  padding: 2px 10px;
  margin-right: 8px;
}


.vodedTxt{
  font-family: "Poppins-Semibold";
  text-align: center;
  /* font-size: 22px; */
  padding: 20px 0px;
  /* line-height: 34px; */
}




.loginBox{
    border-radius: 28px;
    border: 1px solid #b4b4b4;
    background: #FFF;
    max-width: 509px;
    padding: 30px 25px;
    margin: 0 auto;
    display: block;
    margin-top: 80px;
  }
  .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;
  }





  @import url('https://fonts.cdnfonts.com/css/times-new-roman');
/* font-family: 'Times New Roman', sans-serif; */

@font-face {
  font-family: 'Gilroy-SemiBold';
  src: local('../fonts/Gilroy-SemiBold'), 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');
}

.ownerinformation-box{
  max-width: 506px;
  margin: 0 auto;
  display: block;
  margin-top: 69px;
}
.owner-Hd{
  color: #000;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-family: 'Gilroy-bold';
  font-weight: 700;
  text-transform: capitalize;
  padding-bottom: 4px;
}
.inputBox-form {
  margin-top: 24px;
}
.inputBox-form label{
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  padding-bottom: 14px;
}
.inputBox-form input{
  border-radius: 12px;
border: 1.5px solid #E7E7E7;
height: 58px;
padding: 0px 14px;
width: 100%;
}
.inputBox-form select{
  border-radius: 12px;
  border: 1.5px solid #E7E7E7;
  height: 58px;
  padding: 0px 14px;
  width: 100%;
}
.inputBox-form span{
  right: 10px;
  top: 12px;
  pointer-events: none;
  position: absolute;
}
.inputBox-form input::placeholder{
  color:  #dad2d2;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
}
.button-groupBottom{
  margin-top: 58px;
  text-align: right;
  padding-bottom: 50px;

}
.button-groupBottom button{
  border-radius: 8px;
background: #0E3731;
transition: 0.3s;
color: #FFF;
padding: 17px 54px;
font-size: 16px;
font-style: normal;
font-weight: 600;
border: 0;
line-height: normal;
text-transform: capitalize;
}
.button-groupBottom button.back-Btn{
  background: #F4F4F4;
  transition: 0.3s;
  color: #000;
margin-right: 14px;
}
.button-groupBottom button:hover{
  background: #185b51;
}
.button-groupBottom button.back-Btn:hover{
  background: #dddddd;
}
.hd-municipality{
  margin-top: 128px;
}
.hd-municipality h1{
  color: #161925;
  font-family: 'Times New Roman', sans-serif;
  font-size: 60px;
  font-style: normal;
  max-width: 606px;
  font-weight: 700;
  line-height: 118.6%; /* 75.904px */
}
.municipality-input{
  max-width: 495px;
  margin-top: 30px;
  position: relative;
}
.municipality-input input{
  width: 100%;
  border-radius: 14px;
border: 2px solid #E3E3E3;
background: #FFF;
height: 70px;
font-size: 20px;
font-family: 'Segoe UI', sans-serif !important;
color: #000;
padding: 0px 20px 0px 58px;
}
.municipality-input input::placeholder{
  color: #030201;
font-family: 'Segoe UI', sans-serif !important;
font-size: 20px;
font-style: normal;
opacity: 0.5;
font-weight: 400;

}
.municipality-input strong{
  position: absolute;
  left: 20px;
  top: 20px;
}
.municipality-input span{
  position: absolute;
  pointer-events: none;
  right: 20px;
  top: 20px;
}
.borderImg img{
width: 100%;
}

.dogImg{
  position: relative;
}
.licenseTxt{
  position: absolute;
  top: 0;
  left: 0;
}
.d-gif{
  text-align: end;
}
.dogImg{
  margin-top: 20px;
}

.arrow-img{
  top: 50%;
}
.moreInfo{
  color: #0E3731;
font-size: 15px;
font-style: normal;
font-weight: 600;
margin-top: 14px;
text-align: end;
cursor: pointer;
}


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


}

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

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



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

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

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

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

.flexButton{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 40px;
}
.addDog{
  margin-top: 58px;
}

.addDog button{
  border-radius: 8px;
border: 1px solid #0E3731;
color: #0E3731;
background: #fff;
font-size: 16px;
font-style: normal;
font-weight: 600;
padding: 14px 18px;
text-transform: capitalize;
}

.progresbar{
  max-width: 512px;
  margin: 0 auto;
  display: block;
 margin-top: 30px;
}
.active.active1{
  background-image: url(../images/topImg1.png);
  width: 100%;
  height: 28px;
  background-repeat: no-repeat;
}
.active.active2{
  background-image: url(../images/topImg2.png);
  width: 100%;
  height: 28px;
  background-repeat: no-repeat;
}
.active.active3{
  background-image: url(../images/topImg3.png);
  width: 100%;
  height: 28px;
  background-repeat: no-repeat;
}
.active.active4{
  background-image: url(../images/topImg4.png);
  width: 100%;
  height: 28px;
  background-repeat: no-repeat;
}
.active.active5{
  background-image: url(../images/topImg5.png);
  width: 100%;
  height: 28px;
  background-repeat: no-repeat;
}
.rd-box{
  max-width: 661px;
}
.r-peragraph{
  margin-top: 25px;
  border-radius: 13px;
background: rgba(97, 97, 97, 0.06);
padding: 20px;
}
.r-peragraph p{
  color: #000;
text-align: center;
font-size: 15px;
font-weight: 500;
line-height: 27px; /* 192.857% */
}

.accordionBox{
  margin-top: 30px;
}

.accordionBox .accordion-flush .accordion-item{
  border-radius: 12px;
  border: 1px solid #E7E7E7;
  margin-bottom: 20px;
}
.accordionBox .accordion-button{
  background-color: #cfe2ff00 !important;
}
.accordionBox .accordion-button:focus{
  box-shadow:  none !important;
  border-color: 0 !important;
  background-color: #cfe2ff00 !important;
}
.accordionBox .accordion .accordion-item{
  border-radius: 12px;
  border: 1px solid #E7E7E7;
  padding: 14px 20px 20px 20px;
}
.accordionBox .accordion-header button{
  color: #000;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
text-transform: capitalize;
border: 0;
padding-bottom: 14px;
}

.accordionBox .accordion-button:not(.collapsed){
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #dee2e600;
}

.top-header {
    background: #0E3731;
}
.top-header p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    text-align: center;
    padding: 16px 0px;
    font-weight: 400;
    font-family: 'Segoe UI', sans-serif !important;
}
.flex-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 17px;
}
.flex-logo .admin-btn button {
    border-radius: 8px;
    background: #0E3731;
    border: 0;
    transition: 0.3s;
    color: #FFF;
    text-align: center;
    font-family: 'Segoe UI', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    padding: 12px 22px;
    text-align: center;
}




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


  }

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

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



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

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

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

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

  .flexButton{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    margin-bottom: 40px;
  }
  .addDog{
    margin-top: 58px;
  }

  .addDog button{
    border-radius: 8px;
  border: 1px solid #0E3731;
  color: #0E3731;
  background: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  padding: 14px 18px;
  text-transform: capitalize;
  }

  .progresbar{
    max-width: 512px;
    margin: 0 auto;
    display: block;
   margin-top: 30px;
  }
  .active.active1{
    background-image: url(../images/topImg1.png);
    width: 100%;
    height: 28px;
    background-repeat: no-repeat;
  }
  .active.active2{
    background-image: url(../images/topImg2.png);
    width: 100%;
    height: 28px;
    background-repeat: no-repeat;
  }
  .active.active3{
    background-image: url(../images/topImg3.png);
    width: 100%;
    height: 28px;
    background-repeat: no-repeat;
  }
  .active.active4{
    background-image: url(../images/topImg4.png);
    width: 100%;
    height: 28px;
    background-repeat: no-repeat;
  }
  .active.active5{
    background-image: url(../images/topImg5.png);
    width: 100%;
    height: 28px;
    background-repeat: no-repeat;
  }
  .rd-box{
    max-width: 661px;
  }
  .r-peragraph{
    margin-top: 25px;
    border-radius: 13px;
  background: rgba(97, 97, 97, 0.06);
  padding: 20px;
  }
  .r-peragraph p{
    color: #000;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 27px; /* 192.857% */
  }

  .accordionBox{
    margin-top: 30px;
  }

  .accordionBox .accordion-flush .accordion-item{
    border-radius: 12px;
    border: 1px solid #E7E7E7;
    margin-bottom: 20px;
  }
  .accordionBox .accordion-button{
    background-color: #cfe2ff00 !important;
  }
  .accordionBox .accordion-button:focus{
    box-shadow:  none !important;
    border-color: 0 !important;
    background-color: #cfe2ff00 !important;
  }

  .accordionBox .accordion-header button{
    color: #000;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  text-transform: capitalize;
  }

  .accordionBox .accordion-button:not(.collapsed){
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #dee2e600;
  }
  .accordionBox .accordion-body{
    padding-top: 0;
  }

  .textBox-accordian{
    border-top: 1px solid #E7E7E7;
  }
  .dogone-details{
    position: relative;
    margin-top: 20px;
  }
  .dogone-details span{
    position: absolute;
    right: 14px;
    top: 16px;
    pointer-events: none;
  }
  .dogone-details input{
    border-radius: 12px !important;
  border: 1.5px solid #E7E7E7 !important;
  height: 58px !important;
  padding: 0px 20px!important;
  }
  .dogone-details select{
    border-radius: 12px;
  border: 1.5px solid #E7E7E7;
  height: 58px;
  padding: 0px 20px;
  width: 100%;
  }
  .proof-vac{
    margin-top: 24px;
  }
  .proof-vac label{
    color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  padding-bottom: 16px;
  text-transform: capitalize;
  }
  .latterfile{
    position: relative;
    width: 100%;
    text-align: center;
    height: 165px;
    border-radius: 10px;
    border: 1.5px dashed #E7E7E7;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .latterfile input{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
  }
  .latterfile span img{
    margin: 0 auto;
    display: block;
  }
  .latterfile span{
    color: #000;
  text-align: center;
  cursor: pointer;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px; /* 195% */
  text-transform: capitalize;
  }
  .latterfile span strong{
  display: block;
  color: #0E3731;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  text-decoration-line: underline;
  text-transform: capitalize;
  }

  .serviceDog{
    margin-top: 20px;
  }
  .serviceDog h3{
    color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  text-transform: capitalize;
  }
  .serviceDog p{
  color: #4D4D4D;
  font-size: 14px;
  margin-top: 8px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px; /* 192.857% */
  }

  .moreDocBtn .button-groupBottom{
  margin-top: 20px;
  }
  .moreDocBtn .addDog{
    margin-top: 20px;
    color: #0E3731;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  cursor: pointer;
  }

  .fee-pay{
    margin-top: 10px;
    margin-bottom: 40px;
  }

  .qr-code .containerone input{
    width: 20px;
    height: 20px;
    left: 0;
  }

  .qr-code p{
    margin-left: 35px;
    color: #000;
  font-size: 14px;
  position: relative;
  top: -5px;
  font-style: normal;
  font-weight: 500;
  line-height: 27px; /* 192.857% */
  }
  .qr-code p strong{font-weight: bold;}
  .s-below h2{
  margin-top: 30px;
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 146.667% */
  max-width: 546px;
  text-transform: capitalize;
  }
  .sign-box{
    margin-top: 16px;
    border-radius: 10px;
  border: 1.5px dashed #E7E7E7;
  padding: 12px;
  height: 165px;
  }
  .sign-box textarea{
    height: 113px;
    border: 0;
    width: 100%;
    padding: 0;
    resize: none;
  }
  .closIconDraw{
    cursor: pointer;
  }
  .type-ac a{
    color: #0E3731;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    cursor: pointer;
    font-weight: 600;
    text-transform: capitalize;
    margin-left: 12px;
  }
  .border-top-draw{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .type-ac a.active{
    text-decoration-line: underline;
  }
  .flexcosts{
    display: flex;
  justify-content: center;
  align-items: center;
  }
  .costs{
    color: #161925;
    font-family: 'Segoe UI', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px; /* 150% */
    max-width: 186px;
  }
  .get-dogLicense{
    margin-top: 80px;
    padding-bottom: 80px;
  }

  .costimg{
    margin-left: 10px;
  }

  .get-a-lic{
    color: #161925;
  text-align: center;
  font-family: 'Times New Roman', sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 54px;
  }


.doseit-workBg{
  border-radius: 30px;
  border: 3px solid #FAFAFA;
  padding: 30px 0px 0px 0px;
}
.doseit-workBg h2{
  color: #161925;
font-size: 40px;
text-align: center;
font-style: normal;
font-weight: 700;
font-family: 'Times New Roman', sans-serif;
padding-top: 10px;
}
.cropgif{
  text-align: center;
  margin-top: 130px;
}
.workDetailsBox{
  border-radius: 30px;
background: #0E3731;
padding: 40px;
}
.workDetailsBox ul span{
  margin-left: 70px;
  display: block;
}
.workDetailsBox ul li{
  position: relative;
  color: #FFF;
  font-family: 'Segoe UI', sans-serif !important;
font-size: 18px;
font-style: normal;
font-weight: 600;
margin-bottom: 20px;
line-height: 30px;
color: #fff;
}
.workDetailsBox ul li::before{
  position: absolute;
  content: '1';
  border: 1px solid #fff;
  left: 0;
  text-align: center;
  top: 6px;
  border-radius: 50%;
  line-height: 50px;
  width: 50px;
  height: 50px;
  background: #D4B1D2;
  color: #161925;
  font-family: 'Segoe UI', sans-serif !important;
font-size: 23px;
font-style: normal;
font-weight: 600;
}
.workDetailsBox ul li:last-child{
  margin-bottom: 0;
}


.workDetailsBox ul li.numberList2::before{
content: '2';
top: 10px;
}
.workDetailsBox ul li.numberList3::before{
  content: '3';
  top: 8px;
  }
  .workDetailsBox ul li.numberList4::before{
    content: '4';
    top: -8px;
    }
.doseit-work{
  padding: 122px 0px 100px;
}
.got-q{
  max-width: 919px;
  margin: 0 auto;
  display: block;
}
.got-Questions{
  color: #161925;
text-align: center;
font-family: 'Times New Roman', sans-serif !important;
font-size: 48px;
font-style: normal;
font-weight: 700;

}
#checkBoxGet .containerone .checkmark:after{
  left: 8px;
  top: 5px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 0px !important;
  background: #ffffff00;
}
.accordionBox .accordion-button:not(.collapsed)::after{
  display: none;
}

.landingpageAccordian{
margin-top: 40px;
}

.landingpageAccordian .card-header{
  background: none;
  padding: 0px 0px;
  border-bottom: 0;
}
.landingpageAccordian .card-body{
    padding: 10px 0px 0px 0px;
  color: #161925;
  font-family: 'Segoe UI', sans-serif !important;
  font-size: 16px;
  font-style: normal;
  max-width: 664px;
  font-weight: 600;
  line-height: 26px; /* 162.5% */
}
.landingpageAccordian [aria-expanded="true"] i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.landingpageAccordian h2 button{
  color: #1A1A1A;
  font-family: 'Times New Roman', sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
background: none;
border: 0;
}
.mbBorder{
  border-bottom: 1px solid  rgba(148, 148, 148, 0.50);
  margin: 28px 0px;
  padding-bottom: 28px;
}
.flexarrowdown{
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.signature-pad canvas{
  background: #f2f2f2;
  margin-top: -5px;
  padding: -17px;
  max-height: 132px;
  width: 100%;
}
.signature-pad{
  height: 129px;
  background: #0e3731;
  border: 1px #0e3731;
}

#backSign-page .back-Btn{
  margin-right: 177px;
  margin-top: -45px;
}
.signature-pad .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0E3731 !important;
  border-color: #0E3731 !important;
}
.signature-pad .btn-primary.focus, .btn-primary:focus {
box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 0%) !important;
}
.signature-pad .btn:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);
}
.signature-pad .btn-primary{
  position: relative;
  left: 500px;
  top: 59px;
  padding: 13px 45px;
  background: #0e3731;
  border: 1px #0e3731;
  color: white;
  /* display: none; */
  /* background-color: ; */
}

.signature-pad .btn-default {
position: absolute;
left: 0;
bottom: 25%;

}
#dogHeader{
  height: 80px;
  padding: 10px 0px;
}
.positionAb{
  position: absolute;
  padding-top: 10px
}
.gs-Hd{
  color: #FFF;
text-align: center;
font-family: 'Times New Roman', sans-serif;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 60px; /* 125% */
max-width: 446px;
padding-bottom: 40px;
margin: 0 auto;
}

.gs-sec{
  background: #0E3731;
  padding: 50px 0px;
}
.rvs{
  margin-bottom:24px;
}
.rvs h2{
  color: #FFF;
  font-family: 'Segoe UI', sans-serif !important;
font-size: 20px;
font-style: normal;
font-weight: 700;
}
.rvs p{
  color: #FFF;
  font-family: 'Segoe UI', sans-serif !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 350;
  line-height: 29px; /* 181.25% */
  margin-top: 6px;
}
.gsImg{
  margin-top: 20px;
  text-align: left;
  padding-right: 24px;
}
.bgFooter{
  background: #000;
padding: 20px 0px;
  width: 100%;
}
.footerTeams{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footerTeams h2{
  color: #FFF;
  font-family: 'Segoe UI', sans-serif !important;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 30px; /* 214.286% */
}
.popContent{
  padding: 25px 30px;

  position: relative;
}

.popContent p{
  font-family: 'Segoe UI', sans-serif !important;
  font-size: 16px;
  line-height: 24px;
  padding-top: 20px;
}

.positon-ab img{
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 1;
}


.get-a-lic span{
  position: relative;
}


.get-a-lic{
  position: relative;
}



.get-dogLicense .dropdown {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.get-dogLicense .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  font-family: 'Times New Roman', sans-serif;
  top: -20px;
  left: 30px;
  border-radius: 10px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.get-dogLicense .dropdown-content a {
  color: black;
  padding: 10px 16px;
  min-width: 180px;
  text-align: left;
  font-family: 'Times New Roman', sans-serif;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
  display: block;
  word-break: break-all;
    color: #161925;
}


.get-dogLicense .dropdown:hover .dropdown-content {display: block;}





@media(max-width:1024px){
  .costimg {
    margin-left: 0px;
    margin-bottom: 20px;
}
.flexcosts{
  flex-wrap: wrap-reverse;
}
  .hd-municipality {
    margin-top: 88px;
}
.hd-municipality h1{
  font-size: 46px;
}
.licenseTxt{
  max-width: 150px;
}
.doseit-workBg h2{
  font-size: 40px;
}
.workDetailsBox ul li{
  font-size: 16px;
}

.workDetailsBox ul li::before{
  line-height: 30px;
  width: 30px;
  height: 30px;
  font-size: 14px;
}
.workDetailsBox ul span{
  margin-left: 50px;
}
.workDetailsBox ul li.numberList3::before{
  top: 0px;
}

.workDetailsBox ul li.numberList4::before{
  top: 0px;
}





}
@media(max-width:820px){
  .hd-municipality h1 {
    font-size: 33px;
}
.licenseTxt {
  max-width: 100px;
}
.workDetailsBox{
  padding: 20px;
}
}

  @media (max-width: 575.98px){
    .button-groupBottom button{
      font-size: 14px;
    }
    .gsImg {
      padding-right: 0;
    }
    .gs-Hd {
      font-size: 30px;
      line-height: 50px;
      margin: 0 auto;
  }
  .doseit-work {
    padding: 40px 0px 50px;
}
    #dogHeader {
      height: 70px;
      padding: 6px 0px;
  }
    #backSign-page .back-Btn {
      margin-right: 0;
      margin-top: 0;
  }
    .owner-Hd{
      font-size: 24px;
    }
    .active.active1{
      background-size: contain;
    }
    .active.active2{
      background-size: contain;
    }
    .active.active3{
      background-size: contain;
    }
    .active.active4{
      background-size: contain;
    }
    .active.active5{
      background-size: contain;
    }
    .ownerinformation-box{
      margin-top: 30px;
    }
    .button-groupBottom{
      margin-top: 30px;
      margin-bottom: 50px;
    }
    .flexButton{
      display: block;
    }
    #feeAndpay .button-groupBottom.typeButton-back{
      text-align: right;
    }

    .signature-pad .btn{
      margin:  0 0 0 auto !important;
    }
    .button-groupBottom{
      text-align: right;
    }
    .containerone input{
      position: static;
      height: 10px;
    }
    .addDog {
      margin-top: 20px;
      text-align: right;
  }
  .qr-code p{
    top: -24px;
  }

  .top-header p{
    font-size: 13px;
    padding: 13px 9px;
    line-height: 22px;
  }

  .flex-logo .admin-btn button{
    font-size: 13px;
    padding: 12px 13px;
  }
  .hd-municipality {
    margin-top: 38px;
    text-align: center;
}
.hd-municipality h1 {
  font-size: 30px;
}

.municipality-input input{
  height: 50px;
  padding: 0px 10px 0px 48px;
}
.municipality-input input::placeholder{
  font-size: 14px;
}
.municipality-input strong {
  left: 17px;
  top: 17px;
}
.municipality-input strong img{
width: 20px;
}
.get-a-lic{
  margin-bottom: 30px;
  font-size: 25px;
}

.get-a-lic .dropdown-content {
  top: 34px;
  left: auto;
  right: 0;
}
.cropgif{
  margin-top: 60px;
}
.flexcosts {
  flex-wrap: nowrap;
}
.get-dogLicense{
  padding-bottom: 0;
}
.doseit-workBg h2 {
  font-size: 32px;
}
.doseit-workBg{
  margin-bottom: 50px;
}
.got-Questions{
  font-size: 34px;
}
.landingpageAccordian h2 button{
  font-size: 18px;
}
.landingpageAccordian .card-body{
  font-size: 14px;
  line-height: 22px;
}
.sign-box{
  height: auto;
}

.signature-pad{
  height: 94px;
}
.signature-pad .btn-primary{
  left: 0 !important;
  display: block;
  padding: 12px 40px;
}

.signature-pad .btn-default {
  bottom: 23%;
}


#feeAndpay  #backSign-page .back-Btn{
  margin-right: 190px;
  margin-top: -3px;
      }

  }
@media(max-width:414px){
  .signature-pad {
    height: 87px;
}
}
@media(max-width:412px){
.signature-pad {
  height: 86px;
}
}
@media(max-width:375px){
.signature-pad {
  height: 76px;
}
}
  @media (max-width: 320px){
    .signature-pad {
      height: 62px;
  }
  .signature-pad .btn-primary {
    padding: 11px 29px;
}
  .signature-pad .btn-default {
    bottom: 21%;
}
#feeAndpay #backSign-page .back-Btn{
  margin-top: 0;
}
  .flex-logo .admin-btn button {
      font-size: 12px;
      padding: 12px 9px;
  }
  .button-groupBottom{
    display: flex;
  }
}
  #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;
  }

  .top-header a{
    text-decoration: underline;
    color: #fff;
  }