.kategori-link {
    transition: all ease-in-out 0.2s;
    padding-left: 0;
    margin: 2px;
    border-bottom: 1px solid rgba(0 0 0/3%);
}

.vtrn {
    margin: 10px;
    font-size: 18px;
    color: #0066ff;
    font-weight: 700;
}

.vtrn-list-container {
    background-color: white;
    margin: 0px 8px 5px 0px;
    padding: 1px;
}

.kategori-link a {
    padding-left: 5px;
    display: block;
    max-width: 100%;
    font-size: 12px;
    font-weight: 700;
    color: #333;
}

    .kategori-link span {
        font-size: 11px;
        font-weight: 600;
        float: right;
        color: #0009;
    }

    .kategori-link:hover {
        background-color: #efefef;
        color: #009dff;
        text-decoration: none;
    }

        .kategori-link:hover > a {
            color: #009dff;
            text-decoration: none;
        }


.active-kategori {
    background-color: #efefef;
    font-weight: bold;
    color: #009dff !important;
    text-decoration: none;
}

    .active-kategori > a {
        color: #009dff !important;
        text-decoration: none;
    }

.kategori-listesi {
    border-radius: 0px;
    padding: 0 2px 0 0;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 320px;
}

    /* Scroll Uzunluğu */
    .kategori-listesi::-webkit-scrollbar {
        width: 5px;
    }

    /* Scroll Temeli */
    .kategori-listesi::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
    }

    /* Scroll'un kendisi */
    .kategori-listesi::-webkit-scrollbar-thumb {
        background: #92c01f85;
    }

        /* Scroll'un Üzerine Geldiğinde */
        .kategori-listesi::-webkit-scrollbar-thumb:hover {
            background: #92C01F;
        }

/*Filtre Kısmındaki Arama Butonu*/
.filtreleme-butonu {
    position: sticky !important;
    bottom: 0;
    z-index: 1;
}

    .filtreleme-butonu:hover {
        background-color: #92C01F;
    }

/*Kolaysat önerileri*/
.kolaysat-oneri {
    position: sticky !important;
    top: 0;
    padding-right: 0px;
    padding-left: 0px;
    bottom: 0;
}

    .kolaysat-oneri .goruntulenme-favori-sayisi {
        top: 115px;
        background-color: #ffffff87;
        right: -11px;
        padding: 0px 2px;
        font-size: 10px;
        line-height: 13px;
        color: #333;
    }

    .kolaysat-oneri span.uye-favori {
        position: relative;
        float: right;
        background-color: #f3f2ef8f;
        right: -11px;
        top: 4px;
        border-radius: 15px;
        line-height: 27px;
        font-weight: 500;
        font-size: 15px;
    }

.ilan-cardlari div, label, span {
    cursor: pointer;
}

.title-kolaysat-oneri {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #0066ff;
    margin-bottom: 5px;
    text-decoration: none;
}

    .title-kolaysat-oneri:hover {
        text-decoration: underline !important;
    }


#myUL {
    padding-left: 0px;
}

.ilan-cardlari {
    background-color: #fff;
    width: 100%;
    margin-bottom: 10px;
    box-shadow: 0 0 8px 1px rgb(150 150 150 / 20%);
    padding-bottom: 3px;
}

    .ilan-cardlari .resim {
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto;
        overflow: hidden;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 2px 2px 0px 2px;
    }

