/*
nodejs /root/KOMUTLAR/CSS_MIN/index.js /usr/local/www/kabilesavaslari.com.tr/mobil3/site/css/getbootstrap.ozel.css /usr/local/www/kabilesavaslari.com.tr/css/getbootstrap-ozel-min-$(date +%Y-%m-%d-%H-%M).css
*/

:root{
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #a68f5b;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;

  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.175);
}

/* Flex Container Oluşturmak İçin */
/* Blok seviyesinde bir flex container oluşturur. 
  Örnek: A ve B elemanları yan yana sıralanır. */
.d-flex { display: flex !important; }

/* Satır içi (inline) seviyesinde bir flex container oluşturur. 
  Örnek: A ve B elemanları metin içinde yan yana sıralanır. */
.d-inline-flex { display: inline-flex !important; }
   

/* Flex Yönlendirmesi */
/* Yatay yön: Soldan sağa sıralar. Örnek: A B C */
.flex-row { flex-direction: row !important; }

/* Yatay yön: Sağdan sola sıralar. Örnek: C B A */
.flex-row-reverse { flex-direction: row-reverse !important; }

/* Dikey yön: Yukarıdan aşağıya sıralar. 
   Örnek:
   A
   B
   C */
.flex-column { flex-direction: column !important; }

/* Dikey yön: Aşağıdan yukarıya sıralar.
   Örnek:
   C
   B
   A */
.flex-column-reverse { flex-direction: column-reverse !important; }

/* Dikey Hizalama (Main Axis - align-items) */
/* Başlangıç hizası: Elemanlar üst ya da sol kenara hizalanır. 
   Örnek: 
   A
   B
   C */
.align-items-start { align-items: flex-start !important; }

/* Bitiş hizası: Elemanlar alt ya da sağ kenara hizalanır. 
   Örnek: 
   C
   B
   A */
.align-items-end { align-items: flex-end !important; }

/* Ortada hizalama: Elemanlar ana eksende ortalanır. 
   Örnek:
     A
     B
     C */
.align-items-center { align-items: center !important; }

/* Metin taban çizgisine göre hizalama: 
   Farklı boyutlardaki yazılar aynı taban hizasında olur.
   Örnek: A b C */
.align-items-baseline { align-items: baseline !important; }

/* Esnetme: Elemanlar eksen boyunca esnetilir. 
   Örnek: Kutular yüksekliği tamamen kaplar. */
.align-items-stretch { align-items: stretch !important; }


/* Yatay Hizalama (Cross Axis - justify-content) */
/* Başlangıç hizası: Elemanlar solda hizalanır. 
   Örnek: |A B C      | */
.justify-content-start { justify-content: flex-start !important; }

/* Bitiş hizası: Elemanlar sağda hizalanır. 
   Örnek: |      A B C| */
.justify-content-end { justify-content: flex-end !important; }

/* Ortada hizalama: Elemanlar ortada toplanır. 
   Örnek: |   A B C   | */
.justify-content-center { justify-content: center !important; }

/* Elemanlar arasına eşit boşluk bırakır, 
   ancak en baştaki ve en sondaki eleman kenarlara yapışır. 
   Örnek: |A    B    C| */
.justify-content-between { justify-content: space-between !important; }

/* Elemanların etrafına dengeli boşluk bırakır. 
   Örnek: | A  B  C | (Kenarlarda da biraz boşluk kalır.) */
.justify-content-around { justify-content: space-around !important; }

/* Elemanlar arasında tam olarak eşit boşluk bırakır. 
   Örnek: | A    B    C | (Tüm elemanlar arası eşit boşluk.) */
.justify-content-evenly { justify-content: space-evenly !important; }


/* Self Alignment (align-self) - Bireysel Itemlar */
/* Bireysel öğelerin kendi eksenlerinde varsayılan hizalamasını yapar. 
   Örnek: align-self değeri belirtilmemişse, parent'ın align-items değeri geçerli olur. */
.align-self-auto { align-self: auto !important; }

