/* DEFAULT SIDE LAYOUT - FILTER */
#jd-mod-search-default {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#jd-mod-search-default input[type='text'],
#jd-mod-search-default select,
#jd-mod-search-default  .select2-container {
    width: 100%;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
    background: #fff;
}

#jd-mod-search-default .cd-form-checkbox {
    display: block;
}

/* HORIZONTAL LAYOUT */

#jd-mod-search-horizontal .jd-mod-search-body {

}

@media only screen and (min-width : 1280px) {
    
    #jd-mod-search-horizontal {
        min-width: 1100px;
    }
    
}

#jd-mod-search-horizontal ul {
    display: table-row;
}

#jd-mod-search-horizontal ul li {
    display: table-cell;
    margin-top: 10px;
    position: relative;
    padding: 0 15px 0 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    vertical-align: top;
}

#jd-mod-search-horizontal input[type='text'] {
    margin: 0;
     -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
}

#jd-mod-search-horizontal input[type='text'],
#jd-mod-search-horizontal select {
    width: 100%;
    background: #fff;
}

#jd-mod-search-horizontal .select2-container {
    width: 100%;
}

.select2-search input {
    width: 100%!important;
    padding: 0!important;
}


#jd-mod-search-horizontal .select2-container .select2-choice {
    background: #fff;
    box-shadow: none;
    border: 1px solid #e2e2e2;
}

#jd-mod-search-horizontal .select2-container .select2-choice .select2-arrow {
    background: none;
    border: none;
}

#jd-mod-search-horizontal .select2-search {
    padding-top: 10px;
}

#jd-mod-search-horizontal .fa-map-marker,
#jd-mod-search-horizontal .fa-pencil {
    right: 25px;
    top: 0;
}


/* for 650px or less */
@media only screen and (max-width : 650px) {
    
    #jd-mod-search-horizontal ul li {
        display: inline-block;
        width: 100%!important
    }
    
}


/* ADVANCED HORIZONTAL */


#jd-mod-search-horizontal .advanced .cd-form-row {
    float: left;
    margin-right: 25px;
    margin-top: 0!important
}

#jd-mod-search-horizontal .advanced .cd-form-controls {
    line-height: 36px;
}

#jd-mod-search-horizontal .advanced .cd-form-row label {
    padding-left: 0;
}

#jd-mod-search-horizontal .advanced .cd-form-checkbox {
    display: inline;
    margin-right: 5px;
}

/* HORIZONTAL HERO */

#jd-mod-hero-wrapper {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius: 5px;
    background: #fff; /* fallback for browsers that don't understand rgba */
    border: solid 8px #000; /* fallback for browsers that don't understand rgba */
    background-color: rgba(255, 255, 255, 0.3);
    border-color: rgba(0,0,0,0.2); /*Very transparent black*/
}

#jd-mod-hero-wrapper input,
#jd-mod-hero-wrapper select {
    height: 50px;
    border: none;
    border-right: 1px solid #f1f1f1;
}

#jd-mod-hero-wrapper .select2-container {
    width: 100%;
}

#jd-mod-hero-wrapper .select2-container .select2-choice {
    height: 50px;
    line-height: 50px;
    width: 100%;
    border: none;
    border-right: 1px solid #f1f1f1;
    background: #fff;
    box-sizing: border-box;
}

@media only screen and (max-width : 360px) {
    #jd-mod-hero-wrapperr .select2-container .select2-choice {
        width: 97%;
    }
}

#jd-mod-hero-wrapper .select2-container .select2-choice .select2-arrow {
    background: none;
    border: none;
}


#jd-mod-hero-wrapper .cd-button {
    padding: 12px 25px;
    height: 50px;
}

#jd-mod-hero-wrapper .select2-container .select2-choice .select2-arrow {
    top: 5px;
}

#jd-mod-hero-wrapper .cd-button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

#jd-mod-hero-wrapper .jd-mod-search {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}