.dropdown-button{
    &:after{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E%3Cpath d='M8.825 0L5 3.81667L1.175 0L0 1.175L5 6.175L10 1.175L8.825 0Z' fill='%23A3A3A3'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 10px 7px;
        width: 10px;
        height: 7px;
        content: "";
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }
}
.dropdown-container {
    span{
        &:before{
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 1px solid var(--brandingColor);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            /* padding: 6px; */
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 8px;
            width: 14px;
            height: 14px;
            top: -1px;
        }
    }
}

.find-lo-container {
    &.search-filter-div{
        input[type="text"]{
            padding-left: 8px;
            font-size: 16px;
        }
    }
}

.dropdown-list label {
	input {
		&:checked {
			& + span {
                position: relative;
                cursor: pointer;
				&:after {
					content: '';
                    display: block;
                    position: absolute;
                    top: 2px;
                    left: 5px;
                    width: 5px;
                    height: 9px;
                    border: solid rgb(var(--white));
                    border-width: 0 2px 2px 0;
                    transform: rotate(45deg);
				}
                &:before{
                    background-color: var(--brandingColor);
                }
			}
		}
	}
}

.filter-toggle-container{
    .filter-btn{
        span{
            line-height: 15px;
        }
        svg{
            fill: rgb(var(--white));
        }
    }
}

.find-loan-officer-module .loader span:before{
    display: none
}