/* ////////////////////////////////////////////////// */
/* #region Desktop — 1920px ve üzeri */

/* #region Form Ortak Alan Stilleri */
.radiobutton-alan label {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    height: 30px;
    cursor: pointer;
    color: var(--ana-renk);
}

.ucret-secim {
    display: flex;
    flex-direction: column;
}

.odeme-tipleri {
    display: flex;
    flex-direction: column;
}

.odeme-tipleri-rb-container {
    display: flex;
    gap: 50px;
}

.odeme-tipleri .odeme-tip-column {
    display: flex;
    gap: 16px;
}

.alan-icerik .input-grup .aciklama {
    width: 100%;
}





.urunler .acilirliste,
.musteri .acilirliste,
.partner .acilirliste {
    height: 48px;
}

.urunler .acilirliste img {
    border-radius: 3px;
}


.alt-alan {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0 0 0;
}



.alt-alan .duzenleyen {
    display: flex;
    align-items: center;
    background-color: var(--light-gray);
    padding: 2px;
    width: fit-content;
    border-radius: 500px;
    cursor: default;
}

.alt-alan .duzenleyen img {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background-size: contain;
}

.alt-alan .duzenleyen .duzenleme-tarih {
    font-size: 10px;
    font-weight: 500;
    color: var(--gri70);
    padding-left: 5px;
    padding-right: 8px;
}

.butonlar {
    display: flex;
    align-items: center;
    gap: 10px;
}






hr {
    border: 1px solid var(--overlay-gray-light);
    opacity: .5;
    padding: 0;
    width: 100%;
}

.vr {
    border: 1px solid var(--overlay-gray-light);
    opacity: .5;
    padding: 0;
}

/* #endregion */

/* #region SAYFA-FORM - - - - Yeni Kart Oluştur */

.overlay-yeni-kart-container {
    align-items: flex-start;
    background-color: var(--overlay-bg-black);
    /* backdrop-filter: blur(2px); */
    height: 100%;
    justify-content: center;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999998;
}

.yeni-kart-container {
    display: flex;
    position: absolute;
    background: var(--white);
    top: 0;
    right: 0;
    transform: translate(0, 0);
    padding: 20px 30px;
    transition: 250ms ease 0s;
    min-height: 100vh;
    /* height: 100vh; */
    max-height: 100vh;
    overflow-y: scroll;
    z-index: 999999;
    gap: 10px;
    color: var(--ana-renk);
}


.yeni-kart-container .yeni-kart-organizasyon {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.yeni-kart-container .header-alan {
    flex-shrink: 0;
    padding-bottom: 20px;
}


.yeni-kart-container .input-alan-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
    flex: 1;
}

.yeni-kart-container .input-alan {
    display: flex;
    flex-direction: column;
    width: 400px;
    padding-left: 16px;
    height: auto;
    flex: 1;
}

/* .yeni-kart-container .butonlar {
    justify-content: flex-end;
    padding-top: 32px;
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: 0;
} */

.yeni-kart-container .input-form {
    display: flex;
    flex-direction: column;
}

.yeni-kart-container .etiket-grup {
    font-size: 20px;
    font-weight: 500;
}

.yeni-kart-container .input-alan .kart-baslik {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 24px;
    color: var(--ana-renk);
}

.yeni-kart-container .input-form .baslik {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 12px;
}

.yeni-kart-container .input-form .baslik-etiketler {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 12px;
}

.yeni-kart-container .input-form .baslik-etiketler .baslik-alan {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 500;
}

.yeni-kart-container .input-form .baslik-etiketler .etiketleri-temizle button {
    background-color: transparent;
    font-size: 12px;
    font-weight: 500;
    color: var(--mavi-renk);
    cursor: pointer;
}

.yeni-kart-container .input-form .baslik i {
    font-size: 18px;
}

.yeni-kart-container .input-form .baslik {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 12px;
}


.yeni-kart-container .input-form .label-kapsayici-org-tipler {
    display: flex !important;
    gap: 5px;
    padding-bottom: 16px;
    flex-wrap: wrap;
    visibility: visible !important;
    opacity: 1 !important;
}

.yeni-kart-container .input-form .label-kapsayici-org-tipler .radio-group {
    display: flex !important;
    align-items: center;
    justify-content: flex-start; 
    border: 1px solid var(--auto-color-43-11a34c);
    border-radius: 5px;
    padding: 0 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--ana-renk);
    gap: 4px !important;
    height: 30px;
    cursor: pointer;
    user-select: none;
    visibility: visible !important;
    opacity: 1 !important;
}

.yeni-kart-container .input-form .label-kapsayici-org-tipler .radio-group:hover {
    background: var(--bg-blue-pale);
}

.yeni-kart-container .input-form .label-kapsayici-org-tipler input[type="radio"] {
    appearance: none;
    border: 1px solid var(--gri70);
    position: relative;
    padding: 6px;
    margin: 0;
    border-radius: 50%;
    cursor: pointer;
    flex-shrink: 0;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
}

.yeni-kart-container .input-form .label-kapsayici-org-tipler input:checked {
    border: 1px solid var(--mavi-renk);
    background-color: var(--mavi-renk);
}

.yeni-kart-container .input-form .label-kapsayici-org-tipler input:checked::before {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f00c";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: var(--white);
    font-size: 8px;
}

/* Label stilleri */
.yeni-kart-container .input-form .label-kapsayici-org-tipler .orglabel {
    cursor: pointer;
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.yeni-kart-container .input-form .label-kapsayici-org-tipler input:checked + .orglabel {
    color: var(--mavi-renk) !important;
}

.yeni-kart-container .input-form .label-kapsayici-org-tipler .radio-group:has(input:checked) {
    border-color: var(--mavi-renk);
    background: var(--bg-blue-pale);
}



.yeni-kart-container .tab-kapsayici {
    display: flex;
    /* height: 100%; */
    flex: 1;
    /* min-height: 0; */
}

.yeni-kart-container .tab-content-alan {
    display: flex;
    height: auto;
    border-left: 1px solid var(--border-renk);
    flex: 1;
    min-height: 0;
}

.yeni-kart-container .tab-kapsayici .tab {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: fit-content;
    height: fit-content;
    flex-shrink: 0;
}

.yeni-kart-container .tab-kapsayici .tab button {
    display: flex;
    flex-direction: column;
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: var(--ana-renk);
    gap: 5px;
    width: 230px;
    border-bottom: 1px solid var(--overlay-gray-medium);
}

.yeni-kart-container .tab-kapsayici button .aciklamasatir {
    font-size: 11px;
    font-weight: 400;
    color: var(--gri70);
}

.yeni-kart-container .tab-kapsayici .tab button:hover {
    background-color: var(--extra-light-gray);
}

.yeni-kart-container .tab-kapsayici .tab button.active {
    color: var(--mavi-renk);
    background-color: var(--extra-light-gray);
}

.yeni-kart-container .tab-kapsayici .tabcontent {
    display: none;
    padding: 0 12px 0 6px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
    height: 100%;
    flex: 1;
    min-height: 0;
}

.yeni-kart-container .tab-kapsayici .tabcontent[style*="display: block"] {
    display: flex !important;
    flex-direction: column;
}

.yeni-kart-container .tab-kapsayici .tabcontent>form {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}


@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}



.yeni-kart-container hr {
    margin: 8px 0;
}

.yeni-kart-container .input-grup {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.yeni-kart-container .input-grup-il-ilce {
    display: flex;
    gap: 10px;
}

.yeni-kart-container textarea {
    font-size: 13px;
    border: 1px solid var(--input-border-gray);
    border-radius: 4px;
    outline: none;
    padding: 10px 0 0 10px;
    background: var(--white);
    color: var(--ana-renk);
    resize: none;
}

.yeni-kart-container .input-grup .aciklama {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: var(--ana-renk);
    padding-top: 10px;
}

.yeni-kart-container .input-grup .aciklama span {
    font-weight: 500;
    text-decoration: underline;
    background-color: var(--white);
    padding: 2px;
}

.yeni-kart-container .input-grup-column {
    display: flex;
    gap: 10px;
    padding-bottom: 10px;
}

/* .yeni-kart-container .input-grup-column .telefon-input {
           width: 130px;
       } */

.yeni-kart-container .input-grup label {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    font-weight: 500;
    color: var(--gri70);
    gap: 5px;
}

.yeni-kart-container .input-grup-column label {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    font-weight: 500;
    color: var(--gri70);
    gap: 5px;
    width: 100%;
}


#label-telefon {
    width: 65% !important;
}


.yeni-kart-container .input-alan .input-grup select {
    margin-top: 5px;
    height: 36px;
    color: var(--ana-renk);
    font-size: 13px;
    border: 1px solid var(--input-border-gray);
    border-radius: 4px;
    outline: none;
    padding: 0 8px;
    cursor: pointer;
}

.yeni-kart-container .input-alan .input-grup input:focus {
    border: 1px solid var(--gri70);
}

.yeni-kart-container .input-alan .input-grup-column input:focus {
    border: 1px solid var(--gri70);
}

.yeni-kart-container .tarih-saat-container {
    background-color: var(--form-date-input-bg);
    padding: 10px;
    border-radius: 5px;
}

.yeni-kart-container .input-tarih-saat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.yeni-kart-container .input-tarih-saat .siparis-tarih {
    position: relative;
    display: inline-block;
}

.yeni-kart-container #organizasyon-kart .siparis-tarih {
    width: 100%;
}

.yeni-kart-container #organizasyon-kart .siparis-tarih input {
    width: 100%;
}

.yeni-kart-container .input-tarih-saat #timepicker {
    padding: 0 8px;
    height: 40px;
    width: 85px;
    min-width: 85px;
}

.yeni-kart-container .input-tarih-saat input[type="date"] {
    height: 40px;
    font-size: 14px;
    padding-right: 36px;
    padding-left: 12px;
    border: 1px solid var(--gray-light-cc);
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--white);
    color: var(--full-black);
    cursor: pointer;
}

.yeni-kart-container .input-tarih-saat input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}

.yeni-kart-container .input-tarih-saat .icon-button {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    padding: 0;
    color: var(--mavi-renk);
}

.yeni-kart-container .input-tarih-saat .icon-button i {
    font-family: 'bircan-dashboard';
}

.yeni-kart-container .input-tarih-saat input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
}

.yeni-kart-container .input-tarih-saat .siparis-saat {
    position: relative;
    display: inline-block;
}

.yeni-kart-container .input-tarih-saat input[type="time"] {
    padding-right: 36px;
    font-size: 14px;
    border: 1px solid var(--gray-light-cc);
    border-radius: 4px;
    background-color: var(--white);
    color: var(--full-black);
    height: 40px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.yeni-kart-container .input-tarih-saat .saat-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    font-size: 16px;
    color: var(--mavi-renk);
    cursor: pointer;
    pointer-events: auto;
}

/* .yeni-kart-container .input-tarih-saat .saat-icon i {
           font-family: 'bircan-dashboard';
       } */


.yeni-kart-container .etiket-grup {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.yeni-kart-container .btn-yeni-ekle {
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid var(--mavi-renk); */
    border: 1px solid transparent;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 800;
    color: var(--mavi-renk);
    background-color: var(--bg-blue-pale);
    border-radius: 4px;
    gap: 5px;
    cursor: pointer;
}

.yeni-kart-container .btn-yeni-ekle:hover {
    background-color: var(--mavi-renk);
    color: var(--white);
}

.yeni-kart-container .input-alan .etiket-grup .etiket-cbox {
    display: flex;
    justify-content: center;
    border: 1px solid var(--auto-color-43-11a34c);
    border-radius: 4px;
    padding: 5px;
    font-size: 12px;
    font-weight: 800;
    color: var(--ana-renk);
    background-color: var(--auto-color-44-754ec1);
    cursor: pointer;
}

.yeni-kart-container .input-alan .etiket-grup .etiket-cbox:hover {
    background-color: var(--white);
}

.yeni-kart-container .input-alan .etiket-grup .etiket-cbox>* {
    cursor: pointer;
}

.yeni-kart-container .butonlar {
    justify-content: flex-end;
    padding-top: 32px;
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: 0;
}

.label-kapsayici-org-tipler label {
    text-transform: none !important;
    font-weight: normal;
}

/* Etiketler büyük harf */
.etiket-grup label {
    text-transform: uppercase !important;
    font-weight: bold;
}


/* #region +Yeni Etiket Ekle Popup Modal Stilleri */
.yeni-etiket-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--overlay-bg-black);
    display: none;
    z-index: 999999 !important;
    justify-content: center;
    align-items: center;
}

.yeni-etiket-popup-overlay.active {
    display: flex;
}

.yeni-etiket-popup-overlay .etiket-popup {
    background: var(--white);
    border-radius: 8px;
    padding: 24px;
    width: 400px;
    max-width: 90vw;
    max-height: 90vh;
    position: relative;
}

.yeni-etiket-popup-overlay .popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
      border-bottom: 1px solid var(--auto-color-45-c0d775);
    padding-bottom: 15px;
}

.yeni-etiket-popup-overlay .popup-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--gray-basic);
        margin: 0;
}

