/*
Name: Anayasa Mahkemesi
URL: http://anayasa.gov.tr/
Last Update: 08.01.2019
Publish Date: 03.09.2018
*/


/*----------------------------------------------------------------------
[-----*** FONTS ***-----]
-----------------------------------------------------------------------*/
@import 'fonts.css';

/*----------------------------------------------------------------------
[-----*** BACK TO TOP ***-----]
-----------------------------------------------------------------------*/

.btn-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: linear-gradient(135deg, #96358c, #dfb444);
  color: white;
  padding: 0.6rem 1rem;
  border-radius: 20%;
  text-decoration: none;
  font-size: 1.4rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  z-index: 999;
}

.btn-top:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

/*----------------------------------------------------------------------
[-----*** GLOBAL ***-----]
-----------------------------------------------------------------------*/
body { font-family: 'Open Sans', sans-serif; }
a, a:hover, a:focus, button, button:hover, button:focus { text-decoration:none; outline:none;}
a, a:hover, a:focus,a::before, button, button:hover, button:focus, div {-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s; }
#main-menu, .dropdown-menu, .fancybox-content{-webkit-transition: all 0s;-moz-transition: all 0s;-o-transition: all 0s;transition: all 0s; }
a:hover { color:#323232; }
.container table {font-family: 'Open Sans', sans-serif!important; font-size:14px!important;}





/*----------------------------------------------------------------------
[-----*** BİREYSEL BAŞVURU İSTATİSTİKLERİ ***-----]
-----------------------------------------------------------------------*/



.istatistik-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.istatistik-kart {
  flex: 1 1 calc(33.33% - 1rem);
  margin: 0.5rem;
}

/* Mobil (600px ve altı) için alt alta */
@media (max-width: 600px) {
  .istatistik-container {
    display: flex;
    flex-direction: column;
    align-items: center;   
  }
  .istatistik-kart {
    flex: none;
    width: 90%;               
    max-width: 350px;        
    margin: 0.5rem 0;         
  }
}
.istatistik-kart {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 200px;
  padding: 25px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  text-decoration: none;
  color: #111827;
  transition: all 0.3s ease;
}
.istatistik-kart:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.1);
}
.istatistik-kart img {
  width: 56px;
  height: 56px;
  margin-bottom: 10px;
}
.istatistik-kart span {
  font-weight: 600;
  font-size: 15px;
}

/* TABLO 1 */

.karsilama-oran-wrapper {
  margin: 10px auto 20px;
  padding: 20px;
  border-radius: 16px;
  max-width: 1200px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.karsilama-title {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 12px;
  letter-spacing: 0.3px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  opacity: 0.85;
}

.karsilama-oran-kutulari {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.oran-kutu {
  background: white;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 13px;
  min-width: 60px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.oran-kutu strong {
  display: block;
  font-size: 15px;
  color: #933393;
}

.istatistik-kutu-horizontal {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  align-items: stretch; /* ← bu önemli */
  margin-top: 30px;
}

.istatistik-item {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 15px 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  flex: 1 1 220px;
  max-width: 250px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s;
}

.istatistik-item:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.istatistik-item strong {
  color: #993399;
  font-weight: 600;
  font-size: 16px;
}

.istatistik-item p {
  font-size: 22px;
  font-weight: bold;
  margin: 0;
  color: #1a1a1a;
}

.chart-dipnotlar {
  margin-top: 30px;
  padding: 20px;
  background-color: #fefefe;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
}
.dipnot-item {
  font-size: 14px;
  color: #555;
  margin-bottom: 10px;
  padding-left: 10px;
  border-left: 3px solid #96358c;
}
.dipnot-item strong {
  display: block;
  color: #222;
  margin-bottom: 4px;
}
.chart-title-bar {
  background-color: #f8f6ec;
  border-radius: 10px;
  padding: 10px 16px;
}
/* Başlık */
.chart-title-text {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 1.3;
}

.icon-btn {
  font-size: 18px;
  background: none;
  border: none;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-btn:hover {
  color: #000;
}

@media (max-width: 768px) {
 #grafik-kapsayici {
    width: 100vw;
    margin-left: -20px;
    padding-left: 10px;
    padding-right: 10px;
  }
	
 #grafik-kapsayici canvas {
    width: 100% !important;
    height: auto !important;
  }
 .grafiklar {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100% !important;
  }

  .grafik-kutu,
  .bar-alan {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
  }

  .bar-alan canvas {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block;
  }
  .pie-alan {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    float: none !important;
  }

  .grafik-kutu canvas {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }


 .chart-title-bar {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
  }

  .chart-title-text {
    margin: 0;
    flex-grow: 1;
  }
  .yazdir-btn {
    flex-shrink: 0;
  }

   .bilgi-kutusu {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    text-align: center;
  }

  .bilgi-kutusu div {
    width: 100%;
  }

  .bilgi-kutusu i {
    margin-bottom: 8px;
    font-size: 18px;
  }
}

@media print {
	
   #grafik-kapsayici {
    width: 1000px !important;
    height: auto !important;
	    margin-bottom: 10px !important;
  }
	body * {
    visibility: hidden !important;
  }
	.grafik-scroll-wrapper::-webkit-scrollbar {
    height: 0 !important;
  }
	 .grafik-scroll-wrapper {
    scrollbar-width: none !important; /* Firefox */
  }
	.grafik-scroll-wrapper {
    overflow-x: auto !important; /* davranış kalsın */
  }
	
  .grafiklar {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-start;
    gap: 20px !important;
    width: 100% !important;
  }

  .grafik-kutu {
    width: 48% !important;
    float: left;
    box-sizing: border-box;
  }

  .grafik-kutu canvas {
    display: block !important;
  }

  main,
  main * {
    visibility: visible !important;
  }

  main {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    background: white;
  }

  /* Grafik dış sarmalayıcı */
  .grafik-scroll-wrapper {
    overflow-x: auto;
    width: 100%;
  }
  canvas {
    width: 100% !important;
    height: auto !important;
    max-width: unset !important;
  }

  /* Başlık üst gri bar */
  .chart-title-text {
    background-color: #f0f0f0;
    color: #111;
    padding: 12px;
    text-align: center;
    font-size: 22px;
    border-bottom: 1px solid #ccc;
  }

  /* Alt başlık sarı kutu */
  .bilgi-kutusu {
    background-color: #fff8db !important;
    border: 1px solid #e0c080 !important;
    color: #333 !important;
    font-size: 13px !important;
    padding: 10px 16px !important;
    margin-bottom: 20px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
  }

 .bilgi-kutusu {
    width: 30% !important;
    margin: 30px auto !important;
    padding: 12px 20px !important;
    border: 1px solid #999;
    background-color: #fff;
    text-align: center;
    color: #000;
  }

  .bilgi-kutusu i {
    color: #333 !important;
    font-size: 13pt !important;
  }

  /* Tüm yazdırma dışı alanlar */
  .paylas-btn,
  .yazdir-btn,
  nav,
  header,
  footer {
    display: none !important;
  }

.alt-butonlar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  
}

.renkli-buton {
  padding: 5px 20px;
  font-weight: bold;
  font-size: 14px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s ease;
}

.renkli-buton.yesil {
  background-color: #10b3a4;
  color: #fff;
}

.renkli-buton.turuncu {
  background-color: #f0b15f;
  color: #fff;
}

.renkli-buton.gri {
  background-color: #707070;
  color: #fff;
}

.renkli-buton:hover {
  opacity: 0.9;
  transform: scale(1.02);
}

.buton-mavi,
.buton-turuncu {
  border: 2px solid;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 14px;
  background: white;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
}

.buton-mavi {
  border-color: #1d4ed8;
  color: #1d4ed8;
}

.buton-turuncu {
  border-color: #e74c3c;
  color: #e74c3c;
}

.buton-mavi i,
.buton-turuncu i {
  font-size: 12px;
}

.buton-mavi.active,
.buton-turuncu.active {
  background-color: #f0f9ff;
}

  /* Karşılama oranları kutuları */
  .karsilama-oran-wrapper {
    display: block !important;
  }

  .karsilama-title {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
  }

  .karsilama-oran-kutulari {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }

  .oran-kutu {
    background: #fefefe !important;
    border: 1px solid #ddd !important;
    border-radius: 6px;
    padding: 6px 10px;
    font-size: 13px;
    min-width: 60px;
    text-align: center;
  }

  .oran-kutu strong {
    color: #933393 !important;
    display: block;
    margin-top: 2px;
  }

  /* Alt istatistik kutuları */
  .istatistik-kutu-horizontal {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
  }

  .istatistik-item {
    border: 1px solid #d3c3e6 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    box-shadow: none !important;
    width: 220px;
    text-align: center;
  }

  .istatistik-item strong {
    color: #993399 !important;
    font-size: 15px;
  }

  .istatistik-item p {
    color: #111;
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0 0 0;
  }

  /* Dipnotlar */
  .chart-dipnotlar {
    display: block !important;
    font-size: 12px;
    color: #333;
    margin-top: 40px;
    padding: 10px 16px;
    border-top: 1px solid #ccc;
  }

  .dipnot-item {
    margin-bottom: 10px;
    padding-left: 8px;
    border-left: 3px solid #96358c;
  }
} 


