$default-border-color: #dedce5;
$active-border-color: #428bca;

p-dropdown {
    &.p-dropdown {
        background-color: #fff;
        border: 1px solid #c1c1cc;
        border-radius: 4px;

        .p-select-label {
            display: flex;
            align-items: center;
            min-width: 265px;
            margin: 7px 10px;
            font-family: "Open Sans", sans-serif;
            font-size: 14px;
            line-height: 1;
            border: none;
            min-height: 21px;
        }

        .p-select-label.p-placeholder {
            color: #212533;
        }

        .p-select-dropdown {
            border-left: 1px solid #c1c1cc;
            border-radius: 0 4px 4px 0;
            padding: 0 12px;
        }

        .p-select-clear-icon {
            margin-top: -0.45rem;
            right: 3em;
        }

        &:hover {
            .p-select-dropdown {
                background-color: #eeebf2;
            }
        }

        &:not(.p-disabled):hover {
            border: 1px solid #c1c1cc;
        }

        &.p-focus {
            border: 1px solid $active-border-color !important;

            .p-select-label {
                outline: none;
            }

            .p-select-dropdown {
                border-left: 1px solid $active-border-color;
            }
        }

        &.p-disabled {
            border-color: $default-border-color;

            .p-select-dropdown {
                border-color: $default-border-color;
            }

            .p-select-label,
            .p-select-label.p-placeholder,
            .p-select-dropdown {
                color: $default-border-color;
            }
        }
    }

    &.ng-dirty.ng-invalid.p-dropdown {
        border-color: #c13018 !important;

        .p-select-dropdown {
            border-color: #c13018 !important;
        }
    }

    &.ng-dirty.ng-invalid.p-dropdown:hover {
        border-color: #c13018 !important;

        .p-select-dropdown {
            border-color: #c13018 !important;
        }
    }
}

body .p-select-list-container {
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);

    .p-select-list {
        border-radius: 4px;
        overflow: hidden;

        p-dropdownitem {
            background-color: #fff;

            .p-select-option {
                color: #212533;
                font-family: "Open Sans", sans-serif;
                font-size: 14px;
                line-height: 1;
                padding: 8px 12px;

                &:hover {
                    background: #eeebf2;
                }
            }

            &:first-child {
                padding-top: 4px;
            }

            &:last-child {
                padding-bottom: 4px;
            }
        }

        .p-select-option-group {
            min-height: 21px;
            font-weight: 700;
            color: #212533;
            padding: 7px 10px;
            font-size: 14px;
            background-color: #fff;
        }
    }
}
body .p-fluid p-paginator p-dropdown {
    width: auto;
}