.firmCard .btnleft{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 100%;}
.firmCard-Header > img{display: block; width: 100%; aspect-ratio: 1.3; object-fit: cover;}
.ilanMini img, .ilanSmall img{display: block; width: 100%; aspect-ratio: 1.3; object-fit: cover;}
.ilanMini .card-body{height: 58px; display: flex; align-items: center; justify-content: center;}
.ilanMini .card-body > span{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.ilanSmallDetails > h6{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.mainmenu .btn-default.p1x {padding-top: 5.1px; padding-bottom: 5.1px;}

.table-details2 .form-check-input:disabled {opacity: 1!important;}
.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {opacity: 1!important;}

#thumbs .item{height: auto !important; line-height: 1 !important;}
.twitter {background: url(../media/twitter.png) no-repeat; width: 20px; height: 20px; display: inline-flex; margin: 0 auto;}
#ilan-map{width: 100%; height: 400px; position: relative;}
#ilan-map > .btn-group{z-index: 1001; position: absolute; bottom: 10px; left: 10px;}
.userBox-img {max-width: 26%;}

.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}

#kategori-map{width: 100%; height: 100px;}
#kategori-map > .btn-group{z-index: 1000; position: absolute; top: 15px; right: 70px;}
.harita-infobox{width: 350px;}
.harita-infobox img{width: 100%;}
.harita-infobox h5{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 100%; color: #333; font-size: 14px;}
.harita-infobox p{color: #FF0000; margin: 0!important;}
.leaflet-tooltip-bottom {margin-top: 25px!important;}
.leaflet-tooltip{padding: 1px!important; background-color: #fbed3c!important; border: none!important; font-weight: bold;}

.pagination .active .page-link{background-color: #ca1421; color: #fff !important; border-color: #ca1421}
.pagination .page-link{color: #ca1421;}

.editBtn{left: 0; right: 0;}
.ilanver .ilancard .btn-default2, .ilanver .ilancard .btn-default2:hover{margin: unset!important;}
.ilanver .ilancard .btn-default2:last-child, .ilanver .ilancard .btn-default2:last-child:hover{border: none!important;}
.ilanver .ilancard .btn-default2{width: 50%;}

.btn-red:hover {color: #ca1421 !important;}
.btn-red2:focus {border: none !important;}

#ilan-ver-kategori-secimi{overflow-y: scroll; flex-wrap: nowrap;}
.ilan-ver-kategori-liste{border: 1px solid #ddd; background: #efefef;}
.ilan-ver-kategoriler-baslik {background-color: #ca1421; padding: 10px; width: 100%; display: block; color: #fff; text-align: center; font-weight: bold;}

.ilan-ver-kategori-adim, .ilan-ver-kategori-liste{height: 600px;}
.ilan-ver-kategori-adim ul li ul{overflow-y: scroll; height: 556px;}
.ilan-ver-kategori-liste button {width: 100%; margin-right: 0 !important; text-align: left;}

#arac-secim-tablosu{font-size: 14px;}
#arac-secim-tablosu tbody tr:hover{background-color: #c7f2af;}

.ck-editor__editable {min-height: 300px;}
input.chk-btn + label {border: 1px solid #000 !important; padding: 5px 10px !important; border-radius: 5px !important; font-size: 14px !important; margin-bottom: 5px !important; color: #333 !important;}
.chk-success:checked + label{color: #fff !important;}
.ilan-ver-ana-ozellikler .form-control{color: #333 !important;}

.display-none{display: none;}
.ozellik-secimi h4 {font-size: 14px; margin: 5px 0; font-weight: bold; padding-top: 5px;}
.ilan-detay-secimi{background: #ececec; padding: 10px 0; overflow: auto; border: 1px solid #ccc;}
.ilan-detay-secimi li {float: left; width: 20%; padding: 5px; box-sizing: border-box; list-style-type: none;}
#map_canvas{width: 100%; height: 400px;}

.mainmenu .btn-default.p2x {padding-top: 26.66px !important; padding-bottom: 26.66px !important;}

#resimler-yukleniyor{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); z-index: 1024;}
#resimler-yukleniyor div{display: flex; justify-content: center; align-items: center; height: 100vh;}
#resimler-yukleniyor div p{font-size: 20px; text-align: center;}
#resimler-yukleniyor div p i{font-size: 40px; margin-top: 20px;}

#yuklenen-fotograflar > div > .up-img{position: relative; border: 1px solid #ddd; text-align: center; border-radius: 5px; padding: 5px; margin-bottom: 15px; height: 150px; line-height: 150px;}
#yuklenen-fotograflar > div > .up-img > img{display: block; width: 100%; height: 100%; object-fit: contain; overflow: hidden;}
#yuklenen-fotograflar > div > .up-img > .uploaded-image-buttons {position: absolute; top: 5px; right: 5px; line-height: initial;}

#yuklenen-fotograflar > div > .up-img > .uploaded-image-buttons > .btn-rotate,
#yuklenen-fotograflar > div > .up-img > .uploaded-image-buttons > .btn-remove {background: #eee; padding: 5px; border: 1px solid #ddd; border-radius: 3px; margin-left: 2px; color: #3b3b3b; font-size: 14px;}

#yuklenen-fotograflar > div > .up-img > .uploaded-image-loading {position: absolute; top: 0; left: 0; right: 0; font-size: 30px; text-shadow: 0px 0px 1px #000; color: #ff0; display: none;}

.resim-yukleniyor-bar {display: none; padding: 10px; text-align: center; font-weight: bold; margin-right: calc(var(--bs-gutter-x) * .5); margin-left: calc(var(--bs-gutter-x) * .5); margin-bottom: 10px; -webkit-animation: yukleniyor-efekt 1s alternate infinite; animation: yukleniyor-efekt 1s alternate infinite;}

@-webkit-keyframes yukleniyor-efekt {
  0% {
    background: rgba(255,255,255,1);
    box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.5),
                      0px 0px 1px 1px rgba(0,0,0,1);
  }
  100% {
    background: rgba(255,255,255,0);
    box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.5),
                      0px 0px 1px 1px rgba(0,0,0,0.3);
  }
}
  
@keyframes yukleniyor-efekt {
  0% {
    background: rgba(255,255,255,1);
    box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.5),
                      0px 0px 1px 1px rgba(0,0,0,1);
  }
  100% {
    background: rgba(255,255,255,0);
    box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.5),
                      0px 0px 1px 1px rgba(0,0,0,0.3);
  }
}

#big .item{background-color: unset!important; display: flex; justify-content: center;}
#big .item img {height: 500px !important; width: 100% !important; max-width: 100% !important; object-fit: cover !important; object-position: center;}
#thumbs .item img {height: 70px !important; width: 100% !important; max-width: 100% !important; object-fit: cover !important; display: inline !important; object-position: center;}

#firma-map{width: 100%; height: 285px;}

#kategori-tam-ekran-harita {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 10240;}

.kategori-tam-ekran-ilanlar {padding: 0; overflow-y: scroll; overflow-x: hidden}
.kategori-tam-ekran-ilanlar li {list-style-type: none; padding: 5px;}
.kategori-tam-ekran-ilanlar li:hover, .harita-liste-aktif-ilan {background-color: #ddd;}
.harita-liste-aktif-ilan > div {background-color: unset;}
.kategori-tam-ekran-ilanlar li img{width: 100%;}
.kategori-tam-ekran-ilanlar li a, .kategori-tam-ekran-ilanlar li span {font-size: 12px;}
.kategori-tam-ekran-ilanlar li a {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 100%; color: #333;}
.kategori-tam-ekran-ilanlar li span {color: #FF0000;}

.bottomNav {display: none; background-color: #fff; width: 100%; height: 60px; bottom: 0px; position: fixed; align-items: center; justify-content: center; flex-wrap: wrap; z-index: 512;}
.bottomNav > a {width: 20%; height: 100%; margin: 0; border-radius: 0; line-height: 25px; text-align: center; text-align: center; padding: 8px; background: transparent; border: none; color: #757575; flex-grow: 1;}
.bottomNav  * {display: block;}
.bottomNav .active {color: inherit;}
.bottomNav  i {font-size: 25px; text-align: center;}
.bottomNav span{font-size: 14px;}

/* Mobil Cihaz Görünümü */
.mw-kategori-header{background-color: #c50000; padding: 10px;}
.mw-kategori-header p{font-weight: bold; color: #fff;}
.mw-kategori-header a{color: #fff;}
.mw-kategori-ilan-baslik{font-size: 14px; color: #333; font-family: "Open Sans"; font-style: normal; font-weight: 600;}
.mw-kategori-ilan-konum, .mw-kategori-ilan-fiyat{font-size: 14px; color: #666; font-family: "Open Sans"; font-style: normal; font-weight: 400;}
.mw-kategori-ilan-fiyat{color: #c50000; font-weight: 500;}
.mw-kategori-filtre-butonlar > button, .mw-kategori-filtre-butonlar > select{background-color: #e9e9ed; border: none; font-size: 13px; padding: 15px 10px;}
.mw-kategori-siralama{text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.mw-kategori-filtreleme{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 10240;}
.mw-kategori-filtreleme-container{position: relative; height: 100vh; overflow-y: scroll;}
.mw-ilanlar {margin-bottom: 100px;}
.mw-ilanlar a img{width: 100%; aspect-ratio: 1.3; object-fit: cover;}

.mw-ilan-veren {text-align: center; padding: 5px 0;}
.mw-ilan-veren a{color: #333;}
.mw-ilan-konum{text-align: center;}
.mw-ilan-konum a{font-size: 12px;}
.mw-breadcrumb{display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 0; list-style: none; justify-content: center;}
.mw-breadcrumb .breadcrumb-item {line-height: 18px; display: flex; align-items: center;}
.mw-breadcrumb .breadcrumb-item a {color: #333;}
.mw-breadcrumb .breadcrumb-item + .breadcrumb-item::before {font-family: "Material Icons"; content: "\e5cc"; color: #ca1421; font-size: 20px; text-decoration: none;}
.mw-breadcrumb .breadcrumb-item + .breadcrumb-item::before {float: left; padding-right: .5rem;}
.mw-ilan-detay {margin-bottom: 100px;}
.mw-profil-menu-btn{display: block; font-weight: bold; text-align: center; font-size: 13px; padding: 5px; color: #fff; background-color: #cc0204; border: 1px solid #ddd; width: 100%;}
.mw-profil-acilir-menu {display: none; position: fixed; bottom: 0; z-index: 1024; background: #fff; width: 100%; left: 0; padding: 10px;}

.mw-profil-ilan{display: block; border: 1px solid #ddd; background-color: #f9fefa; border-radius: 5px; margin-bottom: 10px;}
.mw-profil-ilan .mw-profil-ilan-resim{display: block; position: relative;}
.mw-profil-ilan .mw-profil-ilan-resim img{display: block; width: 100%; aspect-ratio: 0.75; object-fit: cover; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.mw-profil-ilan .mw-hesabim-ilan-bilgileri>a{height: 34px; font-size: 14px; font-weight: bold; color: #222; margin-bottom: 0;}
.mw-profil-ilan .mw-hesabim-ilan-bilgileri>p{font-size: 13px; color: #222;}
.mw-profil-ilan .mw-hesabim-ilan-bilgileri>.mw-hesabim-ilan-fiyat{font-size: 14px; font-weight: bold; color: #c50000;}
.mw-profil-ilan .mw-hesabim-ilan-bilgileri>.mw-hesabim-ilan-butonlar > button,
.mw-profil-ilan .mw-hesabim-ilan-bilgileri>.mw-hesabim-ilan-butonlar > a{padding: 5px; font-size: 13px; margin-right: 5px;}
.mw-profil-ilan .mw-profil-ilan-istatistikleri{background-color: #333; color: #fff; position: absolute; bottom: 0; font-size: 12px; width: 100%; text-align: center; padding: 3px; border-bottom-left-radius: 5px;}
.mw-profil-ilan .mw-profil-ilan-resim .hesabim-ilan-durum {position: absolute; top: 0; background: #c50000; color: #fff; font-size: 12px; text-align: center; width: 100%; font-weight: 500;}
.mw-hesabim-ilan-listesi {margin-bottom: 100px;}

.mw-mesaj-liste {border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; margin-top: 10px;}
.mw-mesaj-liste img{display: block; width: 100%; aspect-ratio: 0.75; object-fit: cover;}
.mw-mesaj-liste h3{font-size: 14px; font-weight: bold; color: #333; margin-bottom: 0;}
.mw-mesaj-liste h4{font-size: 12px; color: #666; margin-bottom: 0;}
.mw-mesaj-liste p{font-size: 10px; font-style: italic; color: #999; margin-bottom: 0;}
.mw-sohbet-mesaj-gonder{position: fixed; bottom: 0;}
.mw-sohbet-mesaj-gonder {position: fixed; bottom: 70px; width: 100%; left: 0;}
.mw-sohbet-ilan-bilgileri{background-color: #fff; padding-top: 10px; padding-bottom: 10px;}
.mw-sohbet-ilan-bilgileri h3{font-size: 16px; font-weight: bold; margin-bottom: 0;}
.mw-sohbet-ilan-bilgileri p{font-size: 12px;}

@media only screen and (max-width: 960px){
  .bottomNav{display: flex;}
}
@media only screen and (max-width: 575px){
  .hidden-xs{display: none;}
  .visible-xs{display: unset;}
}

@media only screen and (min-width: 576px){
  .visible-xs{display: none;}
}
/* #Mobil Cihaz Görünümü */

.filtreleme-secenek-listesi {max-height: 175px; overflow-y: scroll;}
.filtreleme-secenek-listesi .form-check-label {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;}
.filtre_mahalle_baslik {font-size: 14px; text-align: left; font-weight: bold; color: #333;}

#filtre-secilen-ilceler, #filtre-secilen-mahalleler{display: none;}
.imgstick {top: 10px  !important;}

.kategori-alt-vasita-kategoriler {padding: 7px;}
.mainmenu .vasita-kategori-menu{padding: 4px;}
.mainmenu .vasita-kategori-menu a{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; font-weight: bold; padding: 8px;}

.breadcrumb-item a{color: #333;}
.navbar-nav .nav-item a:hover{color: #ca1421;}
.btn-asaki{background-color: #c50000; color: #fff;}
.color-asaki{color: #c50000;}

.hesabim-baslik {font-weight: bold; text-align: center; font-size: 13px; padding: 5px; color: #fff; background-color: #cc0204;}
.hesabim-header a {font-weight: 600; padding: 5px; font-size: 12px; margin-top: 5px;}

.ilanMedium .card-img-top{display: block; width: 100%; aspect-ratio: 1.3; object-fit: cover;}
.favori-listeleri>div{background-position: center !important; background-size: cover !important; padding: 0;}
.favori-listeleri>div>a{display: grid; text-align: center; justify-content: center; align-items: center; padding: 10px; height: 200px; font-size: 25px; color: #fff;}
.form-select2 {padding: 15px !important;}

.profil-ilan {background-color: #ececec; padding: 10px; border: 1px solid #707070; border-radius: 3px; margin-bottom: 10px;}
.profil-ilan .profil-ilan-resim {border: 1px solid #707070;}
.profil-ilan .profil-ilan-resim img {width: 100%;}
.profil-ilan .profil-ilan-kategori > span {background-color: #cc0204; color: #fff; display: block; text-align: center; padding: 3px; font-size: 13px; font-weight: 600; border-radius: 3px;}
.profil-ilan .profil-ilan-baslik {line-height: 1; font-size: 1rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.profil-ilan .profil-ilan-baslik>a {font-size: 20px; font-weight: 600;}
.profil-ilan textarea {width: 100%; border: none; padding: 5px; border-radius: 3px; font-size: 14px; min-height: 55px;}
.profil-ilan-ilan-bilgileri{margin: 0; padding: 0;}
.profil-ilan-ilan-bilgileri li{float: left; list-style-type: none; padding: 2px 20px 2px 0; font-size: 14px;}
.profil-ilan-ilan-bilgileri li span{color: #e10000;}

.profil-ilan-paylasim a {font-size: 22px; margin: 2px;}

.chat-messages {display: flex; flex-direction: column; height: 435px; overflow-y: scroll}
.chat-messages > div{width: 80%;}
.chat-messages > div p{font-size: 14px;}
.chat-messages > div .text-muted{font-size: 12px; font-style: italic;}
.chat-message-left, .chat-message-right {display: flex; flex-shrink: 0}
.chat-message-left {margin-right: auto}
.chat-message-right {flex-direction: row-reverse; margin-left: auto; background-color: #f0f6c5;}

.mesaj-listesi{height: 600px; overflow-y: scroll;}
.mesaj-liste {display: block; margin-bottom: 5px; margin-top: 5px;}
.mesaj-liste-aktif{background-color: #f0f6c5;}
.mesaj-liste > div{border: 1px solid #ddd; padding-top: 10px; padding-bottom: 10px;}
.mesaj-liste img{display: block; width: 100%; aspect-ratio: 1; object-fit: cover;}
.mesaj-liste h3{font-size: 14px; font-weight: bold; color: #333; margin-bottom: 0;}
.mesaj-liste h4{font-size: 12px; color: #666; margin-bottom: 0;}
.mesaj-liste p{font-size: 10px; font-style: italic; color: #999; margin-bottom: 0;}

.nav-item a i{font-size: 22px;}

#kategori-filtreleme .select2 > .selection{
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700 !important;
  font-size: 0.75rem;

  
  border-radius: 5px;
  background: #efefed;
  text-align: left;
}

#kategori-filtreleme .select2-container--default .select2-selection--single .select2-selection__placeholder{
  color: #000;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{border: none !important; margin-left: -7px !important; margin-top: -5px !important;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left: 9px !important;}
.select2-container--default .select2-selection--single .select2-selection__clear{margin-right: 40px !important; margin-top: 3px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b::after {
  font-family: "Material Icons";
  content: "\e313";
  color: #ca1421;
  display: inline-block;
  border: none;
  margin-left: 0;
  float: right;
  font-size: 20px;
  line-height: 18px;
}
.navbar-nav{align-items: center;}