.yeni-etiket-popup-overlay .popup-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.yeni-etiket-popup-overlay .popup-input-group {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.yeni-etiket-popup-overlay .popup-label {
    font-size: 14px;
    font-weight: 500;
    color: var(--gray-basic);
}

.yeni-etiket-popup-overlay .popup-buttons {
    display: flex;
    gap: 12px;
    margin-top: 20px;
    justify-content: flex-end;
}

.yeni-etiket-popup-overlay .popup-info {
    background: #e7f3ff;
    background-color: var(--auto-color-49-5dba46);
    /* border: 1px solid #bee5eb; */
    border-radius: 4px;
    padding: 12px;
    font-size: 13px;
    color: var(--ana-renk);
    margin-bottom: 16px;
}
/* #endregion +Yeni Etiket Ekle Popup Modal Stilleri */

/* #endregion */

/* #region SAYFA-FORM - - - - Yeni Müşteri Ekle */

.overlay-yeni-musteri-container {
    align-items: flex-start;
    background-color: var(--overlay-bg-black);
    /* backdrop-filter: blur(2px); */
    height: 100%;
    justify-content: center;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.yeni-musteri-container {
    background: var(--white);
    float: left;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 20px;
    transition: 250ms ease 0s;
    border-radius: 10px;
    color: var(--ana-renk);
    width: 770px;
    z-index: 9999;
}


.yeni-musteri-container .musteri-form-alan {
    display: flex;
    gap: 10px;
}

.yeni-musteri-container .musteri-form-alan .kisi-bilgi-alanlar {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.yeni-musteri-container .kisi-bilgi-alanlar>* {
    border: 1px solid var(--auto-color-45-c0d775);
    border-radius: 5px;
    padding: 20px;
}

.yeni-musteri-container .alan-baslik {
    padding-bottom: 10px;
}


.yeni-musteri-container .alan-baslik .baslik {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    gap: 5px;
    cursor: default;
}

.yeni-musteri-container .alan-baslik span {
    font-size: 12px;
    color: var(--gri70);
    cursor: default;
}

.yeni-musteri-container .kisi-bilgi-alanlar .baslik i {
    font-size: 18px;
}

.yeni-musteri-container .input-icerik-alan {
    display: flex;
    flex-direction: column;
    max-width: 320px;
    width: 100%;
    gap: 10px;
}
.siparis-form-alan .input-icerik-alan {
    display: flex;
    flex-direction: column;
    max-width: 320px;
    width: 100%;
    gap: 10px;
}



.siparis-form-alan .input-icerik-grup {
    display: flex;
    gap: 10px;
    max-width: 320px;
}

.yeni-musteri-container .input-icerik-grup {
    display: flex;
    gap: 10px;
    max-width: 320px;
}

.yeni-musteri-container .input-icerik-grup>* {
    margin: 0 !important;
}

/* .yeni-musteri-container .input-icerik-grup #vergidairesi {
           width: 55%;
       }

       .yeni-musteri-container .input-icerik-grup #vergino {
           width: 45%;
       } */

.yeni-musteri-container .input-icerik-grup #yetkilikisi {
    width: 55%;
}

.yeni-musteri-container .input-icerik-grup #musteriyetkilitelefon {
    width: 90%;
}

.yeni-musteri-container .radio-buttons {
    display: flex !important;
    align-items: center;
    gap: 10px;
    visibility: visible !important;
    opacity: 1 !important;
}

.yeni-musteri-container .musteri-grubu-wrapper {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 10px;
}

.yeni-musteri-container .musteri-grubu-wrapper label {
    font-size: 13px;
}
.yeni-musteri-container .musteri-grubu-wrapper span {
    font-size: 11px;
    color: var(--gri70);
}

.yeni-musteri-container #musterigrubu{
    border: 1px solid var(--mavi-canli);
    /* margin-top: 10px; */
}

.yeni-musteri-container .radio-buttons .radio-button {
    display: flex !important;
    align-items: center;
    height: 20px;
    visibility: visible !important;
    opacity: 1 !important;
}

.yeni-musteri-container .radio-buttons label {
    display: flex !important;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    visibility: visible !important;
    opacity: 1 !important;
}


.yeni-musteri-container textarea {
    font-size: 13px;
    border: 1px solid var(--input-border-gray);
    border-radius: 4px;
    outline: none;
    padding: 10px 0 0 10px;
    resize: none;
    background: transparent;
    color: var(--ana-renk);
    height: 56px;
}

.yeni-musteri-container .urun-yazisi-input {
    height: 100px;
}

.musteri-logosu .dosya-yukle-alan {
    margin-top: 10px;
    min-height: 56px;
    max-height: 56px;
}

.yeni-musteri-container .alt-alan {
    padding: 40px 0 0 0;
}

/* #endregion */

/* #region SAYFA-FORM - - - - Müşteri Düzenle*/
.overlay-musteri-duzenle-container {
    align-items: flex-start;
    background-color: var(--overlay-bg-black);
    /* backdrop-filter: blur(2px); */
    height: 100%;
    justify-content: center;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.musteri-duzenle-container {
    background: var(--white);
    float: left;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 20px;
    transition: 250ms ease 0s;
    border-radius: 10px;
    color: var(--ana-renk);
    width: 770px;
    z-index: 9999;
}


.musteri-duzenle-container .musteri-form-alan {
    display: flex;
    gap: 10px;
}

.musteri-duzenle-container .musteri-form-alan .kisi-bilgi-alanlar {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.musteri-duzenle-container .kisi-bilgi-alanlar>* {
    border: 1px solid var(--auto-color-45-c0d775);
    border-radius: 5px;
    padding: 20px;
}

.musteri-duzenle-container .alan-baslik {
    padding-bottom: 10px;
}


.musteri-duzenle-container .alan-baslik .baslik {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    gap: 5px;
}

.musteri-duzenle-container .alan-baslik span {
    font-size: 12px;
    color: var(--gri70);
}

.musteri-duzenle-container .kisi-bilgi-alanlar .baslik i {
    font-size: 18px;
}

.musteri-duzenle-container .input-icerik-alan {
    display: flex;
    flex-direction: column;
    max-width: 320px;
    width: 100%;
    gap: 10px;
}

.musteri-duzenle-container .input-icerik-grup {
    display: flex;
    gap: 10px;
    max-width: 320px;
}

.musteri-duzenle-container .input-icerik-grup>* {
    margin: 0 !important;
}

/* .musteri-duzenle-container .input-icerik-grup #vergidairesi {
           width: 55%;
       }

       .musteri-duzenle-container .input-icerik-grup #vergino {
           width: 45%;
       } */

.musteri-duzenle-container .input-icerik-grup #yetkilikisi {
    width: 55%;
}

.musteri-duzenle-container .input-icerik-grup #musteriyetkilitelefon {
    width: 90%;
}

.musteri-duzenle-container .radio-buttons {
    display: flex !important;
    align-items: center;
    gap: 10px;
    visibility: visible !important;
    opacity: 1 !important;
}

.musteri-duzenle-container .radio-buttons .radio-button {
    display: flex !important;
    align-items: center;
    height: 20px;
    visibility: visible !important;
    opacity: 1 !important;
}

.musteri-duzenle-container .radio-buttons label {
    display: flex !important;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    visibility: visible !important;
    opacity: 1 !important;
}

.musteri-duzenle-container .radio-buttons input[type="radio"] {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}


.musteri-duzenle-container textarea {
    font-size: 13px;
    border: 1px solid var(--input-border-gray);
    border-radius: 4px;
    outline: none;
    padding: 10px 0 0 10px;
    resize: none;
    background: transparent;
    color: var(--ana-renk);
    height: 58px;
}

.musteri-duzenle-container .urun-yazisi-input {
    height: 100px;
}


.musteri-duzenle-container .dosya-yukle-alan {
    margin-top: 10px;
}

/* #endregion */

/* #region SAYFA-FORM - - - - Yeni Sipariş Ekle */
.overlay-yeni-siparis-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-color: var(--overlay-bg-black);
    /* backdrop-filter: blur(2px); */
    z-index: 99999 !important;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 40px 0;
}

.yeni-siparis-container {
    position: relative;
    background: var(--white);
    width: 770px;
    margin: 40px auto;
    padding: 20px;
    border-radius: 10px;
    color: var(--ana-renk);
    z-index: 9991;
    transition: 250ms ease 0s;
}

.yeni-siparis-container .organizasyon-kutu {
    display: flex;
    background-color: var(--form-dark-bg);
    border-radius: 5px;
    padding: 20px;
    width: 100%;
    gap: 30px;
    color: var(--ana-renk);
    height: 245px;
    max-height: 245px;
    min-height: 245px;
}


.yeni-siparis-container .organizasyon-kutu .toplam-siparis {
    display: flex;
    align-items: center;
    background-color: var(--success-green-transparent);
    border-radius: 5px;
    padding: 4px 6px;
    font-size: 14px;
    font-weight: 500;
    color: var(--success-green);
    cursor: pointer;
    /* gap: 3px; */
    height: 30px;
}

.yeni-siparis-container .organizasyon-kutu .toplam-siparis i {
    margin-right: 3px;
}


.yeni-siparis-container .organizasyon-kutu .org-adres-bilgileri .konum {
    font-size: 24px;
    font-weight: 500;
    color: var(--ana-renk);
}

.yeni-siparis-container .organizasyon-kutu .org-adres-bilgileri .acik-adres {
    font-size: 14px;
    font-weight: 500;
    color: var(--gri70);
}

.yeni-siparis-container .organizasyon-kutu .org-adres-bilgileri .il-ilce {
    display: none;
    font-size: 13px;
    font-weight: 600;
    color: var(--gri70);
    text-transform: none;
}

.yeni-siparis-container .organizasyon-kutu .org-adres-bilgileri .il-ilce.visible {
    display: block;
}

.yeni-siparis-container .organizasyon-kutu .sahip-ve-zaman .organizasyon-sahibi {
    display: flex;
    flex-direction: column;
    width: 60%;
    gap: 5px;
    cursor: default;
}

.yeni-siparis-container .input-alan .input-grup-column .organizasyon-sahibi {
    width: 228px;
}

.yeni-siparis-container .organizasyon-kutu .sahip-ve-zaman {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--overlay-gray-light);
    min-height: 80px;
    padding-top: 10px;
}

.yeni-siparis-container .organizasyon-kutu .sahip-ve-zaman .organizasyon-sahibi .teslim-kisisi {
    color: var(--ana-renk);
    font-size: 13px;
    font-weight: 500;
    gap: 5px;
}

/* .yeni-siparis-container .organizasyon-kutu .sahip-ve-zaman .organizasyon-sahibi #iletisim .telefon:hover {
    color: var(--mavi-renk);
} */

.yeni-siparis-container .organizasyon-kutu .sahip-ve-zaman .organizasyon-sahibi .teslim-kisisi-telefon {
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    padding: 4px 8px;
    border: 1px solid var(--overlay-gray-medium);
    border-radius: 5px;
    width: fit-content;
    color: var(--ana-renk);
    background-color: var(--white);
}
.yeni-siparis-container .organizasyon-kutu .sahip-ve-zaman .organizasyon-sahibi .teslim-kisisi-telefon:hover {
    background-color: var(--light-gray);
    cursor: pointer;
}

.yeni-siparis-container .organizasyon-kutu .sahip-ve-zaman .organizasyon-sahibi .telefon:hover {
    background-color: var(--light-gray);
    cursor: pointer;
}





.yeni-siparis-container .organizasyon-kutu .kart-gorseli {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: var(--white);
    /* border: 1px dashed var(--mavi-renk); */
    border-radius: 5px;
    outline: none;
    border: none;
    min-width: 215px;
    height: 200px;
    min-height: 200px;
    text-align: center;
    color: var(--gri70);
    font-size: 12px;
    gap: 12px;
    cursor: pointer;
    pointer-events: auto;
    overflow: hidden;
}

.yeni-siparis-container .organizasyon-kutu .kart-gorseli img[data-dynamic-gorsel] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    display: none;
}

.yeni-siparis-container .organizasyon-kutu .kart-gorseli .gorsel-placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
    color: var(--color-text-secondary, #555);
    /* background-color: rgba(255, 255, 255, 0.85); */
    pointer-events: none;
}

.yeni-siparis-container .organizasyon-kutu .kart-gorseli.has-image img[data-dynamic-gorsel] {
    display: block;
}

.yeni-siparis-container .organizasyon-kutu .kart-gorseli.has-image .gorsel-placeholder {
    display: none;
}

/* Yeni kart container için de aynı stiller (organizasyon kartı düzenleme formu) */
.yeni-kart-container .organizasyon-kutu .kart-gorseli {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: var(--white);
    border: 1px dashed var(--mavi-renk);
    border-radius: 5px;
    min-width: 215px;
    height: 200px;
    min-height: 200px;
    text-align: center;
    color: var(--gri70);
    font-size: 12px;
    gap: 12px;
    cursor: pointer;
    pointer-events: auto;
    overflow: hidden;
}

.yeni-kart-container .organizasyon-kutu .kart-gorseli img[data-dynamic-gorsel] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    display: none;
}

.yeni-kart-container .organizasyon-kutu .kart-gorseli .gorsel-placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
    color: var(--color-text-secondary, #555);
    pointer-events: none;
}

.yeni-kart-container .organizasyon-kutu .kart-gorseli.has-image img[data-dynamic-gorsel] {
    display: block;
}

.yeni-kart-container .organizasyon-kutu .kart-gorseli.has-image .gorsel-placeholder {
    display: none;
}

.yeni-siparis-container .organizasyon-kutu .dosya-yukle-alan img {
    margin: 0;
}

.yeni-siparis-container .organizasyon-kutu .vr {
    height: 100%;
}


.yeni-siparis-container .organizasyon-kutu .organizasyon-bilgileri {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

.yeni-siparis-container .organizasyon-kutu .org-turu-band {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
}

.yeni-siparis-container .organizasyon-kutu .left {
    display: flex;
    gap: 5px;
}



.yeni-siparis-container .container-organizasyon .organizasyon-kutu .left .org-tur {
    display: flex;
    align-items: center;
    background-color: var(--karttur-bg-organizasyon);
    color: var(--karttur-bg-organizasyon-text);
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    padding: 6px 9px;
    width: fit-content;
    cursor: default;
}

.yeni-siparis-container .container-aracsusleme .organizasyon-kutu .left .org-tur {
    display: flex;
    align-items: center;
    background-color: var(--karttur-bg-aracsusleme);
    font-size: 14px;
    font-weight: 500;
    color: var(--karttur-bg-aracsusleme-text);
    border-radius: 5px;
    padding: 6px 9px;
    width: fit-content;
    cursor: default;
}

.yeni-siparis-container .container-ozelsiparis .organizasyon-kutu .left .org-tur {
    display: flex;
    align-items: center;
    background-color: var(--karttur-bg-ozelsiparis);
    color: var(--karttur-bg-ozelsiparis-text);
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    padding: 6px 9px;
    width: fit-content;
    cursor: default;
}

.yeni-siparis-container .container-ozelgun .organizasyon-kutu .left .org-tur {
    display: flex;
    align-items: center;
    background-color: var(--karttur-bg-ozelgun);
    color: var(--karttur-bg-ozelgun-text);
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    padding: 6px 9px;
    width: fit-content;
    cursor: default;
}


.yeni-siparis-container .organizasyon-kutu .left .kart-etiket {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gray-border);
    font-size: 9px;
    font-weight: 600;
    color: var(--ana-renk);
    border-radius: 5px;
    padding: 6px 9px;
    text-transform: uppercase;
    width: fit-content;
    cursor: default;
}


.yeni-siparis-container .organizasyon-kutu .right {
    display: flex;
    gap: 5px;
}


