/** Materyal Design CSS*/

/**If you're using Angular CLI, this is as simple as including one line in your styles.css file:
 * https://github.com/angular/material2/blob/master/guides/theming.md
 */
/* @import '~@angular/material/prebuilt-themes/deeppurple-amber.css';*/


.mat-divider {
    border-top-color: lightgray;
}
.mat-mdc-menu-item {
	min-height: 44px;
}

/** https://stackblitz.com/edit/angular-material2-table?file=app%2Fapp.component.css*/


.mat-mdc-chip.mat-mdc-standard-chip {
    margin-right: 3px;
}

/** Ronly olan ausellerin gre den blacke cevririliyor */
.mdc-text-field--filled.mdc-text-field--disabled .mdc-text-field__input{
	color:black;
}

.cdk-overlay-pane, .md-overlay-pane {
	height: auto !important;
}


/* mat-button-toggle */
/*
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .mat-button-toggle-group-appearance-standard {
    border: solid 2px gray;
    font-size: medium;
}
*/

.cdk-overlay-pane mat-mdc-dialog-panel {
	height: auto!important;
}
/**************************************
 *           mat-mdc-tab              *
 **************************************/


 .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    padding: 0 12px;
    line-height: 40px;
 }


/* tab genişlikliklerin contente göre ayarlıyor*/
.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs>.mat-mdc-tab-header .mat-mdc-tab {
	flex-grow: 0;
}

/* .mat-mdc-tab-header-pagination-controls-enabled .mat-mdc-tab-header-pagination {  display: none; } */


/* 	03.05.2025
	1. mobilde tab sayısı fazla ise scroll yapılabilir hale getirmek icin
	2. scroll için 4-5 pixel kalındığında tabın altın bir cubuk ortaya çıkıyor.
	Bunun kalınlığını 0 nasıl yapmak icin
*/

.mat-mdc-tab-label-container {
	overflow-x: auto;
	height: auto;
	scrollbar-width: none; 		/* Firefox */
	-ms-overflow-style: none;  	/* Internet Explorer 10+ */
}

.mat-mdc-tab-label-container::-webkit-scrollbar {
	display: none; 				/* Safari ve Chrome */
}

.mat-mdc-tab-header-pagination {
	display: none !important;
}

/* kimlk_new içindeki inline tablardda sayfa altında checkbox
veya optionbox kullanıldığında tab contentin sağında bir gereksiz scroll oluşuyor.
scrollu çerçeve dışına çıkarıp görünmez yapmak için width 102% e ayarlandı.
stackoverflow çözümü: overflow: hidden!important
https://stackoverflow.com/questions/53778677/how-to-remove-scrollbar-from-mat-tab-or-mat-card
*/

.mat-mdc-tab-body-content {
	__width : 102%;
	overflow: hidden!important;
}

.mdc-tab {
	padding-left    : 0px;
	padding-right   : 0px;
	min-width       : 80px;
	letter-spacing  : var(--mdc-typography-button-letter-spacing, 0.01em)
}

/*material tab bottom line */
.mat-mdc-tab-header {
	padding-bottom: 12px;
}

/*material tab bottom line */
.mat-mdc-tab-labels{
	border-bottom: lightgrey;
	border-bottom-style: solid;
	border-bottom-width: thin;
}



/**************************************
 *           mat-mdc-field            *
 **************************************/

.mat-mdc-form-field, .mat-mdc-floating-label{
	font-size: var(--mdc-typography-body1-font-size, 15px);
}

.mat-mdc-option{
	padding-left: 0px;
}

/* ausellerde satır kayma problemi */
.mat-mdc-option.mdc-list-item{
	display: block;
}

.mdc-dialog__title                {padding: 0 12px 9px 12px;}      /* modal form title padding */
.mdc-dialog .mdc-dialog__content  {padding: 12px 12px 12px 18px;}  /* edit ve new formlarda content padding */
.mat-mdc-menu-content             {width: auto;} 		           /* v15: menulerde word-wrap engellenmesi*/
.mat-mdc-form-field-infix         {min-height: 40px; width: auto;}
.mat-mdc-dialog-content           {max-height: 75vh;}              /* modal formlarda content yüksekliği*/