/* Bireysel öğeyi, ana eksenin başına hizalar. 
  Örnek: Öğeyi üst kenara hizalar. 
  A (başta)
  B
  C */
.align-self-start { align-self: flex-start !important; }

/* Bireysel öğeyi, ana eksenin sonuna hizalar. 
  Örnek: Öğeyi alt kenara hizalar. 
  A
  B
  C (sonda) */
.align-self-end { align-self: flex-end !important; }

/* Bireysel öğeyi, ana eksende ortalar. 
  Örnek: Öğeyi ortalar.
    A
    B (ortada)
    C */
.align-self-center { align-self: center !important; }

/* Bireysel öğeyi, metin taban çizgisine göre hizalar. 
  Örnek: Farklı boyutlu metinler aynı taban çizgisine hizalanır. 
  Örnek: A b C (Taban çizgisi hizasında.) */
.align-self-baseline { align-self: baseline !important; }

/* Bireysel öğeyi, eksen boyunca esnetir. 
  Örnek: Öğenin yüksekliği parent'ın yüksekliğine uyum sağlar. 
  A (tam yüksekliği kaplar)
  B (tam yüksekliği kaplar)
  C (tam yüksekliği kaplar) */
.align-self-stretch { align-self: stretch !important; }
 

/* Flex-grow ve Flex-shrink */
/* Elemanın büyümesini engeller. 
   Örnek: Eleman alan artsa bile sabit kalır. */
.flex-grow-0 { flex-grow: 0 !important; }

/* Elemanın bulunduğu alanda esneyerek büyümesini sağlar. 
  Örnek: A ve B elemanları varsa, A iki kat daha büyük olabilir. */
.flex-grow-1 { flex-grow: 1 !important; }

/* Elemanın küçülmesini engeller. 
  Örnek: Alan daraldığında eleman boyutu sabit kalır. */
.flex-shrink-0 { flex-shrink: 0 !important; }

/* Elemanın küçülmesine izin verir. 
  Örnek: Alan daralırsa eleman boyutu da küçülür. */
.flex-shrink-1 { flex-shrink: 1 !important; }

/* Elemanların satır içinde sarılmasını engeller. 
  Örnek: Bütün elemanlar tek satırda gösterilir, taşarsa taşar. */
.flex-nowrap { flex-wrap: nowrap !important; }

/* Elemanların birden fazla satıra sarılmasına izin verir. 
  Örnek: A B C elemanları yer kalmazsa alt satıra geçer. */
.flex-wrap { flex-wrap: wrap !important; }

/* Elemanların ters yönde sarılmasını sağlar. 
  Örnek: A B C elemanları alt satırdan başlar ve yukarı doğru sarılır. */
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
   

/* Flex Itemları Gizlemek */
/* Elemanı gizler ve yer kaplamasını engeller. 
   Örnek: A B C elemanları varsa, B'yi gizlemek için:
   |A    C| */
.d-none { display: none !important; }

/* Elemanın tüm kullanılabilir alanı doldurmasını sağlar. 
  Örnek: A ve B elemanları varsa ve B 'flex-fill' ise:
  |A        B (alanı doldurur)| */
.flex-fill { flex: 1 1 auto !important; }

.flex-1{ flex: 1; }
.flex-2{ flex: 2; }
   
/* Eleman büyümez. 
  Örnek: A ve B elemanları varsa, A'nın boyutu artmaz. */
.flex-grow-0 { flex-grow: 0 !important; }

/* Mevcut alanı doldurmak için büyür. 
  Örnek: A ve B varsa, B tüm boş alanı kaplar. */
.flex-grow-1 { flex-grow: 1 !important; }

/* Eleman küçülmez. 
  Örnek: Alan daraldığında, A sabit kalır ve küçülmez. */
.flex-shrink-0 { flex-shrink: 0 !important; }

/* Eleman gerektiğinde küçülür. 
  Örnek: A ve B elemanları yan yana, alan daraldığında B küçülür. */
.flex-shrink-1 { flex-shrink: 1 !important; }   

/* ! Gölgeler */
/* Küçük Gölge için (shadow-sm):
  Örnek: Elemanın etrafında hafif bir gölge oluşur. */