.yeni-siparis-container .organizasyon-kutu .partner-siparis {
    display: flex;
    align-items: center;
    background-color: var(--placeholder);
    border: 1px solid var(--mid-gray);
    border-radius: 5px;
    padding: 6px;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--gri70);
    cursor: pointer;
    height: 30px;
}



.yeni-siparis-container .siparis-form-alan .sol-alan .partner-siparisi-isaretle {
    display: flex;
    flex-direction: column;
    background-color: var(--partner-siparis-input-bg);
    color: var(--accent-pink);
    border: 1px solid var(--auto-color-48-7b1960);
    border-radius: 5px;
    padding: 10px 20px;
    width: 100%;
    gap: 10px;
}

.yeni-siparis-container .siparis-form-alan .sol-alan .partner-siparisi-isaretle .cbox-alan {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

/* .yeni-siparis-container .siparis-form-alan .sol-alan .partner-siparisi-isaretle .cbox-alan .cbox-label-text {
    font-size: 14px;
    font-weight: 500;
    padding-top: 1px;
} */



.yeni-siparis-container .siparis-form-alan .sol-alan .partner-siparisi-isaretle .partner-siparis-detaylari {
display: flex;
font-size: 14px;
}

.yeni-siparis-container .siparis-form-alan .sol-alan .partner-siparisi-isaretle .partner-tipi {    
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    }

.yeni-siparis-container .siparis-form-alan .sol-alan .partner-siparisi-isaretle .partner-tipi .checkbox-wrap{    

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border: 1px solid var(--auto-color-48-7b1960);
    padding: 8px 12px;
    border-radius: 5px;
    }

/* .yeni-siparis-container .siparis-form-alan .sol-alan .partner-siparisi-isaretle .partner-tipi .checkbox-wrap:hover{
    background-color: var(--auto-color-48-7b1960);
    color: var(--white);
} */


.yeni-siparis-container .siparis-form-alan .sol-alan .partner-siparisi-isaretle .aciklama {
    font-size: 12px;
    font-weight: 400;
    color: var(--ana-renk);
}

.yeni-siparis-container .siparis-form-alan .sol-alan .partner-siparisi-isaretle .options-musteriler {
    color: var(--ana-renk);
}

.yeni-siparis-container .siparis-form-alan .sol-alan .cbox-alan input[type="checkbox"] {
    appearance: none;
    border: 1px solid var(--accent-pink);
    border-radius: 3px;
    transition: 0.2s all linear;
    position: relative;
    top: 0;
    cursor: pointer;
    height: 13px;
    width: 13px;
}

.yeni-siparis-container .siparis-form-alan .sol-alan .cbox-alan input:checked {
    border: 1px solid var(--mavi-renk);
    background-color: var(--mavi-renk);
    border-radius: 3px;
}

.yeni-siparis-container .siparis-form-alan .sol-alan .cbox-alan input:checked::before {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f00c";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: var(--white);
    font-size: 7px;
    border-radius: 3px;
}


.yeni-siparis-container .organizasyon-kutu .org-adres-bilgileri {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-bottom: 10px;
}

.container-ozelgun .organizasyon-kutu .org-adres-bilgileri {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 0;
}

.container-ozelgun .organizasyon-kutu .org-adres-bilgileri .konum {
    border: 1px solid var(--karttur-bg-ozelgun-text);
    color: var(--karttur-bg-ozelgun-text);
    width: fit-content;
    border-radius: 5px;
    padding: 3px 8px;
}

.yeni-siparis-container .organizasyon-kutu .org-adres-bilgileri #pasif {
    color: var(--gray-border);
}



.yeni-siparis-container .organizasyon-kutu .sahip-ve-zaman .kart-aciklama {
    font-size: 12px;
    font-weight: 400;
    max-width: 60%;
    padding-right: 20px;
    cursor: default;
}

.yeni-siparis-container .organizasyon-kutu .sahip-ve-zaman .kart-aciklama span {
    font-weight: 500;
    text-decoration: underline;
}

.yeni-siparis-container .organizasyon-kutu .sahip-ve-zaman .baslik i {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--light-gray);
    border-radius: 5px;
    padding: 6px;
    font-size: 12px;
}

.yeni-siparis-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    width: 50%;
    cursor: default;
}

.yeni-siparis-container .organizasyon-kutu .sahip-ve-zaman .baslik {
    display: flex;
    align-items: center;
    color: var(--gri70);
    font-size: 11px;
    gap: 5px;
    cursor: default;
}

.yeni-siparis-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman .tarih {
    color: var(--ana-renk);
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    gap: 5px;
}

.yeni-siparis-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman .saat {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    gap: 5px;
}

.yeni-siparis-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman .saat i {
    font-size: 14px;
}


.yeni-siparis-container .sahip-ve-zaman .teslim-zaman .saat span {
    display: flex;
    align-items: center;
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 10px;
    border-radius: 5px;
    border: .5px solid var(--mid-gray);
    background-color: var(--white);
    color: var(--ana-renk);
    gap: 3px;
    cursor: default;
}


.yeni-siparis-container .siparis-form-alan {
    display: flex;
    padding-top: 20px;
    gap: 10px;
}

.yeni-siparis-container .siparis-form-alan .sol-alan {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    width: 100%;
}

.yeni-siparis-container .siparis-form-alan .kisi-bilgi-alanlar {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.yeni-siparis-container .siparis-form-alan .kisi-firma-bilgileri,
.yeni-siparis-container .siparis-form-alan .teslim-kisisi,
.yeni-siparis-container .siparis-form-alan .siparis-veren-musteri,
.yeni-siparis-container .siparis-form-alan .arac-bilgileri,
.yeni-siparis-container .siparis-form-alan .sag-alan {
    border: 1px solid var(--auto-color-45-c0d775);
    border-radius: 5px;
    padding: 20px;
    width: 100%;
    height: 100%;
}

.yeni-siparis-container .alan-baslik {
    padding-bottom: 16px;
}

.yeni-siparis-container .alan-baslik .baslik {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    gap: 5px;
}

.yeni-siparis-container .alan-baslik .baslik i {
    font-size: 18px;
}

.yeni-siparis-container .alan-baslik span {
    font-size: 12px;
    color: var(--gri70);
}



.yeni-siparis-container .kisi-firma-bilgileri .baslik img {
    height: 20px;
}

.yeni-siparis-container .input-alan {
    display: flex;
    flex-direction: column;
    max-width: 320px;
    width: 100%;
    gap: 10px;
}

.yeni-siparis-container .input-grup {
    display: flex;
    gap: 10px;
    max-width: 320px;
}

.yeni-siparis-container .input-grup #isimsoyisim {
    width: 55%;
}

.yeni-siparis-container .input-grup #musteritelefon {
    width: 70%;
}

.yeni-siparis-container .input-grup #teslimedilecektelefon {
    width: 70%;
}

.yeni-siparis-container textarea {
    font-size: 13px;
    border: 1px solid var(--input-border-gray);
    border-radius: 4px;
    outline: none;
    padding: 10px 0 0 10px;
    resize: none;
    background: transparent;
}
/* 
.yeni-siparis-container #urun-yazisi-yukle {
    margin-top: 10px;
} */


.yeni-siparis-container .randevu-teslim-saati {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    font-weight: 500;
    color: var(--ana-renk);
    padding-top: 20px;
    gap: 5px;
    background-color: var(--auto-color-46-4d0bcd);
    border: 1px solid var(--auto-color-47-02eee3);
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px;
}

.yeni-siparis-container .randevu-teslim-saati .saat-ve-aciklama {
    display: flex;
    align-items: center;
    color: var(--gri70);
    gap: 10px;
}

.yeni-siparis-container .randevu-teslim-saati .saat-ve-aciklama .aciklama {
    font-size: 11px;
    font-weight: 500;
}

.yeni-siparis-container .randevu-teslim-saati .saat-ve-aciklama .aciklama span {
    font-weight: 600;
    text-decoration: underline;
}

.yeni-siparis-container .farkli-fiyat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 11px;
    color: var(--gri70);
}

.yeni-siparis-container .farkli-fiyat input {
    width: 80px;
}

.yeni-siparis-container .sag-alan {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.yeni-siparis-container .sag-alan hr {
    margin: 20px 0;
}

.yeni-siparis-container .radiobutton-alan label {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    height: 30px;
    cursor: pointer;
}

.yeni-siparis-container .ucret-secim {
    display: flex;
    flex-direction: column;
}

.yeni-siparis-container .odeme-tipleri {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.yeni-siparis-container .odeme-tipleri-rb-container {
    display: flex;
    gap: 50px;
}

.yeni-siparis-container .odeme-tipleri .odeme-tip-column {
    display: flex;
    justify-content: space-between;

}

.input-grup #ekstraucretaciklama {
    width: 100%;
}

.yeni-siparis-container .header-sag {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}


.yeni-siparis-container .header-sag .btn-duzenle {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--edit-button-bg);
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    color: var(--dark-green-button);
    padding: 4px 10px 4px 6px;
    gap: 5px;
    cursor: pointer;
    display: none;
}

.yeni-siparis-container .header-sag .btn-duzenle i {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
    background-color: var(--white);
    border-radius: 50%;
}

.yeni-siparis-container .header-sag .btn-duzenle:hover {
    background-color: var(--edit-button-bg-hover);
}

.yeni-siparis-container .siparis-listesi {
    background-color: var(--form-dark-bg);
    padding: 20px;
    border-radius: 5px;
}

.yeni-siparis-container .siparis-listesi .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 24px;
}

.yeni-siparis-container .siparis-listesi .title {
    font-size: 24px;
    font-weight: 600;
}

.yeni-siparis-container .siparis-listesi .sag-butonlar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.yeni-siparis-container .siparis-listesi .sag-butonlar .toplam-siparis {
    display: flex;
    align-items: center;
    background-color: var(--success-green);
    border-radius: 5px;
    padding: 9px 10px;
    font-size: 14px;
    font-weight: 500;
    color: var(--white);
    cursor: pointer;
    gap: 5px;
}

.yeni-siparis-container .siparis-listesi .sag-butonlar .partner-siparisi-ekle {
    display: flex;
    align-items: center;
    background-color: var(--pink-soft-bg);
    border-radius: 5px;
    padding: 9px 12px;
    font-size: 12px;
    font-weight: 500;
    color: var(--accent-pink);
    height: 36px;
    cursor: pointer;
    gap: 7px;
}

.yeni-siparis-container .siparis-listesi .sag-butonlar .partner-siparisi-ekle i {
    font-size: 18px;
}

.yeni-siparis-container .siparis-listesi .sag-butonlar .partner-siparisi-ekle:hover {
    background-color: var(--accent-pink);
    color: var(--white);
}

.yeni-siparis-container .siparis-listesi .sag-butonlar .tumu-teslim-edildi {
    display: flex;
    align-items: center;
    background-color: var(--white);
    border-radius: 5px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 500;
    color: var(--ana-renk);
    cursor: pointer;
    gap: 3px;
    height: 36px;
}

.yeni-siparis-container .siparis-listesi .sag-butonlar .tumu-teslim-edildi:hover {
    background-color: var(--light-gray);
}

.yeni-siparis-container .siparis-listesi .sag-butonlar .tumu-teslim-edildi.active {
    background-color: var(--auto-color-22-69d815);
    color: var(--dark-green-button);
}


.yeni-siparis-container .siparis-listesi .sag-butonlar .tumu-teslim-edildi label {
    cursor: pointer;
    user-select: none;
}

.yeni-siparis-container .siparis-listesi .sag-butonlar .tumu-teslim-edildi input[type="checkbox"] {
    appearance: none;
    border: 1px solid var(--mid-gray);
    border-radius: 3px;
    transition: 0.2s all linear;
    position: relative;
    top: 0;
    cursor: pointer;
    height: 16px;
    width: 16px;
}

.yeni-siparis-container .siparis-listesi .sag-butonlar .tumu-teslim-edildi input:checked {
    border: 1px solid var(--success-green);
    background-color: var(--success-green);
    border-radius: 3px;
}

.yeni-siparis-container .siparis-listesi .sag-butonlar .tumu-teslim-edildi input:checked::before {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f00c";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: var(--white);
    font-size: 9px;
    border-radius: 3px;
}

.yeni-siparis-container .siparis-listesi table {
    border-collapse: separate;
    width: 100%;
    font-size: 12px;
    border-spacing: 2px 5px;
}

.yeni-siparis-container .siparis-listesi td,
.yeni-siparis-container .siparis-listesi th {
    text-align: left;
    padding: 8px;
}

.yeni-siparis-container .siparis-listesi table th {
    border: none;
    font-size: 10px;
    font-weight: 500;
}

.yeni-siparis-container .siparis-listesi table td {
    border: none;
}

.yeni-siparis-container .siparis-listesi table .tablo-satir {
    background-color: var(--white);
    border: none;
    cursor: default;
    height: 72px;
}

.yeni-siparis-container .siparis-listesi table #teslim-edildi {
    background-color: var(--accent-green-alpha);
}


.yeni-siparis-container .siparis-listesi .tablo-satir:hover {
    background-color: var(--tablo-satir-hover);
    border: 1px solid var(--mavi-canli);
}


.yeni-siparis-container .durum-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.yeni-siparis-container .durum-checkbox input[type="checkbox"] {
    appearance: none;
    border: 1px solid var(--input-border-gray);
    border-radius: 3px;
    transition: 0.2s all linear;
    position: relative;
    top: 0;
    cursor: pointer;
    height: 20px;
    width: 20px;
}

.yeni-siparis-container .durum-checkbox input:checked {
    border: 1px solid var(--success-green);
    background-color: var(--success-green);
    border-radius: 3px;
}

.yeni-siparis-container .durum-checkbox input:checked::before {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f00c";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: var(--white-only);
    font-size: 11px;
    border-radius: 3px;
}




.yeni-siparis-container .label-kapsayici-org-tipler label {
    cursor: pointer;
}

.yeni-siparis-container .label-kapsayici-org-tipler input[type="radio"] {
    appearance: none;
    border: 1px solid var(--gri70);
    border-radius: 3px;
    position: relative;
    top: 0;
    padding: 6px;
    margin-right: 3px;
    cursor: pointer;
}

.yeni-siparis-container .label-kapsayici-org-tipler input:checked {
    border: 1px solid var(--mavi-renk);
    background-color: var(--mavi-renk);
    cursor: pointer;
}

