﻿
.ProductLeft { padding-top: 10px; }
.ProductRight { padding: 5px; }
/* Kategoriler */
.ListScnz .srla { border-radius: 0; border-color: #c7d0de; margin-bottom: -1px; border-left: 0; border-right: 0; box-shadow: none; padding: 0; font-size: 15px; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../../img/rgt.png) no-repeat right #fff; }
    .ListScnz .srla:focus { background: url(../../img/rgtt.png) no-repeat right #fff; }
    .ListScnz .srla::before { position: absolute; font: normal normal normal 14px/1 FontAwesome; content: "\f107"; top: 0; right: 0; z-index: 1; }
.ProductLeft > div { margin-bottom: -1px; }
    .ProductLeft > div:first-child { margin-bottom: 0; }
.katH2 { font-size: 15px; font-weight: 300; margin: 0; border: 1px solid #c7d0de; border-left: 0; border-right: 0; }
    .katH2 > a { display: block; padding: 10px 5px; }
        .katH2 > a > i { float: right; margin: -3px 10px; font-size: 22px; vertical-align: super; transition: all .5s ease; }
            .katH2 > a > i.rttp { transform: rotate(-90deg); transition: all .5s ease; }
.tgKat { margin: 5px; font-size: 12px; }
.tgMrk { margin: 5px; font-size: 12px; }
.tgRnk { margin: 5px; font-size: 12px; }
.tgFyt { margin: 5px; font-size: 12px; }
/* Kategoriler Liste */
.tgMrk > ul > li > a,.tgRnk > ul > li > a { border-left: 2px solid #fff; padding: 3px; display: block; transition: border-color .4s ease-in; display: inline-block; width: 100%; }
    .tgMrk > ul > li > a:hover, .tgKat > ul > li > a:focus { border-color: #3e62e0; transition: border-color .3s ease-in; color: #3e62e0; }

.tgKat > ul > li > a { border-left: 2px solid #fff; padding: 3px; display: block; transition: border-color .4s ease-in; display: inline-block; width: 100%; }
    .tgKat > ul > li > a > i { float: right; font-size: 14px; transition: transform .2s ease-in; color: #5c5c5c; margin-right: 10px; }
.tgKat > ul > .open > a > i { transform: rotate(45deg); transition: transform .2s ease-in; color: #3e62e0; }
.tgKat > ul > li > a:hover, .tgKat > ul > li > a:focus { border-color: #3e62e0; transition: border-color .3s ease-in; color: #3e62e0; }
/* Kategori Dropdown */
.tgKat > ul > li > ul { position: relative; box-shadow: none; border: 0; padding: 0; margin: 0; width: 100%; margin: 0 5px 5px 2px; }
    .tgKat > ul > li > ul > li > a { padding: 3px 5px; border-left: 2px solid #C7D0DE; font-size: 12px; }
    .tgKat > ul > li > ul > li > ul { position: relative; box-shadow: none; border: 0; padding: 0; margin: 0; width: 100%; margin: 0 5px 5px 2px; }
        .tgKat > ul > li > ul > li > ul > li > a { padding: 3px 5px; border-left: 2px solid #C7D0DE; font-size: 12px; }
.dropdown-menu > li { position: relative; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ -o-user-select: none; user-select: none; cursor: pointer; }
.dropdown-menu .sub-menu { position: relative; box-shadow: none; border: 0; padding: 0; margin: 0; width: 100%; margin: 0 5px 5px 2px; }
.dropdown-menu > li > a > i { float: right; font-size: 14px; transition: transform .2s ease-in; color: #5c5c5c; margin-right: 10px; }
.dropdown-menu > .open > a > i { transform: rotate(45deg); transition: transform .2s ease-in; }
/* Fiyat Filter */
.PriceFrm { }
    .PriceFrm > label, .PriceFrm > span { display: inline-block; color: #7c7c7c; font-weight: normal; }
    .PriceFrm > .pull-left, .PriceFrm > .pull-right { width: 50%; }
    .PriceFrm > div > input { display: inline-block; border: 0; width: 30px; font-weight: bold; color: #7c7c7c; font-weight: normal; background: #fff; }
.btnFltrle { display: block; margin: 5px 0; color: #7c7c7c; font-weight: 500; padding: 5px 0; text-align: right; }
/* Filter Temizle */
.katH2 > a > i.fa-trash-o { font-size: 17px; margin: 0px 10px; }
.fltr > div > a { border-left: 2px solid #fff; padding: 3px; display: block; transition: border-color .4s ease-in; display: inline-block; width: 100%; font-size: 12px; }
    .fltr > div > a > i { float: right; font-size: 14px; transition: transform .2s ease-in; color: #5c5c5c; margin-right: 10px; }
/* Sayfalama */
    .pagination > li > span > span > a { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #428bca; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
    .pagination > li > span { position: relative; float: left; padding: 0; margin-left: 0px; color: #fff; text-decoration: none; background-color: #fff; border: 0; }
    .SayfalamaNo span .active { background: #3b5ac5; color: #fff; }
    .sayfalama { text-align: center; }
    .pagination { float: none; display: inline-block; width: auto; }
