/* SİPARİŞ DURUMU BACKGROUND YANIP SÖNER DURUMA GETİRİR */
 @keyframes SiparisDurumAnimasyon {
 0%, 100% { background-color: transparent; }
 50% { background-color: yellow; }
 }
 /* SİPARİŞ DURUMU BACKGROUND YANIP SÖNER DURUMA GETİRİR */





/* SİPARİŞ DURUMU BACKGROUND YANIP SÖNER DURUMA GETİRİR */
 @keyframes BaslikFontuAnimasyon {
 50%, 100% { background-color: transparent; }
 50% { background: linear-gradient(
    to right,
    rgba(220, 240, 247, 1) 14%, rgba(242, 246, 247, 1) 55%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%); }
 }
 /* SİPARİŞ DURUMU BACKGROUND YANIP SÖNER DURUMA GETİRİR */


    

/* Genel Ayarlar */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}


/* Başlık Fontu - (üst: mobil - Alt: Pc */
@media screen and (max-width:800px) { 
.baslik-fontu { 
 font-size: 9px; /* baslik fontu mobil */  padding: 0px; text-align: center; 
} }

@media screen and (min-width:800px) { 
.baslik-fontu { 
 font-size: 20px; /* baslik fontu mobil */  padding: 0px; text-align: center;   
} }
/* Başlık Fontu - (üst: mobil - Alt: Pc */





/* Başlık Fontu - (üst: mobil - Alt: Pc */
@media screen and (max-width:800px) { 
.kategori-baslik-fontu { 
 font-size: 20px; font-weight: bold; width: 100%;  text-shadow: 1px 1px 0 white, 2px 2px 4px white;  
 animation: BaslikFontuAnimasyon 10s infinite;  font-size: 15px; padding: 5px;  padding-top: 5px; margin-top: 0px; display: flex; align-items: center; justify-content: center;
} }

@media screen and (min-width:800px) { 
.kategori-baslik-fontu { 
 font-size: 24px; font-weight: bold; width: 100%;  text-shadow: 1px 1px 0 white, 2px 2px 4px white;  
 animation: BaslikFontuAnimasyon 10s infinite;  font-size: 15px; padding: 5px;  padding-top: 5px; margin-top: 0px; display: flex; align-items: center; justify-content: center;
} }
/* Başlık Fontu - (üst: mobil - Alt: Pc */




.sidebar {
    min-width: 250px;
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #ccc;
}

.sidebar h3 {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}

.sidebar ul {
    list-style: none;
}

.sidebar li {
    margin-bottom: 8px;
    padding: 8px 0;
    cursor: pointer;
}

.sidebar li i {
    margin-right: 8px;
}



.badge {
    background-color: #ffcc00;
    color: #333;
    padding: 2px 6px;
    padding-top: 4px;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 8px;
}

.badge-kirmizi {
    background-color: #FE736B;
    color: #000;
    padding: 2px 6px;
    border-radius: 4px;
    bborder: 1px solid #ddd;
    font-size: 12px;
    margin-left: 8px;
}


.badge-yesil {
    background-color: #00CC00;
    color: #000;
    padding: 2px 6px;
    border-radius: 4px;
    bborder: 1px solid #ddd;
    font-size: 12px;
    margin-left: 8px;
}


.badge.new {
    background-color: #ff5722;
}
/* SADECE PC SADECE PC SADECE PC  */






/* mobil ve pc */
@media screen and (max-width:800px) { 
.filters { 
 flex-wrap: wrap; justify-content: center;
} }

@media screen and (min-width:800px) { 
.filters { 
 display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; min-width: 1120px;

}}






.filter-button {
    background: linear-gradient(90deg,rgba(182, 201, 240, 1) 11%, rgba(242, 246, 247, 1) 53%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%);
    border: 1px solid #ddd;
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
    margin-right: 8px;
}



.filter-button.active {
    background-color: #ff9800;
    color: #FF9933;
}








/* mobil ve pc */
@media screen and (max-width:800px) { 
.filter-buttone { 
 background: linear-gradient(90deg,rgba(182, 201, 240, 1) 11%, rgba(242, 246, 247, 1) 53%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%); border: 1px solid #ddd; padding: 2px 10px;  border-radius: 8px; margin-right: 2px; margin-bottom: 6px; font-size: 13px; 
}}

@media screen and (min-width:800px) { 
.filter-buttone { 
 background: linear-gradient(90deg,rgba(182, 201, 240, 1) 11%, rgba(242, 246, 247, 1) 53%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%); border: 1px solid #ddd; padding: 8px 16px; border-radius: 8px; cursor: pointer; margin-right: 8px; margin-bottom: 0px;
}}
/* mobil ve pc */





/* mobil ve pc */
@media screen and (max-width:800px) { 
.filter-buttone.active {
background-color: #ff6d00; transform: scale(1.05); /* Aktif buton için hafif büyüme efekti */
}}

@media screen and (min-width:800px) { 
.filter-buttone.active {
background-color: #ff9800; color: #fff; margin-bottom: 9px;
}}
/* mobil ve pc */










