@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;1,400&display=swap');
@charset"utf-8";

* {
    margin: 0px;
    padding: 0px;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
}

html {
    height: 100% !important;
}

.theme-light {
    --color-primary: #0060df;
    --color-secondary: #f3f4f6;
    --color-accent: #fd6f53;
    --font-color: #6c757d;
    /*Edit components*/
    --color-header-background: #444;
    --color-nav-border: none;
    --color-nav-title: #80142A;
    --color-nav-background: #FFF;
    --color-bodymain-background: #f0f0f5;
    --color-footer-border: 1px solid #dee2e6;
    --color-footer-background: #f3f4f6;
    --color-card-background: #FFF;
    --color-dropdown-item: #212529;
    --color-leftsidemenu-background: #fff;
    --color-leftsidemenu-listbackground: #f1f1f1;
    --color-leftsidemenu-listborder: 1px solid #ececec;
    --color-leftsidemenu-listmenubackground: #F9F6F7;
    --font-leftsidemenulink-color: #222;
    --color-leftsidemenu-listhover: #ececec !important;
    /*--border-leftsidemenu: 1px solid #ececec;*/
    --color-leftsidemenu-iconcolor: #363636;
    --color-leftsidemenu-textcolor: #444;
    --color-menu-link-icon: #9c1936;
    --color-leftsidemenu-dropicon: #9c1936 !important;
    --color-header-dropdown: #fff;
    --color-header-dropdown-item: #444 !important;
    --color-fav: #fff;
    --color-fav-header: #444;
    --color-fav-a: #444;
    --color-lefsidemenu-border: 1px solid #ececec;
    --color-iconcolor: #444;
    --color-profile-text: #9c1936;
    --color-profile-label: #b1b1b1;
    --color-profile-textbox: #e6e6ea; /*#353a40;*/
    --color-profile-textborder: #d2d7db;
    --color-profile-border: #9c1936;
    --color-profile-tab-border: #9c1936;
    --color-profile-tab-hover-border: #B1B1B1;
    --color-text: #403d39;
    --color-label: #000513;
    --color-searchbartext: #333;
    --color-searchbarlist: #fff;
    --color-searchbarborder: #ddd;
    --color-searchbarheadertext: #212D39;
    --color-searchbarheadericon: #212D39;
    --color-searcbarinputtext: #000513;
    --color-searchbarlisthover: rgba(0,0,0,.04) !important;
    /*Panel Renkleri*/
    --color-panel: #fff;
    --color-panel-header: #D2D7DB;
    /*Modal Renkleri*/
    --color-title-text: black;
    --color-title-textv2: black;
    --color-label-text: black;
    --color-clear-button: black !important;
    --color-content-border: #c4193d;
    --color-modal-tab-title-hover: black;
    --color-card-table: #fff;
    --color--textbox-border: #ced4da !important;
    --color-list-border: #dee2e6;
    /*Yard�m Merkezi*/
    --color-mesaj: #C8C6C6 !important;
    /*    Yeni tanimlanan renkler*/
    --color-beyaz: #fff;
    --color-dark-gri: #212d39;
    --color-light-gri: #d2d7db;
    --color-siyah: #000513;
    --color-kurumsal-kirmizi: #c4193d;
    --color-middle-gri: #808a94;
    --color-yesil: #00926e;
    --color-mavi: #0052cc;
    --color-kirmizi: #e3000b;
    --color-sidemenubackground: #fff;
    --color-sidemenulistbackground: #F9F6F7;
    --color-sidemenuhover: #ececec;
    --color-dropdown-border: #fff;
    --color-disabled: #e6e6ea !important;
    --color-radio-button-text: #808a94;
    --color-content-backgorund: #fff;
    --color-background-set-1: #fff; /*Acikk Tema: Beyaz, Koyu Tema: Light Gri*/
    --color-background-set-2: #d2d7db; /*Acik Tema: Light Gri, Koyu Tema: Light Gri*/
    --color-table-title-text: #959595;
    --color-table-text: #333;
    --color-customcollapse-background: #fff;
    --color-customcollapse-content-background: #fff;
    --color-navtab-background: #fff;
    --color-navtab-title: #495057;
    --nav-icon-color: #9c1936;
    --nav-icon-color-caret: #9c1936;
    --mobile-header-icon-color: #9c1936;
    --grid-icon-color: #212d39;
    --color-tarih-border: #ced4da !important;
    --color-combobox-border: #ced4da !important;
    --color-islempanel-text-color: #222;
    --color-islempanel-border-color: #828690;
    --color-islempanel-buton-hover-color: #efefef;
    --color-mobil-menu: #68656b2e;
    --menu-icon-color: invert(14%) sepia(69%) saturate(3656%) hue-rotate(333deg) brightness(93%) contrast(93%);
    --color-card-header: #212D39;
    --color-custom-link: var(--color-middle-gri);
    --color-custom-link-hover: var(--color-middle-gri);
    --color-bilgilendirme-span: #9b9b9b;
    --color-bilgilendirme-nottype: var(--color-middle-gri);
    --color-bilgilendirme-noread-text: #000;
    --color-bilgilendirme-read-text: #9b9b9b;
    --color-bilgilendirme-noread-bg: #f9f9f9;
    --color-bilgilendirme-no-read-border: #0da759;
    --color-bilgilendirme-read-bg: #fff;
    --color-bilgilendirme-read-border: #ccc;
    --color-bilgilendirme-link-hover: var(--color-middle-gri);
}

