/* your styles go here */

/*Start PagedList custom styles*/
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    background-color: #227bbc;
    border-color: #227bbc;
}
/*End PagedList custom styles*/

/*Start select2 custom styles*/
.select2-container--default .select2-selection--single {
    padding: 1px;
    height: 31px;
    width: 100%;
    font-size: 0.875rem;
    position: relative;
    border: 1px solid #ced4da;
    border-radius: 0px;
}

.select2-dropdown.select2-dropdown--below {
    width: 100%;
    top: -6px;
}

.select2-dropdown {
    border: 1px solid #ced4da;
    border-radius: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: -khtml-gradient(linear, left top, left bottom, from(#227bbc), to(#227bbc));
    background-image: -moz-linear-gradient(top, #227bbc, #227bbc);
    background-image: -ms-linear-gradient(top, #227bbc, #227bbc);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #227bbc), color-stop(100%, #227bbc));
    background-image: -webkit-linear-gradient(top, #227bbc, #227bbc);
    background-image: -o-linear-gradient(top, #227bbc, #227bbc);
    background-image: linear-gradient(#227bbc, #227bbc);
    width: 25px;
    color: #fff;
    font-size: 0.875rem;
    padding: 5px 8px;
    height: 30px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.select2-selection__placeholder {
    color: #f00;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #227bbc;
    color: white;
}

.sel2font {
    font-size: .85rem;
    color: #6c757d;
}

/*End select2 custom styles*/