.ndvr-search-box-container {
    width: fit-content;
    max-width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 1em;
    padding: 0.5em;
    color: #073B62;
    font-family: sans-serif;
    font-weight: bold;

    .ndvr-search-box-input {
        width: fit-content;

        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: start;
        gap: 0.5em;

        label, input {
            height: 48%;
        }

        input {
            border: 1px solid #073B62;
            border-radius: 0.2em;
            padding: 0.5em;
        }

        select, option, select:focus {
			width: fit-content;
            border: 1px solid #073B62;
            border-radius: 0.2em;
            padding: 0.5em;
        }

        input[type=number] {
            max-width: 4em;
        }

        a {
    		width: 126px;
    		height: 46px;
    		display: block;
    		margin: 24px 0 0 1.5em;
    		padding: 12px;
    		border: 1px solid black;
    		border-radius: 10px;
    		background-color: #073B62;
    		color: white;
    		text-align: center;
    		text-decoration: none;
        }
		
		@media screen and (max-width: 810px) {
            a {
                margin: 0;
            }
        }
    }
}

.ndvr-search-box-container--bordered {
    width: 100%;
    gap: 0.5em;
    border-top: 1px solid #073B62;
    border-bottom: 1px solid #073B62;
}