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
}

#leftMenu {
    background: #1e293b;
    color: #fff;
    margin: 0px;
	padding-top:5px;
    min-height: 100vh
}
.siteLogo {max-width:70%;width:auto;height:auto;margin-bottom:15px}
#leftMenu li {
    list-style: none
}

#leftMenu a {
    padding: 10px;
    display: block;
    color: #fff;
    position: relative;
    border-radius: 6.20px;
    margin-bottom: 10px
}

#leftMenu a.active, #leftMenu a:hover {
    background: #7c3aed;
}#leftMenu #logoDiv a.active, #leftMenu #logoDiv a:hover {    background: none;}
#leftMenu a i {
    font-size: 17px;
    margin-right: 9px;
    vertical-align: bottom;
    padding: 8px 10px;
}

#leftMenu a svg {
    width: 20px;
    height: 20px;
    margin-right: 15px;
    vertical-align: bottom;
}


#leftMenu .badge {
    background: #ef4444;
    padding: 5px 7px;
    border-radius: 6.20px;
    display: inline-block;
    float: right
}

#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;}
.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 {background: #7c3aed;color:#fff}
.btn.btnGreen {background: #10a09a;color:#fff}
.btn.btnDark {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.btnPurple:hover, .btn.btnPurple:active {background-color: #7c3aed;color:#fff}
.btnPurple:disabled {background: #7c3aed;color:#fff}

#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}
.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;
  filter: brightness(1.4);
  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;}

#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; }
@media (min-width:980px)
{
	#showMenu {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; }
	.buttonsDiv {overflow:hidden;text-align:left}
	.buttonsDiv svg {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;}
}