body {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    background: #f9fafb;
}

a {
    color: #444;
    text-decoration: none
}

.alert {
    padding: 0.75rem;
    font-size: 13px;
    margin-bottom: 15px;
}

.alert-warning {
    background: #fdebcb;
    color: #000000;
    border: none;
}

.alert-success {
    background: #87d5d2;
    color: #000000;
    border: none;
}

.alert-danger {
    background: #f8c6cb;
    color: #000000;
    border: none;
}

.alert-info {
    background: #c6e4f8;
	color: #000000;
    border: none;
}

.text-success {
    color: #5ba18a;
}

.text-danger {
    color: #c55383;
}

.text-warning {
    color: #e9a16d;
}

.text-primary {
    color: #6dbbe9;
}

img,
svg {
    vertical-align: sub;
}

.container-fluid {
    padding: 0px
}
.cursorPointer {cursor:pointer}
#header {
    background: #ffffff;
    min-height: 50px;
    padding: 8px 15px;
    border-bottom: 1px solid #ddd
}

.logoSrc {
    display: inline-block;
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    margin-bottom: 25px
}

.logoSrc i {
    background: #7c3aed;
    padding: 8px 12px;
    border-radius: 6.2px;
    display: inline-block;
    vertical-align: text-bottom;
}

.headerIcons {
    display: inline-block;
    font-size: 20px;
    color: #555;
    text-decoration: none;
    line-height: 35px
}

.logoSrc img {
    vertical-align: sub;
    margin-right: 6.20px
}

#page {
    padding: 0px 12px
}
.color-black {color:#000}
/* TEMEL SİDEBAR (KOYU TEMA) */
#leftMenu{
  background:#1e293b;
  color:#fff;
  margin:0;
  padding:8px 5px 10px;
  min-height:100vh;
  overflow-y:auto;
}
#leftMenu li{ list-style:none; }
.siteLogo{ max-width:70%; height:auto; margin:0 10px 14px; display:block; }

/* TEKİL LİNKLER (grup dışı veya submenu içi linkler) */
#leftMenu a{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 5px;
  color:#fff;
  text-decoration:none;
  position:relative;
  border-radius:6px;
  margin-bottom:8px;
  transition:background .2s, color .2s;
}
#leftMenu a svg{ width:20px; height:20px; flex:0 0 20px; }
#leftMenu a:hover,
#leftMenu a.active{ background:#7c3aed; color:#fff; }
#leftMenu #logoDiv a:hover,
#leftMenu #logoDiv a.active{ background:none; }

/* GRUP BAŞLIKLARI */
#leftMenu .menu-group{ margin:10px 0; }
#leftMenu .menu-title{
  display:flex;
  align-items:center;
  position:relative;
  gap:10px;
  cursor:pointer;
  padding:10px 5px;
  font-weight:600;
  transition:background .2s, color .2s, border-color .2s;
  margin-bottom:6px;
}

#leftMenu .menu-title .left{
  display:flex; align-items:center; gap:10px;
}
#leftMenu .menu-title .arrow{
  transition:transform .2s ease, stroke .2s;
  stroke:#cbd5e1;
  position: absolute;
  right: 0;
}
#leftMenu .menu-group.open .menu-title .arrow{
  transform:rotate(180deg);
  stroke:#fff;
}

/* ALT MENÜ (AKORDİYON) — pürüzsüz animasyon için max-height */
#leftMenu .submenu{
  overflow:hidden;
  max-height:0;
  transition:max-height .25s ease;
  padding-left: 8px;
  margin-left: -5px;
  background: rgba(0,0,0,.2);
  border-top: 1px solid #11161f;
}
#leftMenu .menu-group.open .submenu{
  /* yüksekliğin yeterli büyük bir değerle açılmasını sağla */
  max-height:600px;
}

/* ALT MENÜ LİNKLERİ */
#leftMenu .submenu a{
  background:transparent;
  margin-bottom:6px;
  font-weight:500;
  color:#ccc;
}
#leftMenu .submenu a:hover{ background:#334155; color:#fff; }
#leftMenu .submenu a.active{ color:#fff; }

/* BADGE (opsiyonel) */
#leftMenu .badge{
  margin-left:auto;
  background:#ef4444;
  color:#fff;
  padding:3px 8px;
  border-radius:6px;
  font-size:12px;
}

/* SCROLLBAR (isteğe bağlı) */
#leftMenu::-webkit-scrollbar{ width:8px; }
#leftMenu::-webkit-scrollbar-thumb{ background:#334155; border-radius:6px; }
#leftMenu::-webkit-scrollbar-thumb:hover{ background:#475569; }