.shadow-sm { box-shadow: var(--bs-box-shadow-sm) !important; }

/* Varsayılan Gölge için (shadow):
  Örnek: Elemanın etrafında orta yoğunlukta bir gölge oluşur. */
.shadow { box-shadow: var(--bs-box-shadow) !important; }

/* Büyük Gölge için (shadow-lg):
  Örnek: Elemanın etrafında daha yoğun ve belirgin bir gölge oluşur. */
.shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important; }

/* Gölgeyi Kaldırmak için (shadow-none):
  Örnek: Elemanın etrafındaki tüm gölgeler kaldırılır. */
.shadow-none { box-shadow: none !important; }

/* İç Gölge için (shadow-inset):
  Örnek: Elemanın içine doğru gölge eklenir, çukur görünümü verir. */
.shadow-inset { box-shadow: var(--bs-box-shadow-inset) !important; }
   

/* Metin Hizalama: */
/* Metni sola hizalar. 
  Örnek: Metin sol tarafa dayalı şekilde görünür.
  "Merhaba Dünya" */
.text-start { text-align: left !important; }

/* Metni ortalar. 
  Örnek: Metin yatayda ortada görünür.
  "     Merhaba Dünya     " */
.text-center { text-align: center !important; }

/* Metni sağa hizalar. 
  Örnek: Metin sağ tarafa dayalı şekilde görünür.
  "           Merhaba Dünya" */
.text-end { text-align: right !important; }
   

/* Görünürlük ve Görüntüleme Sınıfları: */
/* Elemanı gizler ve yer kaplamasını engeller.
  Örnek: A ve B elemanları varsa, A gizlendiğinde sadece B görünür. */
.d-none { display: none !important; }

/* Elemanı blok seviyesinde görüntüler.
  Örnek: A ve B alt alta sıralanır.
  A
  B */
.d-block { display: block !important; }

/* Elemanı satır içi (inline) seviyesinde görüntüler.
  Örnek: A ve B elemanları yan yana görüntülenir.
  A B */
.d-inline { display: inline !important; }

/* Elemanı satır içi blok seviyesinde görüntüler.
  Örnek: A ve B elemanları yan yana, ama genişlik ve yükseklik ayarları yapılabilir.
  | A | | B | */
.d-inline-block { display: inline-block !important; }
   

/* Kenar Yuvarlama (Border Radius): */
/* Elemanın tüm kenarlarını yuvarlar.
  Örnek: Hafif yuvarlatılmış köşelere sahip kutu. */
.rounded { border-radius: .25rem !important; }

/* Elemanın sadece üst köşelerini yuvarlar.
  Örnek: Üst kenarlar yuvarlatılmış, alt kenarlar düz. */
.rounded-top { 
  border-top-left-radius: .25rem !important; 
  border-top-right-radius: .25rem !important; 
}

/* Elemanın sağ tarafını yuvarlar.
  Örnek: Sağ kenar yuvarlatılmış, sol kenar düz. */
.rounded-end { 
  border-top-right-radius: .25rem !important; 
  border-bottom-right-radius: .25rem !important; 
}

/* Elemanın alt köşelerini yuvarlar.
  Örnek: Alt kenarlar yuvarlatılmış, üst kenarlar düz. */
.rounded-bottom { 
  border-bottom-left-radius: .25rem !important; 
  border-bottom-right-radius: .25rem !important; 
}

/* Elemanın sol tarafını yuvarlar.
  Örnek: Sol kenar yuvarlatılmış, sağ kenar düz. */
.rounded-start { 
  border-top-left-radius: .25rem !important; 
  border-bottom-left-radius: .25rem !important; 
}

/* Elemanı daire haline getirir.
  Örnek: Daire şeklinde görüntülenen bir resim. */
.rounded-circle { border-radius: 50% !important; }

/* Elemanı kapsül (pill) şekline getirir.
  Örnek: Yuvarlak uçlu bir buton. */
.rounded-pill { border-radius: 50rem !important; }