/* SADECE PC SADECE PC SADECE PC  */
.date-filter {
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.date-filter span {
    margin-right: 8px;
}
/* SADECE PC SADECE PC SADECE PC  */





/* mobil ve pc */
@media screen and (max-width:800px) { 
.order { 
 margin: 8px 0; padding: 12px;
} }

@media screen and (min-width:800px) { 
.order { 
 background-color: #FBFCE7; padding: 15px; border-radius: 12px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); margin: 8px;
}} 
/* mobil ve pc */






/* mobil ve pc */
@media screen and (max-width:800px) { 
.container { 
 flex-direction: column; gap: 0;margin: 2px auto;
} }

@media screen and (min-width:800px) { 
.container { 
 display: flex; max-width: 1450px; min-width: 1450px; margin: 20px auto; gap: 20px;
} }
/* mobil ve pc */




/* MOBİL UYUMU İÇİN SONRADAN EKLENDİ.. BUNLAR KALDIRILIRSA PC UYUMLU ÇALIŞIR */

/* Mobil Uyumluluk - Sidebar Gizleme ve Responsive Düzen */
@media (max-width: 800px) {
  
    .sidebar {
        display: none;
    }

    .main-content {
        width: 100%;
        padding: 0px;
        border-radius: 0;
    }



    .filter-button {
        background: linear-gradient(90deg,rgba(182, 201, 240, 1) 11%, rgba(242, 246, 247, 1) 53%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%);
        margin-bottom: 4px;
        padding: 3px 9px;
        font-size: 9px;
    }

    .order {
        margin: 0px 0;
        padding: 1px;
    }

    .order-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .order-header-sag {
        margin-top: 10px;
        align-items: flex-start;
    }

    .order-header-sag .details-button1,
    .order-header-sag .details-button2,
    .order-header-sag .details-button3,
    .order-header-sag .details-button4,
    .order-header-sag .delete-listem-gonderilen {
        width: 100%;
        margin-bottom: 6px;
        font-size: 12px;
        height: auto;
        padding: 6px;
    }



    .gond_sip_user_img_zoom {
        transform: scale(1);
    }

    .gond_sip_user_img_zoom:hover {
        transform: scale(2);
    }
}
/* MOBİL UYUMU İÇİN SONRADAN EKLENDİ.. BUNLAR KALDIRILIRSA PC UYUMLU ÇALIŞIR */





/* SADECE PC SADECE PC SADECE PC  */
.orders {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/* SADECE PC SADECE PC SADECE PC  */





/* mobil ve pc */
@media screen and (max-width:800px) { 
.order-header { 
 flex-direction: column; align-items: flex-start;
} }

@media screen and (min-width:800px) { 
.order-header { 
 display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;
}
} 
/* mobil ve pc */




/* mobil ve pc */
@media screen and (max-width:800px) { 
.order-header-sag { 
 margin-top: 10px; align-items: flex-start;
} 
 .order-header-sag .details-button1,
 .order-header-sag .details-button2,
 .order-header-sag .details-button3,
 .order-header-sag .details-button4,
 .order-header-sag .delete-listem-gonderilen {
 width: 100%; margin-bottom: 6px; font-size: 12px; height: auto; padding: 6px;
}}

@media screen and (min-width:800px) { 
.order-header-sag { 
 display: flex; flex-direction: column; /* Bu satır, öğeleri alt alta sıralar */ justify-content: space-between; align-items: center; margin-bottom: 10px;
}
} 
/* mobil ve pc */



.order-info p {
    margin: 0px;
    font-size: 12px;
}


/* mobil ve pc */
@media screen and (max-width:800px) { 
.order-info p { 
 font-size: 12px;
} }

@media screen and (min-width:800px) { 
.order-info p { 
 margin: 0px; font-size: 12px;
}
} 
/* mobil ve pc */





/* SADECE PC SADECE PC SADECE PC  */
.order-status {
    display: flex;
    fflex-direction: column; /* Bu satır, öğeleri alt alta sıralar */
    justify-content: space-between;
    align-items: center;
}


.status {
    display: flex;
    align-items: center;
    gap: 8px;
}

.status i {
    color: #2ecc71;
    font-size: 20px;
}

.status span {
    font-weight: bold;
}

.status p {
    margin: 0;
    font-size: 12px;
    color: #666;
}

.order-status img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 8px;
}
/* SADECE PC SADECE PC SADECE PC  */






/* SADECE PC SADECE PC SADECE PC  */
.details-button1 {
    background-color: transparent;
    border: 1px solid #33CC33;
    color: #33CC33;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    padding: 4px 8px;
    border-radius: 8px;
    cursor: pointer;
    margin: 3px; /* 'margin: 2' geçersiz; birim belirtmelisin */
    width: 110px;
    height: 30px;
    transition: all 0.3s ease; /* yumuşak geçiş */
}

.details-button1:hover {
    background-color: white; /* belirgin beyaz arka plan */
    color: #333; /* koyu gri yazı, okunabilirlik için */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* hafif gölge, derinlik katsın */
}
/* SADECE PC SADECE PC SADECE PC  */





/* SADECE PC SADECE PC SADECE PC  */
.details-button2 {
    background-color: transparent;
    border: 1px solid #66CCFF;
    color: #66CCFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    padding: 4px 8px;
    border-radius: 8px;
    cursor: pointer;
    margin: 3px; /* 'margin: 2' geçersiz; birim belirtmelisin */
    width: 110px;
    height: 30px;
    transition: all 0.3s ease; /* yumuşak geçiş */
}

.details-button2:hover {
    background-color: white; /* belirgin beyaz arka plan */
    color: #333; /* koyu gri yazı, okunabilirlik için */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* hafif gölge, derinlik katsın */
}
/* SADECE PC SADECE PC SADECE PC  */






/* SADECE PC SADECE PC SADECE PC  */
.details-button3 {
    background-color: transparent;
    border: 1px solid #ff9800;
    color: #ff9800;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    padding: 1px 2px;
    border-radius: 8px;
    cursor: pointer;
    margin: 3px; /* 'margin: 2' geçersiz; birim belirtmelisin */
    width: 110px;
    height: 25px;
    transition: all 0.3s ease; /* yumuşak geçiş */
    xxfont-size: 13px;
}

.details-button3:hover {
    background-color: white; /* belirgin beyaz arka plan */
    color: #333; /* koyu gri yazı, okunabilirlik için */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* hafif gölge, derinlik katsın */
}
/* SADECE PC SADECE PC SADECE PC  */






/* SADECE PC SADECE PC SADECE PC  */
.details-button4 {
    background-color: transparent;
    border: 1px solid #FF0000;
    color: #FF0000;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    padding: 1px 2px;
    border-radius: 8px;
    cursor: pointer;
    margin: 3px; /* 'margin: 2' geçersiz; birim belirtmelisin */
    width: 110px;
    height: 20px;
    font-size: 10px;
    transition: all 0.3s ease; /* yumuşak geçiş */
}

.details-button4:hover {
    background-color: white; /* belirgin beyaz arka plan */
    color: #333; /* koyu gri yazı, okunabilirlik için */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* hafif gölge, derinlik katsın */
}
/* SADECE PC SADECE PC SADECE PC  */





/* RESİM ZOOM AYARLARI  */
/* mobil ve pc */
@media screen and (max-width:800px) { 
.gond_sip_user_img_zoom { 
 transform: scale(1);
}

.gond_sip_user_img_zoom:hover {
 transform: scale(2);
}}

@media screen and (min-width:800px) { 
.gond_sip_user_img_zoom { 
  position: relative; -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transition: all .3s ease-in; -moz-transition: all .3s ease-in; -webkit-transition: all .9.1s ease-in;  /* büyütme hızı burada*/ -ms-transition: all .3s ease-in; z-index:1000;
}
.gond_sip_user_img_zoom:hover {
 -webkit-transform: scale(3.0); -ms-transform: scale(3.0); -moz-transform: scale(3.0); transform: scale(6.0)  translate(14px, 1%) ;  /* Nekadar yakınlaşacağını buradan ayarlar - Sonraki translate ise sağ tarafa çeker üzerine gelince */ z-index:1000;
}}
/* mobil ve pc */

/* RESİM ZOOM AYARLARI  */







/* TRANSPARAN ARKA PLAN EKLER */
.transparent-bg-image {
  width: 200px;           /* İstediğiniz genişlik */
  height: 150px;          /* İstediğiniz yükseklik */
  background-image: url('https://combeki.net/data/styles/2/styles/material/xenforo/xenforo-logo.png');
  background-size: cover;
  background-position: center;
  border-radius: 30px;    /* Yuvarlama miktarı – artırarak daha yuvarlak yapabilirsiniz */
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, transparent),
              linear-gradient(to top, rgba(0,0,0,1) 70%, transparent),
              linear-gradient(to right, rgba(0,0,0,1) 70%, transparent),
              linear-gradient(to left, rgba(0,0,0,1) 70%, transparent);
  mask-composite: intersect;
  -webkit-mask-composite: source-in; /* Safari için */
  mask-mode: alpha;
}
/* TRANSPARAN ARKA PLAN EKLER  <div class="transparent-bg-image"></div>   */





/* SADECE SİLME BUTONU İÇİN SONRADAN YAPILDI BURASI */
.delete-listem-gonderilen {
    background-color: transparent;
    border: 1px solid #66CCFF;
    color: #66CCFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    padding: 1px 2px;
    border-radius: 8px;
    cursor: pointer;
    margin: 3px; /* 'margin: 2' geçersiz; birim belirtmelisin */
    width: 110px;
    height: 30px;
    transition: all 0.3s ease; /* yumuşak geçiş */
    xxfont-size: 13px;
}

.delete-listem-gonderilen:hover {
    background-color: white; /* belirgin beyaz arka plan */
    color: #333; /* koyu gri yazı, okunabilirlik için */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* hafif gölge, derinlik katsın */
}



.iptal {
    display: none;
}
/* SADECE SİLME BUTONU İÇİN SONRADAN YAPILDI BURASI */



.siparislerim-siparis-sureci-buton-detaylar-gizle {
    display: none;
}







/* ORDER ALTI GENEL  */
.order-alti-siparisler-Genel
{
    border-radius: 15px; 
    border: 2px solid #0099FF; 
    margin: 1; padding: 1; 
    align-items: center; 
    text-align: center;  
    background: linear-gradient(90deg,rgba(255, 255, 255, 1) 29%, rgba(248, 232, 250, 1) 57%, rgba(218, 247, 240, 1) 82%, rgba(240, 240, 221, 1) 100%);
}
/* ORDER ALTI GENEL  */


/* ORDER ALTI GENEL TAMAMLANAN  */
.order-alti-siparisler-Genel-tamamlanan
{
    border-radius: 15px; 
    border: 2px solid #0099FF; 
    margin: 1; padding: 1; 
    align-items: center; 
    text-align: center;  
    background: linear-gradient(87deg,rgba(250, 247, 248, 1) 9%, rgba(237, 200, 100, 1) 26%, rgba(250, 222, 212, 1) 45%, rgba(242, 97, 94, 1) 72%);
}
/* ORDER ALTI GENEL TAMAMLANAN  */








/* ORDER ALTI ALYANS  */
.order-alti-siparisler-Alyans
{
    border-radius: 15px; 
    border: 2px solid #0099FF; 
    margin: 1; padding: 1; 
    align-items: center; 
    text-align: center;  
    background: linear-gradient(90deg,rgba(255, 255, 255, 1) 29%, rgba(242, 220, 245, 1) 57%, rgba(218, 247, 240, 1) 82%, rgba(184, 218, 242, 1) 100%);
}
/* ORDER ALTI ALYANS  */


/* ORDER ALTI ALYANS TAMAMLANAN  */
.order-alti-siparisler-Alyans-tamamlanan
{
    border-radius: 15px; 
    border: 2px solid #0099FF; 
    margin: 1; padding: 1; 
    align-items: center; 
    text-align: center;  
    background: linear-gradient(87deg,rgba(250, 247, 248, 1) 9%, rgba(237, 200, 100, 1) 26%, rgba(250, 222, 212, 1) 45%, rgba(242, 97, 94, 1) 72%);
}
/* ORDER ALTI ALYANS TAMAMLANAN  */








/* ORDER ALTI BİLEZİK  */
.order-alti-siparisler-Bilezik
{
    border-radius: 15px; 
    border: 2px solid #0099FF; 
    margin: 1; padding: 1; 
    align-items: center; 
    text-align: center;  
    background: linear-gradient(90deg,rgba(255, 255, 255, 1) 29%, rgba(218, 247, 218, 1) 57%, rgba(218, 247, 240, 1) 82%, rgba(242, 225, 206, 1) 100%);
}
/* ORDER ALTI BİLEZİK  */


/* ORDER ALTI Bilezik TAMAMLANAN  */
.order-alti-siparisler-Bilezik-tamamlanan
{
    border-radius: 15px; 
    border: 2px solid #0099FF; 
    margin: 1; padding: 1; 
    align-items: center; 
    text-align: center;  
    background: linear-gradient(87deg,rgba(250, 247, 248, 1) 9%, rgba(237, 200, 100, 1) 26%, rgba(250, 222, 212, 1) 45%, rgba(242, 97, 94, 1) 72%);
}
/* ORDER ALTI Bilezik TAMAMLANAN  */





/* ORDER ALTI ÇERÇEVE  */
.order-alti-siparisler-Cerceve
{
    border-radius: 15px; 
    border: 2px solid #0099FF; 
    margin: 1; padding: 1; 
    align-items: center; 
    text-align: center;  
    background: linear-gradient(90deg,rgba(255, 255, 255, 1) 29%, rgba(242, 242, 213, 1) 57%, rgba(240, 230, 247, 1) 82%, rgba(250, 232, 238, 1) 100%);
}
/* ORDER ALTI ÇERÇEVE  */


