@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); 

body {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 14px;
}


body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}
 
.container {
  flex: 1; /* İçerik alanı sayfa yüksekliğinin kalanını kaplasın */
  padding: 20px;
}


a{
  color: black;
  font-weight: bold;
}

.date span {
    font-weight: bold;
    font-size: 18px;
}

.card {
    margin-bottom: 20px;
}
.card-header{
    padding: 6px 14px !important;
    font-size: 16px !important;
    margin-bottom: 20px;
    border-radius: 3px;
}
.card-header span{
    font-weight: 600; 
    display: block;
}
.card-header p{
    font-weight: 300;
    font-style: italic;
    margin: auto;
}

.card-body{
  border-radius: 3px;
  padding: 10px;
}

.signature-box {
    border: 1px solid #ccc;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.signature-text {
    color: #999;
}

footer {
    background-color: #D32F2F;
    color: white;
    padding: 10px;
}

footer p {
    margin: 0;
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6{
    font-weight: bold;
}


/* modal */
.modal-content {
    max-width: 90%;
    margin: auto;
}
.modal-body {
    max-height: 70vh;
    overflow-y: auto;
    padding: 2rem 2rem;
}
.modal-footer {
    justify-content: center;
}
.custom-btn {
    background-color: #c90000;
    color: white;
    font-size: 18px;
} 
.modal-header{
    padding: 15px 30px;
}

.logo{
    width: 100%;
    max-width: 180px;
}

/* form */ 

.form-group {
  margin-bottom: 6px !important;
}

.form-control {
  height: calc(1.5em + 0.50rem + 2px) !important;
color: #555555;
background-color: #f5f5f5;
background-clip: padding-box;
border: none;
padding: 0  1.25rem;
font-size: 14px !important;
/*
padding: 1.25rem 1.25rem;
height: auto;*/
}

.list-group .bi{
    color: #dc3545;
    font-size: 20px;
}
.list-group-item{
  padding: 2px 10px;
}


label { 
    font-weight: 500;
    font-size: 14px;
    padding: 0  1.25rem;
    margin-bottom: 0;
  }


  label span { 
    font-weight: 300;
    font-style: italic;
    color: #777;
    padding-left: 15px;
  }

  
  label.sozlesme span { 
    font-weight: 600;
    color: #d13838;
    text-decoration: underline; 
    font-style: normal;
    padding-left: 0;
  }

  footer .social a{
    color: white;
    padding: 5px 5px;
  }


  footer .city{
    letter-spacing: 1px;
  }

  footer .ara{
    font-size: 26px; 
    color: white;
    text-decoration: none;
    display: block;
  }

  footer .ara i{
    font-size: 36px; 
  }

  footer img{
    width: 200px;
  }

  /* width */
::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #b42a2a;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #831919;
  }


  /* .signature-box */
  .fs-container {
    width: 100%;
    height: 1020px;
    margin: auto;
  }

  .literally {
    width: 100%;
    height: 100%;
  }

  .imgBank{
    max-width: 300px;
  }

  .table th, .table td {
    padding: 3px 10px;
}

.tableOdeme tr td:last-child {
 text-align: right;
}

.tableOdeme table{
  width: 100% !important;
}

.formHead{
  font-size: 24px;
}


@media (max-width: 776px) {
  .formHead{
    font-size: 18px;
  }
  .modal-title{
    font-size: 16px;
  }
  .modal-footer button{
    font-size: 14px;
  }
}