/********************************************************
  
    DROPDOWN

********************************************************/

/*Styling Selectbox*/
.dropdown {
    width: 100%;
    display: inline-block;
    background-color: #fff;
    transition: all .5s ease;
    position: relative;
    font-size: 16px;
    color: #474747;
    text-align: left;
    border-radius: 3px;
    border: 1px solid #cacaca;
    margin: 20px 0 5px 0;
}

    .dropdown .select {
        cursor: pointer;
        display: block;
        padding: 15px;
    }

    .dropdown span {
        display: inline-block;
        width: 95%;
    }

    .dropdown b {
        float: right;
    }

    .dropdown .select i::before {
        content: "\25C4";
    }

    .dropdown .select > i {
        font-size: 13px;
        color: #aaaaaa;
        cursor: pointer;
        transition: all .3s ease-in-out;
        float: right;
        line-height: 20px
    }

    .dropdown:active {
        background-color: #f8f8f8;
        border: 1px solid #00bfff;
    }

    .dropdown.active:hover,
    .dropdown.active {
        border-radius: 5px 5px 0 0;
        background-color: #f8f8f8;
        border: 1px solid #00bfff;
        border-bottom-color: #fff;
    }

        .dropdown.active .select > i {
            transform: rotate(-90deg)
        }

    .dropdown .dropdown-menu {
        position: absolute;
        background-color: #fff;
        width: 100%;
        left: -1px;
        box-shadow: 1px 1px 2px #ffffff;
        border-radius: 0 1px 5px 5px;
        overflow: hidden;
        display: none;
        max-height: 144px;
        overflow-y: auto;
        z-index: 9;
        border: 1px solid #00bfff;
        border-top-color: #fff;
    }

        .dropdown .dropdown-menu li {
            padding: 10px;
            transition: all .2s ease-in-out;
            cursor: pointer
        }


    .dropdown .dropdown-menu {
        padding: 0;
        list-style: none
    }

        .dropdown .dropdown-menu li:hover {
            background-color: #f2f2f2
        }

        .dropdown .dropdown-menu li:active {
            background-color: #e2e2e2
        }