/* ORDER ALTI Cerceve TAMAMLANAN  */
.order-alti-siparisler-Cerceve-tamamlanan
{
    border-radius: 15px; 
    border: 2px solid #0099FF; 
    margin: 1; padding: 1; 
    align-items: center; 
    text-align: center;  
    background: linear-gradient(87deg,rgba(250, 247, 248, 1) 9%, rgba(237, 200, 100, 1) 26%, rgba(250, 222, 212, 1) 45%, rgba(242, 97, 94, 1) 72%);
}
/* ORDER ALTI Cerceve TAMAMLANAN  */







/* ORDER ALTI HARF  */
.order-alti-siparisler-Harf
{
    border-radius: 15px; 
    border: 2px solid #0099FF; 
    margin: 1; padding: 1; 
    align-items: center; 
    text-align: center;  
    background: linear-gradient(90deg,rgba(255, 255, 255, 1) 29%, rgba(242, 241, 228, 1) 57%, rgba(250, 246, 232, 1) 82%, rgba(236, 250, 232, 1) 100%);
}
/* ORDER ALTI HARF  */  


/* ORDER ALTI Harf TAMAMLANAN  */
.order-alti-siparisler-Harf-tamamlanan
{
    border-radius: 15px; 
    border: 2px solid #0099FF; 
    margin: 1; padding: 1; 
    align-items: center; 
    text-align: center;  
    background: linear-gradient(87deg,rgba(250, 247, 248, 1) 9%, rgba(237, 200, 100, 1) 26%, rgba(250, 222, 212, 1) 45%, rgba(242, 97, 94, 1) 72%);
}
/* ORDER ALTI Harf TAMAMLANAN  */







/* ORDER ALTI ZİNCİR  */
.order-alti-siparisler-Zincir
{
    border-radius: 15px; 
    border: 2px solid #0099FF; 
    margin: 1; padding: 1; 
    align-items: center; 
    text-align: center;  
    background: linear-gradient(90deg,rgba(255, 255, 255, 1) 29%, rgba(229, 242, 228, 1) 57%, rgba(250, 246, 232, 1) 82%, rgba(250, 249, 232, 1) 100%);
}
/* ORDER ALTI ZİNCİR  */  


/* ORDER ALTI Zincir TAMAMLANAN  */
.order-alti-siparisler-Zincir-tamamlanan
{
    border-radius: 15px; 
    border: 2px solid #0099FF; 
    margin: 1; padding: 1; 
    align-items: center; 
    text-align: center;  
    background: linear-gradient(87deg,rgba(250, 247, 248, 1) 9%, rgba(237, 200, 100, 1) 26%, rgba(250, 222, 212, 1) 45%, rgba(242, 97, 94, 1) 72%);
}
/* ORDER ALTI Zincir TAMAMLANAN  */









/* listem_siparis_gonderilen.php - SİPARİS SÜREC - ADMİN - (üst: mobil - Alt: Pc */
@media screen and (max-width:800px) { 
.siparislerim-siparis-sureci-admin { 
 cursor: pointer; color: black; text-decoration: none; font-size: 8px; padding: 0px; text-align: center; 
} }

@media screen and (min-width:800px) { 
.siparislerim-siparis-sureci-admin { 
 cursor: pointer; color: black; text-decoration: none; font-size: 11px;  padding: 0px; text-align: center;   
} }
/* listem_siparis_gonderilen.php - SİPARİS SÜREC - ADMİN - (üst: mobil - Alt: Pc */




/* listem_siparis_gonderilen.php - SİPARİS SÜREC - ADMİN - (üst: mobil - Alt: Pc */
@media screen and (max-width:800px) { 
.siparislerim-siparis-sureci-durumu-baslik { 
 text-shadow: 1px 1px 0 white, 2px 2px 4px white; font-size: 8px;
} }

@media screen and (min-width:800px) { 
.siparislerim-siparis-sureci-durumu-baslik  { 
 text-shadow: 1px 1px 0 white, 2px 2px 4px white; font-size: 11px;  
} }
/* listem_siparis_gonderilen.php - SİPARİS SÜREC - ADMİN - (üst: mobil - Alt: Pc */




/* listem_siparis_gonderilen.php - SİPARİS SÜREC - ADMİN - (üst: mobil - Alt: Pc */
@media screen and (max-width:800px) { 
.siparislerim-siparis-sureci-durumu { 
 text-shadow: 1px 1px 0 white, 2px 2px 4px white; background-color: yellow; animation: SiparisDurumAnimasyon 1.5s infinite; padding: 5px 10px; font-size: 8px;
} }

@media screen and (min-width:800px) { 
.siparislerim-siparis-sureci-durumu  { 
 text-shadow: 1px 1px 0 white, 2px 2px 4px white; background-color: yellow; animation: SiparisDurumAnimasyon 1.5s infinite; padding: 5px 10px; font-size: 15px;  
} }
/* listem_siparis_gonderilen.php - SİPARİS SÜREC - ADMİN - (üst: mobil - Alt: Pc */










/* listem_siparis_gonderilen.php - SİPARİS SÜREC - ADMİN - (üst: mobil - Alt: Pc */
@media screen and (max-width:800px) { 
.siparis-ozetleri { 
 cursor: pointer; color: black; text-decoration: none; font-size: 10px; padding: 0px; text-align: center; 
} }

@media screen and (min-width:800px) { 
.siparis-ozetleri { 
 cursor: pointer; color: black; text-decoration: none; font-size: 16px;  padding: 0px; text-align: center;   
} }
/* listem_siparis_gonderilen.php - SİPARİS SÜREC - ADMİN - (üst: mobil - Alt: Pc */




/* Buton Siparis - SİPARİS SÜREC - ADMİN - (üst: mobil - Alt: Pc */
@media screen and (max-width:800px) { 
.siparislerim-siparis-sureci-buton-detaylar { 
  background-color: #fff; border: 1px solid #d5d9d9; border-radius: 8px;  margin-bottom: 5px; box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0; box-sizing: border-box; color: #0f1111;
  cursor: pointer; display: inline-block; font-family: "Amazon Ember",sans-serif; font-size: 8px; line-height: 20px; padding: 0 2px 0 2px; position: relative;
  text-align: center; text-decoration: none; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: middle; width: 200px; height: 25px;
  background: linear-gradient(90deg,rgba(193, 242, 167, 1) 14%, rgba(242, 246, 247, 1) 55%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%);
} }

@media screen and (min-width:800px) { 
.siparislerim-siparis-sureci-buton-detaylar  { 
  width: 300px; background-color: #fff; border: 1px solid #d5d9d9; border-radius: 8px; box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0; box-sizing: border-box; color: #0f1111;
  cursor: pointer; display: inline-block; font-family: "Amazon Ember",sans-serif; font-size: 16px; line-height: 29px; padding: 0 10px 0 11px; position: relative;
  text-align: center; text-decoration: none; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: middle; width: 330px; height: 35px;
  background: linear-gradient(90deg,rgba(193, 242, 167, 1) 14%, rgba(242, 246, 247, 1) 55%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%);
} }
/* Buton Siparis - SİPARİS SÜREC - ADMİN - (üst: mobil - Alt: Pc */



.siparislerim-siparis-sureci-buton-detaylar-gizle {
    display: none;
}





/* Buton Siparis - SİPARİS SÜREC - ADMİN - (üst: mobil - Alt: Pc */
@media screen and (max-width:800px) { 
.siparislerim-siparis-sureci-admin-buton-detaylar { 
  background-color: #FEDCE2; border: 1px solid #d5d9d9; border-radius: 8px; margin-bottom: 5px;  box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0; box-sizing: border-box; color: #0f1111;
  cursor: pointer; display: inline-block; font-family: "Amazon Ember",sans-serif; font-size: 8px; line-height: 20px; padding: 0 10px 0 11px; position: relative;
  text-align: center; text-decoration: none; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: middle; width: 69px; height: 25px;
  background: linear-gradient(90deg,rgba(242, 172, 167, 1) 14%, rgba(242, 246, 247, 1) 55%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%);
} }

@media screen and (min-width:800px) { 
.siparislerim-siparis-sureci-admin-buton-detaylar  { 
  background-color: #FEDCE2; border: 1px solid #d5d9d9; border-radius: 8px; box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0; box-sizing: border-box; color: #0f1111;
  cursor: pointer; display: inline-block; font-family: "Amazon Ember",sans-serif; font-size: 16px; line-height: 29px; padding: 0 10px 0 11px; position: relative;
  text-align: center; text-decoration: none; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: middle; width: 120px; height: 35px;
  background: linear-gradient(90deg,rgba(242, 172, 167, 1) 14%, rgba(242, 246, 247, 1) 55%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%);
} }
/* Buton Siparis - SİPARİS SÜREC - ADMİN - (üst: mobil - Alt: Pc */









/* Buton Siparis - SİPARİS SÜREC - ADMİN - (üst: mobil - Alt: Pc */
@media screen and (max-width:800px) { 
.siparislerim-siparis-sureci-admin-buton-GeriDon { 
  background-color: #FEDCE2; border: 1px solid #d5d9d9; border-radius: 8px; margin-bottom: 5px;  box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0; box-sizing: border-box; color: #0f1111;
  cursor: pointer; display: inline-block; font-family: "Amazon Ember",sans-serif; font-size: 8px; line-height: 20px; padding: 0 10px 0 11px; position: relative;
  text-align: center; text-decoration: none; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: middle; width: 35px; height: 25px;
  background: linear-gradient(90deg,rgba(242, 172, 167, 1) 14%, rgba(242, 246, 247, 1) 55%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%);
} }

