body{
	bottom: 0px !important;
}


.strong{
	
	font-weight: bold;
}

.label-form{
	
	 text-align: center;
	 font-weight:bold;
	 background-color: #DCDCDC;
}

.modal-header > .baslik-green{
	
	background-color: #15ed38;
}

.modal-backdrop {
    display:none !important;;
}

.modal-dialog.modal-notify .close {
    opacity: 2;
}
.cursor-pointer{
	cursor: pointer;
}
.modal-dialog.modal-notify.modal-info .badge, .modal-dialog.modal-notify.modal-info,
 .modal-dialog.modal-notify.modal-info .modal-header {
    background-color: #72c02c;
}

.white-text{
color:#FFF  ;
  opacity: .9 !important ;
}
.modal-dialog.modal-notify .heading{
    margin: 0;
    color: #fff;
}

.class-hidden{
	display:none;
}

.header .topbar {
	z-index: 999999;
	padding: 8px 0;/*
	position: sticky;
	top: 0px;*/
	/*background-color: rgba(212, 212, 212, .7);*/
  color:dimgray;
  padding-right: 10px;
	
  }
  .header .topbar ul.loginbar > li > a, 
  .header .topbar ul.loginbar > li > a:hover {
    color: dimgray;
    font-size: 11px;
    text-transform: uppercase;
  }

  /*scrollbar --------------------------------------------------------------- */

  /* width */
  ::-webkit-scrollbar { width: 10px; }
  #menuTasarim::-webkit-scrollbar { width: 8px !important; }
  
  /* Track */
  ::-webkit-scrollbar-track, #menuTasarim::-webkit-scrollbar-track { background: #f1f1f1; }
   
  /* Handle */
  ::-webkit-scrollbar-thumb, #menuTasarim::-webkit-scrollbar-thumb { background: #555; border-radius: 5px; }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover, #menuTasarim::-webkit-scrollbar-thumb:hover { background: #888; border-radius: 5px; }

  .header .logo img {
    z-index: 1;
    margin: 3px 0px 10px 17.727px;
    position: relative;
    width: 100%;
    height: auto;
    max-height: initial;
  }

  .logo svg { display: block; width: 250px; margin: 16px; }

  .content { padding: 10px 0px; }

  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0px;
    box-shadow:none;
  }

  .tab-v1 .nav-tabs {
  	vertical-align: bottom !important;
	padding-bottom: 0px !important;
  align-items: end;
  }

  .tab-v1 .nav-tabs > li > a, 
  .tab-v1 .nav-tabs li {
  	background-color: #DCDCDC;
  	color: black;
  	border-radius: 5px 5px 0 0 !important;
  	height: 1.6rem !important;
    margin-bottom: 0px !important;
  }

  /* .tab-v1 .nav-tabs li.active{
  
  	background-color: #72c02c !important;
  	border-radius: 5px 5px 0 0 !important;
  	height: 2.2rem !important;
  } */

  .tab-v1 .nav-tabs li.active a {
    color:white !important;
  }

  .tab-v1 .nav-tabs li:hover,
  .tab-v1 .nav-tabs li a:hover {
  	background-color: #f1f1f1 !important;
  	color: black !important;
  }



  /* datatables sorting butonları için pr ekliyor. col yapısı bozuluyor */
  th.sorting {padding-right: 0 !important;}
  th.sorting:after {top:auto !important; right: 1px !important; bottom: 1px !important;}
  th.sorting:before { right: 1px !important; bottom: 10px !important;}
  th.sorting_disabled { position: revert !important; }

  :has(> .fixed-action-btn2) { display: flex; justify-content: space-between; align-items: center; }

  .fixed-action-btn2 {
	top: auto !important;
	right: auto !important;
	position: relative !important;
	z-index: 500;
  }

  /* form görünümü */
  .form-control[disabled],
  .form-control[readonly],
  fieldset[disabled] .form-control {
	background-color: #fff;
  }

  .ustSurec {
	border: 1px solid #d9534f;
  }
  .surec {
	border: 1px solid #72c02c;
  }
  .altSurec {
	border: 1px solid #f0ad4e;
  }
  #ort {
	text-align: justify;
	font-size: small;
	padding-bottom: -5px;
  }

  #logo-baslik-tasiyici{
   /* background-image: linear-gradient(to right, #72c02c, #72c02c, black);*/
	
	color: black;
  }

  
  .bottom-30 {
    margin-bottom: 10px;
  }
  .bil:hover {
    cursor: pointer;
  }