/* C2C Siparis Takip Start */

.order-card {
    border: 1px solid #ccc;
    border-radius: 8px;
    border-bottom: 5px solid var(--color-kurumsal-kirmizi);
}

.order-header {
}

.order-status {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.order-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    background: rgb(250, 250, 250);
}

    .order-summary:hover {
        background-color: #f8f9fa;
    }

    .order-summary .left {
        flex: 1;
    }

    .order-summary .right {
        margin-left: auto;
    }

.order-details {
    margin-top: 10px;
}

.collapse.show {
    margin-top: 10px;
}

.btn-kurumsal-kirmizi {
    background: var(--color-kurumsal-kirmizi) !important;
    border: 2px solid var(--color-kurumsal-kirmizi) !important;
    color: var(--color-beyaz) !important;
    padding-left: 20px;
    padding-right: 20px;
}


.btnKirmizi {
    color: var(--color-kurumsal-kirmizi) !important;
    font-weight: bold;
    text-decoration: none;
}


    .btnKirmizi:hover {
        color: var(--color-kurumsal-kirmizi) !important;
        font-weight: bold;
        text-decoration: none;
    }

.order-details a {
    color: var(--color-kurumsal-kirmizi);
}

.order-card a[title]:hover::after {
    content: attr(title);
    font-size: 12px;
    color: white;
    background-color: var(--color-kurumsal-kirmizi);
    padding: 5px;
    border-radius: 5px;
}


.order-card [data-title]:hover:after {
    opacity: 1;
    transition: all 0.2s ease 0.2s;
    visibility: visible;
}

.order-card [data-title]:after {
    content: attr(data-title);
    font-size: 11px;
    position: absolute;
    padding: 4px 8px;
    color: #fff;
    border-radius: 5px;
    background-color: var(--color-kurumsal-kirmizi);
    visibility: hidden;
    max-width: 200px;
    white-space: pre-wrap;
    word-wrap: break-word;
    box-sizing: border-box;
}

.mobile-show {
    display: none !important;
}

@media (max-width: 768px) {

    #siparis-durum {
        text-align: left !important;
    }

    #siparis-bilgi p {
        display: flex;
        flex-direction: column;
    }

    .mobile-hide {
        display: none;
    }

    .mobile-hide-siparis-tarihi {
        display: none;
    }

    .mobile-show {
        display:inline !important;
    }

    .image-class img 
    {
        height:auto !important;
    }
}

.fs-11 {
    font-size: 11px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fw-500 {
    font-weight: 500 !important;
}

/* C2C Siparis Takip End */

.swal2-container {
    z-index:2000 !important;
}