p-dropdown {
    display: block;
    font-family: $bodyFont;

    .ui-dropdown {
        width: 100% !important;
        background-image: none !important;
        max-width: 100%;

        &-label {
            width: 100%;
            height: 46px;
            border-radius: 4px;
            padding: 6px 12px;
            border: 2px solid #E0E0E0;
            line-height: 30px !important;
            transition: .3s;

            &:focus, &:active {
                border: 2px solid #12A8DE !important;
            }
        }

        &-trigger {
            top: 13px;
            margin-right: 12px;
        }
    }
}

.is-invalid {
    .ui-dropdown-label {
        border: 1px solid #e62a10;
    }
}