/* Z-Index (Katman): */
/* Elemanı göreceli konumlandırır.
  Örnek: Eleman, varsayılan akışına göre konumlandırılır ama diğer öğelerle üst üste binebilir. */
.position-relative { position: relative !important; }

/* Elemanı mutlak konumlandırır.
  Örnek: Eleman, parent’a göre belirli bir konumda görünür. */
.position-absolute { position: absolute !important; }

/* Elemanı sabit bir konuma yerleştirir.
  Örnek: Eleman, sayfa kaydırılsa bile aynı yerde kalır (örn. sabit menü). */
.position-fixed { position: fixed !important; }

/* Elemanı yapışkan hale getirir.
  Örnek: Eleman, kaydırıldığında belirli bir noktada sabitlenir. */
.position-sticky { position: sticky !important; }

/* Tüm Yönler İçin (gap-*) */
.gap-0 { gap: 0 !important; }
.gap-1 { gap: .25rem !important; }
.gap-2 { gap: .5rem !important; }
.gap-3 { gap: 1rem !important; }
.gap-4 { gap: 1.5rem !important; }
.gap-5 { gap: 3rem !important; }

/* Yatay Boşluklar İçin (column-gap-*) */
.gx-0 { column-gap: 0 !important; }
.gx-1 { column-gap: .25rem !important; }
.gx-2 { column-gap: .5rem !important; }
.gx-3 { column-gap: 1rem !important; }
.gx-4 { column-gap: 1.5rem !important; }
.gx-5 { column-gap: 3rem !important; }

/* Dikey Boşluklar İçin (row-gap-*) */
.gy-0 { row-gap: 0 !important; }
.gy-1 { row-gap: .25rem !important; }
.gy-2 { row-gap: .5rem !important; }
.gy-3 { row-gap: 1rem !important; }
.gy-4 { row-gap: 1.5rem !important; }
.gy-5 { row-gap: 3rem !important; }

/* Tüm Kenarlar için (p-*): */
.p-0 { padding: 0 !important; }
.p-1 { padding: .25rem !important; }
.p-2 { padding: .5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }

/* Üst Kenar için (pt-*): */
.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: .25rem !important; }
.pt-2 { padding-top: .5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }

/* Alt Kenar için (pb-*): */
.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: .25rem !important; }
.pb-2 { padding-bottom: .5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }

/* Sol Kenar için (pl-*): */
/* LTR */
:dir(ltr) .ps-0 { padding-left: 0 !important; }
:dir(ltr) .ps-1 { padding-left: .25rem !important; }
:dir(ltr) .ps-2 { padding-left: .5rem !important; }
:dir(ltr) .ps-3 { padding-left: 1rem !important; }
:dir(ltr) .ps-4 { padding-left: 1.5rem !important; }
:dir(ltr) .ps-5 { padding-left: 3rem !important; }
/* RTL */
:dir(rtl) .ps-0 { padding-right: 0 !important; }
:dir(rtl) .ps-1 { padding-right: .25rem !important; }
:dir(rtl) .ps-2 { padding-right: .5rem !important; }
:dir(rtl) .ps-3 { padding-right: 1rem !important; }
:dir(rtl) .ps-4 { padding-right: 1.5rem !important; }
:dir(rtl) .ps-5 { padding-right: 3rem !important; }

/* Sağ Kenar için (pr-*): */
/* LTR */
:dir(ltr) .pe-0 { padding-right: 0 !important; }
:dir(ltr) .pe-1 { padding-right: .25rem !important; }
:dir(ltr) .pe-2 { padding-right: .5rem !important; }
:dir(ltr) .pe-3 { padding-right: 1rem !important; }
:dir(ltr) .pe-4 { padding-right: 1.5rem !important; }
:dir(ltr) .pe-5 { padding-right: 3rem !important; }
/* RTL */
:dir(rtl) .pe-0 { padding-left: 0 !important; }
:dir(rtl) .pe-1 { padding-left: .25rem !important; }
:dir(rtl) .pe-2 { padding-left: .5rem !important; }
:dir(rtl) .pe-3 { padding-left: 1rem !important; }
:dir(rtl) .pe-4 { padding-left: 1.5rem !important; }
:dir(rtl) .pe-5 { padding-left: 3rem !important; }

