.navbar-menu .navbar-nav .menu-link.active {background : #dd4542; color:#fff !important; border-radius:0px 22px 22px 0px}
.navbar-menu .navbar-nav .menu-link {font-weight:500; width: 90%; }
.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"]::after { background: #fff;  height: 24px;  width: 24px;  border-radius: 50%;  line-height: 24px;  font-size: 26px; right:32px; color: #dd4542;}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link {background : #dd4542; color: #fff;}
.active > .page-link, .page-link.active {background-color: #dd4542; border-color: #dd4542;}

.custom-form .form-label {margin:20px 0 0 0}
.card-header {font-weight:500; font-size:16px}


.ml-1	{margin-left:10px}
.ml-2	{margin-left:20px}
.ml-3	{margin-left:30px}
.ml-4	{margin-left:40px}
.ml-5	{margin-left:50px}

.mr-1	{margin-right:10px}
.mr-2	{margin-right:20px}
.mr-3	{margin-right:30px}
.mr-4	{margin-right:40px}
.mr-5	{margin-right:50px}

.text-right	{text-align:right}
.table .badge {  padding: 6px 11px;   font-size: 12px;}
.f-14	{font-size:14px	}
.bold	{font-weight:bold	}



.modal30	{width:50% !important; max-width:50% !important}
.modal50	{width:50% !important; max-width:50% !important}
.modal80	{width:80% !important; max-width:80% !important}
.modal90	{width:96% !important; max-width:96% !important}
.modalheightlarge {height:92%}
.beyaz-yazi {color:white !important}

.sort-list {
    float: left;
    width: 100%
}
.sort-list a {float: left; width: 100%; border: 1px solid #e6e6e6; border-radius: 4px; padding: 4px 15px; margin: 3px 0; color: #333; font-size: 13px; background: #f9f9f9;}
.sort-list a:hover { background: #333; color:#fff; cursor:move}


.ratesblock {width:220px}
.ratesblock ul{margin:0; font-size:12px}
.ratesblock ul li {list-style:none}
.ratesblock ul li strong{font-weight:normal}

.form-control {-webkit-appearance: auto;  -moz-appearance: auto;  appearance: auto;}
.was-validated .form-control:invalid, .was-validated .form-control:valid {background-image : none !important}


.fis-secimi {margin:0;}
.fis-secimi li{list-style:none; display: inline-block;}
.fis-secimi li label{margin: 0px 10px 0 10px;  background: #fde1e1;  padding: 5px 15px;  border-radius: 6px; color:#dd4542}

.fis-secimi li label:hover, .fis-secimi li label.active{cursor:pointer; background:#dd4542; color:#fff}


.miktar {width:90px; text-align:center}
.fiyat {width:90px; text-align:right; display: inline-block;}
.hizmetSecim {width:100%}
.dovizBlock label {font-size:14px; margin-right:15px}
.dovizBlock label:hover {cursor:pointer}
.removeRow {color:red; font-size:20px; font-weight:bold; position: absolute;  z-index: 99999;  left: 2px;  margin-top: 4px;  background: white;}

.smallTable	td, .smallTable	th {padding:3px 8px; font-size:12px}
.smallTable .badge {font-weight: 300; font-family: tahoma; font-size: 11px; padding: 3px 7px; width: 100%;}
.miniTable		td {padding:3px 8px}
.medium-table	td {padding:5px 8px}
.yeniMusteriLink {font-weight:normal; color:#090; font-family:tahoma; font-size:12px; float:right}
.yeniMusteriLink:hover {cursor:pointer}

.topluFisLink {font-weight:normal; color:#090; font-family:tahoma; font-size:12px; }
.topluFisLink:hover {cursor:pointer}

.durumBlock label {font-size:14px; width:48%}
.durumBlock label:hover {cursor:pointer}


.cssframe {float: left;  width: 100%;  margin-top: 15px;  border: 0;  min-height: 1000px;}

.fiyatImage   {padding: 0 5px;}
.fiyatImage i {font-size:22px}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {position: absolute;  top: 0;  bottom: 0;  left: 0;  width: 100%;  height: 100%;  border: 0;  min-height:750px}





.domainForm .form-switch .form-check-input {width: 50px;   margin: 5px 10px; height:24px}
.form-check-label.switchLeft, .form-check-label.switchRight {float: left; position: relative; padding-top: 8px;}

.domainForm .col-form-label {text-align:right}
#FormYaziRengiBox, #FormArkaPlanRengiBox {	width: 20px !important;  padding: 3px;  height: 39px;  flex: auto;}
.toltipBox {font-size:18px; color: #007cff;}


#siparislerTablo .badge		{font-weight:normal; min-width:125px}
.durum-yeni					{background-color: #21c0ef; }
.durum-kara-liste			{background-color: #000000; }
.durum-basarisiz			{background-color: #c414dd; }
.durum-mukerrer				{background-color: #666666; }
.durum-faturalandi			{background-color: #1f00fb; }
.durum-ulasilamadi			{background-color: #fd6306; }
.durum-iade					{background-color: #e80b5e }
.durum-teslim				{background-color: #037e55; }
.durum-iptal				{background-color: #ff0000; }
.durum-onaylandi			{background-color: #00b547; }

.grafik-durum-yeni			{color: #0b9eca; }
.grafik-durum-kara-liste	{color: #000000; }
.grafik-durum-basarisiz		{color: #c414dd; }
.grafik-durum-mukerrer		{color: #666666; }
.grafik-durum-faturalandi	{color: #1f00fb; }
.grafik-durum-ulasilamadi	{color: #fd6306; }
.grafik-durum-iade			{color: #e80b5e }
.grafik-durum-teslim		{color: #037e55; }
.grafik-durum-iptal			{color: #ff0000; }
.grafik-durum-onaylandi		{color: #00b547; }


.durum-select				{font-size:14px !impotant; appearance: none !important;  -webkit-appearance: none !important;  -moz-appearance: none !important;  background-image: none !important;  padding-right: 0.5rem !important;}
.app-search					{width: 550px;}



/* Hızlı Arama Overlay */
#searchOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
    display: none;
    align-items: flex-start;
    justify-content: center;
    padding-top: 80px;
    z-index: 9999;
    animation: fadeIn 0.2s ease;
}
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes spin { to { transform: rotate(360deg); } }

#searchOverlay .search-results {
    background: var(--vz-card-bg, #fff);
    border-radius: 16px;
    width: 90%;
    max-width: 650px;
    max-height: 70vh;
    overflow: hidden;
    position: relative;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    animation: slideDown 0.3s ease;
    display: flex;
    flex-direction: column;
}
#searchOverlay .search-header {
    padding: 20px 24px;
    border-bottom: 1px solid var(--vz-border-color, #e9ebec);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#searchOverlay .search-header h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--vz-heading-color, #495057);
    display: flex;
    align-items: center;
    gap: 10px;
}
#searchOverlay .search-header .search-count {
    background: var(--vz-primary, #405189);
    color: #fff;
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 20px;
    font-weight: 500;
}
#closeSearch {
    width: 32px;
    height: 32px;
    border: none;
    background: var(--vz-light, #f3f6f9);
    border-radius: 8px;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--vz-body-color, #495057);
    transition: all 0.2s;
}
#closeSearch:hover { background: var(--vz-danger, #f06548); color: #fff; }

#resultsContent {
    padding: 16px;
    overflow-y: auto;
    flex: 1;
}
#resultsContent .search-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    color: var(--vz-secondary-color, #878a99);
}
#resultsContent .search-loading .spinner {
    width: 40px;
    height: 40px;
    border: 3px solid var(--vz-border-color, #e9ebec);
    border-top-color: var(--vz-primary, #405189);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin-bottom: 12px;
}
#resultsContent .search-empty {
    text-align: center;
    padding: 40px;
    color: var(--vz-secondary-color, #878a99);
}
#resultsContent .search-empty i { font-size: 48px; margin-bottom: 16px; opacity: 0.5; display: block; }
#resultsContent .search-list { list-style: none; padding: 0; margin: 0; }
#resultsContent .search-item {
    background: var(--vz-light, #f3f6f9);
    border-radius: 12px;
    margin-bottom: 10px;
    transition: all 0.2s;
    overflow: hidden;
}
#resultsContent .search-item:hover {
    background: var(--vz-primary, #405189);
    transform: translateX(4px);
}
#resultsContent .search-item:hover .search-item-link { color: #fff; }
#resultsContent .search-item:hover .search-item-meta { color: rgba(255, 255, 255, 0.8); }
#resultsContent .search-item:hover .search-item-badge { background: rgba(255, 255, 255, 0.2) !important; color: #fff !important; }
#resultsContent .search-item:hover .search-item-icon { background: rgba(255, 255, 255, 0.2); }
#resultsContent .search-item:hover .search-item-amount { color: #fff; }

#resultsContent .search-item-link {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    text-decoration: none;
    color: var(--vz-heading-color, #495057);
    gap: 14px;
}
#resultsContent .search-item-icon {
    width: 42px;
    height: 42px;
    background: var(--vz-primary, #405189);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    flex-shrink: 0;
}
#resultsContent .search-item-content { flex: 1; min-width: 0; }
#resultsContent .search-item-title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
#resultsContent .search-item-meta {
    font-size: 13px;
    color: var(--vz-secondary-color, #878a99);
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
#resultsContent .search-item-meta span { display: flex; align-items: center; gap: 4px; }
#resultsContent .search-item-badge { font-size: 11px; padding: 3px 8px; border-radius: 6px; font-weight: 500; color:white }
#resultsContent .search-item-amount {
    font-weight: 600;
    font-size: 14px;
    color: var(--vz-success, #0ab39c);
    white-space: nowrap;
}
body.no-scroll { overflow: hidden; }

/* Dark Tema için Hızlı Arama */
[data-bs-theme="dark"] #searchOverlay .search-results {
    background: #1a1d21;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}
[data-bs-theme="dark"] #searchOverlay .search-header {
    border-bottom-color: #32383e;
}
[data-bs-theme="dark"] #searchOverlay .search-header h5 {
    color: #ced4da;
}
[data-bs-theme="dark"] #closeSearch {
    background: #32383e;
    color: #ced4da;
}
[data-bs-theme="dark"] #resultsContent .search-item {
    background: #262a2f;
}
[data-bs-theme="dark"] #resultsContent .search-item-link {
    color: #ced4da;
}
[data-bs-theme="dark"] #resultsContent .search-item-meta {
    color: #878a99;
}
[data-bs-theme="dark"] #resultsContent .search-loading,
[data-bs-theme="dark"] #resultsContent .search-empty {
    color: #878a99;
}
[data-bs-theme="dark"] #resultsContent .search-loading .spinner {
    border-color: #32383e;
    border-top-color: #405189;
}


.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%;  background: rgba(0,0,0,0.6); z-index: 9998; display: none;}
.iframe-container {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; height: 90%; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.3); border-radius: 10px; z-index: 9999; display: none;}
.iframe-container iframe {width: 100%; height: 100%; border: none; border-radius: 10px;}
.close-iframe {position: absolute; top: 10px; right: 15px; background: #f44336; color: #fff; border: none; border-radius: 50%; width: 30px; height: 30px;cursor: pointer;font-size: 18px;}


.siparisDigerBilgileri {display: inline-block;width: 100%;}
.siparisDigerBilgilerBox {display: inline-block; width: 32%; margin: 0.5%; background: var(--vz-body-bg); border-radius: 4px; padding: 1%;}

.fb-data {display: inline-block; width: 100%; background: var(--vz-body-bg); border-radius: 4px; padding: 1%; margin: 10px 0;}
.fb-data span {display: inline-block;width: 100%; margin:3px 0}
.musteriBilgileri .form-label { margin: 10px 0 0 0; font-weight:400}

.LogDetayText {font-family:tahoma; color:#fc0}
.LogDetayText p{margin:0}
.LogDetayText p .old{color:#f00; text-decoration: line-through !important;}
.LogDetayText p .new{color:#090}
.durumUpdateButon	{font-size:18px;}
.durumUpdateButon	i{margin-right:10px; font-size:32px }



.urunFiyatlandirma .form-control {padding:5px}
.fiyatBaslikBilgisi {color: #02a669; display: block;}













@media(max-width:960px) {
.domainForm .col-form-label {text-align: left}
.app-search					{width: auto;}

.modal30, .modal50, .modal80, .modal90	{width: 98% !important; max-width: 98% !important; padding: 0px !important; margin: 1% !important;}
.siparisDigerBilgilerBox {padding:8px 20px; width: 100%;}
.no-padding				{padding:0}
.no-margin				{margin:0;}
div.dataTables_wrapper div.dataTables_filter input {width: 94%;}
.siparisler .breadcrumb-item { margin: 4px !important; padding: 0px !important;}








}










/* end */