@media screen and (min-width:800px) { 
.siparislerim-siparis-sureci-admin-buton-GeriDon  { 
  background-color: #FEDCE2; border: 1px solid #d5d9d9; border-radius: 8px; box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0; box-sizing: border-box; color: #0f1111;
  cursor: pointer; display: inline-block; font-family: "Amazon Ember",sans-serif; font-size: 16px; line-height: 29px; padding: 0 10px 0 11px; position: relative;
  text-align: center; text-decoration: none; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: middle; width: 85px; height: 35px;
  background: linear-gradient(90deg,rgba(242, 172, 167, 1) 14%, rgba(242, 246, 247, 1) 55%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%);
} }
/* Buton Siparis - SİPARİS SÜREC - ADMİN - (üst: mobil - Alt: Pc */





/* Buton Siparis - SİPARİS SÜREC - ADMİN - (üst: mobil - Alt: Pc */
@media screen and (max-width:800px) { 
.siparislerim-siparis-sureci-admin-buton-sepete-git { 
  background-color: #FEDCE2; border: 1px solid #d5d9d9; border-radius: 8px; margin-bottom: 5px;  box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0; box-sizing: border-box; color: #0f1111;
  cursor: pointer; display: inline-block; font-family: "Amazon Ember",sans-serif; font-size: 8px; line-height: 20px; padding: 0 10px 0 11px; position: relative;
  text-align: center; text-decoration: none; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: middle; width: 35px; height: 25px;
  background: linear-gradient(90deg,rgba(242, 172, 167, 1) 14%, rgba(242, 246, 247, 1) 55%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%);
} }

@media screen and (min-width:800px) { 
.siparislerim-siparis-sureci-admin-buton-sepete-git  { 
  background-color: #FEDCE2; border: 1px solid #d5d9d9; border-radius: 8px; box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0; box-sizing: border-box; color: #0f1111;
  cursor: pointer; display: inline-block; font-family: "Amazon Ember",sans-serif; font-size: 16px; line-height: 29px; padding: 0 10px 0 11px; position: relative;
  text-align: center; text-decoration: none; user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: middle; width: 65px; height: 35px;
  background: linear-gradient(90deg,rgba(242, 172, 167, 1) 14%, rgba(242, 246, 247, 1) 55%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%);
} }
/* Buton Siparis - SİPARİS SÜREC - ADMİN - (üst: mobil - Alt: Pc */











/* Siparis Süreci Hücre alanları 01  mobil ve pc */
@media screen and (max-width:800px) { 
.Siparis-surec-hucre-alani-A { 
 width: 180px; height: 35px;     border: 1px solid #CCC; border-radius: 50px 20px;  padding-top: 0.9em; padding-bottom: 0px;  padding-left: 10px; 
 margin-left: 3px;  margin-bottom: 5px; padding-right: 0px; display: inline-block;  font-size: 9px;
 text-align: left; XXXfloat: left; vvvvertical-align: middle;   vertical-align: 0em;
 background: linear-gradient(90deg,rgba(184, 247, 153, 1) 11%, rgba(242, 246, 247, 1) 53%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%);
} }

@media screen and (min-width:800px) { 
.Siparis-surec-hucre-alani-A { 
 min-width: 300px; height: 40px; border: 1px solid #ccc; border-radius: 50px 20px;  padding-top: 0.5em; padding-bottom: 1px;  padding-left: 10px; 
 margin-left: 10px; margin-bottom: 10px; padding-right: 1px;  display: inline-block; font-weight: bold;
 text-align: left; float: XXXleft; vvvvertical-align: middle;   vertical-align: 0.0em;
 background: linear-gradient(90deg,rgba(184, 247, 153, 1) 11%, rgba(242, 246, 247, 1) 53%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%);
} }
/* Siparis Süreci Hücre alanları 01  mobil ve pc */




/* Siparis Süreci Hücre alanları 01  mobil ve pc */
@media screen and (max-width:800px) { 
.Siparis-surec-hucre-alani-B { 
 width: 130px; height: 35px;     border: 1px solid #CCC; border-radius: 50px 20px; padding-top: 0.9em; padding-bottom: 0px; padding-left: 10px; 
 margin-left: 3px;   margin-bottom: 5px;  padding-right: 0px;   display: inline-block;  font-size: 9px;
 text-align: left; XXXfloat: left;   vvvvertical-align: middle;   vertical-align: 0em;
 background: linear-gradient(90deg,rgba(182, 201, 240, 1) 11%, rgba(242, 246, 247, 1) 53%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%);
} }

@media screen and (min-width:800px) { 
.Siparis-surec-hucre-alani-B { 
 min-width: 190px; height: 40px; border: 1px solid #ccc;  border-radius: 50px 20px; padding-top: 0.5em; padding-bottom: 1px; padding-left: 10px; 
 margin-left: 10px; margin-bottom: 10px; padding-right: 1px; display: inline-block; font-weight: bold;
 text-align: left; XXXfloat: left; vvvvertical-align: middle;   vertical-align: 0.0em;
 background: linear-gradient(90deg,rgba(182, 201, 240, 1) 11%, rgba(242, 246, 247, 1) 53%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%);
} }
/* Siparis Süreci Hücre alanları 01  mobil ve pc */




/* Siparis Süreci Hücre alanları 01  mobil ve pc */
@media screen and (max-width:800px) { 
.Siparis-surec-hucre-alani-C { 
 width: 310px; height: 50px;     border: 1px solid #CCC; border-radius: 50px 20px; padding-top: 0.9em; padding-bottom: 0px; padding-left: 0px; padding-left: 10px; 
 margin-left: 3px;   margin-bottom: 5px; padding-right: 0px;   display: inline-block;  font-size: 9px;
 text-align: left; XXXfloat: left; vvvvertical-align: middle;   vertical-align: 0em;
 background: linear-gradient(90deg,rgba(237, 183, 237, 1) 11%, rgba(242, 246, 247, 1) 55%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%);
} }

@media screen and (min-width:800px) { 
.Siparis-surec-hucre-alani-C { 
 min-width: 600px; height: 40px; border: 1px solid #ccc; border-radius: 50px 20px; padding-top: 0.5em; padding-bottom: 1px; padding-left: 10px; margin-left: 10px; 
 margin-bottom: 10px; padding-right: 1px; display: inline-block; font-weight: bold;
 text-align: left; XXXfloat: left; vvvvertical-align: middle;   vertical-align: 0.0em;
 background: linear-gradient(90deg,rgba(237, 183, 237, 1) 11%, rgba(242, 246, 247, 1) 55%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%);
} }
/* Siparis Süreci Hücre alanları 01  mobil ve pc */





/* Siparis Süreci Hücre alanları 01  mobil ve pc */
@media screen and (max-width:800px) { 
.Siparis-surec-hucre-alani-D { 
 width: 110px; height: 35px;     border: 1px solid #CCC; border-radius: 50px 20px; padding-top: 0.9em; padding-bottom: 0px; padding-left: 0px; padding-left: 10px; 
 margin-left: 3px;   margin-bottom: 5px; padding-right: 0px;   display: inline-block;  font-size: 9px;
 text-align: left; XXXfloat: left; vvvvertical-align: middle;   vertical-align: 0em;
 background: linear-gradient(90deg,rgba(242, 233, 167, 1) 14%, rgba(242, 246, 247, 1) 55%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%); 
} }

@media screen and (min-width:800px) { 
.Siparis-surec-hucre-alani-D { 
 min-width: 190px; height: 40px; border: 1px solid #ccc; border-radius: 50px 20px; padding-top: 0.5em; padding-bottom: 1px; padding-left: 10px; margin-left: 10px; 
 margin-bottom: 10px; padding-right: 1px; display: inline-block; font-weight: bold;
 text-align: left; XXXfloat: left; vvvvertical-align: middle;   vertical-align: 0.0em;
 background: linear-gradient(90deg,rgba(242, 233, 167, 1) 14%, rgba(242, 246, 247, 1) 55%, rgba(250, 249, 247, 1) 72%, rgba(252, 250, 250, 1) 92%);
} }
/* Siparis Süreci Hücre alanları 01  mobil ve pc */



