/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23-mar-2016, 15:19:52
    Author     : dalvarez
*/

.select-container{
    display: block;
    position: relative;
}

.select-container i{
    float: right;
    color: #3983BE;
}

.select-container .selected-option {
    padding: 10px 20px 10px 20px;
    background-color: #FFF;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #D7D7D7;
    display:block;
    cursor: pointer;
    color: #313133;
    font-weight: bold;
    text-align: center;
}


.select-container div.open {
    border-radius: 5px 5px 0 0;
}

.select-container .select-input {
    display: none;
}

.select-container .available-options {
    display: none;
    z-index: 100;
    position: absolute;
    width: 100%;
    overflow: auto;
    max-height: 337px;
}

.select-container .option {
    background-color: #F3F3F3;
    padding: 10px 20px 10px 20px;
    color: #313133;
    border-bottom: 1px solid #D7D7D7;
    border-left: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
    text-align: center;
    cursor: pointer;   
    width: 100%;
    display:block;
}

.select-container .option:hover {
    background-color:  #D7D7D7;
}      


.select-container .option:nth-last-child(1) {
    border-radius: 0 0 5px 5px;
}