@charset "utf-8";
/* CSS Document */

 /*******************************************************************/
                /* omsan tuzla php sayfa css and */
/*******************************************************************/
@media screen and (max-width: 476px){
  .oyuncu-cerceve{width:100%;padding:5px;float:left;height:auto;position:relative;}
.oyuncu{padding-left:20px;padding-right:20px;}

  }

@media screen and (min-width: 476px){
  .oyuncu-cerceve{width:50%;padding:15px;float:left;height:auto;position:relative;}
.oyuncu{padding-left:10px;padding-right:10px;}
  }
@media screen and (min-width: 992px){
  .oyuncu-cerceve{width:32%;padding:15px;height:100%;float:left;position:relative;}

  }

/*.oyuncu-cerceve{display:table !important;}*/

.ana-cerceve{width:100%;height:auto;margin:0;padding:5px;background:grey;float:left;
/*background-image:url(../dist/img/site-img/tavla.jpg);background-position:center;background-repeat:repeat;*/}

.oyuncu-cerceve-ic{width:100%;background:purple;padding:6px;height:240px;position:relative;border:3px solid #CBCBCB;float:left;/*display:table-cell;*/}
.oyuncu-cerceve-ic:hover{border:3px solid blue;}
.oyun-tarihi{width:100%;padding:2px;margin:0;background:black;color:#FFFFFF;font-size:16px;text-align:center;}


.oyuncu-alani{width:100%;background:#CCCCCC;float:left;position:relative;}

.oyuncu-adlari{/*display:table;*/width:100%;margin:0;
}

.oyuncu-adi{width:50%;float:left;position:relative;left:0;background:#47D4FF;color:blue;text-align:center;font-size:12px;
border:1px solid black;margin:0;padding:1px;height:35px;align-items:center;}


.oyuncu-adi h5,.oyuncu-adi h4{
 margin: auto;
 padding:2px;
 
/*
  position: relative;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);*/
}

.oyuncu-1,.oyuncu-2{width:100%;float:left;height:120px;border-radius:35%;overflow:hidden;border:3px solid #FFFFFF;text-align:center;}
.oyuncu{width:50%;float:left;display:inline-block;}
.oyuncu-1:hover,.oyuncu-2:hover{opacity:0.8;border:3px solid red;}

.oyuncu-vs{width:60px;height:auto;
 margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
z-index:99999;
}

.skor{width:50%;padding:2px;font-size:20px;text-align:center;color:black;font-weight:bold;float:left;
 margin: 0;

}
  .skor-alani{width:100%;padding:1px;float:left;position:relative;margin:0;background:white; }
  .oyuncu-cerceve .kazandi:after{
font-family:"fontAwesome";
content:"\f164";color:black;padding-left:20px;padding-right:5px;
position:absolute;z-index:99;
}
  .oyuncu-cerceve .kazandi{
background:#00FF0D;color:black;
}
  .oyuncu-cerceve .kaybetti{
background:#FF0004;color:black;
}
.oyuncu-cerceve .beraber{
background:#FF494C;color:black;
}

.oyuncu-cerceve .kaybetti:after{
font-family:"fontAwesome";
content:"\f165";color:black;padding-left:20px;padding-right:5px;
position:absolute;z-index:99;

}
.oyuncu-cerceve .beraber:after{
font-family:"fontAwesome";
content:"\f056";color:grey;padding-left:20px;padding-right:5px;
}

.omsan-skor-tablo,.modal-body{overflow-x:auto; -webkit-overflow-scrolling: touch;overflow:hidden;background:white;}
.omsan-tavla-alani{
	width:100%;
	padding:10px !important;
	height:auto;
	}

.omsan-tavla-alani .baslik{
	width:100%;
height:auto;
background:#787878;
margin:0;
padding:0;
border:2px solid #41142C;
text-align:center;
float:left;
position:relative;
}
.omsan-tavla-alani .baslik-güncel{
width:100%;
/*height:30px;*/
	background:black;color:#FFFFFF;
	text-align:right;
position:relative;
float:left;

}

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


.omsan-tavla-alani .baslik button{width:100% !important;float:left!important;border-top:1px solid white !important;height:30px}
.omsan-tavla-alani .baslik  button:nth-child(2){text-align:center;margin-bottom:10px;}
.omsan-tavla-alani .baslik  h3{font-size:1.2em !important;margin:0;padding:10px;  white-space:normal;}
#mobil-tr{visibility: visible;}
#sub-tr{visibility: hidden;}
.omsan-tavla-alani .omsan-tavla td:nth-child(4),.omsan-tavla-alani .omsan-tavla td:nth-child(7){
word-wrap: break-word;width:50px !important;padding:2px 3px;text-align:center;
}
.omsan-tavla-alani .omsan-tavla th:nth-child(1),.omsan-tavla-alani .omsan-tavla th:nth-child(2){padding:8px 2px !important;}
.omsan-tavla-alani .omsan-tavla td:nth-child(1),.omsan-tavla-alani .omsan-tavla td:nth-child(2),.omsan-tavla-alani .omsan-tavla td:nth-child(3){padding:8px 2px !important;}

}

button h3,button h4,button h5,button h6{margin:0;;text-align:center;  white-space:normal;height:auto;}
/*button h3{font-size:2.1vw;}
button h4{font-size:1.9vw;}
button h5{font-size:1.7vw;}
button h6{font-size:1.5vw;}
*/
@media screen and (max-width: 768px){
button h3{font-size:28px !important;}
button h4{font-size:24px !important;}
button h5{font-size:22px !important;}
button h6{font-size:18px !important;}
.basari-orani h5{font-size:16px !important;}
.omsan-skor-tablo h6{font-size:18px !important;}
}
.omsan-tavla i{font-size: 20px;cursor: pointer;}
.omsan-tavla .fa-trash{color:red !important;}
.omsan-tavla td>.duzelt{color:#080;}
@media screen and (min-width: 768px){
.omsan-tavla-alani .baslik button h3{margin:0;padding:0;font-size:2.1vw;text-align:center;  white-space:normal;height:auto;}
.omsan-tavla-alani .baslik button:nth-child(1){text-align:center;width:80%;box-sizing:border-box;float:left;}
.omsan-tavla-alani .baslik  button:nth-child(2){border-left:1px solid silver;font-size:1.2em !important;width:20%;box-sizing:border-box;float:left;}
}
.omsan-tavla-alani .baslik .btn {
  background-color: DodgerBlue;
  border: none;
  color: white;
  padding: 12px 16px;
 /* font-size: 16px;*/
  cursor: pointer;
  white-space:normal;
  height:auto;
}


/* Darker background on mouse-over */
.omsan-tavla-alani .baslik .btn:hover {
  background-color: RoyalBlue;
}
.omsan-tavla-alani th{
  padding:10px 2px !important;
  margin:0 !important;
  min-width:30px !important;
  color:black;
  background:#42FF00;
  font-size:10px;
  text-align:center;
}

.omsan-tavla-alani th:hover{
	/*background:#42FF00;color:#000000;*//*border-bottom:2px solid #42FF00;*/
	color:yellow;background:black !important;box-shadow:  2px 4px 3px #888888 inset;}

.omsan-tavla-alani .display tbody tr.odd{background-color:#E7E7E7/*#E7E7E7*/;}
.omsan-tavla-alani .display tbody tr.even{background-color:lightblue;}

 .omsan-tavla-alani table tr:hover,
 .omsan-tavla-alani table tr td:hover{
  background:#000000 !important;
  color:#2AFF00 !important;

}
label.isim{
background-color: #000000;
color: #E7E7E7;

}

.omsan-tavla-alani td{font-size:16px;padding:6px 5px;}
.omsan-tavla-alani  th{padding:6px 1px !important;margin:0 !important;min-width:30px !important;color:red;background:#42FF00;font-size:12px;text-align:center;}
/*td:nth-child(12){padding:0 !important;margin:0 !important;text-align:center;}*/
/*mobilde başlık css*/
 .omsan-tavla-alani >tbody>tr.child span.dtr-title{color:white;padding-left:5px;text-align:left;float:left;}
 .omsan-tavla-alani >tbody>tr.child span.dtr-title:after{content:":";float:right;}

 .omsan-tavla-alani >tbody>tr.child ul.dtr-details>li{
	background:black;color:#42FF00;text-align:right;width:100% !important;padding-right:25px !important;}

.modal-content,.modal-body{padding:1px !important;}
 
  @media screen and (min-width: 768px){
.omsan-tavla-alani .kazandi:after{
font-family:"fontAwesome";
content:"\f164";color:#1200FF;padding-left:20px;padding-right:5px;
position:absolute;z-index:99;
}
.omsan-tavla-alani .kazandi{
background:#00FF0D;color:black;
}
.omsan-tavla-alani .kaybetti{
background:#FF0004;color:black;
}
.omsan-tavla-alani .beraber{
background:#ddd;color:black;
}

.omsan-tavla-alani .kaybetti:after{
font-family:"fontAwesome";
content:"\f165";color:blue;padding-left:20px;padding-right:5px;
position:absolute;z-index:99;

}
.omsan-tavla-alani .beraber:after{
font-family:"fontAwesome";
content:"\f056";color:grey;padding-left:20px;padding-right:5px;
}

  }
   @media screen and (max-width: 768px){

.omsan-tavla-alani .kazandi{
background:#00FF0D;color:black;
}
.omsan-tavla-alani .kaybetti{
background:#FF0004;color:black;
}
.omsan-tavla-alani .beraber{
background:#ddd;color:black;
}

  } 
 /*******************************************************************/
                /* omsan tuzla php sayfa css and */
/*******************************************************************/


/*******************************************************************/
                /* omsan tavla skor gir kayit ekleme form css */
/*******************************************************************/
   @media screen and (max-width: 768px){
 .omsan-tavla-skor-gir{ width:100%;
float:left;margin-bottom:15px;background:#1200FF;padding:5px;
   position: absolute;display:none;top:20px;left:0;
   z-index: 999;
}

  }
@media screen and (min-width: 768px){
    .skor-button-alani .btn{font-size:20px !important;}
.omsan-tavla-skor-gir{
 width:80%;
margin-bottom:15px;background:#1200FF;padding-bottom:10px;
    position: relative;display:block;margin-left: auto;margin-right: auto;
    border: 2px solid springgreen;
    min-height: 370px;
  }

    /*
.omsan-tavla-skor-gir{
 width:80%;
margin-bottom:15px;background:#1200FF;padding-bottom:10px;
    position: absolute;display:none;
  top: 40%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 999;}
  */ 
  }
 
           .omsan-tavla-skor-gir-ic{
               width:100%;/*margin-bottom:15px;*/background:orange;padding-bottom:10px;
         
           }
 .omsan-skor-form{float:left;width:100%;padding:4px;margin:0;}
.omsan-skor-isim{float:left;/*width:75%;*/padding:2px;background:purple;color:black;font-size:18px;}
.omsan-skor-skor{float:left;/*width:25%;*/}
.omsan-skor-skor ,.omsan-skor-isim{background:purple;font-size:18px;padding:2px 2px 10px 2px;}
  .label-baslik{background:black;width:100%;color:white;text-align:center;border:1px solid white;margin-bottom:3px;font-size:18px;}
 .omsan-skor-tarih,.omsan-skor-sistem{width:50%;float:left;}
 .omsan-tarih-ici{margin:0;padding:3px;float:left;width:100%;}
 .omsan-kayitci{width:10%;padding:2px;float:left;text-align:center;}
 
 .omsan-tavla-alani .input-group-text{width:100%;font-size:20px;height:33px;width:100%;text-align:center;
                  position:relative;float:left;padding:2px;display:block;color:greenyellow; }

.radiom:hover{cursor:pointer;}
.oyuncu_1_ad,.oyuncu_2_ad,input,select{font-size:0.9em !important;}
 .radiom{padding:12px;height:25px;width:100%;text-align:center; margin: 0;
  position: absolute;display:block;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}

 .skor-button-alani button{font-size:16px !important;padding:1px !important;}
.ctarih{text-align:center;background:#6666ff;color:#00ff55;height:34px;width: 100%;font-size:18px !important;}
.ctarih:hover{border:2px solid red;color:#00ff55;}
/*******************************************************************/
                /* kayit ekleme form css and */
/*******************************************************************/


/*******************************************************************/
                /* omsan skor tablo özet css */
/*******************************************************************/
.omsan-skor-tablo .basari{}
.omsan-skor-tablo .basari-orani{background:#00ff3c;display:block;padding:25px 0;margin:0;height:100%;}
 .omsan-skor-tablo tr{border-bottom:1px solid blue;}
 .omsan-skor-tablo td,.omsan-skor-tablo th{text-align:center;border:1px solid black; }
 .omsan-skor-tablo tr:hover{background:purple !important;color:blue !important;border-bottom:1px solid black;}
 
 .omsan-skor-tablo thead th{background:blue;color:yellow;padding:10px 5px;}
.oyuncu-vs{z-index:2 !important;}
.omsan-skor-tablo .img-resp1{width:50px;height:50px;}
.omsan-skor-tablo .img-resp2{width:80px;height:auto;}
.omsan-skor-tablo td:nth-child(2){text-align:center;}
.omsan-skor-tablo td:nth-child(7){padding:0;}
.omsan-skor-tablo td{position:relative;}
@media screen and (max-width: 768px){
  .omsan-skor-tablo img{float:none;}
  .gir-buton{width:100%;float:left;margin:0 !important;padding:10px 5px;}
  }
@media screen and (min-width: 768px){
  .omsan-skor-tablo img{float:left;}
  .gir-buton{width:100%;float:left;margin:0 !important;padding:10px 25px;}
  }
  /*******************************************************************/
                /* omsan skor tablo özet css and */
/*******************************************************************/


   .tarih_filtrele{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    }
  .tarih_filtrele th,.tarih_filtrele  td{text-align: center;border:1px solid orange;}  
   .tarih_filtrele th{background: black;color: white;}  
  .tarih_filtrele input{width: 100%;height: 100%;padding: 4px 0;font-size: 18px;text-align: center;} 
.ui-widget th{background: blue;color: yellow;}