@media print {
  /* Mevcut Tablo-6 grafikleri için */
  #dosyaBazinda1,
  #dosyaBazinda2,
  #dosyaBazinda3,
  #dosyaBazinda4 {
    display: inline-block !important;
    width: 45% !important;
    height: auto !important;
    margin: 0 2.5% 1rem 2.5% !important;
    page-break-inside: avoid;
  }

  /* Bilgi kutusu */
  .bilgi-kutusu {
    width: 50% !important;
    max-width: none !important;
    display: block !important;
    margin: 10px 0 !important;
    page-break-inside: avoid;
  }

  /* ★ Buraya ekleyelim: Grafik konteynerini flex yapıp alt alta inmesini engelleyelim */
  .grafik-container {
    display: flex !important;
    flex-wrap: nowrap !important;            /* alt satıra geçişi engeller */
    justify-content: space-between !important;
    page-break-inside: avoid !important;
  }
  .grafik-container .grafik-kutu {
    flex: 0 0 48% !important;                /* iki yan yana kutu için %48 genişlik */
    max-width: 48% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    page-break-inside: avoid !important;
  }
}



/*----------------------------------------------------------------------
[-----*** HEADER ***-----]
1. Anayasa Mahkemesi Gölgeli Logosu
2. En Üst Menüler (Arama İkonu, Sosyal Butonlar, Dil linkleri)
3. Üst Açılır Menüler
-----------------------------------------------------------------------*/

