/*-
 * ================================================================================
 * eCOMP Portal
 * ================================================================================
 * Copyright (C) 2017 AT&T Intellectual Property
 * ================================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ================================================================================
 */
 .select2-drop {
    border-radius: 0 0 2px 2px;
    outline: none;
}

.select2-container {
    margin-right: 8px;

    .select2-choice {
        border-color: #d8d8d8;
        border-radius: 2px;
        background-image: none;
        height: 32px;
        width: 100%;
    }

    &.select2-dropdown-open {
        .select2-choice {
            border-color: @a;
        }
        .select2-choice .select2-arrow b:after,
        &.select2-container-disabled .select2-choice .select2-arrow b:after,
        .select2-choice .select2-arrow b:after {
            .arrow_up;
        }
    }

    .select2-choice .select2-arrow b:after,
    &.select2-container-disabled .select2-choice .select2-arrow b:after,
    .select2-choice .select2-arrow b:after {
        .arrow_down;
        height: 10px;
        width: 10px;
        top: -2px;
        right: 10px;
      
    }
    .select2-chosen, .select2-container input {
        line-height: 32px;
    }
}

.select2-results {
    border-radius: 0 0 2px 2px;
    margin: -13px 0 0 0;
    .select2-result {
        &:first-child {
            margin-top: 14px;
        }
        &:hover {
            background-color: @t;
        }
    }

    .select2-result-label {
        outline: none;
    }
}

.select2-drop-above {
    &.select2-drop {
        border-radius: 2px 2px 0 0;
    }

    &.select2-dropdown-open .select2-choice {
        border-radius: 0 0 2px 2px !important;
        background: #fff;
    }
}

.select2-dropdown-open {
    .select2-choice {
        border-color: @q;

        .select2-arrow b:after {

        }
    }
}

.select2-drop-active {
    border-color: @a;
}