:root {
	--gray: rgb(84, 88, 89);
	--gray-bg: rgb(84, 88, 89, 0.03); /*rgb(240, 116, 46)*/
	--white: #ffffff;
	--red: red;
	--focus-white: #f4f7fc;
	--btn-hover: rgb(50, 50, 50);
	--field-bg: rgb(255,255,255); /*#f4f7fc ;*/
	--brick-dust:  rgb(176 112 105);
	--coral-haze: rgb(227 142 132);
	--oil-green: rgb(128 133 109);
}

.lbl {
	font-weight: bold !important;
}

.lbl-main {
	/*padding-left: 5px;*/
	font-weight: bold !important;
	/*background-color: rgb(0, 35, 82, 0.15);*/
	/*border-radius: 10px;*/
	color: var(--white) !important;
	text-align: center !important;
	font-size: 25px !important;
}

.lbl-main {
	background-color: var(--var(--white)) !important;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .02), rgb(45, 45, 47, .15)) !important;
	color: var(--gray) !important;
	font-weight: bold !important;
	text-align: left !important;
	height: 30px !important;
	line-height: 30px !important;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid var(--gray);
	border-radius: 5px;


}

.lbl-main-h2 {
	/*padding-left: 5px;*/
	font-weight: bold !important;
	/*background-color: var(--gray);*/
	/*border-radius: 10px;*/
	color: var(--white) !important;
	text-align: center;
	font-size: 14px;
}

.lbl-main-h2 {
	background-color: var(--var(--white)) !important;
	background-image: linear-gradient(rgb( 168, 192, 187, .48), rgb( 168, 192, 187, .76), rgb( 168, 192, 187, .34)) !important;
	/*background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .02), rgb( 168, 192, 187)) !important;*/
	color: var(--gray) !important;
	font-weight: bold !important;
	text-align: left !important;
	height: 20px !important;
	line-height: 20px !important;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid rgb(168, 192, 187);
	/*border-top: 1px solid var(--gray);*/
	border-radius: 5px;
	font-size: 14px !important;
	height: 10px !important;

}

.lbl-hint {
	font-size: 12px !important;
	color: #ad0000 !important;
}

/************************************************************ BUTON *************************************************************/

.btn-save,
.k-multiselect .k-button {
	font-weight: bold !important;
	background-color: var(--gray) !important;
	opacity: 80%;
	color: var(--white) !important;
}

.btn-save-2 {
	font-weight: bold !important;
	background-color: rgb( 168, 192, 187) !important;
	opacity: 100%;
	color: var(--gray) !important;
}
.btn-save:hover, .btn-save-2:hover, .btn-margin:hover{
	background-color: var(--coral-haze) !important;
}

.btn-save:focus, .btn-save-2:focus{
	background-color: var(--brick-dust) !important;
}
.btn-margin {
	font-weight: bold !important;
	background-color: rgb( 168, 192, 187) !important;
	opacity: 100%;
	color: var(--gray) !important;
    margin-top: 10px;

}

.k-grid tbody .k-button {
   	font-weight: bold !important;
	background-color: var(--gray) !important;
	opacity: 80%;
	color: var(--white) !important;
}

/********************************************************KUTULAR*****************************************************************/
.input_arka_plan,
.k-multiselect-wrap.k-floatwrap {
	border-radius: 8px !important;
	background-color: var(--field-bg)!important;
	height: 30px !important;
	outline: none !important;
	transition: border-color 0.3s ease !important;
}

.input_arka_plan_pasif {
	border-radius: 8px !important;
	background-color: rgba(232, 232, 232, 1) !important;
	height: 30px !important;
	outline: none !important;
	transition: border-color 0.3s ease !important;
}

.input_arka_plan_txt {
	border-radius: 8px !important;
	background-color: var(--field-bg)!important;
	height: 30px !important;
	outline: none !important;
	transition: border-color 0.3s ease !important;
}

.input_arka_plan_txt_pasif {

	border-radius: 8px !important;
	background-color: rgba(232, 232, 232, 1) !important;
	height: 30px !important;
	outline: none !important;
	transition: border-color 0.3s ease !important;
}

.input_arka_plan_txt .k-input:focus, .input_arka_plan-o .k-input:focus,
.input_arka_plan .k-input:focus,
.k-multiselect-wrap.k-floatwrap:focus,
.k-multiselect-wrap.k-floatwrap:focus  {
	background-color: var(--white) !important;
	height: 30px !important;


}