/* Header */
.header { height:140px; background-image: linear-gradient(#eaebf9, #eeedf7, #f7f7f7);}
.header .bireyselbaslik{text-align: right;font-weight: bold;margin-top: 30px;}

/* Header Logo */
.header .logo > a { display:block; margin-top:15px; }
.header .logo img { width:270px; }
/***/
.header .logo2 img { width:170px; }

/* Header Top Menu */
.header-top { height:60px; padding-top:20px; }
.header-top > a { color:#646464; margin-left:18px; font-size: 10px; font-weight: bold; font-family: 'Open Sans', sans-serif; }
.header-top > a.btn-sm { color:#ffffff; margin-left:10px; font-size: 10px; font-weight: bold; font-family: 'Open Sans', sans-serif; margin-top:-5px; background-color:#96358c !important; border-color:#96358c !important;}
.header-top > a.btn-sm:hover{background-color:#8C8D95 !important; border-color:#8C8D95 !important;}
.header-top .btn-search { display:block; width:20px; height:20px; background: url('../images/icon_search_sm.png') no-repeat center center transparent; margin-top:-2px; z-index:99; position: relative; }
.header-top .btn-twitter { display:block; width:20px; height:20px; background: url('../images/icon_twitter.png') no-repeat center center transparent; margin-top:-2px; }
.header-top .search-form { display:none; }
.header-top .search-form input { height:40px; position:relative; top:-10px; right:-50px; z-index:98; padding-right:40px; border:none; border-bottom:1px solid #91309a !important; border-radius:0; }
.header-top .search-form input:focus, .search-form input:hover { outline: none; box-shadow: none; }
.header-top #intranet{display:none;}

/***/
.bireyselmenuler {width: 100%;text-align: right;margin-right: 15px;}
.bireyselmenuler .header-top{height: 60px;padding-top: 20px;display: inline-block;}
.bireyselmenuler form {display: block;position: absolute;right: 374px;margin-top: -1px;}
/* Header Main Menu */
.header-menu {}
.header-menu .navbar { display:block; padding:0; }
.header-menu .navbar-nav { float:right; display:block; }
.header-menu .navbar-nav li {float:left;margin-top:0;padding-top:0;margin-left: 15px;}
.header-menu .navbar-nav li > a {padding-left: 0px !important;display:block;color:#323232 !important;font-weight: 800;font-size:14px;margin-left:20px;margin-top:0;padding-top:0;padding-right:0 !important;font-family: 'Open Sans', sans-serif;}
.header-menu .navbar-nav li:hover > a {padding-left:0px; border-bottom:2px solid #863795; }
.header-menu .navbar-nav li.active > a, .header-menu .navbar-nav li:hover > a {color:#91309a !important;padding-left: 0px;}
.header-menu .dropdown-menu {border:none;box-shadow: 0 10px 10px 0 rgba(220, 220, 220, 0.5);top: 29px;}
.header-menu .dropdown-menu a { font-size:13px; }
.header-menu .dropdown-menu a:hover { color:#91309a; background:none; }
.header-menu .dropdown-menu a::before {opacity: 0; content: ''; width: 0; height: 0; display: block;position: absolute;left: 0px;margin-top: 4px;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #96358c;}
.header-menu .dropdown-menu a:hover::before {opacity: 1;content: ''; width: 0; height: 0; display: block;position: absolute;left: 8px;margin-top: 4px;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #96358c;}
/***/
.bireyselmenuler .header-menu {display: inline-block;padding-top: 17px;vertical-align: top;}
.uye {width:100% !important;}

.build{background: url('../images/build.png') no-repeat center center transparent; opacity:.7; width:369px; height:126px; position:absolute; z-index:0; top:13px; left:550px;}

/*----------------------------------------------------------------------
[-----*** ANASAYFA ***-----]
1. Anasayfa Slaytları (Yazılar ve Resim)
2. Renkli zeminli 3 Ana buton ( Başvuru, Kararlar, Tanıtım Filmi)
3. Duyurular, Haberler, Takvim
4. Önemli 3 Büyük Link
-----------------------------------------------------------------------*/

/* Slider */
.slider {background-color:#f4f4f7;}
.carousel.slide { width:100%; }
.slider .slide-box { float:left; width: 60%; padding:0 1%; }
.slider .slide-box h6 { font-size: 14px; font-weight: bold; color: #9b9b9b; }
.slider .slide-box h2 { font-size: 24px; font-weight: bold; color: #323232; font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.slider .slide-box p { font-size: 12px; font-weight: bold; color: #646464; font-family: 'Open Sans', sans-serif;  }
.slider .slide-box a { font-size: 12px; font-weight: bold; color: #dfb444; }
.slider .slide-box img { width:100%; }
.slider .slide-text { width: 40%; padding-top:50px; padding-right: 50px; }
.carousel-indicator { position: absolute; list-style: none; bottom: 0; right: 4%; }
.carousel-indicator li { cursor:pointer; float: left; width: 20px; height: 20px; background-color: #fff; border-radius: 20px; color: #000; text-align: center; font-size: 13px; margin-left: 5px; }
.carousel-indicator li.active { background-color: #96358c !important; color:white; }
.easy .carousel-indicator { right: 40px !important; bottom: 10px;left: auto;margin-right: 0px;margin-left: 0px;}
.easy .carousel-indicator li.active { background-color: #96358c !important;}
.easy .carousel-indicator li { width: 10px; height: 10px; border-radius: 100%; }
.slider .slide-box a:hover {border-bottom: 3px solid #96358c;padding-bottom: 2px;}
/***/

/* Fade */
.carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity;}
.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right { opacity: 1; }
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right { opacity: 0; }
.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev { transform: translateX(0); transform: translate3d(0, 0, 0); }

/* Wrapper */
.wrapper { background-color:#f7f7f7; }

/* Datepicker */
.ui-widget-content { background:none !important; border:none !important; }
.ui-widget-content .ui-state-default {border:none !important;border-radius: 25px;text-align: center;}
.ui-datepicker-header { background: none !important; border:none !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {padding: 7px !important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #dad55e !important; background: #a461c8 !important;color: #ffffff !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {background-color: #166fe3 !important;color: white !important;}

.easy ol.carousel-indicator {position: relative;  justify-content: left !important;right: auto;left: 0px;padding: 0px;margin:0px;padding-top: 10px;}
.easy ol.carousel-indicator li {justify-content: left !important;right: auto;left: 0px;padding: 0px;margin:0px;}
.easy ol.carousel-indicator li {width: 12px;height: 12px;border-radius: 6px;margin: 5px;background-color: #646464;}
.easy ol.carousel-indicator li.active {background-color: #dfb444 !important;}
.carousel-item {margin-left: 2px !important;}


/* Color Buttons */
.color-buttons {border-radius: 0; padding-top: 20px; background: rgb(49,35,174);background: linear-gradient(90deg, rgba(49,35,174,1) 0%, rgba(73,73,161,1) 35%, rgba(190,104,212,1) 100%);margin-bottom: 50px;/* box-shadow:inset 0 10px 20px 0 #A8A6A9; */}
.color-buttons h4 {color:#fff;margin-top:3px;font-size: 16px;font-family: 'Open Sans', sans-serif;margin-bottom:0px;}
.anabuton a {display: inline-block;}
.anabuton #yil57 { width:60px!important; height:22px!important;}
.anabuton #yil60 { width:110px!important; height:55px!important;}
.anabuton #turkay { !important; }
.anabuton #aacc { !important; }
.anabuton img, .anabuton h4{  -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.anabuton img{width: 35px;}
.anabuton a:hover > img {margin-top: -3px}
.anabuton a:hover > h4 {margin-top: 7px}
/***/
.bireysel .color-buttons { background: #989497;padding-bottom: 0px;margin-bottom: 0px;height:130px;padding-top:12px;/*box-shadow: inset 0 10px 20px 0 #A8A6A9;*/}
.bireysel .anabuton img {width: 50px;}
.bireysel .color-buttons h4{margin-bottom:0px;}
.bireysel .color-buttons span {color: white;font-size: 13px;}

/* Announce List */
.announce-list { background-color: #fff; box-shadow:inset 0 6px 10px 0 #cfcfcf; }
.announce-list h3 { font-size:20px; font-weight:800; color:#323232; font-family: 'Open Sans', sans-serif; }
.announce-list ol { padding-left:0px;margin-top:20px; }
.announce-list ol li { margin-bottom:15px;display: block;}
.announce-list ol li a { color:#323232; font-size:14px; }
.announce-list ol li small { color:#dfb444; font-size:12px; }
a.tumu {font-weight: 600;font-size: 12px;color: #dfb444; /*position: absolute; left: 16px;z-index: 999;*/ }
div.normbireysel {font-weight: 600;font-size: 12px;position: absolute;left: 16px;z-index: 999; }
div.normbireysel a {font-weight: 600; font-size: 12px;color: #323232 !important;cursor:pointer; font-family: 'AvenirNext-Bold', "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
div.normbireysel a.select {color: #dfb444 !important;}


/* Big Buttons */
.big-buttons .col > a { display:block; padding:60px 0; background-color:#fff; box-shadow: 0 12px 10px 0 rgba(233, 233, 233, 0.5);}
.big-buttons .col > a > img { width:106px; height:106px; }
.big-buttons h4 { font-weight: bold; font-size:18px; color:#646464; margin-top:20px; font-family: 'Open Sans', sans-serif; }
.anasayfabig a {width: 100%;padding: 20%;background: white;border-radius: 7px;display: block;box-shadow: 0 2px 10px 0 rgba(203, 203, 203, 0.5), 0 -2px 10px 0 rgba(203, 203, 203, 0.5);}
.anasayfabig a:hover {padding: 18%;margin-top: 2%;}


/*----------------------------------------------------------------------
[-----*** FOOTER ***-----]
1. Tüm Linkler
2. Anayasa Mahkemesi Adresi
3. Telif Yazıları
-----------------------------------------------------------------------*/


/* Links */
.footer .links { height:355px; background:url('../images/bg-footer.png') no-repeat center center #323232; padding-top: 50px; }
.footer .links ul li { line-height: 1.3; }
.footer .links ul li a strong { font-size:14px; margin-bottom:5px; display: block; }
.footer .links ul li a { font-size:12px; color:#c7c7c7; }

/* Address */
.footer .address { height:135px; background-color:#252525; padding:20px 0; }
.footer .address p { text-align:center; font-size:14px; color:#fff; margin:5px; }
.footer .address p a { color:#fff; }

/* Copyright */
.footer .copyright { height:130px; background-color:#260f2b; text-align: center; padding-top:40px; }
.footer .copyright .footer-logo { width:265px; display:inline-block; }
.footer .copyright img { float:left; margin-right: 10px; }
.footer .copyright p { text-align:left; opacity: 0.5; font-size: 12px; font-weight: 500; color: #ffffff; margin-top:10px; }


/*----------------------------------------------------------------------
[-----*** CONTENT ***-----]
1. Renkli Çizgi
2. İçerik Başlık ve Açıklamaları
3. İçerik Detayı
-----------------------------------------------------------------------*/

/* Color Line */
.color-line { height: 6px; background-image: linear-gradient(to right, #3023ae, #c86dd7); }

/* Content */
.content { background-color: #F9F9F9; }

/* Content Header */
.content-header { background-color: #f7f7f7; box-shadow: inset 0 -2px 10px 0 rgba(203, 203, 203, 0.5); padding:8px 0 1px; }
.content-header .date, .content-header .date a { color:#863795; font-size: 14px; font-weight:bold; font-family: 'Open Sans', sans-serif; }
.content-header p { font-size: 20px; font-weight: normal; line-height: 1.5; color: #323232; font-family: 'Open Sans', sans-serif; }
.content-header h1, .content-header h2, .content-header h3, .content-header h4, .content-header h5, .content-header h6 { margin-bottom:10px; font-weight: bold; font-family: 'Open Sans', sans-serif; }
.content-header h1 { font-size:30px; }
.content-header h2 { font-size:28px; }
.content-header h3 { font-size:24px; }
.content-header h4 { font-size:20px; }
.content-header h5 { font-size:18px; }
.content-header h6 { font-size:14px; }
.content-header h6 { color:#9b9b9b; }

/* Content Text */
.content-text { padding:40px 0; color:#424242; }
.content-text h1, .content-text h2, .content-text h3, .content-text h4, .content-text h5, .content-text h6 { color:#323232; margin-bottom:20px; font-weight: bold; font-family: 'Open Sans', sans-serif; }
.content-text h1 { font-size:26px; }
.content-text h2 { font-size:24px; }
.content-text h3 { font-size:20px; }
.content-text h4 { font-size:16px; }
.content-text h5 { font-size:14px; }
.content-text h6 { font-size:12px; }
.content-text p, .content-text p a { color:#323232; font-size:14px; line-height: 25px; }
.content-text .img { margin:20px 40px 40px 0; float: left; }
.content-text .img img { max-width: 100%; }
.content-text .img p { font-size: 14px; color:#323232; line-height: 1.79; font-weight: bold; font-family: 'Open Sans', sans-serif; }
.content-text .img-fluid { width:100%; margin-top: 30px; }
.content-text .date { font-size:12px; line-height: 2.08; letter-spacing: normal; color: #323232; }
.content-text.list-img { padding-top:0; }

.content-text .row ol li{font-family:'Open Sans', sans-serif!important;font-size:14px;}
.content-text .row ul li{font-family:'Open Sans', sans-serif!important;font-size:14px;}

/* İçerik Alanı*/

.icerikalani{padding:5px;}

/* List with Image */
.content-text.list-img p { font-size: 14px; line-height: 1.79; letter-spacing: normal; color: #323232; }
.content-text.list-img a { /*display:block;*/ margin:25px 0; }

/* Content Header Menu */
.content-header .navbar { background:none !important; }
.content-header .navbar .navbar-nav > li > a { color:#323232; font-size:14px; font-weight: bold; font-family: 'Open Sans', sans-serif; margin-left:5px; margin-right:5px;text-align: center; }
.content-header .navbar .navbar-nav > li:hover { background-color:white; }
.content-header .navbar .navbar-nav > li.active {background-color:#96358c; color: #dfb444;}
.content-header .navbar .navbar-nav > li.active a {color:#ffffff;}
.content-header .navbar .navbar-nav > li:hover > a { color:#dfb444; }
.content-header .navbar .navbar-nav a:hover { color:#dfb444; }
.content-header .navbar .navbar-nav .dropdown-menu { border:none !important; }
.content-header .navbar .navbar-nav .dropdown-menu a { font-size:12px; line-height: 2.5; letter-spacing: normal; color:#323232; font-weight: bold; font-family: 'Open Sans', sans-serif; }
.content-header .navbar .navbar-nav .dropdown-menu a:hover { color:#dfb444; }
.content-header label { font-size: 14px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #323232; font-family: 'Open Sans', sans-serif; }
.content-header input { border-radius: 2px; box-shadow: inset 0 0 5px 0 rgba(135, 135, 135, 0.5); background-color: #ffffff; border: solid 1px #dfb444; }
.content-header select {border-radius: 2px;background-color: #dfb444;color: white;height: 38px;padding: 6px;}
.content-header .form-row { margin:30px 0; }

/*Basın duyurusu*/
.sayfabasligi #duyuru_baslik{font-weight:bold;}

/* Page Navigations */
.pagination {padding-bottom: 30px;}
a.page-link {color: #96358c !important;}
a.page-link:hover {color: #96358c !important;}
.page-item:first-child .page-link {border-radius: 0px !important;}
.page-item:last-child .page-link {border-radius: 0px !important;}
.page-item.active .page-link {background-color: #96358c !important;border-color: #96358c !important;color: #ffffff !important;}

/* Search Page */
.arama-satir {border-bottom: 1px solid #ecdbb7; margin-bottom: 20px;}
.arama-baslik{margin-bottom: 20px;border-left: 3px solid #96358c;padding-left: 10px;}


/* Anayasa Buttons */
.btn-anayasa { padding:10px 15px; background-color: #dfb444; font-size: 12px; font-family: 'Open Sans', sans-serif; color: #ffffff; text-transform: uppercase; border-radius:0; margin:5px 0; }
.btn-anayasa:hover, .btn-anayasa:focus { outline:none; color:white; background-color: #daa92a; font-family: 'Open Sans', sans-serif; }
.btn-group .btn-anayasa { margin-right: 10px; }
.btn-anayasa.btn-submit { border-radius: 2px; background-color: #863795; }
.btn-anayasa.btn-clear { border-radius: 2px; background-color: #9b9b9b; }

/* Kararlar Tablosu */
.table-decisions thead th { font-size: 24px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #323232; }
.table-decisions tbody td a { font-size: 14px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.79; letter-spacing: normal; color: #323232; font-family: 'AvenirNext-Bold', "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.table-decisions .download-file { color:#dfb444; }
.iframe{width: 100%;height: 800px;margin: 0 auto;border: 0px;}

/* Alfabatik Liste */
.letters { list-style:none; padding:0; text-align: center; }
.letters li { display:inline-block; }
.letters li a { display:block; padding:0 7px; color:#dfb444; font-size:12px; border-right:1px solid #dfb444; font-weight: bold; font-family: 'AvenirNext-Bold', "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.letters li:last-child a { border-right:none; }

/* Üyeler */
.member-list { margin-top:20px; }
.member-list a { display: block; padding-bottom:1px; margin-bottom:15px; }
.member-list a:hover { background-color: #863795; }
.member-list a:hover h3 { color:white; }
.member-list h3 { padding:0 5px; margin-top:10px; font-size: 14px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: normal; text-align: center; color: #323232; }

/* Özel butonlar */
.follow a { font-size: 12px; font-weight: bold; color: #dfb444; }

/* Anayasa Mahkemesi Tarihi */
.anayasa-gorsel.agirstil {
  max-width: 500px;
  margin: 2rem auto;
  border: 1px solid #ccc;
  border-radius: 8px;
  background-color: #f8f8f8;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.anayasa-gorsel.agirstil img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  max-height: 300px;
}

.anayasa-gorsel.agirstil .tarihaciklama {
  font-size: 0.85rem;
  padding: 0.6rem 1rem;
  text-align: center;
  font-style: italic;
  color: #444;
  background-color: #f0f0f0;
  border-top: 1px solid #ddd;
}

.tarih-kutu {
  background-color: #e9ecef;
  padding: 0.75rem 1rem;
  border-left: 4px solid #96358c;
  font-weight: bold;
  font-size: 1.1rem;
  margin: 2rem 0 1rem;
}
.responsive-table {
  overflow-x: auto;
  display: block;
  margin: 1rem 0;
}

.responsive-table table {
  width: 100%;
  border-collapse: collapse;
}

.responsive-table td {
  vertical-align: top;
  padding: 0.5rem;
}

.anayasa-baslik {
  font-size: 2rem;
  text-align: center;
  margin: -1rem auto 1rem;
  position: relative;
  color: #96358c;
  font-weight: bold;
}

.anayasa-baslik::after {
  content: "";
  width: 60px;
  height: 4px;
  background: #dfb444;
  display: block;
  margin: 0.5rem auto 0;
  border-radius: 2px;
}
.madde-listesi {
  list-style: none;
  padding-left: 0;
  margin: 1rem 0;
}

.madde-listesi li {
  padding-left: 1.5rem;
  position: relative;
  margin-bottom: 0.5rem;
}

.madde-listesi li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #96358c;
  font-weight: bold;
}

.gorev-card {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.gorev-card h4 {
  margin-top: 0;
  font-size: 1.2rem;
  color: #333;
  font-weight: 600;
  border-bottom: 1px solid #dfb444;
  padding-bottom: 0.4rem;
  margin-bottom: 0.8rem;
}

.gorev-card p {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #555;
  margin-bottom: 1.2rem;
  text-align: justify;
}

.ozel-liste-rakamli {
  counter-reset: rakamli-liste;
  list-style: none;
  padding-left: 0;
  margin-top: 1rem;
}

.ozel-liste-rakamli li {
  position: relative;
  padding-left: 2.2rem;
  margin-bottom: 1rem;
  font-size: 14px;
  line-height: 1.6;
  text-align: justify;
  font-family: "Open Sans", sans-serif;
}

.ozel-liste-rakamli li::before {
  counter-increment: rakamli-liste;
  content: counter(rakamli-liste) ") ";
  position: absolute;
  left: 0;
  top: 0;
  color: #96358c;
  font-weight: bold;
}

.ozel-liste {
  counter-reset: harfli-liste;
  list-style: none;
  padding-left: 0;
  margin-top: 1rem;
}

.ozel-liste li {
  position: relative;
  padding-left: 2.2rem;
  margin-bottom: 1rem;
  font-size: 14px;
  line-height: 1.6;
  text-align: justify;
  font-family: "Open Sans", sans-serif;
}

.ozel-liste li::before {
  counter-increment: harfli-liste;
  content: counter(harfli-liste, lower-alpha) ") ";
  position: absolute;
  left: 0;
  top: 0;
  color: #96358c;
  font-weight: bold;
}


.caselawcard {
  margin-bottom: 1rem; /* Kartlar arası boşluk biraz artırıldı */
  border: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  border-radius: 0.5rem;
  background-color: #f9f9f9;
  transition: box-shadow 0.3s ease-in-out;
}

/* Hover efekti */
.caselawcard:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Kart başlığındaki sol renkli çizgi */
.caselawcard .card-header {
  position: relative;
  padding-left: 2rem;
  background-color: #fff;
  border-radius: 0.5rem 0.5rem 0 0;
}

.caselawcard .card-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background-color: #dfb444; /* Sarı kurumsal renk */
  border-radius: 0.5rem 0 0 0.5rem;
}

/* Küçük gri tarih yazısı */
.caselawcard .card-header small {
  font-size: 1rem;
  color: #6c757d;
  display: block;
}

/* Başlık metni */
.caselawcard .card-header span {
  font-size: 1.1rem;
  font-weight: bold;
  color: #333;
}

/* Mobile Trigger Button */
.header-menu .navbar-toggler { background: url('../images/icon-toggler-btn.png') no-repeat right 0 transparent; border:none; width:30px; height:30px; background-size: 60px 30px; }
.header-menu .navbar-toggler.collapsed { background-position: 0 0 !important; }
.header-menu .navbar-toggler .navbar-toggler-icon { display:none; }

.content-header .navbar-toggler { float:right; }

/*Bireysel Başvuru*/
.bireysel .slider img{width:100%;}
/*.faaliyetbaslik {text-align: center;margin-bottom: 15px;font-size: 20px;font-weight: bold;}
#faaliyetler .carousel-item li {display: block;padding: 15px 0px;position: relative;}
#faaliyetler .carousel-item li:after {opacity: 0;    content: '';position: absolute;right: 100px;width: 47px;height: 23px;background-image: url('../images/arrow.png');top: 50%;margin-top: -11px;}
#faaliyetler .carousel-item img {float: left;margin-right: 15px;display: inline-block;}
#faaliyetler .carousel-item span {font-weight: bold;font-size: 12px;color: #dfb444;}
#faaliyetler .carousel-item h6 {display: inline-block;font-weight: bold;font-size: 13px; color: #323232;}
#faaliyetler .carousel-item ol {padding: 0px;}
#faaliyetler .carousel-item li:hover {background-color: #f0f0f0;}
#faaliyetler .carousel-item li:hover > span {color: #893c98;}
#faaliyetler .carousel-item li:hover::after {opacity: 1;right: 50px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
#faaliyetler ol.carousel-indicators {justify-content: center !important;margin-bottom: 15px;}*/

/* Bireysel Başvuru Kısayollar */
section.kisayol {background-color: white;padding-top: 30px;box-shadow: inset 0 8px 16px 0 #cfcfcf;}
section.kisayol ul {padding:0;}
section.kisayol ul li {margin:0 auto;width:85%;list-style: none;height: 65px;background-color: #fbfbfb;border-radius: 5px;position: relative;box-shadow: 0 1px 1px 0 #A8A6A9;margin-bottom: 20px;}
section.kisayol ul li:after {content:'';width: 65px;height: 65px;position: absolute;left: 10px;bottom: 0px;background-repeat: no-repeat;background-position-x: center;background-position-y: bottom;}
section.kisayol ul li:hover {box-shadow: 0 4px 4px 0 #A8A6A9;}
section.kisayol ul li a {color: #323200;font-size:12px;margin-left: 80px;height: 35px;display: inline-block;margin-top: 15px;padding-left: 10px;border-left: 2px #d0d0d0 dotted;}

/* Bireysel Başvuru Kabul Edilemezlik Emsal Kararlar */
/*.col{margin:15px;}*/
.col .bb_box{background: #decfdc; width:200px; height:176px; padding:20px 10px; margin:10px auto; color:#525a62; text-align:center; font-size:14px!important; font-weight:600!important;}
.col .bb_box:hover{background: #ffffff; color:#96358c; cursor:pointer; -webkit-box-shadow: inset 0px 0px 31px -10px rgba(0,0,0,0.46);
-moz-box-shadow: inset 0px 0px 31px -10px rgba(0,0,0,0.46);
box-shadow: inset 0px 0px 31px -10px rgba(0,0,0,0.46);}
.col .bb_box .bb_icon{margin-bottom:10px;}
.col .bb_box:hover .bb_icon{margin-bottom:15px;}
.bb_box a{color:#525A62!important;}
.bb_kek_box{width:100%; margin:0 auto 20px; height:200px; background:#ffffff;}
.bb_kek_img{float:left; margin-right:20px; }
.bb_kek_info{width:auto; height:auto; padding:20px; font-size:13px; }
.bb_kek_title {font-size:14px!important; font-weight:600;}
.bb_kek_info span{font-size:12px!important; color:#96358c; font-weight:600;}
.bb_kek_text{text-align: justify; margin-top:20px; }
.col .bb_box2{background: #f2ded3; width:200px; height:176px; padding:20px 10px; margin:10px auto; color:#525a62; text-align:center; font-size:14px!important; font-weight:600!important;}
.col .bb_box2:hover{background: #ffffff; color:#96358c; cursor:pointer; -webkit-box-shadow: inset 0px 0px 31px -10px rgba(0,0,0,0.46);
-moz-box-shadow: inset 0px 0px 31px -10px rgba(0,0,0,0.46);
box-shadow: inset 0px 0px 31px -10px rgba(0,0,0,0.46);}
.col .bb_box2 .bb_icon{margin-bottom:10px;}
.col .bb_box2:hover .bb_icon{margin-bottom:15px;}
.bb_box2 a{color:#525A62!important;}

/*PEN STYLES*/
.bb-card {
  display: flex;
  flex-direction: column;
  margin: 1rem auto;
  box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.1);
  margin-bottom: 2.6%;
  background: #fff;
  line-height: 1.4;
  font-family: sans-serif;
  border-radius: 5px;
  overflow: hidden;
  z-index: 0;
}
.bb-card a {
  color: inherit;
  color: #96358c;
}
.bb-card a:hover {
  color: #96358c;
}
.bb-card:hover .photo {
  -webkit-transform: scale(1.3) rotate(3deg);
          transform: scale(1.3) rotate(3deg);
}
.bb-card .meta {
  position: relative;
  z-index: 0;
  height: 200px;
}
.bb-card .photo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
	max-height: 320px;
	margin:auto;
}
.bb-card .description {
  padding: 1rem;
  background: #fff;
  position: relative;
  z-index: 1;
}
.bb-card .description h1,
.bb-card .description h2 {
  font-family: Poppins, sans-serif;
}
.bb-card .description h1 {
  line-height: 1;
  margin: 0;
  font-size: 1.7rem;
}
.bb-card .description h2 {
  font-size: 1rem;
  font-weight: 300;  
  color: #a2a2a2;
  margin-top: 5px;
}
.bb-card .description h2 a{
text-transform: uppercase;
}
.bb-card .description .read-more {
  text-align: right;
}
.bb-card .description .read-more a {
  color: #96358c;
  display: inline-block;
  position: relative;
}
.bb-card .description .read-more a:after {
  content: "\f061";
  font-family: FontAwesome;
  margin-left: -10px;
  opacity: 0;
  vertical-align: middle;
  transition: margin 0.3s, opacity 0.3s;
}
.bb-card .description .read-more a:hover:after {
  margin-left: 5px;
  opacity: 1;
}
.bb-card p {
  position: relative;
  margin: 1rem 0 0;
}
.bb-card p:first-of-type {
  margin-top: 1.25rem;
}
.bb-card p:first-of-type:before {
  content: "";
  position: absolute;
  height: 5px;
  background: #96358c;
  width: 35px;
  top: -0.75rem;
  border-radius: 3px;
}
.bb-card:hover .details {
  left: 0%;
}
.bb-cardback {
  display: flex;
  flex-direction: column;
  margin: 1rem auto;
  box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.1);
  margin-bottom: 2.6%;
  background: #fff;
  line-height: 1.4;
  font-family: sans-serif;
  border-radius: 5px;
  overflow: hidden;
  z-index: 0;
}
.bb-cardback .description {
  padding: 1rem;
  background: #fff;
  position: relative;
  z-index: 1;
}
@media (min-width: 640px) {
  .bb-card {
    flex-direction: row;
    /*max-width: 700px;*/
  }
  .bb-card .meta {
    flex-basis: 40%;
    height: auto;
  }
  .bb-card .description {
    flex-basis: 60%;
  }
  .bb-card .description:before {
    -webkit-transform: skewX(-3deg);
            transform: skewX(-3deg);
    content: "";
    background: #fff;
    width: 30px;
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    z-index: -1;
  }
  .bb-card.alt {
    flex-direction: row-reverse;
  }
  .bb-card.alt .description:before {
    left: inherit;
    right: -10px;
    -webkit-transform: skew(3deg);
            transform: skew(3deg);
  }
  .bb-card.alt .details {
    padding-left: 25px;
  }
}

/* Collapse */
.btn-link { color: #96358c; white-space:inherit; text-align:left; }
.btn-link:hover {color: #646464;text-decoration: none;}
.card button {font-weight: bold;}

.border-line { width:100%; height:50px; background-color:#E5E3E6; }

/* Social Share Buttons */
.share-socials { list-style:none; padding:0; }
.share-socials a { float:right; width:16px; height:16px; margin-right:5px; margin-top:2px; display:block; background-size:contain; background-repeat:no-repeat; background-color:transparent; }
.share-socials a.btn-facebook { background-image:url('/media/4990/btn-facebook.png'); }
.share-socials a.btn-twitter { background-image:url('/media/4991/btn-twitter.png'); }
.share-socials a.btn-pdf { background-image:url('/media/8951/btn-pdf.png'); }
.share-socials a.btn-word { background-image:url('/media/8952/btn-doc.png'); }
.share-socials a.btn-whatsapp { background-image:url('/media/4992/btn-whatsapp.png'); margin-right:10px; }

/*---------------------
Kararlar Bilgi Bankası
------------------*/
/*.container#kbb{width:70%; background:url('/assets/images/law-bg.png') no-repeat center; height:299px; padding-top:30px;}*/
.container#kbb{width:70%;}
.container#kbb .col { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:15px;}
.container#kbb .split{border-right:2px solid #e5e5e5;}
.container#kbb a{color:#323232;}
.container#kbb a.btn{width:94px!important; height:94px!important; margin-bottom:20px;}
.container#kbb a.btn{background-color: #96358c !important; border:none !important; font-family: 'Open Sans', sans-serif; font-weight: bold !important; padding: 12px 15px !important; text-align: center; color: #ffffff !important;}
.container#kbb a.btn:hover{background-color: #dfb444 !important;}

.karar-accordion .card {
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease;
}

.karar-accordion .card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.karar-accordion .card-header {
  background-color: #f8f9fa;
  border-bottom: 1px solid #ddd;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem 0.5rem 0 0;
}

.karar-accordion .card-header button {
  color: #333;
  font-size: 1.1rem;
  font-weight: 600;
  text-align: left;
  width: 100%;
  padding: 0;
  background: none;
  border: none;
  outline: none;
  transition: color 0.3s ease;
}

.karar-accordion .card-header button:hover {
  color: #0056b3;
}

.karar-accordion .card-body {
  padding: 1.5rem;
  background-color: #fff;
  border-top: 1px solid #e9ecef;
  font-size: 1rem;
  line-height: 1.6;
}


/*-----------
Menu CSS for IE 
----------*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    _:-ms-fullscreen, :root .header-menu .navbar-nav li{
		margin-left:3px;
		font-family: 'Open Sans', sans-serif;
		font-size:12px;
	}
	_:-ms-fullscreen, :root .footer .row .col-md-2 {flex:0 0 11.5% !important;}
}

	 
/*----------------------------------------------------------------------
[-----*** RESPONSIVE ***-----]
1. Large devices (large desktops, 1200px and up)
2. Medium devices (desktops, 992px and up)
3. Medium devices (desktops, 992px and down)
4. Small devices (tablets, 768px and up)
5. Extra small devices (phones, less than 768px)
6. Extra small devices (phones, less than 470px)
-----------------------------------------------------------------------*/

/* Large devices (large desktops, 992px and up) */
@media (min-width: 1200px) {
	.slide-text .text{display: table-cell;vertical-align: bottom;height: 255px;}
	.footer .container {padding-left:5px; padding-right:5px;}
	.footer .row .col-md-2 {flex:0 0 14.2% !important;} 
}

/* Large devices (large desktops, 1440px and 1200px) */
@media (max-width: 1440px) and (min-width: 1200px) {
.build{background: url('../images/build.png') no-repeat center center transparent; width:369px; height:126px; position:absolute; top:13px; left:380px; z-index:0;}
.footer .container {padding-left:5px; padding-right:5px;}
.footer .row .col-md-2 {flex:0 0 14.2% !important;}
}

/* Medium devices (desktops, 1200px and 992px) */
@media (max-width: 1200px) and (min-width: 992px) {
.build{background: url('../images/build.png') no-repeat center center transparent; background-size:contain; width:275px; height:94px; position:absolute; top:46px; left:280px;}
.footer .container {padding-left:5px; padding-right:5px;}
.footer .row .col-md-2 {flex:0 0 14.2% !important;}
}

/* Large devices (large desktops, 992px and up) */
@media (min-width: 992px) {

    .header-menu .navbar-expand-lg .navbar-collapse { display:block !important; }
    .header-menu .navbar-nav > li:hover > div.dropdown-menu { display:block; }
    .mobile-menu { display:none !important; }

    .content-header .navbar-nav > li:hover > div.dropdown-menu { display:block; }

	.border-pipe:after { content:''; display: block; width: 1px; height: 300px; background-color: #c1c1c1; position:absolute; top:40px; right:5px; }
	.border-pipe:first-child:after { right:-45px !important; }
	.footer .container {padding-left:5px; padding-right:5px;}
	.footer .row .col-md-2 {flex:0 0 14.2% !important;}
}

/* Medium devices (desktops, 992px and down) */
@media (max-width: 992px) {

    .header { height:auto; }
    #header-menu { display:none !important; }
    .header-menu .navbar-collapse.collapse { position:absolute; width:100%; }

    .slider .slide-box { float:none; width: 98%; padding:0 1%; }
    .footer .links, .footer .address, .footer .copyright { height:auto !important; }
    .ui-datepicker { width:100% !important; }

    .mobile-menu { display:block; width:100%; margin:0px; }
    .mobile-menu .navbar-collapse.collapse { position:static; background-color:#f7f7f7; padding:20px;margin-top: -20px;  }
    .mobile-menu > div > ul { text-align: left; }
    .mobile-menu > div > ul > li { display:block; }
    .mobile-menu > div > ul > li > a { color:#323232; font-weight: bold; }
    .mobile-menu .dropdown-menu.show { position:static !important; transform:none !important; }

    .slider .slide-box h2 { font-size:16px;  }

    .header-top .search-form input { position: absolute; top:0; }
    .search-clicked { position: absolute !important; top:15px; right:10px; }

    .table-decisions thead th { font-size: 13px; }
    .table-decisions tbody td a { font-size: 12px; }
	
	.build{background: url('../images/build.png') no-repeat center center transparent; background-size:contain; width:240px; height:82px; position:absolute; top:20px; right:80px;}
	
	.container table {width:100%; font-family: 'Open Sans', sans-serif!important; font-size:13px!important;}
	.container .btn-group{float:left!important;}
	.btn-group .btn-anayasa {padding:10px 5px; font-size:11px;}
	.dropleft .dropdown-menu {font-size:11px;}
	.content-text p, .content-text p a{font-size:13px;}
	/*.color-buttons{padding-top:10px;}*/
	.color-buttons .col h4{font-size:13px;}
	/*.container#kbb{width:80%; background:url('/assets/images/law-bg.png') no-repeat center; height:299px; padding-top:30px;}*/
	.container#kbb{width:80%;}
	.container#kbb .split{border-right:1px solid #e5e5e5;}
	.container#kbb a{color:#323232; font-size:13px;}
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 992px) and (min-width: 768px) {

	.build{background: url('../images/build.png') no-repeat center center transparent; background-size:contain; width:200px; height:68px; position:absolute; top:32px; right:100px;}
	.color-buttons h4 { font-size: 14px!important; }
	
	.container table {width:100%; font-family: 'Open Sans', sans-serif!important; font-size:12px!important;}
	.container .btn-group{float:left!important;}
	.btn-group .btn-anayasa {padding:10px 5px; font-size:11px;}
	.dropleft .dropdown-menu {font-size:11px;}
	.content-text p, .content-text p a{font-size:12px;}
	.footer .container {padding-left:5px; padding-right:5px;}
	.footer .row .col-md-2 {flex:0 0 13.6% !important;}
}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {

    /*.color-buttons { height:115px; }*/
	.color-buttons .container {padding:0px!important;}
	.color-buttons .container .col {padding:0px!important;}
    .color-buttons h4 { font-size: 11px!important; margin-top:4px; }
    .announce-list ol { padding-left:25px; }
    .header .logo img { width:auto; height:70px; }
	.bireyselmetin img{width:100% !important;height:auto !important;}	
	.bireysel .color-buttons span { display:none; }
	.carousel-indicator{right:1%;}
	
	.build{background: url('../images/build.png') no-repeat center center transparent; background-size:contain; width:200px; height:68px; position:absolute; top:22px; left:340px;}
	
	.container table {width:100%; font-family: 'Open Sans', sans-serif!important; font-size:12px!important;}
	.container .btn-group{float:left!important;}
	.btn-group .btn-anayasa {padding:10px 5px; font-size:11px;}
	.dropleft .dropdown-menu {font-size:11px;}
	.content-text p, .content-text p a{font-size:12px;}
	
	/*.container#kbb{width:99%; background:url('/assets/images/law-bg-k.png') no-repeat center; height:209px; padding-top:20px;}*/
	.container#kbb a{color:#323232; font-size:12px;}
	.container#kbb a.btn{width:88px!important; height:88px!important; margin-bottom:10px; padding:7px !important;}
}

@media (max-width: 450px) {
.build{background: url('../images/build.png') no-repeat center center transparent; background-size:contain; width:180px; height:61px; position:absolute; top:29px; left:190px;}
.container .btn-group{float:left!important;}
.anabuton #yil57 { width:60px!important; height:25px!important;}
.anabuton #turkay {  !important; }
.anabuton #aacc {  !important; }
.btn-group .btn-anayasa {padding:10px 5px; font-size:11px;}
.dropleft .dropdown-menu {font-size:11px;}
}

/* Extra small devices (phones, less than 370px) */
@media (max-width: 400px) {
.carousel-indicator li { cursor:pointer; float: left; width: 18px; height: 18px; background-color: #fff; border-radius: 18px; color: #000; text-align: center; font-size: 11px; margin-left: 2px; }
.build{background: url('../images/build.png') no-repeat center center transparent; background-size:contain; width:180px; height:61px; position:absolute; top:29px; left:170px;}
.container .btn-group{float:left!important;}
.btn-group .btn-anayasa {padding:10px 5px; font-size:11px;}
.dropleft .dropdown-menu {font-size:11px;}
}


/*----------------------------------------------------------------------
[-----*** RETINA DISPLAY ***-----]
-----------------------------------------------------------------------*/

/* Retina Display */
@media (min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {


}

/* Retina Mobile */
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 767px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 767px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 767px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 767px),
only screen and (                min-resolution: 192dpi) and (max-width: 767px),
only screen and (                min-resolution: 2dppx)  and (max-width: 767px) {



}

/* Retina Mobile */
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 370px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 370px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 370px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 370px),
only screen and (                min-resolution: 192dpi) and (max-width: 370px),
only screen and (                min-resolution: 2dppx)  and (max-width: 370px) {



}

/**umb_name:Resmi-Sola-Yasla*/
.ResmiSolaYasla{float: left;
margin-right: 15px;
margin-bottom: 10px;
margin-top: 10px;
max-width:300px;}

/**umb_name:Başlık 1*/
h3.head{border-bottom:1px solid #E9E9E9;
padding-bottom:10px;}

/**umb_name:Başlık 2*/
h4.head{border-bottom:1px solid #E9E9E9;
padding-bottom:10px;}

/**umb_name:Bireysel Başlık*/
.BireyselBaslik{color:#7f3885;
font-size:16px;}

/**umb_name:Bireysel Alıntı*/
.BireyselAlinti{position: relative;font-size: 13px;margin-left: 70px;display: inline-block;}
.BireyselAlinti:before{content: '"';position: absolute;top: -15px;left: -13px;font-size: 30px;font-weight: bold;color: #7f3885;}
.BireyselAlinti:after{content: '"';font-size: 30px;font-weight: bold;color: #7f3885;position: absolute;margin-top: -10px;}

/**Anayasa Giriş Uygulama Reklamı*/
	.popup_new_style {
		width:100%;
		height:100%;
		display:none;
		position:fixed;
		top:0px;
		left:0px;
		background:rgba(0,0,0,0.75);
		z-index:9999999;
	}

	.popup-inner_new_style {
		max-width:700px;
		width:90%;
		padding:10px;
		position:absolute;
		top:50%;
		left:50%;
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
		box-shadow:0px 2px 6px rgba(0,0,0,1);
		border-radius:10px;
		background:#fff;
	}

	.popup-close_new_style {
		width:30px;
		height:30px;
		padding-top:4px;
		display:inline-block;
		position:absolute;
		top:0px;
		right:0px;
		transition:ease 0.25s all;
		-webkit-transform:translate(50%, -50%);
		transform:translate(50%, -50%);
		border-radius:1000px;
		background:rgba(0,0,0,0.8);
		font-family:Arial, Sans-Serif;
		font-size:20px;
		text-align:center;
		line-height:100%;
		color:#fff;
	}

	.popup-close_new_style:hover {
		-webkit-transform:translate(50%, -50%) rotate(180deg);
		transform:translate(50%, -50%) rotate(180deg);
		background:rgba(0,0,0,1);
		text-decoration:none;
	}
	
	
	#dialog_img {
		max-width: 100%;
		height: auto;
	}

#baslik1 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik2 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik3 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik4 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik5 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik6 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik7 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik8 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik9 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik10 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik11 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik12 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik13 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik14 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik15 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik16 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik17 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik18 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik19 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik20 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik21 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik22 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik23 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik24 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik25 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}
#baslik63 {
  scroll-margin-block-start: 110px; 
  scroll-margin-block-end: 110pxx;
}