/* LOGOLU SİPARİŞ SÜRECİ İLE İLGİLİ KODLAR BAŞLAR  */
      :root {
      --primary: #2e7d32;
      --primary-light: #4caf50;
      --secondary: #607d8b;
      --bg: #fafafa;
      --card-bg: #ffffff;
      --text-dark: #2c3e50;
      --text-light: #7f8c8d;
      --border: #e0e0e0;
      --shadow: 0 4px 20px rgba(0,0,0,0.05);
      --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }



    .order-tracker {
      min-width: 100%;
      max-width: 1500px;
      background: transparent;
      border-radius: 16px;
      box-shadow: var(--shadow);
      padding: 8px;
      position: relative;
      overflow: hidden;
      justify-content: center;
      align-items: center;
      
    }

    .tracker-header {
      width: 100%;
      text-align: center;
      margin-bottom: 8px;
      color: var(--text-dark);
      font-size: 1.2rem;
      font-weight: 600;
    }

    .progress-container {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 10px;
    }

    /* ✅ İLERLEME ÇİZGİSİ: İKONLARIN TAM ORTASINDAN GEÇECEK */
    .progress-line {
      position: absolute;
      top: 25px; /* İkon yüksekliği 50px → 50/2 = 25px */
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(to right, var(--primary-light), var(--primary));
      z-index: 1;
      transform: scaleX(0.5);
      transform-origin: left;
      transition: transform 0.8s ease-out;
    }

    .progress-step {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      width: 25%;
      transition: var(--transition);
    }

    .step-circle {
      width: 48px; /* icon dışındaki border boyutları boyutları */
      height: 48px; /* icon dışındaki border boyutları boyutları */
      border-radius: 50%; 
      background: transparent;
      border: 3px solid var(--border);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.3rem;
      color: var(--secondary);
      margin-bottom: 8px;
      transition: var(--transition);
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    }

    .progress-step.completed .step-circle {
      background: var(--primary);
      color: white;
      border-color: var(--primary);
      box-shadow: 0 4px 12px rgba(46, 125, 50, 0.2);
    }

    .progress-step.activem .step-circle {
      background: var(--primary-light);
      color: white;
      border-color: var(--primary-light);
      box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);
    }
    
    /* İPTAL İÇİN EKLEDİĞİM KOD */
    .progress-step.iptalim .step-circle {
      background: #FF0000;
      color: white;
      xxxborder-color: #33CC33;
      border: 1px solid #33CC33;
      box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);
    }    
    /* İPTAL İÇİN EKLEDİĞİM KOD */
    
    
    
    
    /* TURUNCU MEVCUT DURUM (SONRADAN EKLEDİM) KOD */
    .progress-step.TuruncuMevcutDurum .step-circle {
      background: #FF6600;
      color: white;
      xxxborder-color: #33CC33;
      border: 1px solid #33CC33;
      box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);
    }    
    /* TURUNCU MEVCUT DURUM (SONRADAN EKLEDİM) KOD */
    
    

    .step-title {
      font-weight: 600;
      color: var(--text-dark);
      margin: 3px 0 2px;
      font-size: 1.4rem;
      line-height: 1.2;
    }

    .progress-step.completed .step-title,
    .progress-step.activem .step-title {
      color: var(--primary);
      font-weight: 700;
    }
    
    .step-date {
      font-size: 1.1rem;
      color: var(--text-light);
      font-weight: 400;
      opacity: 0.8;
    }

    .progress-step.completed .step-date,
    .progress-step.activem .step-date {
      color: var(--primary);
      opacity: 1;
    }

    .progress-step:hover {
      transform: translateY(-4px);
    }

    .progress-step:hover .step-circle {
      box-shadow: 0 6px 16px rgba(0,0,0,0.1);
    }

    /* Animasyon */
    .progress-step {
      opacity: 0;
      transform: translateY(20px);
      animation: fadeInUp 0.6s ease forwards;
    }
    .progress-step:nth-child(1) { animation-delay: 0.1s; }
    .progress-step:nth-child(2) { animation-delay: 0.3s; }
    .progress-step:nth-child(3) { animation-delay: 0.5s; }
    .progress-step:nth-child(4) { animation-delay: 0.7s; }
    @keyframes fadeInUp {
      to { opacity: 1; transform: translateY(0); }
    }
    
    
    
    
    
    

 
    /* 📱 MOBİL: İKONLAR YAN YANA, METİNLER ALTINDA */
    @media (max-width: 768px) {
      .order-tracker {
      padding: 1px 1px;
      display: flex;
      align-items: center;
      justify-content: center;
      }

      .tracker-header {
        margin-bottom: 1px;
        font-size: 0.6rem;
        text-align: center;
        display: flex;
      align-items: center;
      justify-content: center;
      }

      .progress-container {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        gap: 3px;
        padding: 0 2px;
        scrollbar-width: none;
        text-align: center;
      }

      .progress-container::-webkit-scrollbar {
        display: none;
      }

      .progress-line {
        display: none; /* Mobilde çizgi gizlenir (isteğe bağlı) */
      }

      .progress-step {
        width: auto;
        min-width: 20px;
        flex: 0 0 auto;
      }

      .step-circle {
        width: 30px; /* border icinde icon boyutları */
        height: 30px; /* border icinde icon boyutları */
        font-size: 1.6rem;
        margin-bottom: 6px;
        border-width: 2px;
      }

      .step-title {
        font-size: 0.60rem;/* icon altındaki yazıların font boyutu  */
        margin: 2px 0 1px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 80px;
      }

      .step-date {
        font-size: 0.55rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 80px;
      }

      .progress-step:hover {
        transform: none;
      }
    }
/* Tam dolu ilerleme çubuğu */
.progress-line.full {
  transform: scaleX(1) !important;
}
/* LOGOLU SİPARİŞ SÜRECİ İLE İLGİLİ KODLAR BİTER  */









/* AJAX ADET YENİLEMELERİ İÇİN ADET YAZI RENGİNİ AYARLAYAN CSS LER  */
@media screen and (max-width:800px) { 
.c-ajax-yenile0-m, .c-ajax-yenile-1-m, .c-ajax-yenile-2-m , .c-ajax-yenile-3-m , .c-ajax-yenile-4-m , .c-ajax-yenile-5-m , .c-ajax-yenile-6-m , .c-ajax-yenile-7-m , .c-ajax-yenile-8-m , .c-ajax-yenile-9-m, .c-ajax-yenile-10-m    { 
font-size: 18px;
color: #eee;
font-weight: bold;
border: 1px solid #EEE;
} }

@media screen and (min-width:800px) { 
.c-ajax-yenile0-p, .c-ajax-yenile-1-p , .c-ajax-yenile-2-p, .c-ajax-yenile-13-p, .c-ajax-yenile-4-p, .c-ajax-yenile-5-p, .c-ajax-yenile-6-p, .c-ajax-yenile-7-p, .c-ajax-yenile-8-p, .c-ajax-yenile-9-p, .c-ajax-yenile-10-p{ 
font-size: 23px;
color: #eee;
font-weight: bold;
border: 1px solid #EEE;
} }
/* AJAX ADET YENİLEMELERİ İÇİN ADET YAZI RENGİNİ AYARLAYAN CSS LER  */




