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 !important;
}
.page-dashboard .navigation ul .nav-item.active,
.page-dashboard .navigation ul .nav-item:hover {
	border-bottom: 2px solid #bb3063
}
.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
}
/* 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ı*/
:root {
	--mainColor : #0e2a3a;
	--mainColor2 : #2a9ada;
	--mainColor3 : #2C383B;
}
@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;
}