/* Menüde arama -----------------------------------------*/
#header-bottom-bar{
	height: fit-content;
	padding: 5px;
}


   #search-in-menu{
	border: 0px;
	border-radius: 15px 0 0 15px;
	font-size: small;
	line-height: 1rem;
	margin: auto;
   }

   #search-in-menu:focus{
	 
	
	color: #f80707;
	border: 1px solid lightblue;
	border-right: 0;
	
   }

   #search-in-menu:focus + i{

	border: 1px solid lightblue;
	border-radius: 0 15px 15px 0;
	border-left: 0;
	font-size: small;
	line-height: 1.75rem;
	margin: auto;
	padding-left: 5px;
	padding-right: 5px;
   }

   /* Sol menü --------------------------------*/
   #menuTasarim
   {
      font-family: system-ui, sans-serif;
      overflow-y: scroll;
   }

   #menuTasarim a{
    background-color:initial !important;
    color:initial !important;
    font-size: initial;
   }
   #menuTasarim>ul>li
   {
		font-weight: 200 !important;
		background-color:darkgray !important;
   }
   #menuTasarim>ul>li>a{
    color:white !important;
   }
   #menuTasarim>ul>li>ul>li
   {
		font-weight: 200 !important;
		color:black !important;
		background-color:lightgray !important;
   }

   #menuTasarim>ul>li>ul>li
   {
		font-weight: 200 !important;
		color:black !important;
		background-color:silver !important;
   }


   #menuTasarim li:hover
   {
		
		color:black !important;
		background-color: #5e878b !important;
   }


  #menuTasarim li.active:not(.list-group-item) {
    background-color: lightblue !important;
    }


  .table .progress{
    width: 100%;
   
  }
  .table .progress .progress-bar {
    height: 20px;
  }

.input-file>.button:has(input[disabled]){
  background-color: lightgray !important;
}

table.dataTable thead th, table.dataTable thead td { padding: 10px 0 !important; text-align: center; }
table.dataTable { width: 100% !important; table-layout: fixed !important; word-wrap: break-word !important; }
table.dataTable a { display: block; cursor: pointer; }
table.dataTable a:hover { color: #000; font-weight: bold;}
table.dataTable i.fa { overflow: hidden; }
table.dataTable .islemCellH i { cursor: pointer; }
table.dataTable .islemCellH { display: flex; justify-content: space-evenly; }

.islemCell a:hover { cursor: pointer; }

thead { background: #98babf; }
th:hover { background: #a5a6a6; }

th.sorting::before, th.sorting::after {opacity: 0.4 !important;}
th.sorting_asc::before, th.sorting_desc::after { opacity: 1 !important; }

.export-buttons-wrapper { display: flex; justify-content: flex-end; }
/* .dt-buttons { float: none !important; } */

.dropdown-menu { text-wrap: nowrap; }
.dropdown-menu>li a { padding: 5px 10px !important; display: block; }
.highcharts-credits { display: none; }

i.icon-xs { width: 24px; height: 24px; font-size: 14px; line-height: 24px; }
table td{ align-content: center; }

.progress-text { width:40px; text-align:right; }
.progress-container { display:flex; gap: 4px; }

.thead-clone select { width: 90%; }

.islemler-wrapper { display: flex; gap: 1rem; }
.islemler-wrapper a:hover { cursor: pointer; transition: all 0.35s; transform: rotate(360deg); }
.islemler-wrapper i { font-size: x-large; }

.loading::before {
  content: '';
  display: block;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100vh;
  height: 100vh;
  background: #fff url('../Eclipse-1s-200px.gif') no-repeat center center;
  opacity: .5;
}

.loading-card::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff url('../Eclipse-1s-200px.gif') no-repeat center center;
  background-size: 100px 100px;
  opacity: .5;
}

.footer-v1 {    
  position: relative;
  bottom: 0;
  width: 100%;
}

.sky-form { border: none !important; }

table.display thead {
  background-color: #5e878b;
  color: white;
}

table thead tr {
  background-color: #5e878b;
  color: white;
}

.button-standart
{
  background-color: #00a896 !important;
  background: #00a896 !important;
}

.btn-u {
  background-color: #00a896 !important;
  background: #00a896 !important;
}

.tab-v1 .nav-tabs{
  border-bottom: solid 2px #5e878b !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background-color: #25505a;
  color: white;
}

.datepicker table * { border-radius: 0; }
.datepicker td, .datepicker th { width: 35px; height: 35px; }

.ellipsis2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}

.ellipsis3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
}

.dashboard-content .card {
  min-height: 430px;
}

.card-header:hover, .list-group-item:hover {
  background-color: #9fd3d7;
}

.duyuru-info { min-width: 200px; }
html { min-height: 100%; }

/* font icon renk tanımlamaları */
i.fa-pen-to-square { color: #217ab5; }
i.fa-trash { color: #f80707; }
i.fa-xmark { color: #f80707; }
i.fa-check { color: #24ddcb; }
.icon-plan { background-color: #7FD7D8; border: none !important; }

td[title]:hover::after {
  content: attr(title);
  position: absolute;
  z-index: 999;
  font-size: 14px;
  color: white;
  background-color: black;
  padding: 5px;
  border-radius: 5px;
 
}