.mdc-text-field                                         {padding:0 2px;}         	       /* input sol sağ pading */
.mdc-text-field--filled:not(.mdc-text-field--disabled)  {background-color: transparent;} 	/* disabled inputlarda transparent backgruound*/


/* https://stackoverflow.com/questions/75171119/material-15-change-color-input-element-datepicker/75171429#75171429 */
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
	border-bottom-color: lightgray;
}

/* input altında ipucu yüksekliği */
.mat-mdc-form-field-subscript-wrapper, .mat-mdc-form-field-bottom-align::before {
	height: 6px;
}

mat-cell:first-of-type, mat-header-cell:first-of-type, mat-footer-cell:first-of-type {padding-left: 6px;} /* yeni v15 durum rgb kalınlıgı*/

/* input yüksekliği */
.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
	padding-top: 8px;
	padding-bottom: 0px;
}

/* input tarih icon */
.mat-mdc-icon-button.mat-mdc-button-base {
	width: 40px;
	height: 40px;
	padding: 5px;
}

.mat-mdc-icon-button .mat-mdc-button-touch-target {
	position: absolute;
	top: 50%;
	height: 48px;
	left: 50%;
	width: auto; /* width: 48px; scroll-x çıkıyor*/
	transform: translate(-50%, -50%);
}

/* menu altında çıkan scrollbar kaldırmak icin */
.mat-mdc-menu-panel.mat-mdc-menu-panel{
	overflow: hidden;
	min-width: 225px;
	max-width: 400px;
	background:white;
}

/**************************************
 *    shw left menu item              *
 **************************************/

 /* mitem uzunsa micon görünmez olmasın */
.mat-icon {
    overflow:unset;
	_height:33px;
}
/* mitem uzunsa ise ikinci satıra kaymasın */
.mat-mdc-menu-item .mdc-list-item__primary-text {
    white-space: pre;
}




/**************************************
 *       mat-mdc-autocomplete         *
 **************************************/

/* https://stackblitz.com/edit/angular-matselect-style-3vbifz?file=src%2Fstyles.css */

.cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) .mdc-menu-surface.mat-mdc-autocomplete-panel {
	min-width: 280px !important;
	background-color: white;	 /* ausel panel zemin rengi. diger türlü transparent oluyor*/
}

div.mat-mdc-autocomplete-panel.mat-mdc-autocomplete-visible {
	background-color:white;	 /*  ausel above positionda çıktığında */
}

.mat-mdc-option .mdc-list-item__primary-text {
	white-space: nowrap;
}

/* ausel yükseklik problemi  v14 de: .mat-autocomplete-panel */
.mdc-menu-surface.mat-mdc-autocomplete-panel {
	padding: 0px;			/* input ile autocomplete-panel panel arasında bosluk */
	min-width: 280px;   	/* kısa ausellerde,  standart ausel genişliği sağlıyor */
	max-width: none;
	max-height: 457px;  	/* maksimum 9 kayıt 7 kayıt için: 356px*/
}

.mat-mdc-option .mat-icon {
	margin-right: 5px;
}


/**************************************
 *           mat-mdc-table            *
 **************************************/

/* table fixed row height */
.mdc-data-table__table {
	white-space: nowrap;
}

/* hücreler arası boşluk */
.mdc-data-table__cell, .mdc-data-table__header-cell {
	padding: 0px 0px 0px 6px;
}

/* default: 0.0178571429em*/
.mdc-data-table__cell {
	letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.01em);
}

.mat-mdc-table .mdc-data-table__header-row {
	border-bottom: lightgrey;
	border-bottom-style: solid;
	border-bottom-width: thin;
}

/* table bottom rengi ayarlanabiliyor */
.mdc-data-table__row:last-child .mdc-data-table__cell {
	border-bottom: lightgrey;
	border-bottom-style: solid;
	border-bottom-width: thin;
}

.mat-mdc-table .mat-mdc-header-cell {
	border-left-style: none;
	border-right-style: none;
}