/* AJAX ADET YENİLEMELERİ İÇİN ADET YAZI RENGİNİ AYARLAYAN CSS LER  */
@media screen and (max-width:800px) { 
.c-ajax-yenile1-m,  .c-ajax-yenile2-m,  .c-ajax-yenile3-m,  .c-ajax-yenile4-m,  .c-ajax-yenile5-m,  .c-ajax-yenile6-m,  .c-ajax-yenile7-m,  .c-ajax-yenile8-m,  .c-ajax-yenile9-m,  .c-ajax-yenile10-m,
.c-ajax-yenile11-m, .c-ajax-yenile12-m, .c-ajax-yenile13-m, .c-ajax-yenile14-m, .c-ajax-yenile15-m, .c-ajax-yenile16-m, .c-ajax-yenile17-m, .c-ajax-yenile18-m, .c-ajax-yenile19-m, .c-ajax-yenile20-m,
.c-ajax-yenile21-m, .c-ajax-yenile22-m, .c-ajax-yenile23-m, .c-ajax-yenile24-m, .c-ajax-yenile25-m, .c-ajax-yenile26-m, .c-ajax-yenile27-m, .c-ajax-yenile28-m, .c-ajax-yenile29-m, .c-ajax-yenile30-m,
.c-ajax-yenile31-m, .c-ajax-yenile32-m, .c-ajax-yenile33-m, .c-ajax-yenile34-m, .c-ajax-yenile35-m, .c-ajax-yenile36-m, .c-ajax-yenile37-m, .c-ajax-yenile38-m, .c-ajax-yenile39-m, .c-ajax-yenile40-m,
.c-ajax-yenile41-m, .c-ajax-yenile42-m, .c-ajax-yenile43-m, .c-ajax-yenile44-m, .c-ajax-yenile45-m, .c-ajax-yenile46-m, .c-ajax-yenile47-m, .c-ajax-yenile48-m, .c-ajax-yenile49-m, .c-ajax-yenile50-m,
.c-ajax-yenile51-m, .c-ajax-yenile52-m, .c-ajax-yenile53-m, .c-ajax-yenile54-m, .c-ajax-yenile55-m, .c-ajax-yenile56-m, .c-ajax-yenile57-m, .c-ajax-yenile58-m, .c-ajax-yenile59-m, .c-ajax-yenile60-m,
.c-ajax-yenile61-m, .c-ajax-yenile62-m, .c-ajax-yenile63-m, .c-ajax-yenile64-m, .c-ajax-yenile65-m, .c-ajax-yenile66-m, .c-ajax-yenile67-m, .c-ajax-yenile68-m, .c-ajax-yenile69-m, .c-ajax-yenile70-m,
.c-ajax-yenile71-m, .c-ajax-yenile72-m, .c-ajax-yenile73-m, .c-ajax-yenile74-m, .c-ajax-yenile75-m, .c-ajax-yenile76-m, .c-ajax-yenile77-m, .c-ajax-yenile78-m, .c-ajax-yenile79-m, .c-ajax-yenile80-m,
.c-ajax-yenile81-m, .c-ajax-yenile82-m, .c-ajax-yenile83-m, .c-ajax-yenile84-m, .c-ajax-yenile85-m, .c-ajax-yenile86-m, .c-ajax-yenile87-m, .c-ajax-yenile88-m, .c-ajax-yenile89-m, .c-ajax-yenile90-m,
.c-ajax-yenile91-m, .c-ajax-yenile92-m, .c-ajax-yenile93-m, .c-ajax-yenile94-m, .c-ajax-yenile95-m, .c-ajax-yenile96-m, .c-ajax-yenile97-m, .c-ajax-yenile98-m, .c-ajax-yenile99-m, .c-ajax-yenile100-m,
.c-ajax-yenile101-m, .c-ajax-yenile102-m, .c-ajax-yenile103-m, .c-ajax-yenile104-m, .c-ajax-yenile105-m, .c-ajax-yenile106-m, .c-ajax-yenile107-m, .c-ajax-yenile108-m, .c-ajax-yenile109-m, .c-ajax-yenile110-m,
.c-ajax-yenile111-m, .c-ajax-yenile112-m, .c-ajax-yenile113-m, .c-ajax-yenile114-m, .c-ajax-yenile115-m, .c-ajax-yenile116-m, .c-ajax-yenile117-m, .c-ajax-yenile118-m, .c-ajax-yenile119-m, .c-ajax-yenile120-m,
.c-ajax-yenile121-m, .c-ajax-yenile122-m, .c-ajax-yenile123-m, .c-ajax-yenile124-m, .c-ajax-yenile125-m, .c-ajax-yenile126-m, .c-ajax-yenile127-m, .c-ajax-yenile128-m, .c-ajax-yenile129-m, .c-ajax-yenile130-m,
.c-ajax-yenile131-m, .c-ajax-yenile132-m, .c-ajax-yenile133-m, .c-ajax-yenile134-m, .c-ajax-yenile135-m, .c-ajax-yenile136-m, .c-ajax-yenile137-m, .c-ajax-yenile138-m, .c-ajax-yenile139-m, .c-ajax-yenile140-m,
.c-ajax-yenile141-m, .c-ajax-yenile142-m, .c-ajax-yenile143-m, .c-ajax-yenile144-m, .c-ajax-yenile145-m, .c-ajax-yenile146-m, .c-ajax-yenile147-m, .c-ajax-yenile148-m, .c-ajax-yenile149-m, .c-ajax-yenile150-m,
.c-ajax-yenile151-m, .c-ajax-yenile152-m, .c-ajax-yenile153-m, .c-ajax-yenile154-m, .c-ajax-yenile155-m, .c-ajax-yenile156-m, .c-ajax-yenile157-m, .c-ajax-yenile158-m, .c-ajax-yenile159-m, .c-ajax-yenile160-m,
.c-ajax-yenile161-m, .c-ajax-yenile162-m, .c-ajax-yenile163-m, .c-ajax-yenile164-m, .c-ajax-yenile165-m, .c-ajax-yenile166-m, .c-ajax-yenile167-m, .c-ajax-yenile168-m, .c-ajax-yenile169-m, .c-ajax-yenile170-m,
.c-ajax-yenile171-m, .c-ajax-yenile172-m, .c-ajax-yenile173-m, .c-ajax-yenile174-m, .c-ajax-yenile175-m, .c-ajax-yenile176-m, .c-ajax-yenile177-m, .c-ajax-yenile178-m, .c-ajax-yenile179-m, .c-ajax-yenile180-m,
.c-ajax-yenile181-m, .c-ajax-yenile182-m, .c-ajax-yenile183-m, .c-ajax-yenile184-m, .c-ajax-yenile185-m, .c-ajax-yenile186-m, .c-ajax-yenile187-m, .c-ajax-yenile188-m, .c-ajax-yenile189-m, .c-ajax-yenile190-m,
.c-ajax-yenile191-m, .c-ajax-yenile192-m, .c-ajax-yenile193-m, .c-ajax-yenile194-m, .c-ajax-yenile195-m, .c-ajax-yenile196-m, .c-ajax-yenile197-m, .c-ajax-yenile198-m, .c-ajax-yenile199-m, .c-ajax-yenile200-m,
.c-ajax-yenile201-m, .c-ajax-yenile202-m, .c-ajax-yenile203-m, .c-ajax-yenile204-m, .c-ajax-yenile205-m, .c-ajax-yenile206-m, .c-ajax-yenile207-m, .c-ajax-yenile208-m, .c-ajax-yenile209-m, .c-ajax-yenile210-m,
.c-ajax-yenile211-m, .c-ajax-yenile212-m, .c-ajax-yenile213-m, .c-ajax-yenile214-m, .c-ajax-yenile215-m, .c-ajax-yenile216-m, .c-ajax-yenile217-m, .c-ajax-yenile218-m, .c-ajax-yenile219-m, .c-ajax-yenile220-m,
.c-ajax-yenile221-m, .c-ajax-yenile222-m, .c-ajax-yenile223-m, .c-ajax-yenile224-m, .c-ajax-yenile225-m, .c-ajax-yenile226-m, .c-ajax-yenile227-m, .c-ajax-yenile228-m, .c-ajax-yenile229-m, .c-ajax-yenile230-m,
.c-ajax-yenile231-m, .c-ajax-yenile232-m, .c-ajax-yenile233-m, .c-ajax-yenile234-m, .c-ajax-yenile235-m, .c-ajax-yenile236-m, .c-ajax-yenile237-m, .c-ajax-yenile238-m, .c-ajax-yenile239-m, .c-ajax-yenile240-m,
.c-ajax-yenile241-m, .c-ajax-yenile242-m, .c-ajax-yenile243-m, .c-ajax-yenile244-m, .c-ajax-yenile245-m, .c-ajax-yenile246-m, .c-ajax-yenile247-m, .c-ajax-yenile248-m, .c-ajax-yenile249-m, .c-ajax-yenile250-m
{ 
font-size: 18px;
color: #004A18;
border: 1px solid #66CCFF;
z-index:1000;
} }

