.dselect2 {
    position: relative;
}

    .dselect2 .dselect2-selected {
        height: 32px;
        background-color: white;
        padding-left: 10px;
        padding-right: 10px;
        border: 1px solid #deeaea;
        border-radius: 4px;
        line-height: 32px;
    }

    .dselect2:hover .dselect2-selected {
        border-color: rgba(34,36,38,.35);
    }

    .dselect2[data-clearable] .dselect2-selected {
        padding-right: 25px;
    }

    .dselect2 .dselect2-item > label,
    .dselect2 .dselect2-selected-item > label {
        line-height: 32px !important;
        float: none !important;
    }


    .dselect2 .dselect2-selected[data-disabled='true'] {
        background-color: #ebebe4;
    }

    .dselect2 .dselect2-selected .dselect2-placeholder {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dselect2 .dselect2-body {
        min-width: 50px;
        position: absolute;
        -webkit-box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.28);
        -moz-box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.28);
        box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.28);
        border: solid 1px #dfe3e9;
        border-radius: 4px;
        z-index: 1;
        background-color: white;
        margin-bottom: 35px;
    }

.dselect2 .dselect2-body .dselect2-search {
    background-color: #d6dfe2;
    padding: 10px;
}

    .dselect2 .dselect2-body .dselect2-search > input {
        height: 36px;
        border-radius: 4px;
        border: solid 1px #dfe3e9;
        background-color: #fff;
        width: 100%;
        border: 0px;
    }

.dselect2 .dselect2-body > .dselect2-results {
    overflow-y: auto;
    max-height: 300px;
}

    .dselect2 .dselect2-body > .dselect2-results > label {
        text-align: center;
        display: block;
    }

.dselect2 .dselect2-body .dselect2-item {
    height: 36px;
    line-height: 36px !important;
    padding-left: 10px;
    padding-right: 20px;
    border-bottom: 1px solid #dfe3e9;
    white-space: nowrap;
}

    .dselect2 .dselect2-body .dselect2-item[data-selected="true"] {
        background-color: #deeaea !important;
        position: relative;
    }

        .dselect2 .dselect2-body .dselect2-item[data-selected="true"]:after {
            display: table;
            content: '\2713';
            position: absolute;
            width: 10px;
            right: 5px;
            top: 0px;
            color: green;
            font-size: 18px;
        }

    .dselect2 .dselect2-body .dselect2-item:hover {
        background-color: #deeaea;
        cursor: pointer;
    }

    .dselect2 .dselect2-body .dselect2-item:last-child {
        border-bottom: 0px;
    }

.dselect2 .dselect2-selected > i {
    position: absolute;
    top: 0;
    right: 2px;
    cursor: pointer;
}