.yeni-siparis-container .label-kapsayici-org-tipler input:checked+label {
    color: var(--mavi-renk);
    cursor: pointer;
}

.yeni-siparis-container .label-kapsayici-org-tipler input:checked::before {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f00c";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: var(--white);
    font-size: 10px;
    cursor: pointer;
}

.yeni-siparis-container .siparis-listesi tr td .sp-no {
    font-size: 16px;
    font-weight: 500;
    color: var(--auto-color-31-4934b2);
    text-align: center;
}

.yeni-siparis-container .siparis-listesi tr td .urun-bilgileri {
    display: flex;
    gap: 10px;
}

.yeni-siparis-container .siparis-listesi tr td .urun-bilgileri img {
    mix-blend-mode: normal;
    border-radius: 5px;
}

.yeni-siparis-container .siparis-listesi tr td .urun-bilgileri .urun-gorsel {
    display: flex;
    align-items: center;
    justify-content: center;
}

.yeni-siparis-container .siparis-listesi tr td .urun-bilgileri .urun-bilgi-alan {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
}


.yeni-siparis-container .siparis-listesi tr td .urun-bilgileri .urun-gorsel img {
    height: 48px;
}

.yeni-siparis-container .siparis-listesi tr td .urun-bilgileri .urun-ve-fiyat {
    display: flex;
    flex-direction: column;
}

.yeni-siparis-container .siparis-listesi tr td .urun-bilgileri .urun-ve-fiyat {
    font-size: 12px;
    font-weight: 500;

}

.yeni-siparis-container .siparis-listesi tr td .urun-bilgileri .urun-ve-fiyat .fiyat {
    font-weight: 500;
    color: var(--gri70);
}

.yeni-siparis-container .siparis-listesi tr td .urun-bilgileri .urun-ve-fiyat .fiyat i {
    color: var(--auto-color-5-bdd34b);
    font-size: 14px;
}

.yeni-siparis-container .siparis-listesi tr td .urun-bilgileri .urun-ve-fiyat .hesap {
    font-size: 9px;
    font-weight: 300;
}


.yeni-siparis-container .siparis-listesi tr td .partner-firma {
    font-size: 11px;
}



.yeni-siparis-container .siparis-listesi tr td .arac-bilgileri {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.yeni-siparis-container .siparis-listesi tr td .arac-bilgileri .arac-marka {
    font-size: 12px;
    font-weight: 500;
}

.yeni-siparis-container .siparis-listesi tr td .arac-bilgileri .arac-ozellikler {
    display: flex;
    gap: 5px;
}

.yeni-siparis-container .siparis-listesi tr td .arac-bilgileri .arac-ozellikler .arac-renk,
.yeni-siparis-container .siparis-listesi tr td .arac-bilgileri .arac-ozellikler .arac-plaka {
    border: 1px solid var(--auto-color-43-11a34c);
    border-radius: 3px;
    font-size: 9px;
    font-weight: 600;
    padding: 2px 8px;
}

.yeni-siparis-container .siparis-listesi tr td .urun-bilgileri .urun-ve-fiyat .fiyat img {
    height: 14px;
}

.yeni-siparis-container .siparis-listesi tr td .musteri-firma {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    color: var(--ana-renk);
    gap: 5px;
}

.yeni-siparis-container .siparis-listesi tr td .musteri-firma .teslim-saat {
    display: flex;
    align-items: center;
    color: var(--mavi-renk);
    gap: 5px;
}

.yeni-siparis-container .siparis-listesi tr td .musteri-firma .teslim-saat .saat-icerik {
    display: flex;
    gap: 5px;
}

.yeni-siparis-container .siparis-listesi tr td .musteri-firma .teslim-saat .kalan-sure {
    display: flex;
    align-items: center;
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 10px;
    border-radius: 5px;
    border: .5px solid var(--mid-gray);
    background-color: var(--white);
    color: var(--ana-renk);
}

.yeni-siparis-container .siparis-listesi tr td .musteri-firma .urun-yazisi-wrapper {
    display: flex;
    align-items: center;
    width: 200px;
    white-space: wrap;
    text-overflow: ellipsis;
    font-size: 11px;
    color: var(--ana-renk);
    justify-self: center;
    gap: 5px;
}

.yeni-siparis-container .siparis-listesi tr td .musteri-firma .urun-yazisi-wrapper span {
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
}

.yeni-siparis-container .siparis-listesi tr td .musteri-firma .urun-yazisi-wrapper i {
    font-size: 14px;
}


.yeni-siparis-container .siparis-listesi th:nth-child(4) {
    max-width: 96px;
    width: 96px;
    text-align: center;
}

.yeni-siparis-container .siparis-listesi th:nth-child(5) {
    text-align: center;
    width: fit-content;
}

.yeni-siparis-container .siparis-listesi #hesap {
    text-align: center;
    font-size: 10px;
}

.yeni-siparis-container .siparis-listesi #islem {
    text-align: center;
    width: 85px;
    min-width: 85px;
    max-width: 85px;
}

/* Teslim Edildi Checkbox İşaretlendiğinde tablo-satir ve Teslim Durumu İkon Stilleri */
.yeni-siparis-container .teslim-durumu {
    margin-top: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.yeni-siparis-container .teslim-durumu.active {
    opacity: 1;
}

.yeni-siparis-container .teslim-durumu .fas.fa-check {
    color: var(--white-only);
    background-color: var(--success-green);
    font-size: 10px;
    padding: 5px;
    border-radius: 50%;
    height: 20px;
    width: 20px;
}

.yeni-siparis-container .tablo-satir.teslim-edildi {
    background-color: var(--tablo-satir-teslim-edilen) !important;
    transition: background-color 0.3s ease;
}

.yeni-siparis-container .sp-no .teslim-durumu {
    font-size: 20px;
    padding: 2px 0;
}

.yeni-siparis-container .tablo-satir.teslim-edildi:hover {
    background-color: var(--tablo-satir-teslim-edilen-hover) !important;
    transition: background-color 0.3s ease;
}

/* Teslim Edildi Checkbox İşaretlendiğinde tablo-satir ve Teslim Durumu İkon Stilleri */


/* #endregion */

/* #region SAYFA-FORM - - - - Partnerden Gelen Sipariş Ekle */
.overlay-partner-siparis-container {
    align-items: flex-start;
    background-color: var(--overlay-bg-black);
    /* backdrop-filter: blur(2px); */
    height: 100%;
    justify-content: center;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998;
}

.partner-siparis-container {
    display: block;
    position: absolute;
    background: var(--white);
    top: 0;
    right: 0;
    transform: translate(0, 0);
    padding: 20px 30px;
    transition: 250ms ease 0s;
    z-index: 9995;
    width: 480px;
}

.partner-siparis-container .baslik-aciklama {
    display: flex;
    align-items: center;
    /* gap: 10px; */
    font-size: 13px;
    font-weight: 500;
    color: var(--gri70);
    border: 1px solid var(--neutral-gray-e3);
    padding: 10px 16px;
    margin-bottom: 10px;
    border-radius: 10px;
    transition: .3s ease-in-out;
    cursor: default;
}

.partner-siparis-container .baslik-aciklama i {
    font-size: 24px;
    padding-right: 10px;
}

.partner-siparis-container .alan-icerik {
    width: 100%;
    padding: 0;
    margin: 0;
}

.partner-siparis-container .organizasyon-tipler {
    width: 230px;
    font-size: 14px;
    font-weight: 500;
}

.partner-siparis-container .tip-org {
    color: var(--gri70);
    cursor: pointer;
}

.organizasyon-tipler input:checked+span {
    color: var(--ana-renk);
}


.partner-siparis-container .input-alan {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 10px;
}

.partner-siparis-container .organizasyon-kutu {
    display: flex;
    background-color: var(--extra-light-bg);
    border-radius: 5px;
    padding: 20px;
    width: 100%;
    gap: 30px;
    color: var(--ana-renk);
}


.partner-siparis-container .organizasyon-kutu .toplam-siparis {
    display: flex;
    align-items: center;
    background-color: var(--success-green-transparent);
    border-radius: 5px;
    padding: 4px 6px;
    font-size: 14px;
    font-weight: 500;
    color: var(--success-green);
    cursor: pointer;
    gap: 3px;
    height: 30px;
}


.partner-siparis-container .organizasyon-kutu .sahip-ve-zaman .organizasyon-sahibi .teslim-kisisi-telefon {
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    padding: 4px 8px;
    border: 1px solid var(--overlay-gray-medium);
    border-radius: 5px;
    width: fit-content;
    color: var(--ana-renk);
    background-color: var(--white);
}

.partner-siparis-container .organizasyon-kutu .sahip-ve-zaman .organizasyon-sahibi .teslim-kisisi-telefon:hover {
    background-color: var(--light-gray);
    cursor: pointer;
}

.partner-siparis-container .organizasyon-kutu .organizasyon-bilgileri {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

.partner-siparis-container .organizasyon-kutu .org-turu-band {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 10px 0;
}

.partner-siparis-container .organizasyon-kutu .left {
    display: flex;
    gap: 5px;
}

.partner-siparis-container .container-organizasyon-partner .organizasyon-kutu .left .org-tur {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    padding: 6px 9px;
    background-color: var(--karttur-bg-organizasyon);
    color: var(--karttur-bg-organizasyon-text);
    width: fit-content;
    cursor: default;
}

.partner-siparis-container .container-aracsusleme-partner .organizasyon-kutu .left .org-tur {
    display: flex;
    align-items: center;
    background-color: var(--auto-color-7-78c464);
    font-size: 14px;
    font-weight: 500;
    color: var(--white);
    border-radius: 5px;
    padding: 6px 9px;
    width: fit-content;
    cursor: default;
}

.partner-siparis-container .container-ozelsiparis-partner .organizasyon-kutu .left .org-tur {
    display: flex;
    align-items: center;
    background-color: var(--karttur-bg-ozelsiparis-text);
    font-size: 14px;
    font-weight: 500;
    color: var(--white);
    border-radius: 5px;
    padding: 6px 9px;
    width: fit-content;
    cursor: default;
}

.partner-siparis-container .container-ozelgun-partner .organizasyon-kutu .left .org-tur {
    display: flex;
    align-items: center;
    background-color: var(--karttur-bg-ozelgun-text);
    font-size: 14px;
    font-weight: 500;
    color: var(--white);
    border-radius: 5px;
    padding: 6px 9px;
    width: fit-content;
    cursor: default;
}

.partner-siparis-container .organizasyon-kutu .left .kart-etiket {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gray-border);
    font-size: 9px;
    font-weight: 600;
    color: var(--ana-renk);
    border-radius: 5px;
    padding: 6px 9px;
    width: fit-content;
    cursor: default;
}

.partner-siparis-container .organizasyon-kutu .right {
    display: flex;
    gap: 5px;
}

.partner-siparis-container .organizasyon-kutu .org-adres-bilgileri {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-bottom: 10px;
}

.partner-siparis-container .organizasyon-kutu .org-adres-bilgileri .konum {
    font-size: 24px;
    font-weight: 500;
    color: var(--ana-renk);
}

.partner-siparis-container .organizasyon-kutu .org-adres-bilgileri .acik-adres {
    font-size: 14px;
    font-weight: 500;
    color: var(--gri70);
}

.partner-siparis-container .organizasyon-kutu .sahip-ve-zaman {
    gap: 10px;
    padding-top: 10px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--overlay-gray-light);
    min-height: 80px;
    cursor: default;
}

.partner-siparis-container .organizasyon-kutu .vr {
    height: 100%;
}

.partner-siparis-container .organizasyon-kutu .sahip-ve-zaman .organizasyon-sahibi .teslim-kisisi {
    color: var(--ana-renk);
    font-size: 13px;
    font-weight: 500;
    gap: 5px;
}

.partner-siparis-container .organizasyon-kutu .org-adres-bilgileri #pasif {
    color: var(--gray-border);
}

.partner-siparis-container .organizasyon-kutu .sahip-ve-zaman .organizasyon-sahibi {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 0;
    /* width: 60%; */
    gap: 5px;
}

/* .organizasyon-kutu .sahip-ve-zaman {
           gap: 10px;
           padding-top: 10px;
       } */


.partner-siparis-container .organizasyon-kutu .sahip-ve-zaman .kart-aciklama {
    font-size: 12px;
    font-weight: 400;
    max-width: 230px;
}

.partner-siparis-container .organizasyon-kutu .sahip-ve-zaman .kart-aciklama span {
    font-weight: 500;
    text-decoration: underline;
}

.partner-siparis-container .organizasyon-kutu .sahip-ve-zaman .organizasyon-sahibi .baslik {
    display: flex;
    align-items: center;
    color: var(--gri70);
    font-size: 11px;
    gap: 5px;
}

.partner-siparis-container .organizasyon-kutu .sahip-ve-zaman .organizasyon-sahibi .baslik i {
    background-color: var(--white);
    border-radius: 5px;
    padding: 6px;
    height: 24px;
    width: 24px;
}

.partner-siparis-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 10px;
    gap: 5px;
    /* width: 50%; */
}

.partner-siparis-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman .baslik {
    display: flex;
    align-items: center;
    color: var(--gri70);
    font-size: 11px;
    gap: 5px;
}

.partner-siparis-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman .baslik i {
    background-color: var(--white);
    border-radius: 5px;
    padding: 6px;
    height: 24px;
    width: 24px;
}

.partner-siparis-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman .tarih {
    color: var(--ana-renk);
    font-size: 13px;
    font-weight: 500;
    gap: 5px;
}

.partner-siparis-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman .saat {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    gap: 5px;
}

.partner-siparis-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman .saat i {
    font-size: 12px;
}

.partner-siparis-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman .saat span {
    display: flex;
    align-items: center;
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 10px;
    border-radius: 5px;
    border: .5px solid var(--mid-gray);
    background-color: var(--white);
    color: var(--ana-renk);
    gap: 3px;
    cursor: default;
}

.partner-siparis-container .input-form {
    display: flex;
    flex-direction: column;
}



.partner-siparis-container .etiket-grup {
    font-size: 20px;
    font-weight: 500;
}

.partner-siparis-container .input-form .baslik {
    display: flex;
    gap: 5px;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 12px;
}

.partner-siparis-container .input-form .label-container input[type=checkbox] {
    width: 14px;
    height: 14px;
    background-color: var(--auto-color-20-0aceba);
}

.partner-siparis-container input[type=checkbox]:checked {
    background-color: var(--auto-color-20-0aceba);
}