.input_arka_plan_txt .k-input,
.input_arka_plan_txt_pasif .k-input,
.k-widget.k-maskedtextbox .k-textbox {
	/*, .input_arka_plan .k-input*/
	border: 1px solid #ddd !important;
	border-radius: 8px !important;
	background-color: var(--field-bg)!important;
	height: 30px !important;
	outline: none !important;
	transition: border-color 0.3s ease !important;

}

.k-widget.k-textbox.input_arka_plan_txt.k-state-focused,
.k-dropdown-wrap.k-state-default.k-state-focused,
.k-numeric-wrap.k-state-default.k-state-focused,
.k-picker-wrap.k-state-default.k-state-focused,
.k-widget.k-maskedtextbox input:focus,
.k-widget.k-multiselect.k-multiselect-clearable.k-state-focused.k-state-border-down {
	border-color: #0056b3 !important;
	border-radius: 8px !important;
	box-shadow: 0 0 7px 0 var(--red) !important;
}


.input_arka_plan_txt .k-input:focus, .input_arka_plan-o .k-input:focus,
.input_arka_plan .k-input:focus,
.k-multiselect-wrap.k-floatwrap:focus,
.k-multiselect-wrap.k-floatwrap:focus  {
	background-color: var(--white) !important;
	height: 30px !important;


}

span.k-numeric-wrap input.k-formatted-value {
	border: 1px solid #ddd !important;
	border-radius: 8px !important;
	background-color: var(--field-bg)!important;
	height: 30px !important;
	outline: none !important;
	transition: border-color 0.1s ease !important;
}

.input_arka_plan_txt .k-input,
.input_arka_plan_txt_pasif .k-input,
.k-widget.k-maskedtextbox .k-textbox {
	/*, .input_arka_plan .k-input*/
	border: 1px solid #ddd !important;
	border-radius: 8px !important;
	background-color: var(--field-bg)!important;
	height: 30px !important;
	outline: none !important;
	transition: border-color 0.3s ease !important;

}

.k-widget.k-textbox.input_arka_plan_txt.k-state-focused,
.k-dropdown-wrap.k-state-default.k-state-focused,
.k-numeric-wrap.k-state-default.k-state-focused,
.k-picker-wrap.k-state-default.k-state-focused,
.k-widget.k-maskedtextbox input:focus,
.k-widget.k-multiselect.k-multiselect-clearable.k-state-focused.k-state-border-down {
	border-color: #0056b3 !important;
	border-radius: 8px !important;
	box-shadow: 0 0 7px 0 var(--red) !important;
}

.k-state-default {

	border-radius: 8px !important;

}

.k-numeric-wrap.k-state-default.k-state-focused {
	border-color: #0056b3 !important;
	border-radius: 8px !important;
	height: 30px;
	box-shadow: 0 0 7px 0 var(--red) !important;
}


.k-dropdown-wrap,
.k-numeric-wrap,
.k-picker-wrap {
	padding-right: 0em !important;

}

.k-numeric-wrap .k-link {
	margin-top: 1.5px !important;
}

.k-picker-wrap .k-icon {
	margin-top: 5px !important;

}

/*********************************************************LİSTE****************************************************************/

.k-icon k-i-arrow-60-down {
	margin-top: 5px !important;
}

.k-dropzone {

	background-color: #f1f1f1 !important;
}

.k-alt {
	background-color: rgba(193, 188, 216, 0.301) !important;
}

.k-grid tr:hover {
	background-color: #A8C0BB85 !important;
}

.k-state-selected td {
	background-color: var(--gray) !important;
}
/*************************************************************************************************************************/


.k-grid-header th.k-header {
	font-weight: bold !important; font-size: 12px;
}
.k-grid-content.k-auto-scrollable {font-size: 12px;}

.tab-content .padding-5 .k-header{

	background-color: #ad0000 !important;

}

.k-form-error,
.k-invalid-msg,
.field-validation-error {
	visibility: hidden;
	position: relative;
}

.k-form-error::after,
.k-invalid-msg::after,
.field-validation-error::after {
	content: "Bu alan zorunludur";
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
}
:root {
	--gray: rgb(84, 88, 89);
	--gray-bg: rgb(84, 88, 89, 0.03); /*rgb(240, 116, 46)*/
	--white: #ffffff;
	--red: red;
	--focus-white: #f4f7fc;
	--btn-hover: rgb(50, 50, 50);
	--field-bg: rgb(255,255,255); /*#f4f7fc ;*/
	--brick-dust:  rgb(176 112 105);
	--coral-haze: rgb(227 142 132);
	--oil-green: rgb(128 133 109);
}


