/* ===========================
   Vehicle Search
=========================== */

.vsc-wrapper{
    width:100%;
    max-width:250px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    box-sizing:border-box;
}

.vsc-wrapper *,
.vsc-wrapper *:before,
.vsc-wrapper *:after{
    box-sizing:border-box;
}

.vsc-wrapper select,
.vsc-wrapper input[type="text"],
.vsc-wrapper button{

    width:100%;
    display:block;
    margin-bottom:6px;

}

/* Inputs */

.vsc-wrapper select,
.vsc-wrapper input[type="text"]{

    height:38px;

    padding:0 12px;

    border:1px solid #2972b6;

    background:#fff;

    color:#2972b6;

    font-size:14px;

    border-radius:2px;

    outline:none;

}

/* Placeholder */

.vsc-wrapper input::placeholder{

    color:#2972b6;

    opacity:.8;

}

/* Select Arrow */

.vsc-wrapper select{

    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%232972b6' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");

    background-repeat:no-repeat;

    background-position:right 12px center;

    padding-right:40px;

    cursor:pointer;

}

/* Disabled */

.vsc-wrapper select:disabled{

    background:#f5f5f5;

    color:#999;

    cursor:not-allowed;

}

/* Search Button */

.vsc-wrapper button{

    height:42px;

    border:none;

    background:#27ae60;

    color:#fff;

    font-size:15px;

    font-weight:600;

    border-radius:4px;

    cursor:pointer;

    transition:.2s;

}

.vsc-wrapper button:hover{

    background:#219653;

}