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


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

/* Filter Tags */
.filter-tags { text-align: center; display: none; }
.filter-tags ul li { border: 1px solid #999; border-top-color: #F9F9F9; border-left-color: #F9F9F9; background-color: #F0F0F0; font-size: 12px; 
    padding: 4px 6px; cursor: default; display: inline-block; margin: 4px 2px; }
.filter-tags ul li a { display: inline-block; font-size: 12px; font-weight: bold; width: 14px; text-align: center; }
.filter-tags .clear-filter { display: inline-block; background-color: #da0116; color: #FFF; padding: 4px 6px; font-size: 12px;
    border: 1px solid #6b0000; border-top-color: #ff7676; border-left-color: #ff7676; }
.filter-tags .clear-filter:hover { background-color: #ff2036; }


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



/* RESPONSIVE
--------------------------------------------------------*/
@media (max-width: 780px) {
    .gridSearch .form { margin-bottom: 5px; }

    .search .marginRight { margin: 0px; }

    .vehicle-list .vehicle-list-left { width: 180px; }
}

@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; }
}