/* MINT GREEN — daha canlı & kontrast */
.new-deal-btn-g {
    background-color: #57C88F !important;
    color: #ffffff !important;
    font-family: 'Segoe UI', Inter, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    border: none !important;

    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
margin-top: 25px !important;
    transition: background-color .2s ease !important;
}

.new-deal-btn-g:hover {
    background-color: #49B27D !important;
}


/* Kırmızı — daha canlı & daha premium */
.new-deal-btn-s {
    background-color: #FF6454 !important;
    color: #ffffff !important;
    font-family: 'Segoe UI', Inter, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    border: none !important;
margin-top: 25px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color .2s ease !important;
}

.new-deal-btn-s:hover {
    background-color: #E55748 !important;
}
:root {
	--mainColor : #0e2a3a;
	--mainColor2 : #2a9ada;
	--mainColor3 : #2C383B;

body::-webkit-scrollbar {  
	display: block;
	width: 10px;
	overflow: auto;
}
/*********/

.page-dashboard header,
.page-account header,
.sidebar,
.navbar.default-layout .navbar-brand-wrapper,
.sidebar > .nav .nav-item .collapse {
	background: /*#bb3063*/var(--mainColor) !important;
}
.page-dashboard .navigation ul .nav-item.active,
.page-dashboard .navigation ul .nav-item:hover {
	border-bottom: 2px solid /*#bb3063*/var(--mainColor)
}
.page-dashboard .navigation ul .nav-item {
	max-width:165px;
}
.sidebar > .nav .nav-item > .nav-link:hover,
.sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item:hover {
	background: #333 !important;
}

/* form çalışmaları*/

.k-textbox>.k-input, 
.k-textbox>input,
.k-widget.k-textbox,
.k-dropdown-wrap.k-state-default,
.k-combobox .k-state-default .k-input,
.k-picker-wrap.k-state-default .k-input,
.k-numeric-wrap.k-state-default .k-input,
.k-numeric-wrap.k-state-default,
.k-multiselect-wrap,
.k-picker-wrap,
.k-button{
	border-radius:200px;
}
textarea{
	border-radius:20px;
	padding: 5px 15px;
}
.k-widget.k-textbox.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-combobox .k-state-focused .k-input,
.k-picker-wrap.k-state-focused .k-input,
.k-numeric-wrap.k-state-focused .k-input,
.k-numeric-wrap.k-state-focused,
.k-multiselect-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
textarea.k-state-focused {
	box-shadow:0 0 7px 0 /*#bb3063*/var(--mainColor)
}
/* animate */

@keyframes asagi-yukari{
		100%,0%{
			margin-top: 0;
		}
		50%{
			margin-top: 10px;
		}
}
@keyframes saga-sola{
		100%,0%{
			margin-left: -10px;
		}
		50%{
			margin-left: 0px;
		}
}
@keyframes hareketli{
		100%,0%{
			margin-left: 0;
			transform: rotate(0deg);
		}
		10%{
			margin-left: 8px;
			transform: rotate(5deg);
		}
		20%{
			margin-left: 10px;
			transform: rotate(10deg);
		}
		30%{
			margin-left: 12px;
			transform: rotate(5deg);
			
		}
		40%{
			margin-left: 10px;
			transform: rotate(0deg);
		}
		50%{
			margin-left: 0px;
			transform: rotate(-5deg);
		}
		60%{
			margin-left: -8px;
			transform: rotate(-10deg);
		}
		70%{
			margin-left: -10px;
			transform: rotate(-5deg);
		}
		80%{
			margin-left: -12px;
			transform: rotate(-0deg);
		}
		90%{
			margin-left: -8px;
			transform: rotate(-5deg);
		}
}
@keyframes example {
  0%   {background-color:red; left:0px; top:0px;}
  25%  {background-color:yellow; left:200px; top:0px;}
  50%  {background-color:blue; left:200px; top:200px;}
  75%  {background-color:green; left:0px; top:200px;}
  100% {background-color:red; left:0px; top:0px;}
}
@keyframes rainbow-bg{
		100%,0%{
			background-color: rgb(255,0,0);
		}
		8%{
			background-color: rgb(255,127,0);
		}
		16%{
			background-color: rgb(255,255,0);
		}
		25%{
			background-color: rgb(127,255,0);
		}
		33%{
			background-color: rgb(0,255,0);
		}
		41%{
			background-color: rgb(0,255,127);
		}
		50%{
			background-color: rgb(0,255,255);
		}
		58%{
			background-color: rgb(0,127,255);
		}
		66%{
			background-color: rgb(0,0,255);
		}
		75%{
			background-color: rgb(127,0,255);
		}
		83%{
			background-color: rgb(255,0,255);
		}
		91%{
			background-color: rgb(255,0,127);
		}
}

@keyframes rainbow{
		100%,0%{
			color: rgb(255,0,0);
		}
		8%{
			color: rgb(255,127,0);
		}
		16%{
			color: rgb(255,255,0);
		}
		25%{
			color: rgb(127,255,0);
		}
		33%{
			color: rgb(0,255,0);
		}
		41%{
			color: rgb(0,255,127);
		}
		50%{
			color: rgb(0,255,255);
		}
		58%{
			color: rgb(0,127,255);
		}
		66%{
			color: rgb(0,0,255);
		}
		75%{
			color: rgb(127,0,255);
		}
		83%{
			color: rgb(255,0,255);
		}
		91%{
			color: rgb(255,0,127);
		}
}

.nct-title 		   {background-color:#9b59b6; color:#fff; font-weight:bold !important; font-size:30px !important; text-align:center !important;}

.nct-btn-primary   {background-color:#0d6efd; color:#fff; font-weight:bold !important;}
.nct-btn-secondary {background-color:#6c757d; color:#fff; font-weight:bold !important;}
.nct-btn-success   {background-color:#198754; color:#fff; font-weight:bold !important;}
.nct-btn-danger    {background-color:#dc3545; color:#fff; font-weight:bold !important;}
.nct-btn-warning   {background-color:#ffc107; color:#000; font-weight:bold !important;}
.nct-btn-info      {background-color:#0dcaf0; color:#000; font-weight:bold !important;}
.nct-btn-light     {background-color:#f8f9fa; color:#000; font-weight:bold !important;}
.nct-btn-dark      {background-color:#212529; color:#fff; font-weight:bold !important;}
																		   
.nct-btn-save      {background-color:#2ecc71; color:#fff; font-weight:bold !important;}
.nct-btn-delete    {background-color:#e74c3c; color:#fff; font-weight:bold !important;}
.nct-btn-new       {background-color:#3498db; color:#fff; font-weight:bold !important;}

/*flexoppstan alındı*/

}
@font-face {
  font-family: Montserrat;
  src: url(/Content/custom/Montserrat/Montserrat-Regular.ttf);
}
body {
    font-family: "SFPro", sans-serif;
	font-family: Montserrat !important;
}
.nct-btn {
	background-color: var(--mainColor) !important;
	color: #fff !important;
	font-family: Montserrat !important;
	height: 30px !important;
	line-height:20px;
	margin-top: 5px !important;
}
.nct-btn:hover {
	background-color: var(--mainColor2) !important;
}
.nct-btn:active, .nct-btn:visited {
	background-color: var(--mainColor2) !important;
}
.nct-h1, .nct-h2, .nct-h3, .nct-h4 {
	background-color: #fff !important;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.02), rgba(0,0,0,.05)) !important;
	color: var(--mainColor) !important;
	font-family: Montserrat !important;
	font-weight:bold !important;
	text-align:left !important;
	height:30px !important;
	line-height:30px !important;
	padding:0;
	margin:0;
	padding-left: 10px;
	border-left: 10px solid var(--mainColor);
	border-bottom: 1px solid var(--mainColor);
	border-radius:20px;
}
.nct-h1:hover, .nct-h2:hover, .nct-h3:hover, .nct-h4:hover {
	color: var(--mainColor2) !important;
	border-left: 10px solid var(--mainColor2);
	border-bottom: 1px solid var(--mainColor2);
}
.nct-h1 {
	font-size:20px !important;
}
.nct-h2 {
	font-size:16px !important;
}
.nct-h3 {
	font-size:14px !important;
}
.nct-h4 {
	font-size:13px !important;
}
.nct-label {
}

.btn-group a{
	font-weight:bold;
	background-color:rgba(0, 74, 173, 1) !important;
	border-radius:200px;
}
.btn-group{
	margin-top:24px;
	background-color:rgba(0, 74, 173, 1) !important;
	border-radius:200px;
}


.s-switch-on, .s-switch-on:before {
    background-color: #21529a !important; content: "Evet"; font-size:14px; font-weight: bold; color:#fff !important; padding-left: 10px !important; padding-top: 2px !important; text-align: left!important;
border-radius:0px !important; border-radius:90px !important;    height: 25px;}

.s-switch-off, .s-switch-off:before {
    background-color: #929292 !important; content: "Hayır"; font-size:14px; font-weight: bold; color:#fff !important; padding-right: 10px !important; padding-top: 2px !important; text-align: right !important;
 border-radius:0px !important; border-radius:90px !important;    height: 25px;}

.s-switch:after {height:80% !important; width:20% !important; border-radius:50% !important;  margin-top:-2px !important;}

.s-switch-on:after {left: -webkit-calc(100% - 22%);}

#ddl-languages li a[href*="de-DE"] {
    font-size: 0; /* Mevcut "Türkçe" yazisini gizler */
}
/* Bayragin kaybolmamasi için img etiketini tekrar görünür yapiyoruz */
#ddl-languages li a[href*="de-DE"] img {
    font-size: initial; 
    margin-right: 5px; /* Opsiyonel bosluk */
}
/* Yeni metni ekliyoruz */
#ddl-languages li a[href*="de-DE"]::after {
    content: "日本語"; /* Buraya istedigin yeni metni yaz */
    font-size: 14px; /* Orijinal font boyutun neyse onu yazmalisin */
    vertical-align: middle;
}
 
/* 1. Sadece Türkçe linkini hedef al ve içindeki orijinal metni gizle */
#ddl-languages a.dropdown-item[href*="de-DE"] {
    font-size: 0 !important;
}
/* 2. Bayrak ikonunun kaybolmasini engelle ve görünür yap */
#ddl-languages a.dropdown-item[href*="de-DE"] .flag-icon-holder {
    display: inline-block;
    font-size: initial; /* Ikon boyutunu normale döndür */
	max-height:25px !important;
	max-width:25px !important;
    vertical-align: middle;
    margin-right: 8px; /* Bayrak ile yeni metin arasi bosluk */
}
#ddl-languages a.dropdown-item[href*="de-DE"] > img{
	max-height:25px !important;
	max-width:25px !important;
	width:25px !important;
	height:25px !important;
}
/* 3. "TR" metnini enjekte et */
#ddl-languages a.dropdown-item[href*="de-DE"]::after {
    content: "日本語";
    font-size: 14px; /* Menüdeki diger yazilarin boyutuyla ayni yapin */
    vertical-align: middle;
    font-weight: 500; /* Istege bagli: Kalinlik ayari */
}
/* Navbar'da seçili dili hedef al */
nav ul li a[href*="de-DE"] span {
    font-size: 0 !important;   /* Orijinal metni gizle */
}

/* Yeni metni ekle */
nav ul li a[href*="de-DE"] span::after {
    content: "日本語";
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
}


/* Zorunlu alan uyarı eklenen label */
.nct-header-label-must {
	    color: #1e3a8a !important; /* lacivert-mavi arası ton */
    font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif !important;
    font-weight: 600 !important;
    text-align: left !important;
    height: 22px !important;
    line-height: 22px !important;
    font-size: 16px !important;
    letter-spacing: 0.2px !important;
    display: inline-block !important;
    transition: color 0.3s ease, transform 0.2s ease !important;
}
.nct-header-label-must::after {
  content: "  *" !important; /* son karakterin ne olduğunu manuel yazman gerek */
  color: red !important;
  font-weight: bold !important;
}



.nct-header-label {
    color: #1e3a8a !important; /* lacivert-mavi arası ton */
    font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif !important;
    font-weight: 600 !important;
    text-align: left !important;
    height: 22px !important;
    line-height: 22px !important;
    font-size: 16px !important;
    letter-spacing: 0.2px !important;
    display: inline-block !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

/* --- Başlıklar (ÇİZGİ METNE YAKIN) --- */

.nct-header-h1, .nct-header-h2, .nct-header-h3, .nct-header-h4 {
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border-left: none !important;
    color: #323338 !important;
    font-family: 'Figtree', 'Roboto', 'Segoe UI', sans-serif !important;
    font-weight: 600 !important;
    text-align: left !important;
    line-height: 1.2 !important; 
    padding-left: 0 !important;
    padding-bottom: 4px !important; 
    margin: 20px 0 25px 0 !important; 
    border-bottom: 2px solid #cfd7e6 !important;
    width: 100% !important;
    display: block !important;
}

.nct-header-h1::after, .nct-header-h2::after, .nct-header-h3::after, .nct-header-h4::after {
    content: none !important;
    display: none !important;
}

.nct-header-h1 { font-size: 20px !important; }
.nct-header-h2 { font-size: 18px !important; }
.nct-header-h3 { font-size: 16px !important; }
.nct-header-h4 { font-size: 16px !important; }