.partner-siparis-container input[type="checkbox"]:checked+label {
    background: var(--mavi-renk);
    color: var(--white)
}

.partner-siparis-container .input-alan hr {
    margin: 12px 0;
}

.partner-siparis-container .input-alan .input-grup {
    display: flex;
    gap: 10px;
}

.partner-siparis-container .input-alan .input-grup-column {
    display: flex;
    gap: 10px;
    padding-bottom: 10px;
}

.partner-siparis-container .input-alan .input-grup-column .siparis-veren-telefon {
    width: 130px;
}

.partner-siparis-container .input-alan .input-grup label {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    font-weight: 500;
    color: var(--gri70);
}

.partner-siparis-container .input-alan .input-grup-column label {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    font-weight: 500;
    color: var(--gri70);
}

.partner-siparis-container .input-alan .input-grup input:focus {
    border: 1px solid var(--gri70);
}

.partner-siparis-container .input-alan .input-grup-column input:focus {
    border: 1px solid var(--gri70);
}

.partner-siparis-container .input-alan .input-tarih-saat {
    display: flex;
}

.partner-siparis-container .input-alan .input-tarih-saat input {
    margin-right: 10px;
    padding: 0 8px;
}

.partner-siparis-container .input-alan .input-tarih-saat #datepicker {
    width: 200px;
}

.partner-siparis-container .input-alan .etiket-grup {
    display: flex;
    gap: 5px;
}

.partner-siparis-container .input-alan .etiket-grup .org-tipi {
    cursor: pointer;
}

.partner-siparis-container .input-alan .etiket-grup label {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--auto-color-43-11a34c);
    border-radius: 2px;
    padding: 4px 4px;
    font-size: 12px;
    font-weight: 800;
    color: var(--ana-renk);
    background-color: var(--auto-color-44-754ec1);
    gap: 5px;
}

.partner-siparis-container [type="date"]::-webkit-inner-spin-button {
    display: none;
}

.partner-siparis-container [type="date"]::-webkit-calendar-picker-indicator {
    background: url(.assets/input-tarih.svg) 50% no-repeat;
    background-position-x: left;
}

.partner-siparis-container [type="time"]::-webkit-inner-spin-button {
    display: none;
}

.partner-siparis-container [type="time"]::-webkit-calendar-picker-indicator {
    background: url(.assets/input-saat.svg) 50% no-repeat;
    background-position-x: left;
}

.partner-siparis-container .siparis-veren-bilgileri-alan,
.partner-siparis-container .urun-bilgileri-alan {
    border: 1px solid var(--auto-color-45-c0d775);
    border-radius: 5px;
    padding: 20px;
}

.partner-siparis-container .siparis-veren-musteri,
.partner-siparis-container .alan-icerik .urun-bilgileri-alan {
    border: 1px solid var(--auto-color-45-c0d775);
    border-radius: 5px;
    padding: 20px;
}

.partner-siparis-container .alan-icerik .alan-baslik {
    padding-bottom: 16px;
}

.partner-siparis-container .alan-icerik .alan-baslik .baslik {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    gap: 5px;
    color: var(--ana-renk);
}

.partner-siparis-container .alan-icerik .alan-baslik span {
    font-size: 12px;
    color: var(--gri70);
}

.partner-siparis-container .alan-icerik .kisi-firma-bilgileri .baslik img {
    height: 20px;
}

.partner-siparis-container .alan-icerik textarea {
    font-size: 13px;
    border: 1px solid var(--input-border-gray);
    border-radius: 4px;
    outline: none;
    padding: 10px 0 0 10px;
    resize: none;
}

.partner-siparis-container .alan-icerik .musteri-firma-sec {
    background-color: var(--ultra-light-bg);
    border: 1px solid var(--auto-color-27-59e8bf);
    color: var(--mavi-renk);
}

.partner-siparis-container .alan-icerik .dosya-yukle-alan {
    margin-top: 10px;
}



.partner-siparis-container .alan-icerik .randevu-teslim-saati {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    font-weight: 500;
    color: var(--ana-renk);
    padding-top: 20px;
    gap: 5px;
    background-color: var(--auto-color-46-4d0bcd);
    border: 1px solid var(--auto-color-47-02eee3);
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px;
}

.partner-siparis-container .alan-icerik .randevu-teslim-saati .saat-ve-aciklama {
    display: flex;
    align-items: center;
    color: var(--gri70);
    gap: 10px;
}

.partner-siparis-container .alan-icerik .randevu-teslim-saati .saat-ve-aciklama .aciklama {
    font-size: 11px;
    font-weight: 500;
    max-width: 200px;
}

.partner-siparis-container .alan-icerik .randevu-teslim-saati .saat-ve-aciklama .aciklama span {
    font-weight: 600;
    text-decoration: underline;
}

.partner-siparis-container .alan-icerik .randevu-teslim-saati .saat-ve-aciklama [type="time"] {
    border: 1px solid var(--mavi-renk);
    color: var(--mavi-renk);
    font-size: 16px;
    font-weight: 700;
    width: 88px;
}

.partner-siparis-container .alan-icerik .randevu-teslim-saati .saat-ve-aciklama [type="time"]::-webkit-inner-spin-button {
    display: none;
}

.partner-siparis-container .alan-icerik .randevu-teslim-saati .saat-ve-aciklama [type="time"]::-webkit-calendar-picker-indicator {
    background: url(.assets/input-saat-mavi.svg) 50% no-repeat;
    background-position-x: left;
}

.partner-siparis-container .alan-icerik .urun-bilgileri-alan {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.partner-siparis-container .alan-icerik .urun-bilgileri-alan hr {
    margin: 20px 0;
}

.partner-siparis-container .kart-gorsel img {
    height: auto;
    width: 100%;
    border-radius: 10px;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}

.partner-siparis-container .kart-gorsel img:hover {
    transform: scale(.98);
}

/* #endregion */

/* #region Sipariş Kart Teslim Edildi Butonu - Teslim Edilen Kişi İmza - Müşteriye WP mesajı gönder */
.teslim-bilgi-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--overlay-bg-black);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000000 !important;
    cursor: default;
}

.teslim-bilgi-form {
    padding: 30px;
    border-radius: 10px;
    max-width: 450px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    background: var(--white);
    color: var(--ana-renk);
}

.form-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    user-select: none;
}

.teslim-bilgi-form .form-header i {
    font-size: 96px;
    margin-bottom: 5px;
    color: var(--gray-basic);
}


.form-header h3 {
    margin: 0 0 5px 0;
    font-size: 20px;
    font-weight: 600;
}

.form-header p {
    margin: 0;
    color: var(--gray-basic);
    font-size: 15px;
    font-weight: 300;
    text-align: center;
}

.teslim-kisi-section {
    margin-bottom: 20px;
    border: 1px solid var(--input-border-gray);
    padding: 8px;
    border-radius: 5px;
}

.section-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
}

.radio-group {
    display: flex;
    flex-direction: column;
    gap: 10px !important;
}

.radio-option {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 8px 0;
    font-size: 14px;
    gap: 3px;
}

.kendisi {
    border: 1px solid var(--input-border-gray);
    padding: 8px;
    border-radius: 5px;
    height: 48px;
    width: 100%;
}

.radio-option input[type="radio"] {
    height: 20px;
    width: 20px;
}

.radio-option span {
    color: var(--ana-renk);
}

.radio-option strong {
    font-weight: 600;
}


.baska-kisi {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--input-border-gray);
    padding: 8px;
    border-radius: 5px;
    width: 100%;
}

.baska-kisi .baskasi-input {
    font-weight: 600;
}

.imza-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 25px;
}

#imzaCanvas {
    display: block;
    border: 2px solid var(--success-green);
    border-radius: 5px;
    cursor: crosshair;
    width: 100%;
    height: 150px !important;
    margin-bottom: 12px;
    transition: border-color 0.3s ease;
    touch-action: none;
    background-color: var(--white-only);
}

.imza-controls {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.imza-help {
    color: var(--ana-renk);
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    line-height: 1.4;
    user-select: none;
}

.form-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding-top: 20px;
    border-top: 1px solid var(--border-renk);
}

.teslim-bilgi-form .btn-iptal {
    background-color: var(--neutral-gray-b1);
    padding: 10px 24px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    color: var(--white);
    cursor: pointer;
}

.teslim-bilgi-form .btn-iptal:hover {
    background-color: var(--gri70);
}

.teslim-bilgi-form .btn-onayla {
    background-color: var(--mavi-renk);
    padding: 10px 24px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    color: var(--white);
    cursor: pointer;
}

.teslim-bilgi-form .btn-onayla:hover {
    opacity: .8;
}

.teslim-bilgi-form .btn-temizle {
    padding: 8px 16px;
    background: var(--panel-bg-light);
    color: var(--ana-renk);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    transition: background-color 0.3s ease;
}

.teslim-bilgi-form .btn-temizle:hover {
    opacity: .7;
}


/* #endregion */

/* #region Sipariş Kartı Partner Bilgisi */
.siparis-kart .partner-bilgi.partner-siparis {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
}

.siparis-kart .partner-bilgi.partner-verilen-siparisi {
    color: var(--partner-siparis-verilen);
}

.siparis-kart .partner-bilgi.partner-alinan-siparisi {
    color: var(--partner-siparis-alinan);
}

.siparis-kart .partner-bilgi.partner-siparis .partner-firma {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    font-weight: 500;
}

.siparis-kart .partner-bilgi.partner-siparis span {
    font-size: 10px;
}

.siparis-kart .partner-bilgi.partner-siparis i {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 50%;
    font-size: 20px;
}

.siparis-kart .partner-bilgi.partner-verilen-siparisi i {
    background-color: var(--partner-siparis-verilen-i-bg);
}

.siparis-kart .partner-bilgi.partner-alinan-siparisi i {
    background-color: var(--partner-siparis-alinan-i-bg);
}
/* #endregion Sipariş Kartı Partner Bilgisi */

/* #endregion Desktop — 1920px ve üzeri */
/* ////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////// */
/* #region Mobile — 600px ve altı */

