/*genel stiller*/
* {
    box-sizing: border-box;
}

body, html {
    height: 100%;
}

body {
    font-family: 'MyCustomFont', sans-serif;
}

main{
     width: 100%;
     min-height: 100vh;
     display: flex;
     flex-direction: column;
     background-image: url("../../../img/btuimer_img01.jpg");
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     overflow: auto;
     scrollbar-width: none;   /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}

/* Hide scrollbar for Chrome, Safari and Opera */
main::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
main {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

@font-face {
  font-family: 'MyCustomFont'; /* CSS’te kullanacağın isim */
  src:  url('../../../fonts/Barlow-Regular.ttf') format('ttf'),
        url('../../../fonts/Barlow-Black.ttf') format('ttf');/*assets e çık*/
      
  font-weight: normal;
  font-style: normal;
}

.my-card{
  /*background-color: rgba(128, 128, 128, 0.7);*/
  /*background-color: rgba(24,58,80,.85);*/
  border:1px solid gray;
  border-radius:3%;
  background-image: url('../../../img/7084.jpg');
  background-size: cover; /* Resmi, ekranın boyutuna göre sığdırır */
  background-position: center; /* Resmi ortalar */
  background-repeat: no-repeat; /* Resmin tekrarlanmamasını sağlar */
}

.my-card-div{
  margin-top: 10px;
}

.my-giris-header > span{
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: gray;
  display: block;
}


.my-btn {
  width: 25%;
  margin:20px auto 0 auto;
  min-width: 200px;
}


div.form-container{
  margin:20px auto;
}

div.form-container .card{
 background-color: white;
}

div.form-group {
 width: 75%;
 margin-top:20px !important;
 margin-left: auto;
 margin-right: auto;
}

.form-buttons button { 
  min-width: 120px; 
}

label {
  font-weight: 600;
 }

 .form-control{
  border: 1px solid gray;
 }

/*genel stiller sonu*/

/*header.php*/

#top-bar {
  padding: 10px 0;
  background-color: #002147;
}

#logo-div {
  margin-top: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .7rem;
  font-weight: 600;
  color: #FFF;
  line-height: 15px;
}

#myTopnav {
  background-image: linear-gradient(#FFF, #002147 2%);
}

/*header.php sonu*/

/*giris.php*/

a.my-link {
  color: #fff;      
  text-decoration: none;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;    
}

a.my-link:hover {
  font-weight: bold;       
  text-decoration: underline; 
}

/*giris.php sonu*/

.myvalidate{
  display:block;    
}

.myvalidate.show{
  visibility:visible;
}

/*kabul.php*/

#wrapper-metin-div {
  width: 70%;
  margin: 20px auto;
  background-color: rgba(255, 255, 255, .8);
  padding: 50px;
  text-align: left;
}

#par-giris {
  font-size:.8rem;
  font-weight: 500;
  font-family: Arial, Helvetica, sans-serif;
}

#metin {
  text-align: justify;
}

#metin ol {
  counter-reset: section;
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

#metin li {
  counter-increment: section;
  margin: 4px 0;
}

#metin li::before {
  content: counters(section, ".") " ";
  font-weight: bold;
}

#metin li ol {
  counter-reset: section;
  padding-left: 0;
  margin-left: 0;
}

#f_basvur{
  position: relative;
}

/*kabul.php sonu*/

/*basvur.php*/

.my-form-card {
  margin-bottom: 20px !important; 
  border: 2px dotted #113e68;
  width: 75%;
  margin: 0 auto;
}

.step-indicator {
  pointer-events: none; /* tıklamayı engeller */
}

.step-indicator {
  text-align: center;
  color: #6c757d; /* Pasif yazı rengi */
  font-weight: bold;
  font-size: 14px;
}

.step-indicator small {
  display: block;
  font-weight: normal;
  font-size: 12px;
  color: inherit;
}

.step-indicator.active {
  color: #28a745; /* Aktif adım yeşil */
}

.form-step {
  display: none;
}

.form-step.active {
  display: block;
}

#charCount {
  position: absolute;
  bottom: 5px; 
  right: 10px; 
  font-family: 'Consolas', 'Lucida Console', 'Courier New', monospace; 
  font-weight: bold;
}

#fileTableBody th, #fileTableBody td {
   text-align: center;
}

.btn-loader {
  margin-left: 8px; /* metin ile loader arası boşluk */
  vertical-align: middle;
}

#oniz-table th{
  width:1%; 
  white-space:nowrap;
}

#oniz-table caption {
  caption-side: top;
  text-align: center;
  background-color: gray;
  font-weight: bold;
  color: white; 
}

/*basvur.php sonu*/

/*sorgu.php*/

.myvalidate{
  font-size: .5rem;  
  color:#842029;       /* danger metin rengi */
}


.myvalidate.show {
    visibility: visible;
}

/*sorgu.php sonu*/

/*footer.php*/
#footer {
  background-color: #002147;
  /* background-image: linear-gradient(#FFF, #002147 2%);*/
  color: white;
  padding-top: 20px;
  font-size: .8rem;
  text-align: center;
  margin-top: auto;
  }
  
  
  div.footer-social {
  color: white;
  width: 30%;
  margin:0 auto 10px auto;
  min-width: 250px;
  }
  
  div.footer-social a img {
  height: 40px;
  border:1px solid;
  border-radius: 50%;
  }
  
  div.footer-social a img:hover {
  border: 1px solid #f6a758;
  background-color: #f6a758;
  }
  
  #copy-span {
  font-size: .75rem;
  }
  /*footer.php sonu*/

  /*media-queries*/


 /*Tablet altı ve mobil ekranlar için */
 @media (orientation: portrait) and (max-width: 767px) {
 .my-form-card {
      width: 100%;
      margin: 0 auto;
  }
}
  /*media-queries sonu*/


  /* .form-control{
    border: 1px solid gray;
  } */