/*****
	Inline
*****/
.search-shortcode-container.inline {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;

    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;

    justify-content: space-around;
    -webkit-justify-content: space-around;

    background-color: #E9E9E9;
}

.inline .shortcode-search-list.flexSix {
    flex: 0 0 16%;
    -webkit-box-flex: 0 0 16%;
    -moz-box-flex: 0 0 16%;
    -webkit-flex: 0 0 16%;
    -ms-flex: 0 0 16%;
    text-align: center;
}

.inline .shortcode-search-text.flexSix {
    flex: 0 0 16%;
    -webkit-box-flex: 0 0 16%;
    -moz-box-flex: 0 0 16%;
    -webkit-flex: 0 0 16%;
    -ms-flex: 0 0 16%;
    text-align: center;
}

.inline .shortcode-search-list.flexFive {
    flex: 0 0 20%;
    -webkit-box-flex: 0 0 20%;
    -moz-box-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    text-align: center;
}

.inline .shortcode-search-text.flexFive {
    flex: 0 0 20%;
    -webkit-box-flex: 0 0 20%;
    -moz-box-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    text-align: center;
}

.inline .shortcode-search-list.flexFour {
    flex: 0 0 25%;
    -webkit-box-flex: 0 0 25%;
    -moz-box-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    text-align: center;
}

.inline .shortcode-search-text.flexFour {
    flex: 0 0 25%;
    -webkit-box-flex: 0 0 25%;
    -moz-box-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    text-align: center;
}

.inline select, .wide input {
    max-width: 200px;
    width: 90%;
}

.inline .shortcode-search-button {
    display: block;
    max-width: 100px;
    width: 100%;
    margin: 1% auto;
    text-align: center;
    padding: 0% 1%;
    background-color: #0D72CF;
    color: #FFF;
    cursor: pointer;
    border-radius: 8px;
    border: 2px solid #000;
}

.inline .shortcode-search-button:hover {
    opacity: .8;
}

/*****
	Wide
*****/
.search-shortcode-container.wide {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;

    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;

    justify-content: space-around;
    -webkit-justify-content: space-around;

    background-color: #E9E9E9;
}

.wide .shortcode-search-list.flexFive {
    flex: 0 0 20%;
    -webkit-box-flex: 0 0 20%;
    -moz-box-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    text-align: center;
}

.wide .shortcode-search-text.flexFive {
    flex: 0 0 20%;
    -webkit-box-flex: 0 0 20%;
    -moz-box-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    text-align: center;
}

.wide .shortcode-search-list.flexFour {
    flex: 0 0 25%;
    -webkit-box-flex: 0 0 25%;
    -moz-box-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    text-align: center;
}

.wide .shortcode-search-text.flexFour {
    flex: 0 0 25%;
    -webkit-box-flex: 0 0 25%;
    -moz-box-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    text-align: center;
}

.wide .shortcode-search-list.flexThree {
    flex: 0 0 33%;
    -webkit-box-flex: 0 0 33%;
    -moz-box-flex: 0 0 33%;
    -webkit-flex: 0 0 33%;
    -ms-flex: 0 0 33%;
    text-align: center;
}

.wide .shortcode-search-text.flexThree {
    flex: 0 0 33%;
    -webkit-box-flex: 0 0 33%;
    -moz-box-flex: 0 0 33%;
    -webkit-flex: 0 0 33%;
    -ms-flex: 0 0 33%;
    text-align: center;
}

.wide select, .wide input {
    max-width: 200px;
    width: 90%;
}

.wide .shortcode-search-button {
    display: block;
    max-width: 100px;
    width: 100%;
    margin: 1% auto;
    text-align: center;
    padding: 0% 1%;
    background-color: #0D72CF;
    color: #FFF;
    cursor: pointer;
    border-radius: 8px;
    border: 2px solid #000;
}

.wide .shortcode-search-button:hover {
    opacity: .8;
}

/*****
	Stack
*****/
.search-shortcode-container.stack {
    display: block;
    overflow: hidden;
    clear: both;
    float: none;
    max-width: 300px;
    width: 100%;
    background-color: #E9E9E9;
}

.search-shortcode-container.stack.running {
    opacity: .8;
}

.stack .shortcode-search-list {
    display: block;
    float: none;
    clear: both;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.stack select {
    max-width: 200px;
    width: 100%;
}

.stack .shortcode-search-text {
    display: block;
    float: none;
    clear: both;
    overflow: hidden;
    margin: 4% 0 2%;
    text-align: center;
}

.stack input {
    max-width: 198px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.stack .shortcode-search-button {
    display: block;
    max-width: 100px;
    width: 100%;
    margin: 1% auto;
    text-align: center;
    padding: 1% 2%;
    background-color: #0D72CF;
    color: #FFF;
    cursor: pointer;
    border-radius: 8px;
    border: 2px solid #000;
}

.stack .shortcode-search-button:hover {
    opacity: .8;
}