@media screen and (min-width:800px) { 
.c-ajax-yenile1-p,  .c-ajax-yenile2-p,  .c-ajax-yenile3-p,  .c-ajax-yenile4-p,  .c-ajax-yenile5-p,  .c-ajax-yenile6-p,  .c-ajax-yenile7-p,  .c-ajax-yenile8-p,  .c-ajax-yenile9-p,  .c-ajax-yenile10-p,
.c-ajax-yenile11-p, .c-ajax-yenile12-p, .c-ajax-yenile13-p, .c-ajax-yenile14-p, .c-ajax-yenile15-p, .c-ajax-yenile16-p, .c-ajax-yenile17-p, .c-ajax-yenile18-p, .c-ajax-yenile19-p, .c-ajax-yenile20-p,
.c-ajax-yenile21-p, .c-ajax-yenile22-p, .c-ajax-yenile23-p, .c-ajax-yenile24-p, .c-ajax-yenile25-p, .c-ajax-yenile26-p, .c-ajax-yenile27-p, .c-ajax-yenile28-p, .c-ajax-yenile29-p, .c-ajax-yenile30-p,
.c-ajax-yenile31-p, .c-ajax-yenile32-p, .c-ajax-yenile33-p, .c-ajax-yenile34-p, .c-ajax-yenile35-p, .c-ajax-yenile36-p, .c-ajax-yenile37-p, .c-ajax-yenile38-p, .c-ajax-yenile39-p, .c-ajax-yenile40-p,
.c-ajax-yenile41-p, .c-ajax-yenile42-p, .c-ajax-yenile43-p, .c-ajax-yenile44-p, .c-ajax-yenile45-p, .c-ajax-yenile46-p, .c-ajax-yenile47-p, .c-ajax-yenile48-p, .c-ajax-yenile49-p, .c-ajax-yenile50-p,
.c-ajax-yenile51-p, .c-ajax-yenile52-p, .c-ajax-yenile53-p, .c-ajax-yenile54-p, .c-ajax-yenile55-p, .c-ajax-yenile56-p, .c-ajax-yenile57-p, .c-ajax-yenile58-p, .c-ajax-yenile59-p, .c-ajax-yenile60-p,
.c-ajax-yenile61-p, .c-ajax-yenile62-p, .c-ajax-yenile63-p, .c-ajax-yenile64-p, .c-ajax-yenile65-p, .c-ajax-yenile66-p, .c-ajax-yenile67-p, .c-ajax-yenile68-p, .c-ajax-yenile69-p, .c-ajax-yenile70-p,
.c-ajax-yenile71-p, .c-ajax-yenile72-p, .c-ajax-yenile73-p, .c-ajax-yenile74-p, .c-ajax-yenile75-p, .c-ajax-yenile76-p, .c-ajax-yenile77-p, .c-ajax-yenile78-p, .c-ajax-yenile79-p, .c-ajax-yenile80-p,
.c-ajax-yenile81-p, .c-ajax-yenile82-p, .c-ajax-yenile83-p, .c-ajax-yenile84-p, .c-ajax-yenile85-p, .c-ajax-yenile86-p, .c-ajax-yenile87-p, .c-ajax-yenile88-p, .c-ajax-yenile89-p, .c-ajax-yenile90-p,
.c-ajax-yenile91-p, .c-ajax-yenile92-p, .c-ajax-yenile93-p, .c-ajax-yenile94-p, .c-ajax-yenile95-p, .c-ajax-yenile96-p, .c-ajax-yenile97-p, .c-ajax-yenile98-p, .c-ajax-yenile99-p, .c-ajax-yenile100-p,
.c-ajax-yenile101-p, .c-ajax-yenile102-p, .c-ajax-yenile103-p, .c-ajax-yenile104-p, .c-ajax-yenile105-p, .c-ajax-yenile106-p, .c-ajax-yenile107-p, .c-ajax-yenile108-p, .c-ajax-yenile109-p, .c-ajax-yenile110-p,
.c-ajax-yenile111-p, .c-ajax-yenile112-p, .c-ajax-yenile113-p, .c-ajax-yenile114-p, .c-ajax-yenile115-p, .c-ajax-yenile116-p, .c-ajax-yenile117-p, .c-ajax-yenile118-p, .c-ajax-yenile119-p, .c-ajax-yenile120-p,
.c-ajax-yenile121-p, .c-ajax-yenile122-p, .c-ajax-yenile123-p, .c-ajax-yenile124-p, .c-ajax-yenile125-p, .c-ajax-yenile126-p, .c-ajax-yenile127-p, .c-ajax-yenile128-p, .c-ajax-yenile129-p, .c-ajax-yenile130-p,
.c-ajax-yenile131-p, .c-ajax-yenile132-p, .c-ajax-yenile133-p, .c-ajax-yenile134-p, .c-ajax-yenile135-p, .c-ajax-yenile136-p, .c-ajax-yenile137-p, .c-ajax-yenile138-p, .c-ajax-yenile139-p, .c-ajax-yenile140-p,
.c-ajax-yenile141-p, .c-ajax-yenile142-p, .c-ajax-yenile143-p, .c-ajax-yenile144-p, .c-ajax-yenile145-p, .c-ajax-yenile146-p, .c-ajax-yenile147-p, .c-ajax-yenile148-p, .c-ajax-yenile149-p, .c-ajax-yenile150-p,
.c-ajax-yenile151-p, .c-ajax-yenile152-p, .c-ajax-yenile153-p, .c-ajax-yenile154-p, .c-ajax-yenile155-p, .c-ajax-yenile156-p, .c-ajax-yenile157-p, .c-ajax-yenile158-p, .c-ajax-yenile159-p, .c-ajax-yenile160-p,
.c-ajax-yenile161-p, .c-ajax-yenile162-p, .c-ajax-yenile163-p, .c-ajax-yenile164-p, .c-ajax-yenile165-p, .c-ajax-yenile166-p, .c-ajax-yenile167-p, .c-ajax-yenile168-p, .c-ajax-yenile169-p, .c-ajax-yenile170-p,
.c-ajax-yenile171-p, .c-ajax-yenile172-p, .c-ajax-yenile173-p, .c-ajax-yenile174-p, .c-ajax-yenile175-p, .c-ajax-yenile176-p, .c-ajax-yenile177-p, .c-ajax-yenile178-p, .c-ajax-yenile179-p, .c-ajax-yenile180-p,
.c-ajax-yenile181-p, .c-ajax-yenile182-p, .c-ajax-yenile183-p, .c-ajax-yenile184-p, .c-ajax-yenile185-p, .c-ajax-yenile186-p, .c-ajax-yenile187-p, .c-ajax-yenile188-p, .c-ajax-yenile189-p, .c-ajax-yenile190-p,
.c-ajax-yenile191-p, .c-ajax-yenile192-p, .c-ajax-yenile193-p, .c-ajax-yenile194-p, .c-ajax-yenile195-p, .c-ajax-yenile196-p, .c-ajax-yenile197-p, .c-ajax-yenile198-p, .c-ajax-yenile199-p, .c-ajax-yenile200-p,
.c-ajax-yenile201-p, .c-ajax-yenile202-p, .c-ajax-yenile203-p, .c-ajax-yenile204-p, .c-ajax-yenile205-p, .c-ajax-yenile206-p, .c-ajax-yenile207-p, .c-ajax-yenile208-p, .c-ajax-yenile209-p, .c-ajax-yenile210-p,
.c-ajax-yenile211-p, .c-ajax-yenile212-p, .c-ajax-yenile213-p, .c-ajax-yenile214-p, .c-ajax-yenile215-p, .c-ajax-yenile216-p, .c-ajax-yenile217-p, .c-ajax-yenile218-p, .c-ajax-yenile219-p, .c-ajax-yenile220-p,
.c-ajax-yenile221-p, .c-ajax-yenile222-p, .c-ajax-yenile223-p, .c-ajax-yenile224-p, .c-ajax-yenile225-p, .c-ajax-yenile226-p, .c-ajax-yenile227-p, .c-ajax-yenile228-p, .c-ajax-yenile229-p, .c-ajax-yenile230-p,
.c-ajax-yenile231-p, .c-ajax-yenile232-p, .c-ajax-yenile233-p, .c-ajax-yenile234-p, .c-ajax-yenile235-p, .c-ajax-yenile236-p, .c-ajax-yenile237-p, .c-ajax-yenile238-p, .c-ajax-yenile239-p, .c-ajax-yenile240-p,
.c-ajax-yenile241-p, .c-ajax-yenile242-p, .c-ajax-yenile243-p, .c-ajax-yenile244-p, .c-ajax-yenile245-p, .c-ajax-yenile246-p, .c-ajax-yenile247-p, .c-ajax-yenile248-p, .c-ajax-yenile249-p, .c-ajax-yenile250-p
{ 
font-size: 23px;
color: #004A18;
font-weight: bold;
border: 1px solid #66CCFF;
border-radius: 5px;
z-index:1000;

} }
/* AJAX ADET YENİLEMELERİ İÇİN ADET YAZI RENGİNİ AYARLAYAN CSS LER  */






/* Sipariş Yazılan Sayılar Renk Ve Şekilleri Değiştirme */
@media screen and (max-width:800px) { 
.c-1-m,  .c-2-m,  .c-3-m,  .c-4-m,  .c-5-m,  .c-6-m,  .c-7-m,  .c-8-m,  .c-9-m,  .c-10-m,
.c-11-m, .c-12-m, .c-13-m, .c-14-m, .c-15-m, .c-16-m, .c-17-m, .c-18-m, .c-19-m, .c-20-m,
.c-21-m, .c-22-m, .c-23-m, .c-24-m, .c-25-m, .c-26-m, .c-27-m, .c-28-m, .c-29-m, .c-30-m,
.c-31-m, .c-32-m, .c-33-m, .c-34-m, .c-35-m, .c-36-m, .c-37-m, .c-38-m, .c-39-m, .c-40-m,
.c-41-m, .c-42-m, .c-43-m, .c-44-m, .c-45-m, .c-46-m, .c-47-m, .c-48-m, .c-49-m, .c-50-m,
.c-51-m, .c-52-m, .c-53-m, .c-54-m, .c-55-m, .c-56-m, .c-57-m, .c-58-m, .c-59-m, .c-60-m,
.c-61-m, .c-62-m, .c-63-m, .c-64-m, .c-65-m, .c-66-m, .c-67-m, .c-68-m, .c-69-m, .c-70-m,
.c-71-m, .c-72-m, .c-73-m, .c-74-m, .c-75-m, .c-76-m, .c-77-m, .c-78-m, .c-79-m, .c-80-m,
.c-81-m, .c-82-m, .c-83-m, .c-84-m, .c-85-m, .c-86-m, .c-87-m, .c-88-m, .c-89-m, .c-90-m,
.c-91-m, .c-92-m, .c-93-m, .c-94-m, .c-95-m, .c-96-m, .c-97-m, .c-98-m, .c-99-m, .c-100-m,
.c-101-m, .c-102-m, .c-103-m, .c-104-m, .c-105-m, .c-106-m, .c-107-m, .c-108-m, .c-109-m, .c-110-m,
.c-111-m, .c-112-m, .c-113-m, .c-114-m, .c-115-m, .c-116-m, .c-117-m, .c-118-m, .c-119-m, .c-120-m,
.c-121-m, .c-122-m, .c-123-m, .c-124-m, .c-125-m, .c-126-m, .c-127-m, .c-128-m, .c-129-m, .c-130-m,
.c-131-m, .c-132-m, .c-133-m, .c-134-m, .c-135-m, .c-136-m, .c-137-m, .c-138-m, .c-139-m, .c-140-m,
.c-141-m, .c-142-m, .c-143-m, .c-144-m, .c-145-m, .c-146-m, .c-147-m, .c-148-m, .c-149-m, .c-150-m,
.c-151-m, .c-152-m, .c-153-m, .c-154-m, .c-155-m, .c-156-m, .c-157-m, .c-158-m, .c-159-m, .c-160-m,
.c-161-m, .c-162-m, .c-163-m, .c-164-m, .c-165-m, .c-166-m, .c-167-m, .c-168-m, .c-169-m, .c-170-m,
.c-171-m, .c-172-m, .c-173-m, .c-174-m, .c-175-m, .c-176-m, .c-177-m, .c-178-m, .c-179-m, .c-180-m,
.c-181-m, .c-182-m, .c-183-m, .c-184-m, .c-185-m, .c-186-m, .c-187-m, .c-188-m, .c-189-m, .c-190-m,
.c-191-m, .c-192-m, .c-193-m, .c-194-m, .c-195-m, .c-196-m, .c-197-m, .c-198-m, .c-199-m, .c-200-m,
.c-201-m, .c-202-m, .c-203-m, .c-204-m, .c-205-m, .c-206-m, .c-207-m, .c-208-m, .c-209-m, .c-210-m,
.c-211-m, .c-212-m, .c-213-m, .c-214-m, .c-215-m, .c-216-m, .c-217-m, .c-218-m, .c-219-m, .c-220-m,
.c-221-m, .c-222-m, .c-223-m, .c-224-m, .c-225-m, .c-226-m, .c-227-m, .c-228-m, .c-229-m, .c-230-m,
.c-231-m, .c-232-m, .c-233-m, .c-234-m, .c-235-m, .c-236-m, .c-237-m, .c-238-m, .c-239-m, .c-240-m,
.c-241-m, .c-242-m, .c-243-m, .c-244-m, .c-245-m, .c-246-m, .c-247-m, .c-248-m, .c-249-m, .c-250-m
{ 
font-size: 18px;
color: #eee;
font-weight: bold;
border: 1px solid #eee;
border-radius: 5px;
z-index:1000;
} }

