/* --------------------------------------------------------
--- B2 Yazilim A.S.
--- +90 (212) 320 7356
--- www.b2yazilim.com
--- info@b2yazilim.com
--------------------------------------------------------*/


/* GENERAL
--------------------------------------------------------*/
html { overflow-x: hidden; }
.red { color: #CC0000; }


/* HEADER
--------------------------------------------------------*/



/* CONTENT
--------------------------------------------------------*/
/* Vehicle List */
.vehicle-list .vehicle-list-left { width: 230px; }
.vehicle-list > .cell { padding: 10px;
    -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

/* Search */
.search .dropdown,
.search input,
.search button { width: 100%; margin-bottom: 5px; }
.search label { display: block; margin: 2px 0px 2px 0px; font-size: 11px; color: #777; }
.search .searchButtonAbsolute { position: fixed; bottom: 10px; z-index: 100; width: auto; }

/* Filter Tags */
.filter-tags { display: none; }
.filter-tags:after { display: block; content: ""; clear: both; }
.filter-tags ul { margin-bottom: 5px; display: inline-block; }
.filter-tags ul li { border: 1px solid #999; border-top-color: #F9F9F9; border-left-color: #F9F9F9; background-color: #F0F0F0; font-size: 12px; 
    padding: 5px 7px; cursor: default; display: inline-block; margin: 4px 6px; margin-left: 0px; }
.filter-tags ul li a { display: inline-block; font-size: 12px; font-weight: bold; width: 14px; text-align: center; margin-left: 3px; }
.filter-tags .clear-filter { display: inline-block; background-color: #999; color: #FFF; padding: 6px 10px; font-size: 12px; }
.filter-tags .clear-filter:hover { background-color: #ff2036; }

/* Advanced Search */
.advanced-search label { padding-top: 5px; }
.advanced-search input,
.advanced-search button,
.advanced-search .dropdown { width: 100%; margin: 2px 0px 6px 0px; }
.advanced-search .img-search-button { display: none; }
.search-panel-li { display: none !important; }
.advanced-search .advanced-search-title { background-color: #B0B0B0; color: #FFF; margin: -10px -10px 0px -10px; display: none; }
.advanced-search .advanced-search-title i { padding: 10px 16px; background-color: #A0A0A0; font-weight: bold; cursor: pointer; }
.advanced-search .advanced-search-title i:active { background-color: #555; }
.advanced-search .advanced-search-title span { padding: 9px; display: inline-block; color: #FFF; font-weight: bold; font-size: 13px; }


/* FOOTER
--------------------------------------------------------*/



/* RESPONSIVE
--------------------------------------------------------*/
@media (max-width: 780px) {
    .gridSearch .form { margin-bottom: 5px; }
    .search .marginRight { margin: 0px; }
    .vehicle-list .vehicle-list-left { width: 180px; }

    /* Advanced Search - Absolute */
    .advanced-search { position: absolute; background-color: #f5f5f5; padding: 5px; border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd;
        display: block; width: 222px !important; 
        margin-right: 0px; right: 0px; top: 0px; z-index: 100;
        -webkit-box-shadow: -2px 2px 1px 1px rgba(0,0,0,0.07);
        -moz-box-shadow: -2px 2px 1px 1px rgba(0,0,0,0.07);
        box-shadow: -2px 2px 1px 1px rgba(0,0,0,0.07);
    }
    .search-panel-li { display: inline-block !important; }
    .advanced-search .advanced-search-title { display: block; }
}

@media (max-width: 680px) {
    .vehicle-list, 
    .vehicle-list > .cell { display: block; width: 100%; }

    .search > div { display: inline-block; width: 200px; vertical-align: top; }
    .search .marginRight { margin-right: 5px; }
    .search .column6 { width: 50% !important; }
    .search button { margin-top: 12px; }
}

@media (max-width: 440px) {
    .search > div { display: block; width: 100%; }
}

@media (max-width: 320px) {
    .gridSearch .gridAjaxSearch { width: 120px; }
}