/* Yatay Kenarlar için (px-*): */
.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.px-1 { padding-left: .25rem !important; padding-right: .25rem !important; }
.px-2 { padding-left: .5rem !important; padding-right: .5rem !important; }
.px-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
.px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.px-5 { padding-left: 3rem !important; padding-right: 3rem !important; }

/* Dikey Kenarlar için (py-*): */
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; }
.py-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

/* Tüm Kenarlar için (m-*): */
.m-0 { margin: 0 !important; }
.m-1 { margin: .25rem !important; }
.m-2 { margin: .5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }
.m-auto { margin: auto !important; }

/* Üst Kenar için (mt-*): */
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: .25rem !important; }
.mt-2 { margin-top: .5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }
.mt-auto { margin-top: auto !important; }

/* Alt Kenar için (mb-*): */
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: .25rem !important; }
.mb-2 { margin-bottom: .5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.mb-auto { margin-bottom: auto !important; }

/* Sol Kenar için (ml-*): */
/* LTR */
:dir(ltr) .ms-0 { margin-left: 0 !important; }
:dir(ltr) .ms-1 { margin-left: .25rem !important; }
:dir(ltr) .ms-2 { margin-left: .5rem !important; }
:dir(ltr) .ms-3 { margin-left: 1rem !important; }
:dir(ltr) .ms-4 { margin-left: 1.5rem !important; }
:dir(ltr) .ms-5 { margin-left: 3rem !important; }
:dir(ltr) .ms-auto { margin-left: auto !important; }
/* RTL */
:dir(rtl) .ms-0 { margin-right: 0 !important; }
:dir(rtl) .ms-1 { margin-right: .25rem !important; }
:dir(rtl) .ms-2 { margin-right: .5rem !important; }
:dir(rtl) .ms-3 { margin-right: 1rem !important; }
:dir(rtl) .ms-4 { margin-right: 1.5rem !important; }
:dir(rtl) .ms-5 { margin-right: 3rem !important; }
:dir(rtl) .ms-auto { margin-right: auto !important; }

/* Sağ Kenar için (mr-*): */
/* LTR */
:dir(ltr) .me-0 { margin-right: 0 !important; }
:dir(ltr) .me-1 { margin-right: .25rem !important; }
:dir(ltr) .me-2 { margin-right: .5rem !important; }
:dir(ltr) .me-3 { margin-right: 1rem !important; }
:dir(ltr) .me-4 { margin-right: 1.5rem !important; }
:dir(ltr) .me-5 { margin-right: 3rem !important; }
:dir(ltr) .me-auto { margin-right: auto !important; }
/* RTL */
:dir(rtl) .me-0 { margin-left: 0 !important; }
:dir(rtl) .me-1 { margin-left: .25rem !important; }
:dir(rtl) .me-2 { margin-left: .5rem !important; }
:dir(rtl) .me-3 { margin-left: 1rem !important; }
:dir(rtl) .me-4 { margin-left: 1.5rem !important; }
:dir(rtl) .me-5 { margin-left: 3rem !important; }
:dir(rtl) .me-auto { margin-left: auto !important; }

/* Yatay Kenarlar için (mx-*): */
.mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.mx-1 { margin-left: .25rem !important; margin-right: .25rem !important; }
.mx-2 { margin-left: .5rem !important; margin-right: .5rem !important; }
.mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
.mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.mx-5 { margin-left: 3rem !important; margin-right: 3rem !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }

/* Dikey Kenarlar için (my-*): */
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1 { margin-top: .25rem !important; margin-bottom: .25rem !important; }
.my-2 { margin-top: .5rem !important; margin-bottom: .5rem !important; }
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

/* width */
.w-25 {width: 25% !important;}
.w-50 {width: 50% !important;}
.w-75 {width: 75% !important;}
.w-100 {width: 100% !important;}


/* Modal */

.modal-dialog-centered-end{
  padding-top: 80px;
  padding-bottom: 20px;
}

.modal {
  --bs-body-bg: #f0d5a5;
	--bs-modal-zindex: 11055;
	--bs-modal-width: 500px;
	--bs-modal-padding: 0.5rem;
	--bs-modal-margin: 0.5rem;
	--bs-modal-color: ;
	--bs-modal-bg: var(--bs-body-bg);
	--bs-modal-border-color: var(--bs-border-color-translucent);
	--bs-modal-border-width: var(--bs-border-width);
	--bs-modal-border-radius: var(--bs-border-radius-lg);
	--bs-modal-box-shadow: var(--bs-box-shadow-sm);
	--bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
	--bs-modal-header-padding-x: var(--bs-modal-padding);
	--bs-modal-header-padding-y: var(--bs-modal-padding);
	--bs-modal-header-padding: var(--bs-modal-padding) var(--bs-modal-padding);
	--bs-modal-header-border-color: var(--bs-border-color);
	--bs-modal-header-border-width: var(--bs-border-width);
	--bs-modal-title-line-height: 1.5;
	--bs-modal-footer-gap: 0.5rem;
	--bs-modal-footer-bg: ;
	--bs-modal-footer-border-color: var(--bs-border-color);
	--bs-modal-footer-border-width: var(--bs-border-width);
	position: fixed;
	top: 0;
	left: 0;
	z-index: var(--bs-modal-zindex);
	display: none;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	outline: 0;
}

@media (min-width: 200px) {
  .modal-mini {
    --bs-modal-width: 200px;
  }
}

@media (min-width: 576px) {
  .modal-sm {
    --bs-modal-width: 300px;
  }
}

@media (min-width: 576px) {
  .modal:not(:modal-mini) {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}


.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0,-50px);
}

