/* 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 input[type='text'] {
    min-height: 36px;
    line-height: 36px;
}

#jd-mod-search-default select {
    min-height: 34px;
    line-height: 34px;
}


/* 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 {
    border-radius: 0;
    border: 1px solid #e2e2e2;
    width: 100%;
    height: 36px;
    line-height: 36px;
    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;
    height: 34px;
    line-height: 34px;
    box-shadow: none;
    border: 1px solid #e2e2e2;
    border-radius: 0;
}

#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 {
    height: 36px;
    line-height: 36px;
    right: 25px;
    top: 0;
}

#jd-mod-search-horizontal ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
#jd-mod-search-horizontal :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
}
#jd-mod-search-horizontal ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
}
#jd-mod-search-horizontal :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}

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



/* MODERN LAYOUT */

#jd-mod-search-wrapper input[type="text"] {
    margin-bottom: 0;
}

#jd-mod-search-wrapper form {
    margin: 0;
    padding: 0;
}

#jd-mod-search-wrapper .jd-modAddressKeyword {
    background-color: #fff;
    background-image: url("images/i-edit.png");
    background-position: left top;
    background-repeat: no-repeat;
    border: 1px solid #e6dedd;
    border-radius: 8px;
    color: #9c9aa1;
    font-size: 18px;
    font-style: italic;
    height: 62px;
    line-height: 58px;
    padding-left: 128px;
    vertical-align: middle;
    width: 560px;
    float: left;
    box-sizing: border-box!important;
}

#jd-mod-search-wrapper .jd-mod-search-button {
    background: #ee413c;
    border: 0 none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    height: 60px;
    margin-left: 30px;
    text-transform: uppercase;
    vertical-align: middle;
    width: 170px;
}

#jd-mod-search-wrapper .jd-mod-search-content {
    width: 100%
}

@media only screen and (max-width : 1250px) {
    
    #jd-mod-search-wrapper .jd-mod-search-keyword 
    {
        width: 100%!important;
        float: none;
    }
    
    #jd-mod-search-wrapper .jd-mod-search-button {
        margin-left: 0;
        margin-top: 25px;
    }
    
    #jd-mod-search-wrapper .jd-mod-search-button-box {
        text-align: center;
        
    }

}


/* 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;
}