/* table row hover / selected */
.mat-mdc-row:hover        { background: #f5f5f5; }
.mat-mdc-row:active       { background: lightblue; }  /* kullanım dışı gibi.. selected_row çalışıyor*/
.mat-mdc-row.selected-row { background: lightblue; }  /* kullanım dışı: statik selected row color*/

/* duruma bağlı selected-row*/
.mat-mdc-row.durum_BC0	{ background: #f8f8f8;}         /* default*/
.mat-mdc-row.durum_BC-1	{ background: rgb(232, 229, 229);}
.mat-mdc-row.durum_BC1	{ background: #dcf9dc;}
.mat-mdc-row.durum_BC2	{ background: lightgoldenrodyellow;}
.mat-mdc-row.durum_BC3	{ background: rgb(232, 229, 229);}
.mat-mdc-row.durum_BC4	{ background: rgb(249, 199, 207);}
.mat-mdc-row.durum_BC5	{ background: rgb(250, 213, 220);}
.mat-mdc-row.durum_BC6	{ background: rgb(232, 229, 229);}
.mat-mdc-row.durum_BC7	{ background: #daeef5;}
.mat-mdc-row.durum_BC8	{ background: rgb(248, 183, 193);}
.mat-mdc-row.durum_BC9	{ background: rgb(232, 229, 229);}

.mat-mdc-row.durum_BC0:hover	{ background: lightgray;} /* default*/
.mat-mdc-row.durum_BC-1:hover	{ background: lightgray;}
.mat-mdc-row.durum_BC1:hover	{ background: #befbbe;}
.mat-mdc-row.durum_BC2:hover	{ background: rgb(250, 250, 171);}
.mat-mdc-row.durum_BC3:hover	{ background: lightgray;}
.mat-mdc-row.durum_BC4:hover	{ background: rgb(248, 183, 193);}
.mat-mdc-row.durum_BC5:hover	{ background: rgb(248, 183, 193);}
.mat-mdc-row.durum_BC6:hover	{ background: lightgray;}
.mat-mdc-row.durum_BC7:hover	{ background: #daeef5;}
.mat-mdc-row.durum_BC8:hover	{ background: rgb(248, 183, 193);}
.mat-mdc-row.durum_BC9:hover	{ background: lightgray;}


.mat-mdc-row {
	background-color:white;
	padding: 0px;
	border-bottom-color: lightgrey;
}

/* kayıt için paginator yüksekliği ayarlanıyor.*/
.mat-mdc-paginator {
	padding-top	:  6px;
}

/* mobil versiyonlarlarda 4 kolon olunca ek yere ihtiyaç olıyor.*/
.mat-mdc-radio-button .mdc-radio {
	padding-right : 2px;
}


.expan-action-buttons {
	padding-bottom: 10px;
}

.expan .mat-expansion-panel-header-description {
	justify-content: space-between;
	align-items: center;
}

/*.expan .mat-mdc-form-field + .mat-mdc-form-field {margin-left: 8px; } */

.expan .mat-expansion-panel-body {
	padding: 6px 0px 6px 6px;
	background-color: ghostwhite;
}

.mat-expansion-panel-header.mat-expanded {
    height: 48px;
	background-color: #E3E3E3;
}


/*
.mat-table {
	overflow: auto;
	cursor: pointer;
}

.mat-cell:first-child, mat-footer-cell:first-child, mat-header-cell:first-child{
	padding-left: 0;
}

.mat-cell:first-of-type, .mat-header-cell:first-of-type, .mat-footer-cell:first-of-type{
	padding-left: 0;
}

.mat-cell {
	flex: 1;
	min-height: 48px;
	max-height: 48px;
	align-items: center;
	padding-left:10px;
	font-size: 1em;
	display: flex;
}


.mat-header-cell {
	flex: 1;
	min-height: 40px;
	align-items: center;
	padding-left:10px;
	font-size: 1em;
	display: flex;
}


.mat-header-row {
	height: 40px;
	padding: 0px;
	border-bottom-color: lightgrey;
	cursor:default;
	top: 0;
	_background-color: #f7f7f7;
}

.mat-paginator-container {
	_background-color: #f7f7f7;
}
*/