@media (max-width: 767px){
	.td-container, .tdc-row {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}
.responsive {
  width: 100%;
  /*border-collapse: collapse;*/
  padding:0px;
  border-collapse: separate;
  font-family: Inter !important;
  font-weight: 400 !important;
}
.responsive.sprofil, .pbilgi {
    max-width: 100%;
    margin-left: 0px !important;
}

.responsive th {
  border: 0px;
  padding: 8px 11px;
  background: #45b1c6;
  color: #fff;
  font: 300 1.6em 'Barlow Condensed' !important;
  padding-bottom: 1% !important;
  color: #f9f9f9;
  background-color: #4e5964;
  word-break: keep-all;
}


.responsive thead > tr > th {
  border-bottom: 1px solid #c2c2c2;
  padding-bottom: 0;
  font-size: 1.3em;
}

.responsive td {
  border: 0;
  font-size:1.2em;
  padding: 5px 10px;
  font-family: 'Inter';
}


.responsive td img {
  border: 1px solid #E8E8EE;
  height: 150px;
  aspect-ratio: 4 / 5;   /* ≈ 176px genişlik */
  width: auto;

  float:none;
  margin: 0 auto;

  object-fit: cover;
  object-position: center;
  display: block;
}

.ortala {
  text-align:center;
}

.responsive tbody tr:nth-child(odd) {
  background:#f5f5f5;
}

/*.responsive .sprofil tr:nth-child(odd) {
    background:#ededed;
}*/


/*.cizgili tbody tr:nth-child(odd) {
    background:#e5ecf9;  
}*/

@media only screen and (max-width: 640px) {

  .responsive, .responsive thead, .responsive tbody, .responsive th, .responsive td, .responsive tr {
    display: block;
  }
  .responsive {
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
  }
  .responsive thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .responsive td {
    border: none;
    border-bottom: 1px solid #ddd;
    position: relative;
    /*padding-left: 15%;*/
	text-align: center;
  }
 .responsive tr td:first-child {
  font: 600 1.6em 'Barlow Condensed' !important;
    border-top: 1px solid #ddd;
  }
  .responsive tr:nth-last-of-type(1) {
    border-bottom: 3px solid #bbb;
  }
  .responsive tr {
    border-bottom: 0px;
  }
  /*.responsive td:before {
    position: absolute;
    top: 5px;
    left: 5px;
    max-width: 45%;
    white-space: nowrap;
    font-weight: bold;
  }*/
  img.responsive {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }
  .responsive.tsp td:nth-of-type(2) {
    padding-left: 0 !important;
	margin-left: auto;
    margin-right: auto;
    width: 50%;
  }
	
/*tr:nth-child(odd) {
    background:#ededed;
}*/

 
  /*KULÜP*/
  .responsive.kulup tr:nth-last-of-type(1) {
    border-bottom: 3px solid #bbb;
  }
  .responsive.kulup td:nth-of-type(1):before {
  content: "";
	font-weight: bold; 
	text-align:left;
  }
  .responsive.kulup td:nth-of-type(2):before {
  content: "";
	text-align: left;
  }
  .responsive.kulup td:nth-of-type(3):before {
  content: "";
	text-align: left;
  }
  .responsive.kulup td:nth-of-type(4):before {
  content: "";
	text-align: left;
  }
  
  /*ANTRENÖR*/
  .responsive.antrenor tr:nth-of-type(5) {
    border-bottom: 3px solid #bbb;
  }
  .responsive.antrenor td:nth-of-type(1):before {
  content: "";
	font-weight: bold; 
	text-align:left;
  }
  .responsive.antrenor td:nth-of-type(2):before {
  content: "";
	text-align: left;
  }
  .responsive.antrenor td:nth-of-type(3):before {
  content: "";
	text-align: left;
  }
  .responsive.antrenor td:nth-of-type(4):before {
  content: "";
	text-align: left;
  }
	
  .responsive.antrenor td:nth-of-type(4):after {
  content: ". Kademe";
	text-align: left;
  }
	
  .responsive.antrenor td:nth-of-type(5):before {
  content: "";
	text-align: left;
  }
  
  /*HAKEM*/
  .responsive.hakem td:nth-of-type(1):before {
  content: "";
	text-align: left;
	font-weight: bold; 
  }
  .responsive.hakem td:nth-of-type(2):before {
  content: "";
	text-align: left;
  }
  .responsive.hakem td:nth-of-type(3):before {
  content: "";
	text-align: left;
  }
  .responsive.hakem td:nth-of-type(4):before {
  content: "";
	text-align: left;
  }
  .responsive.hakem td:nth-of-type(5):before {
  content: "";
	text-align: left;
  }
  
   /*PROFİL BİLGİ 
  .responsive.pbilgi td:nth-of-type(1):before {
  content: "BÖLGE";
	text-align: left;
	font-weight: bold; 
  }
  .responsive.pbilgi td:nth-of-type(2):before {
  content: "KULÜP";
	text-align: left;
  }*/ 
  .responsive.pbilgi td:nth-of-type(3):before {
  content: "ANTRENÖR: ";
	text-align: left;
  font-size: small;
  font-weight: bold;
  }
  .middle-right {
    text-align: center !important;
  }
  
  /*PROFİL YARIŞMA*/
  .responsive.sprofil td:nth-of-type(1):before {
  content: "";
	text-align: center;
	font-weight: bold; 
  }
  .responsive.sprofil td:nth-of-type(2):before {
  content: "TARİH";
	text-align: left;
  }
  .responsive.sprofil td:nth-of-type(3):before {
  content: "SIRALAMA DERECESİ";
	text-align: left;
  }
  .responsive.sprofil td:nth-of-type(4):before {
  content: "FİNAL DERECESİ";
	text-align: left;
  }
  .responsive.sprofil td:nth-of-type(5):before {
  content: "MADALYA";
	text-align: left;  
  }
.responsive.sprofil td:nth-of-type(5) {
  padding-bottom: 30px;
  background-size: 100%;
  }
.medal-indent {
	margin-left: 0px;
	margin-top: 0px;
	}
	
.tooltip .tooltiptext {
    width: 50px;
}
	
.tooltip-bottom {
    margin-left: -100px;
}
	
  /*PROFİL ULUSLARARASI YARIŞMA*/
  .responsive.sua td:nth-of-type(1):before {
  content: "TARİH";
	text-align: center;
	font-weight: bold; 
  }
  .responsive.sua td:nth-of-type(2):before {
  content: "TÜR";
	text-align: left;
  }
  .responsive.sua td:nth-of-type(3):before {
  content: "AD";
	text-align: left;
  }
  .responsive.sua td:nth-of-type(4):before {
  content: "YER";
	text-align: left;
  }
  .responsive.sua td:nth-of-type(5):before {
  content: "KATEGORİ";
	text-align: left;
  }
  .responsive.sua td:nth-of-type(6):before {
  content: "SIRALAMA DERECESİ";
	text-align: left;
  }
  .responsive.sua td:nth-of-type(7):before {
  content: "FİNAL DERECESİ";
	text-align: left;
  }
  .responsive.sua td:nth-of-type(8):before {
  content: "MADALYA";
	text-align: left;  
  }
.responsive.sua td:nth-of-type(9) {
  padding-bottom: 30px;
  background-size: 100%;
  }
	
/*YARISMACI*/
  .responsive.yarismaci td:nth-of-type(1):before {
  content: "SIRA ";
	text-align: left;
	font-weight: bold; 
  }
  .responsive.yarismaci td:nth-of-type(2):before {
  content: "";
	text-align: left;
  }
  .responsive.yarismaci td:nth-of-type(3):before {
  content: "";
	text-align: left;
  }
  .responsive.yarismaci td:nth-of-type(4):before {
  content: "";
	text-align: left;
  }
  .responsive.yarismaci td:nth-of-type(5):before {
  content: "";
	text-align: left;
  }
	
/*Yarışma Antrenör*/
  .responsive.yantrenor td:nth-of-type(1):before {
	content: "SIRA ";
	text-align: left;
  }
  .responsive.yantrenor td:nth-of-type(2):before {
	content: "";
	text-align: left;
  }
  .responsive.yantrenor td:nth-of-type(3):before {
	content: "";
	text-align: left;
  }
  .responsive.yantrenor td:nth-of-type(4):before {
	content: "";
	text-align: left;
  }
  
/*TSP*/
  
 .responsive.tsp tr td:first-child {
	font-weight: bold;
    text-align: center;
    font-size: 120%;
    color: chocolate; 
  }
	
 .responsive.tsp td:nth-of-type(2) {
    /* padding-left: 0 !important; */
    margin-left: auto;
    margin-right: auto;
    /* width: 50%; */
    text-align: center;
  }
	
 .responsive.tsp td:nth-of-type(1):before {
	content: "SIRA";
	text-align: left;
  }
  .responsive.tsp td:nth-of-type(2):before {
	content: "";
  }
  .responsive.tsp td:nth-of-type(3):before {
	content: "AD";
	text-align: left;
  }
  .responsive.tsp td:nth-of-type(4):before {
	content: "SOYAD";
	text-align: left;
  }
  .responsive.tsp td:nth-of-type(5):before {
	content: "PUAN";
	text-align: left;
  }
  
/*TOHM*/
  .responsive.tohm td:nth-of-type(2):before {
	content: "AD";
	text-align: left;
  }
  .responsive.tohm td:nth-of-type(3):before {
	content: "SOYAD";
	text-align: left;
  }
  .responsive.tohm td:nth-of-type(4):before {
	content: "BÖLGE";
	text-align: left;
  }
	
	/*ULUSLARARASI BASARILAR*/
  .responsive.uabasari td:nth-of-type(1):before {
  content: "TARİH";
	text-align: center;
	font-weight: bold; 
  }
  .responsive.uabasari td:nth-of-type(2):before {
  content: "YARIŞMA";
	text-align: left;
	padding-left: 25% !important;
  }
  .responsive.uabasari td:nth-of-type(3):before {
    content: "SPORCU";
	text-align: left;
  }
 .responsive.uabasarit th:before {
    content: "SPORCULAR";
	text-align: left;
  }
  .responsive.uabasari td:nth-of-type(4):before {
    content: "KATEGORİ";
	text-align: left;
  }
  	.responsive.uabasari td:nth-of-type(5):before {
    content: "DERECE";
	text-align: left;  
  	}
	.responsive.uabasari td:nth-of-type(5) {
  	padding-bottom: 30px;
  	background-size: 100%;
  	}
	.medal-indent {
	margin-left: 0px;
	margin-top: 0px;
	}
	
	.tooltip .tooltiptext {
		width: 50px;
	}

	.tooltip-bottom {
		margin-left: -100px;
	}
	
input.form-control-ua  {
	max-width:80% !important;
}
}

.form-control-ua {
    display: inline-block;
    margin: 0 20px;
    width: 100%;
    height: calc(1.5em + 2rem + 0rem);
    padding: 1rem 0;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.5;
    color: #666;
    background-color: transparent;
    background-clip: padding-box;
    border-radius: 0;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

input.form-control-ua  {
	max-width:20% !important;
}
#myInput{
width: 100% !important;
max-width: 100%;
line-height: 50px;
height: 50px;
border: 0;
background-color: #f3f3f3;
padding: 1em 1em;
border: 1px inset;
font-family: 'Inter';
font-size: 1.2em;
margin-bottom: 0.5em;
}

.hiddenRow {
        padding: 0 !important;
 }

.gizle {
display: none;
}

/* Highlighted text style */
mark {
    background-color: yellow;  /* Ensure background is yellow */
    color: black;  /* Text should remain readable */
    font-weight: bold;
    padding: 2px 4px;  /* Add slight padding */
    border-radius: 3px;  /* Make it rounded */
}

/* Prevent breaking inside table cells */
td mark {
    display: inline;  /* Keep it inline */
    white-space: nowrap;  /* Prevent breaking inside table cells */
}