.resim-container {
    position: relative;
    width: 100%;
    height: 120px;
}

    .ilan-cardlari .resim-grid {
        width: 100%;
        height: 110px;
        padding: 2px 2px 0px 2px;
    }

    .ilan-cardlari .vitrin-aciklama {
        padding: 5px;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .ilan-cardlari .vitrin-aciklama-marka-model {
        padding: 5px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-content: stretch;
        justify-content: space-between;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .ilan-cardlari .fiyat {
        font-size: 11px;
        color: #009dff;
        font-weight: 700;
    }

    .ilan-cardlari .fiyat-grid {
        font-size: 11px;
        color: #009dff;
        font-weight: 700;
    }

    .ilan-cardlari .model {
        color: #000;
        font-size: 12px;
        font-weight: 700;
    }

    .ilan-cardlari .marka {
        font-size: 12px;
        color: #000;
        font-weight: 700;
    }

    .ilan-cardlari .konum {
        font-size: 11px;
        font-weight: 700;
        color: #e60101;
        
    }

    .ilan-cardlari .baslik {
        font-size: 12px;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .ilan-cardlari:hover {
        border-image-slice: 1;
        box-shadow: 0 0 10px 4px rgb(0 0 0/20%);
        color: #000;
    }

        .ilan-cardlari:hover .goruntulenme-favori-sayisi {
            color: #000;
        }

.grid-items .ilan-cardlari {
    width: 100%;
}

    .grid-items .ilan-cardlari .goruntulenme-favori-sayisi {
        top: 95px;
        background-color: #ffffff87;
        right: -11px;
        padding: 0px 2px;
        font-size: 10px;
        line-height: 13px;
        color: #333;
    }

    .grid-items .ilan-cardlari span.uye-favori {
        position: relative;
        float: right;
        background-color: #f3f2ef8f;
        right: -13px;
        top: 4px;
        border-radius: 15px;
        line-height: 27px;
        font-weight: 500;
        font-size: 15px;
    }

.filtreler h4 {
    font-size: 13px;
    font-weight: bold;
    color: #000;
    margin-bottom: 5px;
}

.filtreler label {
    margin-bottom: 1px;
}

.filtreler .utf-chosen-cat-single, .filtreler input {
    margin-bottom: 5px;
}

.filtreler .min-fiyat {
    padding-right: 3px;
}

.filtreler .max-fiyat {
    padding-left: 3px;
}

.filtreler input[type=number] {
    -moz-appearance: textfield;
}

    .filtreler input[type=number]::-webkit-outer-spin-button, .filtreler input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

.filtreler .dropdown-menu {
    max-height: 276px;
    overflow: hidden;
}

    .filtreler .dropdown-menu > ul {
        max-height: 276px;
        overflow-y: auto;
    }

.filtreler input[type=radio] {
    float: left;
    margin-top: 6px;
    margin-right: 5px;
    display: inline-block;
}

.ilan-sahipleri {
}

    .ilan-sahipleri a {
        padding: 3px 6px;
        background-color: #e7e7e7;
        display: inline-block;
        color: #8c8c8c;
        font-size: 13px;
        text-align: center;
        border-radius: 4px;
        font-weight: 600;
        position: relative;
        margin-right: 3px;
    }

        .ilan-sahipleri a.active {
            color: #000;
            background-color: #92C01F;
            border: 1px solid #92C01F;
        }

        .ilan-sahipleri a:hover {
            color: #000;
            border-color: #92C01F;
            background-color: #92C01F;
        }

.sidebar .utf_box_widget {
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.02);
    box-shadow: 0 0 1px 1px rgb(150 150 150 / 30%);
    border-radius: 0px;
}

.listing_filter_block {
    padding: 5px 0;
    border: none;
    border-radius: 0px;
    box-shadow: 0px -4px 10px 4px rgb(150 150 150 / 15%);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

    .listing_filter_block .utf_layout_nav a {
        width: 30px;
        height: 30px;
        line-height: 29px;
        top: 0px;
        transition: none;
        font-size: 13px;
        font-weight: 600;
    }

        .listing_filter_block .utf_layout_nav a.active {
            line-height: 27px;
        }

    .listing_filter_block .sort-by {
        top: 3px;
    }

        .listing_filter_block .sort-by .chosen-container-single .chosen-single {
            height: 33px;
            line-height: 33px;
            padding: 0 4px;
            font-size: 12px;
            transition: none;
        }

    .listing_filter_block .col-xs-12 {
        padding: 0 10px;
    }

    .listing_filter_block .col-xs-9 {
        padding: 0 0 0 10px;
        width: 65%;
    }

    .listing_filter_block .col-xs-1 {
        width: 13%;
        padding: 0px;
    }

    .listing_filter_block .col-xs-2 {
        width: 22%;
        padding: 0 10px 0 0;
    }

.ilan-container {
    padding-left: 0px;
    padding-right: 0px;
}

.ilan-listesi {
    border: none;
    padding: 0px;
    min-height: 752px;
    background-color: #fff;
}

#ilanlar {
    width: 100%;
}

    #ilanlar thead tr {
        border-bottom: 1px solid #97d204 !important;
        background-color: #e7e7e7;
        font-size: 12px;
    }

        #ilanlar thead tr th {
            text-align: center;
        }

    #ilanlar tbody tr {
        border-bottom: 1px solid #97d204;
        font-size: 12px;
    }

        #ilanlar tbody tr td {
            text-align: center;
        }

    #ilanlar .resim-alani {
        width: 11%;
    }

    #ilanlar .baslik-adlari {
        padding-left: 5px;
        padding-right: 5px;
        color: #000;
    }

    #ilanlar .default-basliklar {
        padding-left: 10px;
        padding-right: 10px;
        color: #000;
    }

.form-control {
    padding: 0 10px;
}

input:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:focus {
    color: #009DFF;
}

.sort-by .chosen-container-single .chosen-single span {
    font-size: 12px;
}

.goruntu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}

.ilan-sayisi {
    margin: 0;
    background-color: #e7e7e7;
    padding-left: 6px;
    line-height: 30px;
    margin-bottom: 2px;
    margin-top: 5px;
}

    .ilan-sayisi span {
        font-size: 11px;
        font-weight: 600;
        color: #000;
    }

.ilanlistesi {
    padding: 0 10px 0 15px;
}

.ilanlistesi-kategoriler {
    padding-right: 10px;
}

.ilanlistesi-filtreler {
    padding-right: 10px;
}
/* Scroll Uzunluğu */
.chosen-container .chosen-results::-webkit-scrollbar {
    width: 5px;
}

/* Scroll Temeli */
.chosen-container .chosen-results::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
}

/* Scroll'un kendisi */
.chosen-container .chosen-results::-webkit-scrollbar-thumb {
    background: #92c01f85;
}

    /* Scroll'un Üzerine Geldiğinde */
    .chosen-container .chosen-results::-webkit-scrollbar-thumb:hover {
        background: #92C01F;
    }

    #anasayfa-vitrini:hover{
        text-decoration: underline;
    }

    .kategori-buttons{
        font-size:12px;
        font-weight:700;
        color:#e7e7e7;
    }