.p-left-15 { padding-left: 15px !important; }
.p-right-15 { padding-right: 15px !important; }

.search-form-container {
    font-size: 12px;
}

.search-form-container .row {
    margin-left: 0px;
    margin-right: 0px;
}

.search-form-container div[class*="col-xs-12 col-sm-"] {
    padding-bottom: 10px;
}

.search-form-container .tab-content {
    padding-top: 15px;
    /*background-color: #ff7300;*/
    background: #F39633;
    background: -moz-linear-gradient(top, #F39633 30%, #f7bb7b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #F39633 ), color-stop(100%, #ff7300 ));
    background: -webkit-linear-gradient(top, #F39633 30%, #ff7300 100%);
    background: -o-linear-gradient(top, #F39633 30%, #f7bb7b 100%);
    background: -ms-linear-gradient(top, #F39633 30%, #f7bb7b 100%);
    background: linear-gradient(to bottom, #F39633 30%, #ff7300 100%);
}

.search-form-container .nav-tabs {
    border: none !important;
}

.search-form-container .nav-tabs>ul>li {
    width: 50%;
}

.search-form-container .nav-tabs>li>a {
    border-radius: 0px;
    font-family: 'Open Sans', sans-serif;
}

.search-form-container .nav-tabs>li.active>a,
.search-form-container .nav-tabs>li.active>a:focus,
.search-form-container .nav-tabs>li.active>a:hover {
    color: white !important;
    background-color: #f39633;
    border: none !important;
}

.search-form-container .nav-tabs>li>a,
.search-form-container .nav-tabs>li>a:hover {
    color: white !important;
    background-color: #222;
    border: none;
    margin-right: 0px;
}

.search-form-container textarea:focus,
.search-form-container select:focus,
.search-form-container span:focus,
.search-form-container input:focus {
    outline: none;
}

.search-form-container #search_button {
    background-color: #222;
    width: 100%;
    height: 36px;
    margin-top: -4px;
    background-image: url("../img/lupa.png");
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px;
    cursor: pointer;
}

.search-form-container #search_by_words_button {
    background-color: #222;
    width: 100%;
    height: 36px;
    margin-top: -4px;
    background-position: center;
    border-radius: 4px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    padding-top: 8px;
}

.search-text {
    padding-bottom: 0px;
    padding-top: 5px;
    line-height: 28px;
    font-size: 16px;
    color: white;
}

.filter-input {
    height: 28px;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    overflow: hidden;
}

.filter-input label {
    color: #8e8e8e;
    display: block;
    margin: 0;
    line-height: 28px;
    margin-left: 7px;
    font-weight: normal;
    font-size: 12px;
}




/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
/* Small devices (tablets, 768px and up) */
@media (max-width: 767px) {

    .search-form-container {
        margin-top: 0px !important;
    }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #searchByFilters div[class*="col-"],
    #searchByWords div[class*="col-"] {
        padding-right: 5px;
        padding-left: 5px;
    }

}

/*Estilos select mobile*/

.filter-input-mobile {
    height: 28px;
    background-color: #fff;
    border: none;
    border-radius: 4px;
}

.filter-input-mobile>label {
    color: #8e8e8e;
    display: block;
    margin: 0;
    line-height: 28px;
    margin-left: 7px;
    font-weight: normal;
    font-size: 12px;
    background-color: transparent;
}

.filter-input-mobile>select {
    margin-top: -28px;
    padding-left: 60px;
    width: 100% !important;
    height: 28px;
    background-color: transparent;
    border: none;
    color: #444;

    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;

}

.filter-input-mobile>div {
    width: 100%;
    background-color: transparent;
    text-align: right;
    padding-right: 7px;
    margin-top: -20px;
}

.filter-input-mobile.country label {
    color: #e6dbdb;
}

.filter-input-mobile.country select {
    padding-left: 83px !important;
    color: #b5b1b1;
}

.filter-input-mobile.country i {
    color: #b5b1b1;
}

/*Estilos select2*/

.search-form-container .select2-container--default .select2-selection--single {
    border: none !important;
    /*border-radius: 0px !important;*/
}

.search-form-container .select2-container,
.search-form-container .multiselect-native-select .btn-group {
    /*width: 100% !important;*/
    top: -27px;
    padding-left: 60px;
}

.search-form-container .select2.select2-container.select2-container--default.select2-container--below,
.search-form-container .select2.select2-container.select2-container--default.select2-container--focus,
.search-form-container .select2.select2-container.select2-container--default {
    width: 100% !important;
}

.select2-results {
    font-size: 12px;
}

.select2-results>ul {
    border-radius: 0px 0px 4px 4px;
}

.select2-selection__arrow {
    text-align: center;
    padding-top: 7px;
}

.filter-input .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-dropdown {
    border: none;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 300px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.filter-input.country .select2-container {
    padding-left: 80px;
}

.filter-input.country>label {
    color: #e6dbdb;
}

.filter-input.country>.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #fff;
}

.filter-input.country>.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #b5b1b1;
}

.filter-input.country .select2-selection__arrow {
    color: #b5b1b1;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.search-form-container .dropdown-menu>li>a:focus,
.search-form-container .dropdown-menu>li>a:hover {
    background-image: none;
    background-color: #ddd !important;
    color: #333;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: white;
}

.dropdown-menu>li>a:focus>label, .dropdown-menu>li>a:hover>label {
    color: #333;
}

.filter-input.dates, .filter-input.categories {
    overflow: visible;
}

.search-form-container .dropdown-menu>.active>a,
.search-form-container .dropdown-menu>.active>a:focus,
.search-form-container .dropdown-menu>.active>a:hover {
    background-color: white !important;
    background-image: none !important;
}

/*Estilos flecha en multiselect*/

.angle-down-container {
    position: relative;
    top: -48px;
    margin-left: 100%;
    visibility: hidden;
}

.angle-down-container>i{
    left: -15px;
    position: relative;
    z-index: 1000;
    cursor: pointer;
}

/*Estilos multiselect*/

.multiselect-native-select .btn-group button {
    height: 28px;
    box-shadow: none !important;
    background-color: #fff !important;
    border: none !important;
    background-image: none !important;
    padding: 0px;
    text-align: left;
    width: 100% !important;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;

}

.multiselect-native-select .btn-group button:hover,
.multiselect-native-select .btn-group button:focus {
    background-color: #fff !important;
    border: none;
}

.multiselect-native-select .dropdown-menu {
    width: 100%;
    border: none;
    border-radius: 0px 0px 4px 4px;
}

.multiselect-selected-text {
    font-size: 12px;
    color: #444;
}

.multiselect-native-select .btn-default.active,
.multiselect-native-select .btn-default:active,
.multiselect-native-select .open>.dropdown-toggle.btn-default {
    color: #444;
    background-color: #fff;
    border: none;
}

.btn .caret {
    color: #fff;
    border-top: 0px;
}

.filter-input.categories .multiselect-native-select .btn-group {
    padding-left: 78px;
}

.multiselect-text-container {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 28px;
    font-weight: normal;
}

label.checkbox {
    color: #444;
}

.multiselect-container.dropdown-menu>li>a:hover,
.multiselect-container.dropdown-menu>li>a:focus {
    background-color: white !important;
    outline: none;
}

.multiselect-container.dropdown-menu>li>a {
    padding-bottom: 2px !important;
}

.multiselect-container>li>a>label.radio,
.multiselect-container>li>a>label.checkbox {
    margin: 0;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    line-height: 22px;
}

.search-form-container select[multiple] {
    visibility: hidden;
}

/*Estilos autocomplete*/

.autocomplete-suggestions {
    border: none;
    background: #FFF;
    overflow: auto;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    font-size: 12px;
    border-radius: 0px 0px 4px 4px;
}

.autocomplete-suggestion { padding: 2px 15px; white-space: nowrap; overflow: hidden; border-bottom: 1px solid #eaeaea; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #ff7300; }
.autocomplete-group {
    padding: 2px 5px;
    background-color: #222;
}
.autocomplete-group strong {
    display: inline;
    border-bottom: 1px solid #222;
    color: white;
}

.autocomplete-group>i {
    color: #ffffff;
}

#searchByWords .form-control {
    border: none !important;
    font-size: 12px !important;
    box-shadow: none !important;
    height: 28px;
}

#searchByWords .form-group {
    margin-bottom: 0px !important;
}