.modal.show .modal-dialog {
  transform: none;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 200px) {
  .modal-mini .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
}



.modal-dialog-centered {
	display: flex;
	align-items: center;
	min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-dialog-centered-end {
	display: flex;
	align-items: end;
	min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
	overflow-y: auto;
}
.modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	color: var(--bs-modal-color);
	pointer-events: auto;
	background-color: var(--bs-modal-bg);
	background-clip: padding-box;
	border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
	border-radius: var(--bs-modal-border-radius);
	outline: 0;
}
.modal-header {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	padding: var(--bs-modal-header-padding);
	border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
	border-top-left-radius: var(--bs-modal-inner-border-radius);
	border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-body {
	position: relative;
	flex: 1 1 auto;
	padding: var(--bs-modal-padding);
}
.modal-footer {
	display: flex;
	flex-shrink: 0;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;/*flex-end;*/
	padding: var(--bs-modal-padding);/*calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);*/
	background-color: var(--bs-modal-footer-bg);
	border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
	border-bottom-right-radius: var(--bs-modal-inner-border-radius);
	border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}

html[dir="ltr"] .modal-header .btn-close {
	/*padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);*/
	margin: calc(-.5 * var(--bs-modal-header-padding-y)) 0 calc(-.5 * var(--bs-modal-header-padding-y)) auto;
}

html[dir="rtl"] .modal-header .btn-close {
  margin: calc(-.5 * var(--bs-modal-header-padding-y)) auto calc(-.5 * var(--bs-modal-header-padding-y)) 0;
}

.modal-content-ozel{
  border: 5px solid #916831 !important;
  box-shadow: 2px 2px 3px 0 #222222 !important;
}

.modal-backdrop {
	--bs-backdrop-zindex: 11050;
	--bs-backdrop-bg: #000;
	--bs-backdrop-opacity: 0.5;
	position: fixed;
	top: 0;
	left: 0;
	z-index: var(--bs-backdrop-zindex);
	width: 100vw;
	height: 100vh;
	background-color: var(--bs-backdrop-bg);
}

.modal-backdrop.fade {
	opacity: 0;
}

.modal-backdrop.show {
	opacity: var(--bs-backdrop-opacity);
}

.fade {
	transition: opacity .15s linear;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}