/** Materyal Design ESKI CSS*/

/* Task: 22.06.2023
  Angular 15 ile birlikte MDC-based Angular Material Components a geçildi.
  Bu neden material bağlantılı css ler byük bir kısmı kullanım dışı kaldı.
  Kullanılmadığı kesinleişen css ler tespit edilerek temizlenecek.
  mater.css: v14 ve öncesi material css  dosyası
  mamdc.css: v15 ve sonrası MDC-based css dosyası
  https://material.angular.io/guide/mdc-migration#how-to-migrate
 */

.mat-sort-header-arrow {
	margin-left : 1px;
	width       : 10px;
	min-width   : 8px;
  	__visibility  : hidden;
}

.layout-container .layout-main .layout-content {
  	padding: 0px;
  	padding-left: 16px;
}

.mat-form-field {
  display: block;
}

/* MdDialog md-dialog-actions is not at the bottom #4609 */

.mat-dialog-container{
  /*padding: 24px 8px !important;*/
  box-sizing: content-box;
}

.mat-dialog-content{
  padding     : 0 24px;
  max-height  : 70vh;
  font-size   : 14px;
  line-height : 1.5em;
}

/* material ausel*/

.mat-option {
  height: 50px;
  line-height: 20px;
  padding:0px;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px grey;
/*  border-radius: 3px; */
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: darkgrey;
/*  border-radius: 3px; */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: gray;
}

/* Mat-dialog
.mat-dialog-title .mat-icon {
  top: 5px;
  position: relative;
  cursor: grab;
}
*/

/* adds breaks to the mat-checkboxes with long labels */
.mat-checkbox-layout { white-space: normal !important; }

/* rather than center the checkbox, put the checkbox in the first line */
.mat-checkbox-inner-container {  margin-top: 3px !important; }

/*tabların sağ ve solunda bulunan ok tuşlarında gölgelendirme iptal edildi.
  tablar değişinnci menülerde etkileniyor. Bu nedenle tekrar iptal edildi.
*/

mat-tab-header .mat-elevation-z4 {  box-shadow: none; }

/* tab ok larının genişliği 32px idi. Tablara daha geniş alan
   açmak için (mobilde gerekli) 15 px le düşürüldü. */
.mat-tab-header-pagination {  min-width: 15px; }


/* kimlk_wrp benzeri Motep menülerinde step buttonların transparent olup
  sol panel background (açık sarı) göstermesi gerekiyor. */

.mat-stepper-horizontal, .mat-stepper-vertical {
    background-color: transparent;
}

.mat-step-header .mat-step-icon {
	background-color: #FFD300;
}

.mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-edit {
	background-color:#F9A602;
}

.mat-vertical-stepper-header {
  	margin-right: 0 !important;
}

/** A. Material Table */
.mat-kap {
  display: flex;
  flex-direction: column;
  min-width: 300px;
  flex-basis: 300px;
}


/*
::ng-deep .success-snackbar {
	white-space: pre-wrap
}
*/

/**.mat-tab-nav-bar*/

.mat-tab-header       { margin: 0px; background-color: none; }
.mat-tab-label        { min-width: 60px; padding: 0 12px;}
.mat-tab-body         { font-size: small;}
.mat-tab-body-wrapper { margin: -1px; padding-top: 15px; } /** htext lerin çerçeve ise tab çizgisi arasında ki boşluğu kaldırmak için */


/** STEPPER*/
.mat-step-text-label                       { font-size: medium; }
.mat-vertical-content                      { display: none; }
.mat-vertical-content-container            { display: none; }
.mat-vertical-stepper-header               { padding: 16px; margin-right:16px;}
.mat-step-icon, .mat-step-icon-not-touched { height:35px; width:35px; }

/** RADIO*/

/** DATEPICKER */

.mat-form-field-infix {
  border-top: 0px solid transparent;
}

/** INPUT */
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: lightgray;                      /** Material  6.0 Güncellemesinden sonra gerekli oldu. inputlarda alt cizgi rengi*/
}

.mat-form-field-underline{
  background-color: lightgray;                      /** inputlarda alt cizgi rengi*/
}

/**Ausellerde baseline olduğunda ausel olmayan inputlarla aynı hizada olmuyor. örnek: kimlik.filtre inputları*/
.mat-form-field-flex {
  align-items: flex-end;
}

.mat-tab-body-content {
  overflow: hidden;
}

/** TEXTAREA */

textarea.mat-input-element {
  border-bottom: 1px solid #bdbdbd;       /* Alt çizgi gerekli */
  background: #F9F9F9;
}

/** DIALOG */

.mat-dialog-actions {
  flex-direction: row-reverse;              /* Sağa dayamak için */
}

/** MENU */

div .PD05 .mat-menu-item {                  /* Açık olan menülerde*/
  font-size:small;                          /* örnek: sozle_shw */
  padding-left: 5px;
  padding-right: 5px;
  height: 40px;
  line-height: 40px;
}

/**SNACK*/
.mat-snack-bar-container {
  background-color: #CDDC39;
  color:black
}

.snack-nop {
  background-color: red;
  color:white
}

.snack-err {
  background-color: red;
  color:white
}

.snack-oky {
  background-color: CDDC39;
  color:black
}

.snack-inf {
  background-color: yellow;
  color:green;
}