@media only screen and (max-width: 600px) {

    /* #region Form Ortak Alan Stilleri */
    .wrapper-acilirliste {
        width: 100%;
        position: relative;

    }

    .wrapper-acilirliste .acilirliste {
        width: 100%;
    }


    .wrapper-acilirliste .content {
        top: 100%;
        left: 0;
        width: 100%;
    }

    
    .radiobutton-alan label {
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 600;
        height: 30px;
        cursor: pointer;
    }



    .odeme-tipleri {
        gap: 8px;
    }


    .odeme-tipleri .odeme-tip-column {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }



    .alt-alan {
        justify-content: flex-end;
        padding: 24px 0 0 0;
    }

    .alt-alan .duzenleyen {
        display: none;
    }

    .alt-alan .duzenleyen img {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-size: contain;
    }

    .alt-alan .duzenleyen .duzenleme-tarih {
        font-size: 10px;
        font-weight: 500;
        color: var(--gri70);
        padding-left: 5px;
        padding-right: 8px;
    }


    /* #endregion Form Ortak Alan Stilleri */

    /* #region SAYFA-FORM----Yeni Kart Oluştur */
    .overlay-yeni-kart-container {
        align-items: flex-start;
        background-color: var(--overlay-bg-black);
        height: 100%;
        justify-content: center;
        left: 0;
        overflow-y: auto;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10078;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .yeni-kart-container {
        display: block;
        background: var(--white);
        padding: 20px 16px;
        transition: 250ms ease 0s;
        border-radius: 6px;
        color: var(--ana-renk);
        overflow-y: scroll;
        position: absolute;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        width: calc(100% - 36px);
        max-height: 90%;
        min-height: 90%;
        overflow-x: hidden;
        z-index: 10060;
    }

    .yeni-kart-organizasyon {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .yeni-kart-container .header-alan {
        flex-shrink: 0;
        padding-bottom: 20px;
    }

    .yeni-kart-container .input-alan-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: max-content;
        height: 100%;
    }

    .yeni-kart-container .input-alan {
        display: flex;
        flex-direction: column;
        border: none;
        padding: 0;
        width: 100%;
    }

    .yeni-kart-container .butonlar {
        justify-content: flex-end;
        padding-top: 32px;
    }

    .yeni-kart-container .input-form {
        display: flex;
        flex-direction: column;
    }

    .yeni-kart-container .etiket-grup {
        font-size: 20px;
        font-weight: 500;
    }

    .yeni-kart-container .input-alan .kart-baslik {
        font-size: 18px;
        font-weight: 500;
        padding-bottom: 24px;
    }

    .yeni-kart-container .input-form .baslik {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 14px;
        font-weight: 500;
        padding-bottom: 12px;
    }

    .yeni-kart-container .input-form .baslik-etiketler {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 5px;
        font-size: 14px;
        font-weight: 500;
        padding-bottom: 12px;
    }

    .yeni-kart-container .input-form .baslik-etiketler .baslik-alan {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 14px;
        font-weight: 500;
    }

    .yeni-kart-container .input-form .baslik-etiketler .etiketleri-temizle button {
        background-color: transparent;
        font-size: 12px;
        font-weight: 500;
        color: var(--mavi-renk);
        cursor: pointer;
    }

    .yeni-kart-container .input-form .baslik i {
        font-size: 18px;
    }

    .yeni-kart-container .input-form .baslik {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 14px;
        font-weight: 500;
        padding-bottom: 12px;
    }

    .wrapper-musteriler.active .content {

        display: block;
        position: absolute;
        width: 298px;
        min-width: 298px;
        max-width: 298px;
        z-index: 999;
    }

    /* #region Yeni Kart Oluştur --- TABS */
    .yeni-kart-container .tab-kapsayici {
        display: flex;
        flex-direction: column;
        height: 100%;
        flex: 1;
        min-height: 0;
    }

    .yeni-kart-container .tab-content-alan {
        display: flex;
        height: 100%;
        border: none;
        flex: 1;
    }


    .yeni-kart-container .tab-kapsayici .tab {
        display: grid;
        grid-template-columns: 1fr 1fr;
        overflow: visible;
        width: fit-content;
        height: fit-content;
        padding-bottom: 24px;
    }

    .yeni-kart-container .tab-kapsayici .tab button {
        display: flex;
        flex-direction: column;
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px;
        transition: 0.3s;
        font-size: 16px;
        font-weight: 500;
        text-align: left;
        color: var(--gri70);
        gap: 5px;
        width: 100%;
        border: 1px solid var(--overlay-gray-medium);
    }

    .yeni-kart-container .tab-kapsayici button .aciklamasatir {
        font-size: 11px;
        font-weight: 400;
    }

    .yeni-kart-container .tab-kapsayici .tab button:hover {
        background-color: transparent;
    }

    .yeni-kart-container .tab-kapsayici .tab button.active {
        color: var(--mavi-renk);
        /* border: 1px solid var(--gray-border); */
        background-color: var(--extra-light-bg);
    }

    .yeni-kart-container .tab-kapsayici .tabcontent {
        display: none;
        -webkit-animation: fadeEffect 1s;
        animation: fadeEffect 1s;
        width: 100%;
        padding: 0;
        flex: 1;
        height: 100%;
        min-height: 0;
    }

    .yeni-kart-container .tab-kapsayici .tabcontent[style*="display: block"] {
        display: flex !important;
        flex-direction: column;
    }

    @-webkit-keyframes fadeEffect {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fadeEffect {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* #endregion Yeni Kart Oluştur --- TABS */

    .yeni-kart-container .input-alan-container {
        border: none;
    }

    /* .yeni-kart-container .input-alan .dosya-yukle-alan {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px dashed var(--mavi-renk);
        border-radius: 5px;
        text-align: left;
        color: var(--auto-color-41-447ebf);
        font-size: 12px;
        min-height: 72px;
        max-height: 72px;
        cursor: pointer;
        transition: ease .3s;
        gap: 10px;
    }

    .yeni-kart-container .input-alan .dosya-yukle-alan:hover {
        background-color: var(--auto-color-19-5596d6);
        color: var(--gri70);
        border: 1px dashed var(--mavi-renk);
        transition: ease .3s;
        color: var(--ana-renk);
    }

    .yeni-kart-container .input-alan .dosya-yukle-alan i {
        font-size: 24px !important;
    }

    .yeni-kart-container .input-alan .dosya-yukle-alan:hover img {
        opacity: 1;
    } */

    .yeni-kart-container .input-alan hr {
        width: 100%;
        border: 1px solid var(--auto-color-42-0e3343);
        padding: 0;
        margin: 16px 0;
    }

    .yeni-kart-container .input-alan .input-grup {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .yeni-kart-container .input-alan .input-grup .aciklama {
        font-size: 12px;
        font-weight: 400;
        color: var(--ana-renk);
        line-height: 18px;
    }

    .yeni-kart-container .input-alan .input-grup .aciklama span {
        font-weight: 500;
        text-decoration: underline;
        background-color: var(--white);
        padding: 2px;
    }

    .yeni-kart-container .input-alan .input-grup-column {
        display: flex;
        gap: 10px;
        padding-bottom: 10px;
    }

    .yeni-kart-container .input-alan .input-grup-column .orgsahibitelefon {
        width: 100%;
    }

    .input-alan .input-grup-column .organizasyon-sahibi {
        width: 100%;
    }

    .yeni-kart-container .input-alan .input-grup label {
        display: flex;
        flex-direction: column;
        font-size: 11px;
        font-weight: 500;
        color: var(--gri70);
        gap: 5px;
    }

    .yeni-kart-container .input-alan .input-grup-column label {
        display: flex;
        flex-direction: column;
        font-size: 11px;
        font-weight: 500;
        color: var(--gri70);
        gap: 5px;
        width: 100%;
    }

    .yeni-kart-container .input-alan .input-grup select {
        margin-top: 5px;
        height: 36px;
        color: var(--ana-renk);
        font-size: 13px;
        border: 1px solid var(--input-border-gray);
        border-radius: 4px;
        outline: none;
        padding: 0 8px;
        cursor: pointer;
    }

    .yeni-kart-container .input-alan .input-grup input:focus {
        border: 1px solid var(--gri70);
    }

    .yeni-kart-container .input-alan .input-grup-column input:focus {
        border: 1px solid var(--gri70);
    }


        .yeni-kart-container .input-grup-column .telefon-input {
           width: 100%;
       }

    .yeni-siparis-container .input-grup .aciklama {
        width: 100%;
    }

    .yeni-siparis-container .tl-input {
        width: 45%;
    }


    .yeni-kart-container .input-alan .input-tarih-saat {
        display: flex;
        gap: 5px;
    }



    .yeni-kart-container .input-alan .input-tarih-saat input {
        width: 100%;
    }

    .yeni-kart-container .input-alan .input-tarih-saat .siparis-tarih {
        text-align: center;
        position: relative;
    }

    #dateInput {
        width: 100%;
    }

    .yeni-kart-container .input-alan .input-tarih-saat .day-name {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        position: absolute;
        top: 15px;
        left: 85px;
        text-align: left;
        float: left;
        font-size: 13px;
    }

    .yeni-kart-container .input-alan .etiket-grup {
        display: flex;
        gap: 5px;
        flex-wrap: wrap;
    }

    .yeni-kart-container .btn-yeni-ekle {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--mavi-renk);
        padding: 5px;
        font-size: 12px;
        font-weight: 600;
        color: var(--mavi-renk);
        background-color: var(--white);
        border-radius: 4px;
        gap: 5px;
        cursor: pointer;
    }

    .yeni-kart-container .btn-yeni-ekle:hover {
        background-color: var(--mavi-renk);
        color: var(--white);
    }

    .yeni-kart-container .input-alan .etiket-grup .etiket-cbox {
        display: flex;
        justify-content: center;
        border: 1px solid var(--auto-color-43-11a34c);
        border-radius: 4px;
        padding: 5px;
        font-size: 12px;
        font-weight: 800;
        color: var(--ana-renk);
        background-color: var(--auto-color-44-754ec1);
        cursor: pointer;
    }

    .yeni-kart-container .input-alan .etiket-grup .etiket-cbox:hover {
        background-color: var(--white);
    }

    .yeni-kart-container .input-alan .etiket-grup .etiket-cbox>* {
        cursor: pointer;
    }


    .yeni-kart-container [type="date"]::-webkit-inner-spin-button {
        display: none;
    }

    .yeni-kart-container [type="date"]::-webkit-calendar-picker-indicator {
        background: url(.assets/input-tarih.svg) 50% no-repeat;
        background-position-x: left;
    }

    .yeni-kart-container [type="time"]::-webkit-inner-spin-button {
        display: none;
    }

    .yeni-kart-container [type="time"]::-webkit-calendar-picker-indicator {
        background: url(.assets/input-saat.svg) 50% no-repeat;
        background-position-x: left;
    }

    /* #endregion SAYFA-FORM----Yeni Kart Oluştur */

    /* #region SAYFA-FORM----Yeni Müşteri Ekle */

    .overlay-yeni-musteri-container {
        align-items: flex-start;
        background-color: var(--overlay-bg-black);
        height: 100%;
        justify-content: center;
        left: 0;
        overflow-y: auto;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10078;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .yeni-musteri-container {
        display: block;
        background: var(--white);
        padding: 20px 16px;
        transition: 250ms ease 0s;
        border-radius: 6px;
        color: var(--ana-renk);
        overflow: auto;
        position: absolute;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        width: calc(100% - 36px);
        max-height: 90%;
        min-height: 90%;
        overflow: auto;
        overflow-x: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none !important;
        z-index: 10060;
    }

    .yeni-musteri-container .container {
        display: block;
    }

    .yeni-musteri-container .container * img {
        height: 16px;
    }

    /* #region Radio Button Custom CSS */
    .yeni-musteri-container .musteri-form-alan .radio-buton {
        display: flex;
        flex-direction: column;
    }

    /* #endregion Radio Button Custom CSS */
    .yeni-musteri-container .organizasyon-kutu {
        display: flex;
        background-color: var(--extra-light-bg);
        border-radius: 5px;
        padding: 20px;
        width: 100%;
        max-height: 230px;
        min-height: 230px;
        gap: 30px;
        color: var(--ana-renk);
    }

    .yeni-musteri-container #urun-yazisi-yukle {
        width: auto;
    }

    .yeni-musteri-container .organizasyon-kutu .kart-gorseli {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background-color: var(--white);
        border: 1px dashed var(--mavi-renk);
        border-radius: 5px;
        height: auto;
        min-width: 215px;
        text-align: center;
        color: var(--gri70);
        font-size: 12px;
        gap: 12px;
        cursor: pointer;
    }

    .yeni-musteri-container .organizasyon-kutu .kart-gorseli span {
        width: 80%;
    }

    .yeni-musteri-container .organizasyon-kutu .kart-gorseli:hover {
        background-color: transparent;
    }

    .yeni-musteri-container .organizasyon-kutu .organizasyon-bilgileri {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
    }

    .yeni-musteri-container .organizasyon-kutu .org-turu-band {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 10px;
    }

    .yeni-musteri-container .organizasyon-kutu .left {
        display: flex;
        gap: 5px;
    }

    .yeni-musteri-container .container-organizasyon .organizasyon-kutu .left .org-tur {
        display: flex;
        align-items: center;
        background-color: var(--karttur-bg-organizasyon-text);
        font-size: 14px;
        font-weight: 500;
        color: var(--white);
        border-radius: 5px;
        padding: 6px 9px;
        width: fit-content;
    }

    .yeni-musteri-container .container-aracsusleme .organizasyon-kutu .left .org-tur {
        display: flex;
        align-items: center;
        background-color: var(--auto-color-7-78c464);
        font-size: 14px;
        font-weight: 500;
        color: var(--white);
        border-radius: 5px;
        padding: 6px 9px;
        width: fit-content;
    }

    .yeni-musteri-container .container-ozelsiparis .organizasyon-kutu .left .org-tur {
        display: flex;
        align-items: center;
        background-color: var(--karttur-bg-ozelsiparis-text);
        font-size: 14px;
        font-weight: 500;
        color: var(--white);
        border-radius: 5px;
        padding: 6px 9px;
        width: fit-content;
    }

    .yeni-musteri-container .container-ozelgun .organizasyon-kutu .left .org-tur {
        display: flex;
        align-items: center;
        background-color: var(--karttur-bg-ozelgun-text);
        font-size: 14px;
        font-weight: 500;
        color: var(--white);
        border-radius: 5px;
        padding: 6px 9px;
        width: fit-content;
    }

    .yeni-musteri-container .organizasyon-kutu .left .kart-etiket {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--gray-border);
        font-size: 9px;
        font-weight: 600;
        color: var(--ana-renk);
        border-radius: 5px;
        padding: 6px 9px;
        width: fit-content;
    }

    .yeni-musteri-container .organizasyon-kutu .right {
        display: flex;
        gap: 5px;
    }

    .yeni-musteri-container .organizasyon-kutu .org-adres-bilgileri #pasif {
        color: var(--gray-border);
    }

    .yeni-musteri-container hr {
        border: 1px solid var(--overlay-gray-light);
    }

    .yeni-musteri-container .organizasyon-kutu .vr {
        height: 100%;
        border: 1px solid var(--overlay-gray-light);
    }

    .yeni-musteri-container .organizasyon-kutu .sahip-ve-zaman .kart-aciklama {
        font-size: 12px;
        font-weight: 400;
        max-width: 230px;
    }

    .yeni-musteri-container .organizasyon-kutu .sahip-ve-zaman .kart-aciklama span {
        font-weight: 500;
        text-decoration: underline;
    }

    .yeni-musteri-container .organizasyon-kutu .sahip-ve-zaman .organizasyon-sahibi .baslik {
        display: flex;
        align-items: center;
        color: var(--gri70);
        font-size: 11px;
        gap: 5px;
    }

    .yeni-musteri-container .organizasyon-kutu .sahip-ve-zaman .organizasyon-sahibi .baslik img {
        background-color: var(--white);
        border-radius: 5px;
        padding: 6px;
        height: 24px;
        width: 24px;
    }

    .yeni-musteri-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman .baslik {
        display: flex;
        align-items: center;
        color: var(--gri70);
        font-size: 11px;
        gap: 5px;
    }

    .yeni-musteri-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman .tarih {
        color: var(--ana-renk);
        font-size: 13px;
        font-weight: 500;
        gap: 5px;
    }

    .yeni-musteri-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman .saat {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        gap: 5px;
    }

    .yeni-musteri-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman .saat i {
        font-size: 14px;
    }

    .yeni-musteri-container .sahip-ve-zaman .teslim-zaman .saat span {
        display: flex;
        align-items: center;
        font-size: 10px;
        padding: 2px 5px;
        border-radius: 8px;
        border-radius: 5px;
        border: .5px solid var(--mid-gray);
        background-color: var(--white);
        color: var(--ana-renk);
        gap: 3px;
        cursor: default;
    }

    .yeni-musteri-container .musteri-form-alan {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .yeni-musteri-container .musteri-form-alan .kisi-bilgi-alanlar {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .yeni-musteri-container .kisi-bilgi-alanlar>* {
        border: 1px solid var(--auto-color-45-c0d775);
        border-radius: 5px;
        padding: 20px;
    }

    .yeni-musteri-container .alan-baslik {
        padding-bottom: 10px;
    }

    .yeni-musteri-container .alan-baslik .baslik {
        display: flex;
        align-items: center;
        font-size: 16px;
        font-weight: 600;
        gap: 5px;
    }

    .yeni-musteri-container .alan-baslik span {
        font-size: 12px;
        color: var(--gri70);
    }

    .yeni-musteri-container .kisi-bilgi-alanlar .baslik i {
        font-size: 18px;
    }

    .yeni-musteri-container .input-icerik-alan {
        display: flex;
        flex-direction: column;
        max-width: 320px;
        width: 100%;
        gap: 10px;
    }

    .yeni-musteri-container #il-ilce {
        flex-direction: column;
    }

    .yeni-musteri-container .input-icerik-grup {
        display: flex;
        gap: 10px;
        max-width: 320px;
    }

    .yeni-musteri-container .input-icerik-grup>* {
        margin: 0 !important;
    }

    .yeni-musteri-container .input-icerik-grup #vergidairesi {
        width: 55%;
    }

    .yeni-musteri-container .input-icerik-grup #vergino {
        width: 45%;
    }

    .yeni-musteri-container .input-icerik-grup #yetkilikisi {
        width: 55%;
    }

    .yeni-musteri-container .input-icerik-grup #telefonno {
        width: 45%;
    }

    .yeni-musteri-container .radio-buttons {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .yeni-musteri-container .radio-buttons .radio-button {
        display: flex;
        align-items: center;
        height: 20px;
    }

    .yeni-musteri-container .radio-buttons label {
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 500;
        cursor: pointer;
    }

    .yeni-musteri-container textarea {
        font-size: 13px;
        border: 1px solid var(--input-border-gray);
        border-radius: 4px;
        outline: none;
        padding: 10px 0 0 10px;
        resize: none;
    }

    .yeni-musteri-container .urun-yazisi-yukle {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--white);
        border: 1px dashed var(--mavi-renk);
        border-radius: 5px;
        height: 78px;
        width: 100%;
        margin-top: 10px;
        gap: 5px;
        cursor: pointer;
    }

    .yeni-musteri-container .urun-yazisi-yukle span {
        color: var(--gri70);
        font-size: 12px;
        width: 60%;
    }

    .yeni-musteri-container .urun-yazisi-yukle img {
        height: 36px;
    }

    .yeni-musteri-container .urun-yazisi-yukle:hover {
        background-color: var(--extra-light-bg);
    }

    .yeni-musteri-container .randevu-teslim-saati {
        display: flex;
        flex-direction: column;
        font-size: 11px;
        font-weight: 500;
        color: var(--ana-renk);
        padding-top: 20px;
        gap: 5px;
        background-color: var(--auto-color-46-4d0bcd);
        border: 1px solid var(--auto-color-47-02eee3);
        padding: 10px;
        margin-top: 10px;
        border-radius: 5px;
    }

    .yeni-musteri-container .randevu-teslim-saati .saat-ve-aciklama {
        display: flex;
        align-items: center;
        color: var(--gri70);
        gap: 10px;
    }

    .yeni-musteri-container .randevu-teslim-saati .saat-ve-aciklama .aciklama {
        font-size: 11px;
        font-weight: 500;
        max-width: 200px;
    }

    .yeni-musteri-container .randevu-teslim-saati .saat-ve-aciklama .aciklama span {
        font-weight: 600;
        text-decoration: underline;
    }

    .yeni-musteri-container .farkli-fiyat {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 11px;
        color: var(--gri70);
    }

    .yeni-musteri-container .farkli-fiyat input {
        width: 80px;
    }

    .yeni-musteri-container .sag-alan {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .yeni-musteri-container .sag-alan hr {
        margin: 20px 0;
    }




    .yeni-musteri-container .radiobutton-alan label {
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 600;
        gap: 5px;
    }

    .yeni-musteri-container .ucret-secim {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .yeni-musteri-container .odeme-tipleri {
        display: flex;
        gap: 48px;
    }

    .yeni-musteri-container .odeme-tipleri input {
        height: auto;
    }

    .yeni-musteri-container .odeme-tipleri .odeme-tip-column {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .yeni-musteri-container .input-icerik-grup .aciklama {
        width: 100%;
    }
    .yeni-musteri-container .alt-alan {
        padding: 24px 0 0 0;
    }

    /* #endregion SAYFA-FORM----Yeni Müşteri Ekle*/

    /* #region SAYFA-FORM---- Müşteri Düzenle Ekle */
    .overlay-musteri-duzenle-container {
        align-items: flex-start;
        background-color: var(--overlay-bg-black);
        height: 100%;
        justify-content: center;
        left: 0;
        overflow-y: auto;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10078;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .musteri-duzenle-container {
        display: block;
        background: var(--white);
        padding: 20px 16px;
        transition: 250ms ease 0s;
        border-radius: 6px;
        color: var(--ana-renk);
        overflow: auto;
        position: absolute;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        width: calc(100% - 36px);
        max-height: 90%;
        min-height: 90%;
        overflow: auto;
        overflow-x: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none !important;
        z-index: 10060;
    }

    .musteri-duzenle-container .container {
        display: block;
    }

    .musteri-duzenle-container .container * img {
        height: 16px;
    }

    /* #region Radio Button Custom CSS */
    .musteri-duzenle-container .musteri-form-alan .radio-buton {
        display: flex;
        flex-direction: column;
    }

    /* #endregion Radio Button Custom CSS */
    .musteri-duzenle-container .organizasyon-kutu {
        display: flex;
        background-color: var(--extra-light-bg);
        border-radius: 5px;
        padding: 20px;
        width: 100%;
        max-height: 230px;
        min-height: 230px;
        gap: 30px;
        color: var(--ana-renk);
    }

    .musteri-duzenle-container .organizasyon-kutu .kart-gorseli {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background-color: var(--white);
        border: 1px dashed var(--mavi-renk);
        border-radius: 5px;
        height: auto;
        min-width: 215px;
        text-align: center;
        color: var(--gri70);
        font-size: 12px;
        gap: 12px;
        cursor: pointer;
    }

    .musteri-duzenle-container .organizasyon-kutu .kart-gorseli span {
        width: 80%;
    }

    .musteri-duzenle-container .organizasyon-kutu .kart-gorseli:hover {
        background-color: transparent;
    }

    .musteri-duzenle-container .organizasyon-kutu .organizasyon-bilgileri {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
    }

    .musteri-duzenle-container #urun-yazisi-yukle {
        width: 100%;
    }


    .musteri-duzenle-container .organizasyon-kutu .org-turu-band {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 10px;
    }

    .musteri-duzenle-container .organizasyon-kutu .left {
        display: flex;
        gap: 5px;
    }

    .musteri-duzenle-container .container-organizasyon .organizasyon-kutu .left .org-tur {
        display: flex;
        align-items: center;
        background-color: var(--karttur-bg-organizasyon-text);
        font-size: 14px;
        font-weight: 500;
        color: var(--white);
        border-radius: 5px;
        padding: 6px 9px;
        width: fit-content;
    }

    .musteri-duzenle-container .container-aracsusleme .organizasyon-kutu .left .org-tur {
        display: flex;
        align-items: center;
        background-color: var(--auto-color-7-78c464);
        font-size: 14px;
        font-weight: 500;
        color: var(--white);
        border-radius: 5px;
        padding: 6px 9px;
        width: fit-content;
    }

    .musteri-duzenle-container .container-ozelsiparis .organizasyon-kutu .left .org-tur {
        display: flex;
        align-items: center;
        background-color: var(--karttur-bg-ozelsiparis-text);
        font-size: 14px;
        font-weight: 500;
        color: var(--white);
        border-radius: 5px;
        padding: 6px 9px;
        width: fit-content;
    }

    .musteri-duzenle-container .container-ozelgun .organizasyon-kutu .left .org-tur {
        display: flex;
        align-items: center;
        background-color: var(--karttur-bg-ozelgun-text);
        font-size: 14px;
        font-weight: 500;
        color: var(--white);
        border-radius: 5px;
        padding: 6px 9px;
        width: fit-content;
    }

    .musteri-duzenle-container .organizasyon-kutu .left .kart-etiket {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--gray-border);
        font-size: 9px;
        font-weight: 600;
        color: var(--ana-renk);
        border-radius: 5px;
        padding: 6px 9px;
        width: fit-content;
    }

    .musteri-duzenle-container .organizasyon-kutu .right {
        display: flex;
        gap: 5px;
    }

    .musteri-duzenle-container .organizasyon-kutu .org-adres-bilgileri #pasif {
        color: var(--gray-border);
    }

    .musteri-duzenle-container hr {
        border: 1px solid var(--overlay-gray-light);
    }

    .musteri-duzenle-container .organizasyon-kutu .vr {
        height: 100%;
        border: 1px solid var(--overlay-gray-light);
    }

    .musteri-duzenle-container .organizasyon-kutu .sahip-ve-zaman .kart-aciklama {
        font-size: 12px;
        font-weight: 400;
        max-width: 230px;
    }

    .musteri-duzenle-container .organizasyon-kutu .sahip-ve-zaman .kart-aciklama span {
        font-weight: 500;
        text-decoration: underline;
    }

    .musteri-duzenle-container .organizasyon-kutu .sahip-ve-zaman .organizasyon-sahibi .baslik {
        display: flex;
        align-items: center;
        color: var(--gri70);
        font-size: 11px;
        gap: 5px;
    }

    .musteri-duzenle-container .organizasyon-kutu .sahip-ve-zaman .organizasyon-sahibi .baslik img {
        background-color: var(--white);
        border-radius: 5px;
        padding: 6px;
        height: 24px;
        width: 24px;
    }

    .musteri-duzenle-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman .baslik {
        display: flex;
        align-items: center;
        color: var(--gri70);
        font-size: 11px;
        gap: 5px;
    }

    .musteri-duzenle-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman .tarih {
        color: var(--ana-renk);
        font-size: 13px;
        font-weight: 500;
        gap: 5px;
    }

    .musteri-duzenle-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman .saat {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        gap: 5px;
    }

    .musteri-duzenle-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman .saat i {
        font-size: 14px;
    }

    .musteri-duzenle-container .sahip-ve-zaman .teslim-zaman .saat span {
        display: flex;
        align-items: center;
        font-size: 10px;
        padding: 2px 5px;
        border-radius: 8px;
        border-radius: 5px;
        border: .5px solid var(--mid-gray);
        background-color: var(--white);
        color: var(--ana-renk);
        gap: 3px;
        cursor: default;
    }

    .musteri-duzenle-container .musteri-form-alan {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .musteri-duzenle-container .musteri-form-alan .kisi-bilgi-alanlar {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .musteri-duzenle-container .kisi-bilgi-alanlar>* {
        border: 1px solid var(--auto-color-45-c0d775);
        border-radius: 5px;
        padding: 20px;
    }

    .musteri-duzenle-container .alan-baslik {
        padding-bottom: 10px;
    }

    .musteri-duzenle-container .alan-baslik .baslik {
        display: flex;
        align-items: center;
        font-size: 16px;
        font-weight: 600;
        gap: 5px;
    }

    .musteri-duzenle-container .alan-baslik span {
        font-size: 12px;
        color: var(--gri70);
    }

    .musteri-duzenle-container .kisi-bilgi-alanlar .baslik i {
        font-size: 18px;
    }

    .musteri-duzenle-container .input-icerik-alan {
        display: flex;
        flex-direction: column;
        max-width: 320px;
        width: 100%;
        gap: 10px;
    }


    .musteri-duzenle-container .input-icerik-grup {
        display: flex;
        gap: 10px;
        max-width: 320px;
    }

    .musteri-duzenle-container .input-icerik-grup>* {
        margin: 0 !important;
    }

    .musteri-duzenle-container .input-icerik-grup #vergidairesi {
        width: 55%;
    }

    .musteri-duzenle-container .input-icerik-grup #vergino {
        width: 45%;
    }

    .musteri-duzenle-container .input-icerik-grup #yetkilikisi {
        width: 55%;
    }

    .musteri-duzenle-container .input-icerik-grup #telefonno {
        width: 45%;
    }

    .musteri-duzenle-container .radio-buttons {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .musteri-duzenle-container .radio-buttons .radio-button {
        display: flex;
        align-items: center;
        height: 20px;
    }

    .musteri-duzenle-container .radio-buttons label {
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 500;
        cursor: pointer;
    }

    .musteri-duzenle-container textarea {
        font-size: 13px;
        border: 1px solid var(--input-border-gray);
        border-radius: 4px;
        outline: none;
        padding: 10px 0 0 10px;
        resize: none;
    }

    .musteri-duzenle-container .urun-yazisi-yukle {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--white);
        border: 1px dashed var(--mavi-renk);
        border-radius: 5px;
        height: 78px;
        width: 100%;
        margin-top: 10px;
        gap: 5px;
        cursor: pointer;
    }

    .musteri-duzenle-container .urun-yazisi-yukle span {
        color: var(--gri70);
        font-size: 12px;
        width: 60%;
    }

    .musteri-duzenle-container .urun-yazisi-yukle img {
        height: 36px;
    }

    .musteri-duzenle-container .urun-yazisi-yukle:hover {
        background-color: var(--extra-light-bg);
    }

    .musteri-duzenle-container .randevu-teslim-saati {
        display: flex;
        flex-direction: column;
        font-size: 11px;
        font-weight: 500;
        color: var(--ana-renk);
        padding-top: 20px;
        gap: 5px;
        background-color: var(--auto-color-46-4d0bcd);
        border: 1px solid var(--auto-color-47-02eee3);
        padding: 10px;
        margin-top: 10px;
        border-radius: 5px;
    }

    .musteri-duzenle-container .randevu-teslim-saati .saat-ve-aciklama {
        display: flex;
        align-items: center;
        color: var(--gri70);
        gap: 10px;
    }

    .musteri-duzenle-container .randevu-teslim-saati .saat-ve-aciklama .aciklama {
        font-size: 11px;
        font-weight: 500;
        max-width: 200px;
    }

    .musteri-duzenle-container .randevu-teslim-saati .saat-ve-aciklama .aciklama span {
        font-weight: 600;
        text-decoration: underline;
    }

    .musteri-duzenle-container .farkli-fiyat {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 11px;
        color: var(--gri70);
    }

    .musteri-duzenle-container .farkli-fiyat input {
        width: 80px;
    }

    .musteri-duzenle-container .sag-alan {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .musteri-duzenle-container .sag-alan hr {
        margin: 20px 0;
    }

    .musteri-duzenle-container .radiobutton-alan label {
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: 600;
        gap: 5px;
    }

    .musteri-duzenle-container .ucret-secim {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .musteri-duzenle-container .odeme-tipleri {
        display: flex;
        gap: 48px;
    }

    .musteri-duzenle-container .odeme-tipleri input {
        height: auto;
    }

    .musteri-duzenle-container .odeme-tipleri .odeme-tip-column {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .musteri-duzenle-container .input-icerik-grup .aciklama {
        width: 100%;
    }

    /* #endregion SAYFA-FORM---- Müşteri Düzenle*/
    
    /* #region SAYFA-FORM----Yeni Sipariş Ekle */


    .overlay-yeni-siparis-container {
        align-items: flex-start;
        background-color: var(--overlay-bg-black);
        height: 100%;
        justify-content: center;
        left: 0;
        overflow-y: auto;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10078;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .yeni-siparis-container {
        display: block;
        background: var(--white);
        padding: 20px 16px;
        transition: 250ms ease 0s;
        border-radius: 6px;
        color: var(--ana-renk);
        overflow: auto;
        position: absolute;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        width: calc(100% - 36px);
        max-height: 90%;
        min-height: 90%;
        overflow: auto;
        overflow-x: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none !important;
        z-index: 10060;
        margin: 0;
    }


    .yeni-siparis-container .organizasyon-kutu {
        flex-direction: column;
        padding: 12px;
        max-height: 100%;
        min-height: 100%;
        gap: 16px;
        height: 100%;
    }

    .yeni-siparis-container .siparis-form-alan {
        display: flex;
        flex-direction: column;
        padding-top: 10px;
        gap: 10px;
    }

    .yeni-siparis-container .siparis-listesi {
        display: none;
    }

    .yeni-siparis-container .organizasyon-kutu .kart-gorseli {
        padding: 20px 0;
        height: 200px;
        min-height: 100%;
        max-height: 100%;
    }

    /* .yeni-siparis-container .alt-alan .duzenleyen {
    display: none;
} */
    .yeni-siparis-container .alt-alan {
        justify-content: flex-end;
        padding: 24px 0 0 0;
    }

    .yeni-siparis-container .organizasyon-kutu .sahip-ve-zaman .baslik {
        flex-direction: column;
    }

    /* .yeni-siparis-container .organizasyon-kutu .sahip-ve-zaman .kart-aciklama {
        max-width: 100%;
    } */

    .organizasyon-kutu .sahip-ve-zaman .organizasyon-sahibi {
        width: 100%;
        text-align: center;
        align-items: center;
        padding: 0;
    }

    .yeni-siparis-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman {
        width: 65%;
        align-items: center;
        text-align: center;
        padding: 0;
    }

    .yeni-siparis-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman .saat {
        flex-direction: column;
    }

    .yeni-siparis-container .organizasyon-kutu .vr {
        width: 1px;
        min-height: 100px;
        background-color: var(--overlay-gray-light);
        margin: 0 12px;
        display: inline-block;
        align-self: stretch;
    }

    .yeni-siparis-container .organizasyon-kutu .org-adres-bilgileri {
        text-align: left;
    }

    .yeni-siparis-container .organizasyon-kutu .org-adres-bilgileri .konum {
        font-size: 20px;
    }

    .yeni-siparis-container .organizasyon-kutu .sahip-ve-zaman {
        margin-top: 10px;
        padding-top: 10px;
        align-items: flex-start;
    }

    .siparis-form-alan .sol-alan .partner-siparisi-isaretle {
        padding: 10px 10px;

    }

    .yeni-siparis-container .sag-alan .wrapper-acilirliste .acilirliste {
        height: 48px;
    }

    /* #endregion SAYFA-FORM----Yeni Sipariş Ekle */

    /* #region SAYFA-FORM---Partner Sipariş Ekle */
    .overlay-partner-siparis-container {
        align-items: flex-start;
        background-color: var(--overlay-bg-black);
        height: 100%;
        justify-content: center;
        left: 0;
        overflow-y: auto;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10078;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .partner-siparis-container {
        display: block;
        background: var(--white);
        padding: 20px 16px;
        transition: 250ms ease 0s;
        border-radius: 6px;
        color: var(--ana-renk);
        overflow: auto;
        position: absolute;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        width: calc(100% - 36px);
        max-height: 90%;
        min-height: 90%;
        overflow: auto;
        overflow-x: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none !important;
        z-index: 10060;
    }


    .partner-siparis-container .alan-icerik {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .partner-siparis-container .organizasyon-tipler {
        width: 230px;
        font-size: 14px;
        font-weight: 500;
    }

    .partner-siparis-container .tip-org {
        color: var(--gri70);
        cursor: pointer;
    }

    .organizasyon-tipler input:checked+span {
        color: var(--ana-renk);
    }


    .partner-siparis-container .input-alan {
        display: flex;
        flex-direction: column;
        height: 100%;
        gap: 10px;
    }


    .partner-siparis-container .organizasyon-kutu {
        display: flex;
        background-color: var(--extra-light-bg);
        border-radius: 5px;
        padding: 20px;
        width: 100%;
        gap: 30px;
        color: var(--ana-renk);
    }

    .partner-siparis-container .organizasyon-kutu .kart-gorseli {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background-color: var(--white);
        border: 1px dashed var(--mavi-renk);
        border-radius: 5px;
        height: auto;
        min-width: 215px;
        text-align: center;
        color: var(--gri70);
        font-size: 12px;
        gap: 12px;
        cursor: pointer;
    }

    .partner-siparis-container .organizasyon-kutu .kart-gorseli span {
        width: 80%;
    }

    .partner-siparis-container .organizasyon-kutu .kart-gorseli img {
        height: 24px;
    }

    .partner-siparis-container .organizasyon-kutu .kart-gorseli:hover {
        background-color: transparent;
    }

    .partner-siparis-container .organizasyon-kutu .organizasyon-bilgileri {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
    }

    .partner-siparis-container .organizasyon-kutu .org-turu-band {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 10px;
    }

    .partner-siparis-container .organizasyon-kutu .left {
        display: flex;
        gap: 5px;
    }

 
    .partner-siparis-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman .saat {
        display: flex;
        flex-direction: column;
    }

    .partner-siparis-container .organizasyon-kutu .sahip-ve-zaman .teslim-zaman {
        margin: 0;
        width: 60%;
        text-align: center;
    }

    .organizasyon-kutu .sahip-ve-zaman {
        gap: 10px;
    }


    .partner-siparis-container .input-form {
        display: flex;
        flex-direction: column;
    }

    .partner-siparis-container .etiket-grup {
        font-size: 20px;
        font-weight: 500;
    }

    .partner-siparis-container .input-form .baslik {
        display: flex;
        gap: 5px;
        font-size: 14px;
        font-weight: 500;
        padding-bottom: 12px;
    }

    .partner-siparis-container .input-form .label-container input[type=checkbox] {
        width: 14px;
        height: 14px;
        background-color: var(--auto-color-20-0aceba);
    }

    .partner-siparis-container input[type=checkbox]:checked {
        background-color: var(--auto-color-20-0aceba);
    }

    .partner-siparis-container input[type="checkbox"]:checked+label {
        background: var(--mavi-renk);
        color: var(--white)
    }

    .partner-siparis-container .input-alan .dosya-yukle-alan {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border: 1px dashed var(--mavi-renk);
        border-radius: 5px;
        text-align: center;
        color: var(--auto-color-41-447ebf);
        font-size: 12px;
        height: 96px;
        cursor: pointer;
        transition: ease .3s;
    }

    .partner-siparis-container .input-alan .dosya-yukle-alan img {
        height: 30px;
        opacity: .8;
    }

    .partner-siparis-container .input-alan .dosya-yukle-alan:hover {
        background-color: var(--auto-color-19-5596d6);
        color: var(--gri70);
        border: 1px dashed var(--mavi-renk);
        transition: ease .3s;
        color: var(--ana-renk);
    }

    .partner-siparis-container .input-alan .dosya-yukle-alan:hover img {
        opacity: 1;
    }

    .partner-siparis-container .input-alan hr {
        width: 100%;
        border: 1px solid var(--auto-color-42-0e3343);
        padding: 0;
        margin: 12px 0;
    }

    .partner-siparis-container .input-alan .input-grup {
        display: flex;
        gap: 10px;
    }

    .partner-siparis-container .input-alan .input-grup-column {
        display: flex;
        gap: 10px;
        padding-bottom: 10px;
    }

    .partner-siparis-container .input-alan .input-grup-column .orgsahibitelefon {
        width: 120px;
    }

    .partner-siparis-container .input-alan .input-grup label {
        display: flex;
        flex-direction: column;
        font-size: 11px;
        font-weight: 500;
        color: var(--gri70);
    }

    .partner-siparis-container .input-alan .input-grup-column label {
        display: flex;
        flex-direction: column;
        font-size: 11px;
        font-weight: 500;
        color: var(--gri70);
    }

    .partner-siparis-container .input-alan .input-grup input:focus {
        border: 1px solid var(--gri70);
    }

    .partner-siparis-container .input-alan .input-grup-column input:focus {
        border: 1px solid var(--gri70);
    }

    .partner-siparis-container .input-alan .input-tarih-saat {
        display: flex;
    }

    .partner-siparis-container .input-alan .input-tarih-saat input {
        margin-right: 10px;
        padding: 0 8px;
    }

    .partner-siparis-container .input-alan .input-tarih-saat #datepicker {
        width: 200px;
    }

    .partner-siparis-container .input-alan .etiket-grup {
        display: flex;
        gap: 5px;
    }

    .partner-siparis-container .input-alan .etiket-grup .org-tipi {
        cursor: pointer;
    }

    .partner-siparis-container .input-alan .etiket-grup label {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--auto-color-43-11a34c);
        border-radius: 2px;
        padding: 4px 4px;
        font-size: 12px;
        font-weight: 800;
        color: var(--ana-renk);
        background-color: var(--auto-color-44-754ec1);
        gap: 5px;
    }

    .partner-siparis-container [type="date"]::-webkit-inner-spin-button {
        display: none;
    }

    .partner-siparis-container [type="date"]::-webkit-calendar-picker-indicator {
        background: url(.assets/input-tarih.svg) 50% no-repeat;
        background-position-x: left;
    }

    .partner-siparis-container [type="time"]::-webkit-inner-spin-button {
        display: none;
    }

    .partner-siparis-container [type="time"]::-webkit-calendar-picker-indicator {
        background: url(.assets/input-saat.svg) 50% no-repeat;
        background-position-x: left;
    }

    .partner-siparis-container .siparis-veren-bilgileri-alan,
    .partner-siparis-container .urun-bilgileri-alan {
        border: 1px solid var(--auto-color-45-c0d775);
        border-radius: 5px;
        padding: 20px;
    }

    .partner-siparis-container .siparis-veren-musteri,
    .partner-siparis-container .alan-icerik .urun-bilgileri-alan {
        border: 1px solid var(--auto-color-45-c0d775);
        border-radius: 5px;
        padding: 20px;
    }

    .partner-siparis-container .alan-icerik .alan-baslik {
        padding-bottom: 16px;
    }

    .partner-siparis-container .alan-icerik .alan-baslik .baslik {
        display: flex;
        align-items: center;
        font-size: 16px;
        font-weight: 500;
        gap: 5px;
    }

    .partner-siparis-container .alan-icerik .alan-baslik span {
        font-size: 12px;
        color: var(--gri70);
    }

    .partner-siparis-container .alan-icerik .kisi-firma-bilgileri .baslik img {
        height: 20px;
    }

    .partner-siparis-container .alan-icerik textarea {
        font-size: 13px;
        border: 1px solid var(--input-border-gray);
        border-radius: 4px;
        outline: none;
        padding: 10px 0 0 10px;
        resize: none;
    }

    .partner-siparis-container .alan-icerik .musteri-firma-sec {
        background-color: var(--ultra-light-bg);
        border: 1px solid var(--auto-color-27-59e8bf);
        color: var(--mavi-renk);
    }

    .partner-siparis-container .alan-icerik .urun-yazisi-yukle {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--white);
        border: 1px dashed var(--mavi-renk);
        border-radius: 5px;
        height: 36px;
        min-width: 215px;
        text-align: center;
        color: var(--gri70);
        font-size: 13px;
        margin-top: 10px;
        gap: 5px;
        cursor: pointer;
    }

    .partner-siparis-container .alan-icerik .urun-yazisi-yukle img {
        height: 20px;
    }

    .partner-siparis-container .alan-icerik .urun-yazisi-yukle:hover {
        background-color: var(--extra-light-bg);
    }

    .partner-siparis-container .alan-icerik .randevu-teslim-saati {
        display: flex;
        flex-direction: column;
        font-size: 11px;
        font-weight: 500;
        color: var(--ana-renk);
        padding-top: 20px;
        gap: 5px;
        background-color: var(--auto-color-46-4d0bcd);
        border: 1px solid var(--auto-color-47-02eee3);
        padding: 10px;
        margin-top: 10px;
        border-radius: 5px;
    }

    .partner-siparis-container .alan-icerik .randevu-teslim-saati .saat-ve-aciklama {
        display: flex;
        align-items: center;
        color: var(--gri70);
        gap: 10px;
    }

    .partner-siparis-container .alan-icerik .randevu-teslim-saati .saat-ve-aciklama .aciklama {
        font-size: 11px;
        font-weight: 500;
        max-width: 200px;
    }

    .partner-siparis-container .alan-icerik .randevu-teslim-saati .saat-ve-aciklama .aciklama span {
        font-weight: 600;
        text-decoration: underline;
    }

    .partner-siparis-container .alan-icerik .randevu-teslim-saati .saat-ve-aciklama [type="time"] {
        border: 1px solid var(--mavi-renk);
        color: var(--mavi-renk);
        font-size: 16px;
        font-weight: 700;
        width: 88px;
    }

    .partner-siparis-container .alan-icerik .randevu-teslim-saati .saat-ve-aciklama [type="time"]::-webkit-inner-spin-button {
        display: none;
    }

    .partner-siparis-container .alan-icerik .randevu-teslim-saati .saat-ve-aciklama [type="time"]::-webkit-calendar-picker-indicator {
        background: url(.assets/input-saat-mavi.svg) 50% no-repeat;
        background-position-x: left;
    }

    .partner-siparis-container .alan-icerik .urun-bilgileri-alan {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .partner-siparis-container .alan-icerik .urun-bilgileri-alan hr {
        margin: 20px 0;
    }

    .partner-siparis-container .kart-gorsel img {
        height: auto;
        width: 100%;
        padding-bottom: 20px;
    }

    /* #endregion SAYFA-FORM---Partner Sipariş Ekle */



/* #region Sipariş Kart Teslim Edildi Butonu - Teslim Edilen Kişi İmza - Müşteriye WP mesajı gönder */

.teslim-bilgi-form {
    padding: 24px 16px;
}

#imzaCanvas {
    width: 310px !important;
    border: 1px solid var(--success-green);
}

.teslim-bilgi-form input {
    height: 48px;
}
.teslim-bilgi-form .kendisi {
    height: 48px;
}
.teslim-bilgi-form .form-header p {
    width: 80%;
}

.teslim-bilgi-form .btn-onayla {
    padding: 16px 24px;
}
.teslim-bilgi-form .btn-iptal {
    padding: 16px 24px;
}

/* #endregion Sipariş Kart Teslim Edildi Butonu - Teslim Edilen Kişi İmza - Müşteriye WP mesajı gönder */

/* #region Organizasyon Tür ve Etiket Stilleri */
/* Türler normal yazı */

/* #endregion Organizasyon Tür ve Etiket Stilleri */

}
/* #endregion Mobile — 600px ve altı */
/* ////////////////////////////////////////////////// */