@media screen and (min-width:800px) { 

.c-1-p,  .c-2-p,  .c-3-p,  .c-4-p,  .c-5-p,  .c-6-p,  .c-7-p,  .c-8-p,  .c-9-p,  .c-10-p,
.c-11-p, .c-12-p, .c-13-p, .c-14-p, .c-15-p, .c-16-p, .c-17-p, .c-18-p, .c-19-p, .c-20-p,
.c-21-p, .c-22-p, .c-23-p, .c-24-p, .c-25-p, .c-26-p, .c-27-p, .c-28-p, .c-29-p, .c-30-p,
.c-31-p, .c-32-p, .c-33-p, .c-34-p, .c-35-p, .c-36-p, .c-37-p, .c-38-p, .c-39-p, .c-40-p,
.c-41-p, .c-42-p, .c-43-p, .c-44-p, .c-45-p, .c-46-p, .c-47-p, .c-48-p, .c-49-p, .c-50-p,
.c-51-p, .c-52-p, .c-53-p, .c-54-p, .c-55-p, .c-56-p, .c-57-p, .c-58-p, .c-59-p, .c-60-p,
.c-61-p, .c-62-p, .c-63-p, .c-64-p, .c-65-p, .c-66-p, .c-67-p, .c-68-p, .c-69-p, .c-70-p,
.c-71-p, .c-72-p, .c-73-p, .c-74-p, .c-75-p, .c-76-p, .c-77-p, .c-78-p, .c-79-p, .c-80-p,
.c-81-p, .c-82-p, .c-83-p, .c-84-p, .c-85-p, .c-86-p, .c-87-p, .c-88-p, .c-89-p, .c-90-p,
.c-91-p, .c-92-p, .c-93-p, .c-94-p, .c-95-p, .c-96-p, .c-97-p, .c-98-p, .c-99-p, .c-100-p,
.c-101-p, .c-102-p, .c-103-p, .c-104-p, .c-105-p, .c-106-p, .c-107-p, .c-108-p, .c-109-p, .c-110-p,
.c-111-p, .c-112-p, .c-113-p, .c-114-p, .c-115-p, .c-116-p, .c-117-p, .c-118-p, .c-119-p, .c-120-p,
.c-121-p, .c-122-p, .c-123-p, .c-124-p, .c-125-p, .c-126-p, .c-127-p, .c-128-p, .c-129-p, .c-130-p,
.c-131-p, .c-132-p, .c-133-p, .c-134-p, .c-135-p, .c-136-p, .c-137-p, .c-138-p, .c-139-p, .c-140-p,
.c-141-p, .c-142-p, .c-143-p, .c-144-p, .c-145-p, .c-146-p, .c-147-p, .c-148-p, .c-149-p, .c-150-p,
.c-151-p, .c-152-p, .c-153-p, .c-154-p, .c-155-p, .c-156-p, .c-157-p, .c-158-p, .c-159-p, .c-160-p,
.c-161-p, .c-162-p, .c-163-p, .c-164-p, .c-165-p, .c-166-p, .c-167-p, .c-168-p, .c-169-p, .c-170-p,
.c-171-p, .c-172-p, .c-173-p, .c-174-p, .c-175-p, .c-176-p, .c-177-p, .c-178-p, .c-179-p, .c-180-p,
.c-181-p, .c-182-p, .c-183-p, .c-184-p, .c-185-p, .c-186-p, .c-187-p, .c-188-p, .c-189-p, .c-190-p,
.c-191-p, .c-192-p, .c-193-p, .c-194-p, .c-195-p, .c-196-p, .c-197-p, .c-198-p, .c-199-p, .c-200-p,
.c-201-p, .c-202-p, .c-203-p, .c-204-p, .c-205-p, .c-206-p, .c-207-p, .c-208-p, .c-209-p, .c-210-p,
.c-211-p, .c-212-p, .c-213-p, .c-214-p, .c-215-p, .c-216-p, .c-217-p, .c-218-p, .c-219-p, .c-220-p,
.c-221-p, .c-222-p, .c-223-p, .c-224-p, .c-225-p, .c-226-p, .c-227-p, .c-228-p, .c-229-p, .c-230-p,
.c-231-p, .c-232-p, .c-233-p, .c-234-p, .c-235-p, .c-236-p, .c-237-p, .c-238-p, .c-239-p, .c-240-p,
.c-241-p, .c-242-p, .c-243-p, .c-244-p, .c-245-p, .c-246-p, .c-247-p, .c-248-p, .c-249-p, .c-250-p
{ 
font-size: 23px;
color: #eee;
font-weight: bold;
border: 1px solid #eee;
border-radius: 5px;
z-index:1000;
} }
/* Sipariş Yazılan Sayılar Renk Ve Şekilleri Değiştirme */









/* ARA BOŞLUKLARI CSS */
.br-eksibes {
margin-bottom: -5px;
}
/* ARA BOŞLUKLARI CSS */



/* ARA BOŞLUKLARI CSS */
.br-bir {
margin-bottom: 1px;
}
/* ARA BOŞLUKLARI CSS */



/* ARA BOŞLUKLARI CSS */
.br-iki {
margin-bottom: 2px;
}
/* ARA BOŞLUKLARI CSS */



/* ARA BOŞLUKLARI CSS */
.br-uc {
margin-bottom: 3px;
}
/* ARA BOŞLUKLARI CSS */



/* ARA BOŞLUKLARI CSS */
.br-bes {
margin-bottom: 5px;
}
/* ARA BOŞLUKLARI CSS */


/* ARA BOŞLUKLARI CSS */
.br-alti {
margin-bottom: 6px;
}
/* ARA BOŞLUKLARI CSS */



/* ARA BOŞLUKLARI CSS */
.br-yedi {
margin-bottom: 7px;
}
/* ARA BOŞLUKLARI CSS */



/* ARA BOŞLUKLARI CSS */
.br-sekiz {
margin-bottom: 8px;
}
/* ARA BOŞLUKLARI CSS */


/* ARA BOŞLUKLARI CSS */
.br-dokuz {
margin-bottom: 9px;
}
/* ARA BOŞLUKLARI CSS */




/* ARA BOŞLUKLARI CSS */
.br-on {
margin-bottom: 10px;
}
/* ARA BOŞLUKLARI CSS */



/* ARA BOŞLUKLARI CSS */
.br-onbir {
margin-bottom: 11px;
}
/* ARA BOŞLUKLARI CSS */




/* ARA BOŞLUKLARI CSS */
.br-oniki {
margin-bottom: 12px;
}
/* ARA BOŞLUKLARI CSS */



/* ARA BOŞLUKLARI CSS */
.br-onuc {
margin-bottom: 13px;
}
/* ARA BOŞLUKLARI CSS */



/* ARA BOŞLUKLARI CSS */
.br-ondort {
margin-bottom: 14px;
}
/* ARA BOŞLUKLARI CSS */




/* ARA BOŞLUKLARI CSS */
.br-onbes {
margin-bottom: 15px;
}
/* ARA BOŞLUKLARI CSS */



/* ARA BOŞLUKLARI CSS */
.br-onalti {
margin-bottom: 16px;
}
/* ARA BOŞLUKLARI CSS */




/* ARA BOŞLUKLARI CSS */
.br-onyedi {
margin-bottom: 17px;
}
/* ARA BOŞLUKLARI CSS */





/* ARA BOŞLUKLARI CSS */
.br-onsekiz {
margin-bottom: 18px;
}
/* ARA BOŞLUKLARI CSS */




/* ARA BOŞLUKLARI CSS */
.br-ondokuz {
margin-bottom: 19px;
}
/* ARA BOŞLUKLARI CSS */





/* ARA BOŞLUKLARI CSS */
.br-yirmi {
margin-bottom: 20px;
}
/* ARA BOŞLUKLARI CSS */



/* ARA BOŞLUKLARI CSS */
.br-yirmibir {
margin-bottom: 21px;
}
/* ARA BOŞLUKLARI CSS */


/* ARA BOŞLUKLARI CSS */
.br-yirmiiki {
margin-bottom: 22px;
}
/* ARA BOŞLUKLARI CSS */



/* ARA BOŞLUKLARI CSS */
.br-yirmiuc {
margin-bottom: 23px;
}
/* ARA BOŞLUKLARI CSS */


/* ARA BOŞLUKLARI CSS */
.br-yirmidort {
margin-bottom: 24px;
}
/* ARA BOŞLUKLARI CSS */


/* ARA BOŞLUKLARI CSS */
.br-yirmibes {
margin-bottom: 25px;
}
/* ARA BOŞLUKLARI CSS */


/* ARA BOŞLUKLARI CSS */
.br-yirmialti {
margin-bottom: 26px;
}
/* ARA BOŞLUKLARI CSS */



/* ARA BOŞLUKLARI CSS */
.br-yirmiyedi {
margin-bottom: 27px;
}
/* ARA BOŞLUKLARI CSS */


/* ARA BOŞLUKLARI CSS */
.br-yirmisekiz {
margin-bottom: 28px;
}
/* ARA BOŞLUKLARI CSS */


/* ARA BOŞLUKLARI CSS */
.br-yirmidokuz {
margin-bottom: 29px;
}
/* ARA BOŞLUKLARI CSS */


/* ARA BOŞLUKLARI CSS */
.br-otuz {
margin-bottom: 30px;
}
/* ARA BOŞLUKLARI CSS */