/* MOBİL DOKUNUŞLAR */
@media(max-width: 991px){
  #leftMenu{ min-height:auto; }
}
.sidebarMenu.collapsed span, .sidebarMenu.collapsed .arrow {display:none}
.sidebarMenu.collapsed .menu-group.open .submenu {max-height: 0px !important}

#rightMenu {
    padding: 0px
}
.padding15 {
    padding: 15px
}

.padding20 {
    padding: 20px
}

.searchDiv {
    text-align: left
}
.searchDiv a {font-size: 18px}
.panel {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 0px;
    margin-bottom: 15px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

.panel p {
    margin-bottom: 8px;
}

.panel img {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 86px;
}

.panelTitle {
    padding: 7px;
    border-bottom: 1px solid #ddd;
    background: #fafafa;
    border-radius: 6.20px 6.20px 0 0
}

.panelTitle span {
    display: inline-block;
    cursor: pointer;
    float: right;
    padding: 0px 10px;
    margin-top: -7px;
    line-height: 37px;
    font-size: 16px;
    color: #555
}

.panelBody {
    clear: both;
    padding: 15px
}

.panelBody .notifications {
    height: 290px;
    overflow-y: scroll;
}

.panelBody h6 {
    margin-bottom: 25px;
    font-size: 19px;
    font-weight: bold
}
.panel .panelBody h6.panelTitle {font-size: 16px;background: #fff;padding: 8px 4px;font-weight:normal;margin-bottom: 10px;}
.borderRadius-8 {border-radius:8px}
.uyari {position: fixed;top: 5px;right: 8px;padding-left: 35px;padding-right: 35px;z-index: 99;transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out;}
.uyari.alert-dark {background:#000;color:#fff}
.uyari.hide {top: -50px;opacity: 0;}
.staticDiv {
    height: 100%;
    border-left: 1px solid #ddd
}

.staticDiv.first {
    border-left: none
}

.staticDiv span {
    display: block;
    font-size: 13px;
    color: #666
}

.staticDiv span.sdPrice {
    font-size: 26px;
    color: #333
}

.stIcon {
    font-size: 21px;
    text-align: center;
    line-height: 50px;
    color: #4f4181
}

.infoDiv {
    border-bottom: 1px solid #ddd
}

i.animateUp {
    animation: moveIcon 1.5s ease-in-out infinite;
}

.imageDiv {
    height: 90px;
    position: relative
}

.imageDiv span {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    display: inline-block;
    border-radius: 50px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.imageDiv img {
    max-height: 90px;
}

#leftPanel b {
    font-size: 20px
}

@keyframes moveIcon {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

.miniChart p {
    padding: 0px;
    margin: 0px;
}

.miniChart .sdPrice {
    font-size: 24px;
    font-weight: bold
}

.miniChart .icons {
    padding-top: 25px;
    text-align: center;
}

.miniChart svg {
    width: 30px;
    height: 30px
}
.colorGreen,
.colorGreen span,
.colorGreen svg {
    color: #10977e
}

.colorBlue span,
.colorBlue svg {
    color: #1060b5
}

.colorPurple span,
.colorPurple svg {
    color: #7c3aed;
}

.colorRed span,
.colorRed svg {
    color: #dc2626
}
.colorOrange,
.colorOrange span,
.colorOrange svg {
    color: orange
}
.colorDarkBlue span,
.colorDarkBlue svg {
    color: #213e6d
}
.transparentToast {
    opacity: 0.8;
}
.fistPanel .row {height:69px}
.btn.btnPurple, .bgPurple {background: #7c3aed;color:#fff}
.btn.btnGreen, .bgGreen {background: #10a09a;color:#fff} 
.btn.btnOrange, .bgOrange {background: #ff9800;color:#fff} 
.btn.btnDark, .bgDark {background: #1e293b;color:#fff}
.btn.btnDark:hover, .btn.btnDark:active {background: #111;color:#fff}
.btn.btnGreen:hover, .btn.btnGreen:active {background: #108883;color:#fff}
.btn.btnOrange:hover, .btn.btnOrange:active {background: #ff5722;color:#fff}
.btn.btnPurple:hover, .btn.btnPurple:active {background-color: #7c3aed;color:#fff}
.btnPurple:disabled {background: #7c3aed;color:#fff}
.btnBorder {border:1px solid #ddd;}
.btnBorder.active{background:#000;color:#fff;border: none;}
.input-group-text {background:#e9ecef}
.btn-group-flex {display: flex;flex-wrap: wrap;gap: 8px;}
.btn-group-flex .btn {flex: 1;white-space: nowrap;}

#headerMenu {background:#f1f1f1;border-bottom:1px solid #ddd;margin-bottom:19px}
#footerDiv {background:#f1f1f1;border-top:1px solid #ddd;margin-top:19px;text-align:center;padding:20px 0}
#menu {margin:0px}
#menu li {float:left;list-style:none;}
#menu li a {display:block;padding: 1px 12.571px;font-size:16px;line-height:48px;color:#444;border-right:1px solid #ddd}
#menu li a.last {border:none}
#menu li a:hover {color:#000}
.title {margin-bottom:15px;font-size:20px;}
.buttonDiv {display:flex}
.buttonDiv .btn {float: left;text-align:center}
.buttonDiv #hesaplaButton {width:83%;margin-right:2%}
.buttonDiv .sil {width:15%}
#karHesaplaDiv {display:none;}
#karHesaplaDiv span {display:block;text-align:center}
#karHesaplaDiv span.price {font-size:23px}
#karHesaplaDiv span.minPrice {font-size:18px}
#karHesaplaDiv .title > div {background:#1e293b;color:#fff;padding-top:7px;padding-bottom:7px}
#karHesaplaDiv .title > div.kar {background: #13838e;color:#fff;transition:2s;}
#karHesaplaDiv .title > div.zarar {background: #c82525;color:#fff;transition:2s;}
#karHesaplaDiv .tabs {padding:10px 0px;border-bottom:1px solid #ddd}
.row.title {margin-bottom:0px;border-radius:6.20px;overflow:hidden}
.sonucGoster {padding:0px 11px;transition:2s;}
.infromationDiv {border-radius: 5px;height:100%;transition:2s;}
.yaziOrtala {text-align:center}
.alert .badge {color:#333}
#drop-area {
    border: 2px dashed #ccc;
    border-radius: 10px;
    padding: 27px 20px;
    text-align: center;
    transition: all 0.3s ease;
    background: #f9f9f9;
    cursor: pointer;
    position: relative;
}

#drop-area.highlight {
    border-color: #007bff;
    background: #e7f3ff;
    box-shadow: 0 0 15px rgba(0, 123, 255, 0.2);
}

#drop-area.has-file {
    border-color: #28a745;
    background: #f0fff4;
}

#file-label {
    display: inline-block;
    padding: 10px 20px;
    background: #1e293b;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
    transition: all 0.3s ease;
}

#file-label:hover {
    background: #111;
    transform: translateY(-2px);
}

.file-info-item {
    background: #e9ecef;
    border-radius: 5px;
    padding: 10px;
    margin: 5px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-left: 4px solid #007bff;
}
.drag-hint {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 123, 255, 0.9);
    color: white;
    padding: 10px 20px;
    border-radius: 20px;
    font-weight: bold;
    z-index: 10;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% { transform: translate(-50%, -50%) scale(1); }
    50% { transform: translate(-50%, -50%) scale(1.05); }
    100% { transform: translate(-50%, -50%) scale(1); }
}

.badge {
    font-size: 0.75em;
}
.teklifler .active {background:#c6f1da;cursor:pointer}
.teklifler .priceDanger {background:#fdf0cf;cursor:pointer}
.teklifler span {display:block;padding:2px 0px;font-size:13px;}
.teklifler .btn {display: block;margin-bottom: 6px;padding: 5px 3px;line-height: 10px;margin-top: 8px;width: 100%;}
.teklifler span.textGreen {font-size:12px;color:#555}
.teklifler span.fiyat b{font-size:14px;}
.teklifler span.input-group {padding-top:10px}
.teklifler span.input-group-text{width:25px;line-height:32px;display:inline-block}
.bg-red td {background-color: #ffe4e4;box-shadow: none !important;}
.fiyatInput {width:calc(100% - 25px) !important;max-width:120px;float:left;}
.buttonsDiv {padding:0px 0px 15px;text-align:right}
#miniHesaplaForm {position:fixed;left:50%;transform: translateX(-50%);max-width:571px;width:calc(100% - 15px);bottom:-600px;border-radius:6.20px;background:#1e293b;color:#fff;border:1px solid #243247;transition: bottom .7s ease;margin-bottom: 6px;}
#miniHesaplaForm .title {font-size:16px;margin-bottom: 0;}
#miniHesaplaForm .title span {float:right;}
#miniSonuc span {background: #10a09a;padding: 0px 20px 3px;}
#miniSonuc .zarar {background: #c82525;}
#panelClose {padding: 4px;line-height: 13px;position: absolute;left: 50%;transform: translateX(-50%);border: 2px solid #fff;color: #fff;background: #1e293b;border-radius: 20px;top: -12px;}
#footer {background: #1e293b;text-align:center;color:#fff;width:100%;padding:10px 0px;border-top:1px solid #243247}
#line-phone, #cityDiv {position:absolute;left:-5000px}
.title .btn, .miniButton {float:right;padding:5px 8px;line-height:11px}
.miniButton {line-height:7px;margin-left:5px}
.floatLeft {float:left}
.floatRight {float:right}
.textRight {text-align:right}
.modal-footer {justify-content: space-between;}
.modal-title.fs-5 {font-size:16px !important;line-height:22px;font-weight:normal}
.modal-header span {position: absolute;right: 6px;cursor:pointer}
.searchForm input {padding:7.5px;font-size:14px}
.miniDiv b {float:right}
.panelRow {padding-top:15px;padding-bottom:15px}
.modal-header {padding: 8px 15px;background: #114f86;color: #fff;}
.modal-footer > .btn {padding: 5px 33px;}
label span {color:red}
.miniPanel {margin-bottom:5.71px}
.miniPanel .panelBody {padding: 9px 15px;}
.miniPanel:hover {background: linear-gradient(0deg, #f5f5f5, #fff)}
.miniPanel img {width:16px;height:16px;margin-right:5px;border-radius:5px}
.login-wrapper {display: flex;justify-content: center;align-items: center;}
.login-container {width: 100%;max-width: 571px;background: #fff;padding: 30px;border-radius: 12px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.hidden {display: none;}
.login-container .btn {margin-bottom:15px}
/* 🔥 Lisans Kartı */
.license-card {
	background: linear-gradient(135deg, #f0f4ff, #e3e7ff);
	border-left: 6px solid #6f42c1;
	border-radius: 12px;
	padding: 20px 25px;
	margin-top: 30px;
	box-shadow: 0 3px 12px rgba(0,0,0,0.1);
}
.license-title {
	font-weight: 600;
	color: #4a3e8e;
}
.remaining-days {
	font-weight: 600;
}
.text-danger { color: #dc3545 !important; }
.text-warning { color: #ffc107 !important; }
.text-success { color: #198754 !important; }
.hesaplaTable, .hesaplaTable * {border:1px solid #000;text-align:center;width:100%}


.hesaplaTable tr td {
  background: #222830;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
  color: #fff;
}
.hesaplaTable tr:nth-of-type(2n+1) td {background:#1F2937}

.hesaplaTable tr td.oranDiv {background: #182B25;}
.hesaplaTable tr:nth-of-type(2n+1) td.oranDiv {background:#1F3730}
.hesaplaTable tr td.pricesDiv {background: #19121A;}
.hesaplaTable tr:nth-of-type(2n+1) td.pricesDiv {background: #2A212B;}
.hesaplaTable tr:hover td {
  background: #101822;
  filter: brightness(1.4);
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
}
.form-control:focus, .form-select:focus {box-shadow:none;border-color:#ccc;}
.marketLabel {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	border: 1px solid #ccc;
	border-radius: 8px;
	cursor: pointer;
	background: #fff;
	transition: all 0.2s ease;
}
.marketLabel:hover {
	border-color: #6f42c1;
}
.marketLabel.active {
	border-color: #6f42c1;
	background: #f6f1ff;
}
.pazaryeriImg img {
	width: 20px !important;
	height: auto !important;
	vertical-align: bottom;
}
#sonucDiv tr > .siteName {text-align:left}
#sonucDiv tr > .siteName img {border:none;height:20px;width:20px;margin-right:10px}
#rightMenu .padding20 {min-height:calc(100vh - 150px)}
.miniButtons {justify-content: flex-end !important;}
.nav-tabs .nav-link {background: #ddd;color: #111;}
.btn-mini {padding: 3px 9px;font-size: 12px;}
.infoList { list-style:none; padding:0; margin:0; }
.infoList li { padding:5px 0; border-bottom:1px solid #eee; }
.accordion-item, .accordion-button, .accordion-body {border:none !important}
.accordion-button:focus {box-shadow:none}
.miniBadge {position: absolute;font-size: 10px;top: 0px;right: 5px;display: inline-block;padding: 3px 5px;background: #E91E63;line-height: 11px;border-radius: 20px;color: #fff;}
#iconDiv {position:relative}
.animateBell svg {
    animation: ringBell 1.5s ease-in-out infinite;
    transform-origin: 50% 10%; 
}
@keyframes ringBell {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(15deg); }
    20%  { transform: rotate(-10deg); }
    30%  { transform: rotate(5deg); }
    40%  { transform: rotate(-5deg); }
    50%  { transform: rotate(3deg); }
    60%  { transform: rotate(-2deg); }
    100% { transform: rotate(0deg); }
}
.alertDiv {display:block;margin-bottom:15px}
@media (min-width:980px) {
#leftMenu {
    width: 230px;
    transition: all 0.3s ease;
    overflow: hidden;
    background: #1e293b;
    min-height: 100vh;
}

/* Küçük menü hali */
#leftMenu.collapsed {
    width: 70px;
}

/* Menü linkleri */
#leftMenu a {
    display: block;
    align-items: center;
    color: #fff;
    text-decoration: none;
    transition: background 0.2s;
}
#leftMenu.collapsed a, #leftMenu.collapsed .menu-title {display:flex;justify-content: center;}
#leftMenu a:hover {
    background: #334155;
}

/* İkon ve yazı hizalaması */
#leftMenu svg {
    min-width: 24px;
    margin-right: 12px;
    transition: all 0.2s;
}

/* Menü daralınca sadece ikonlar görünsün */
#leftMenu.collapsed a span {
    display: none;
}

/* Menü daralınca ikon ortalansın */
#leftMenu.collapsed a {
    justify-content: center;
}

/* Logo alanı */
.siteLogo {
    width: 100%;
    padding: 10px;
    transition: all 0.3s ease;
}
#leftMenu.collapsed .siteLogo {
    width: 50px;
    margin: 10px auto;
}

/* Sağ taraf genişlesin */
#rightMenu {
    transition: all 0.3s ease;
    width: calc(100% - 230px);
}

#leftMenu.collapsed ~ #rightMenu {
    width: calc(100% - 70px);
}
.mobileShow {display:none}
}
@media (max-width:980px)
{
	thead tr td {vertical-align: middle;}
	#leftMenu {position:fixed;left:-500px;transition: left .35s ease;z-index: 999;top: 52px;padding-top: 15px;}
	#leftMenu.open {left: 0;height:100vh }
	.buttonsDiv {overflow:hidden;text-align:left}
	.buttonsDiv svg, .desktopShow {display:none}
	.buttonsDiv .btn {float:left;width:49%;margin-left:1%;padding: 8px 0px;font-size:12px}
	.responsiveTable {overflow-x:scroll}
	.responsiveTable table {min-width: 700px;width: auto;}
	#rightMenu .padding20 {padding:15px 0px;overflow-x: hidden;}
	.panel {border-radius: 0px}
	.col-md-6.buttonsDiv {padding:15px 5px}
	.miniButtons {justify-content: center !important;}
	.modal-footer {flex-wrap: inherit;padding: 5px 0px;}
	.miniButtons .btn, .modal-footer .btn {width:49%}
	.modal-footer > .btn {padding: 5px 25px;}
	#rightMenu {
        width: 100% !important;
    }
	.headerIcons {font-size: 18px;}
	.noScroll {overflow:hidden}
}
.moduleItems {padding:3px;border-radius:5.71px;border:1px solid #dedede}
.moduleItems img {width: 80%;height: auto;max-width: 100%;vertical-align: text-top;border-radius:8px}
.moduleIcon {text-align:center}
.moduleFooter {background:#f5f5f5;padding:5px 3px 1px}
.moduleFooter .btn {font-size: 13px;padding: 3px 12px 5px;}
p.moduleDesc {height:40px}
p.versionDesc {margin:0px;padding:0px;font-size:12px}
.svgDiv {text-align: center;padding-top: 15px;}
.panelPrice {font-size: 24px;margin: 0 !important;}
.textCapitalize {text-transform:capitalize}
.sitePrice div {border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px}
.sitePrice p {margin:0px;padding:0px;font-size:13px}
.sitePrice .timeAgo {font-size:12px}
.sitePrice .priceDiv {font-weight:bold;font-size:15px}
.sitePrice .productNameP {font-size:13px}
.sitePrice img {max-width:60%;margin-top: 10px;max-height:40px}
.sitePrice span.productStar {display:block;font-size:12px}
.sitePrice span.star {color:orange;font-size:15px}
.mTop0 {margin-top:0px !important}
.panel .accordion-button.collapsed {background:#f1f1f1;border-bottom: 1px solid #dadada !important}
.buybox td {background-color:#e7f6e7;box-shadow:none}