/* form */
form label.form-label{
    color: #344054;
    font-size: 14px;
    font-weight: 400;
}
form label.form-check-label{
    color: #475467;
    font-size: 14px;
    font-weight: 400;
}
form label.form-check-label a{
    font-size: 14px;
    text-decoration: underline;
}
form input.form-control,
form textarea.form-control,
form select.form-select{
    padding: 10px 14px;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
form .select2-selection.select2-selection--multiple{
    padding: 3px 10px;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
form textarea.form-control{
    height: 135px;
    resize: none;
}
form input[type=file]{
    /* padding: unset; */
    padding: .375rem .75rem;
}
form input::placeholder, 
form select.form-select{
    color: #667085;
    font-size: 16px;
    font-weight: 400;
    opacity: 1;
}
form button.rsc-btn{
    max-width: none;
}
form button.rsc-btn:hover, .btn:focus-visible, .btn-check:checked+.btn, .btn.active, .btn:first-child:active, :not(.btn-check)+.btn:active{
    /* border: 3px solid var(--primary-blue); */
    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(31,54,103,1);
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(31,54,103,1);
    box-shadow: inset 0px 0px 0px 3px rgba(31,54,103,1);
    color: var(--primary-blue);
}
form .form-check-input:checked{
    background-color: var(--secondary-blue);
    border-color: var(--secondary-blue);
}
form .form-control:focus, form .form-select:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border-color: var(--secondary-green);
    box-shadow: 0 0 0 .25rem rgba(127,189,82,.25);
}


.date-picker {
    position: relative;
    display: inline-block;
}

.date-picker input[type="date"] {
    padding-right: 30px; /* Make space for the icon */
}

.date-picker input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}
.date-picker i{
    color: var(--primary-blue);
}
.date-picker .fa-calendar-days {
    position: absolute;
    right: 24px; /* Adjust based on padding and positioning */
    top: 69%;
    transform: translateY(-50%);
    pointer-events: none; /* Makes the icon non-interactive */
}

/* Building permit application */
form a{
    /* color: #212529; */
    color: #344054;
    /* color:rgba(33, 37, 41, 0.75); */
    text-decoration: underline;
}
form h5{
    font-family: var(--montserrat);
    font-size: 18px;
    font-weight: 600;
}
form .declaration input{
    border: none;
    border-bottom: 1px solid #D0D5DD;
    padding: 0 10px;
    margin: 0;
    width: 37%;
    background: none;
    background-color: var(--lg-gray-bg);
}
form .declaration input:focus-visible,
form .declaration input:focus{
    /* border-color: var(--secondary-green); */
    outline: var(--secondary-green) 1px solid;
    box-shadow: 0 0 0 .25rem rgba(127,189,82,.25);
}
form .declaration ul{
    list-style-type: decimal;
    /* padding-left: 0; */
}
/* Validation Styles */
.datepicker.form-control.is-valid, 
.was-validated .datepicker.form-control:valid {
    background-position: right calc(.375em + .1875rem + 1.75rem) center;
}
.datepicker.form-control.is-invalid, 
.was-validated .datepicker.form-control:invalid {
    background-position: right calc(.375em + .1875rem + 1.75rem) center;
}