.btn-dashboard {
	font-weight: bold !important;
	width: 210px !important;
	height: 30px !important;
	background-color: rgb(66, 85, 99)!important;
	/*opacity: 90%;*/
	color: var(--white) !important;
}

.btn-dashboard:hover{
	background-color: var(--coral-haze) !important;
}

.btn-dashboard:focus{
	background-color: var(--brick-dust) !important;
}

.lbl-dashboard {
	opacity: 80%;
	font-style: bold !important;
	color:  rgb(66, 85, 99) !important;
	fill: black;
	/*border: 1px solid rgb(66, 85, 99) !important;*/
	border-bottom: none !important;
	
}

.lbl-line{
border: 1px solid var(--coral-haze) !important;
}

.input_arka_plan_dash {
	
	background-color: var(--field-bg)!important;
	height: 30px !important;
	outline: none !important;
}
.page-account .btn {
	background: var(--gray) !important;
}


.page-account header{
	background-color: rgb(255,255,255, 0.5) !important;
}

#login-form{
	padding: 25px;
}
#panel-login-fast, #panel-login-new {
	background-color: rgb(255, 255, 255, 0.5);
	border-radius: 30px;
	height: 265px !important;
	width: 400px !important;
	max-width: 1000px !important;
}

.page-account {
background-image: url("https://xpoda.feltouch.tr/Uploads/Files/mainback.jpg")
}

.page-dashboard header {
	background: var(--gray) !important;
}
#toggle-side-menu {
	background-color: rgb(45, 45, 47, 0.85) !important;
}

.navbar.default-layout .navbar-brand-wrapper .navbar-brand img {
width: 147px !important;
}

.page-account .col-left .login-bg  {
	max-width: 100% !important;
	margin-top: 150px !important;
	margin-right: 50px !important;
}
.form-group {
	font-weight: bold !important;
}

#BtnLogin {
	background-color: #545859; /* Firma rengi */
	color: #ffffff; /* Yazı rengi */
	padding: 12px 24px; /* Buton iç boşluğu */
	border: none; /* Çerçeve yok */
	border-radius: 8px; /* Hafif yuvarlatılmış köşeler */
	font-size: 16px; /* Yazı boyutu */
	font-weight: 500; /* Orta kalınlık */
	text-align: center;
	cursor: pointer; /* İmleç üzerine geldiğinde işaretçi */
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */
	transition: transform 0.2s, box-shadow 0.2s; /* Geçiş efektleri */
  }
  
#BtnLogin:hover {
	transform: scale(1.05); /* Hover sırasında büyüme efekti */
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15); /* Daha belirgin gölge */
  }
  
  #BtnLogin:active {
	transform: scale(0.98); /* Tıklamada hafif küçülme efekti */
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); /* Daha yumuşak gölge */
  }

#act-swtich-user{
	color:black;
}  

.card-body {
	background-color: var(--gray-bg) !important;
}

.tab-content.padding-5.k-header {
	background-color: var(--gray-bg) !important;
}

.content-wrapper {
	background-color: var(--gray-bg) !important;
}

.card {
	/*-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border:none !important;*/
}


.fa.md-add-circle-outline.iconlabelleft {
margin-top:7px !important;
padding-left: 7px;
}

.iconlabelright {
padding: 8px 14px !important;
}





/****************************************************Liste Search Sola Hizalama****************************************************************/

.k-spacer{
	display: none !important;
}

/****************************************************Prog bar font size****************************************************************/

.k-arcgauge-label {
	font-size: 20px;
}



.navbar.default-layout .navbar-brand-wrapper {
	background: var(--white) !important;
}

.sidebar

/*, .sidebar > .nav .nav-item .collapse*/
	{
	background: linear-gradient(0.50turn, var(--gray), #C5BFDB) !important;
}

.page-dashboard .navigation ul .nav-item.active,
.page-dashboard .navigation ul .nav-item:hover {
	border-bottom: 2px solid var(--gray)
}

.sidebar>.nav .nav-item>.nav-link:hover,
.sidebar>.nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item:hover {
	background: var(--gray) !important;
}


.nav.nav-tabs.bordered li a.active {
	/*background: none!important;*/
	border: var(--orange) 1px solid !important;
	border-bottom: none !important;
}