/* Style the container */
.search-box-container {
    width: 650px;
    position: relative;
    margin: 20px auto;
}

@media (max-width: 650px) {
    .search-box-container {
        width: 100%;
    }
}

.search-button {
    position: absolute;
    /*right: 0px;*/
    top: 50%;
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    background-color: #00000000 !important;
    /*border-radius: 50%;*/
    border: 0;
    color: #000;
    width: 100px;
    height: 100px;
    outline: 0;
    font-size: 60px;
}

@media (max-width: 700px) {
    .search-button {
        -ms-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%);
        padding: 0 !important;
        width: 25px;
        height: 25px;
        font-size: 20px;
    }
}

/* Style the licenseplate */
.license-plate {
    color: #333 !important;
    background-color: #FFC72C !important;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjE2NC4zODQwMTc5NDQzMzU5NCIgaGVpZ2h0PSI0NTAuNzE5OTQwMTg1NTQ2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPgogPGcgY2xhc3M9ImxheWVyIj4KICA8dGl0bGU+VGV4dDwvdGl0bGU+CiAgPGcgaWQ9IkdCVSI+CiAgIDxyZWN0IGZpbGw9IiMwNTY4OWYiIGhlaWdodD0iMTMwLjAxNjYiIGlkPSJyZWN0MzY4MiIgd2lkdGg9IjU0LjY0Mjg2Ii8+CiAgIDxnIGlkPSJzdGFycyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4yOTgxIDApIj4KICAgIDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSItMiAxMCAxMDAgNTAiIHdpZHRoPSI4MCIgaGVpZ2h0PSIxMDAiPgogICAgIDxjbGlwUGF0aCBpZD0icyI+CiAgICAgIDxwYXRoIGQ9Ik0wLDAgdjMwIGg2MCB2LTMwIHoiLz4KICAgICA8L2NsaXBQYXRoPgogICAgIDxjbGlwUGF0aCBpZD0idCI+CiAgICAgIDxwYXRoIGQ9Ik0zMCwxNSBoMzAgdjE1IHogdjE1IGgtMzAgeiBoLTMwIHYtMTUgeiB2LTE1IGgzMCB6Ii8+CiAgICAgPC9jbGlwUGF0aD4KICAgICA8ZyBjbGlwLXBhdGg9InVybCgjcykiPgogICAgICA8cGF0aCBkPSJNMCwwIHYzMCBoNjAgdi0zMCB6IiBmaWxsPSIjMDEyMTY5Ii8+CiAgICAgIDxwYXRoIGQ9Ik0wLDAgTDYwLDMwIE02MCwwIEwwLDMwIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNiIvPgogICAgICA8cGF0aCBkPSJNMCwwIEw2MCwzMCBNNjAsMCBMMCwzMCIgY2xpcC1wYXRoPSJ1cmwoI3QpIiBzdHJva2U9IiNDODEwMkUiIHN0cm9rZS13aWR0aD0iNCIvPgogICAgICA8cGF0aCBkPSJNMzAsMCB2MzAgTTAsMTUgaDYwIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMTAiLz4KICAgICAgPHBhdGggZD0iTTMwLDAgdjMwIE0wLDE1IGg2MCIgc3Ryb2tlPSIjQzgxMDJFIiBzdHJva2Utd2lkdGg9IjYiLz4KICAgICA8L2c+CiAgICA8L3N2Zz4KICAgPC9nPgogICA8ZyBpZD0iZGsiPgogICAgPHRleHQgZmlsbD0iI2ZmZmZmZiIgZm9udC1mYW1pbHk9IkhlbHZldGljYSIgZm9udC1zaXplPSIyNCIgZm9udC13ZWlnaHQ9ImJvbGQiIGlkPSJzdmdfMSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIHRyYW5zZm9ybT0ibWF0cml4KDEuMjE1MjggMCAwIDEuNDQwMTcgLTQuNTk3MjIgLTM5Ljg5NTYpIiB4PSIyNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeT0iMTAwLjY5NDM2Ij5VSzwvdGV4dD4KICAgPC9nPgogIDwvZz4KIDwvZz4KPC9zdmc+) !important;
    background-repeat: no-repeat !important;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 80px;
    line-height: 100px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 10px !important;
    width: 100% !important;
    border: 5px solid black !important;
    border-radius: 15px;
    outline: none !important;
}


@media (max-width: 700px) {
    .license-plate {
        font-size: 30px;
        line-height: 40px;
        background-image: none !important;
        border: 2px solid black !important;
    }
}

.license-plate::-moz-placeholder {
    color: #eee !important;
}

.license-plate:-ms-input-placeholder {
    color: #eee !important;
}

.license-plate::placeholder {
    color: #eee !important;
}