
#local-time{padding:0px 0px 4px 0px;text-align:center;display:inline;width:100%;margin:0 auto;float:left;font-size:120%;font-weight:700;}
#hergun{float:left;width:100%;margin:0px;height:100px;}
#cumartesi-tablosu,
#pazar-tablosu, #haftaici-tablosu, #haftasonu-tablosu, #haftaici-cumartesi-tablosu{float:left;width:49.8%;margin:0px 0.1%;height:auto;}
#cumartesi-tablosu33,
#pazar-tablosu33, #haftaici-tablosu33, #haftasonu-tablosu33, #haftaici-cumartesi-tablosu33{float:left;width:33.1333%;margin:0px 0.1%;height:auto;}

table {width: 100%;border-collapse: collapse;margin:0;float:left;border:1px solid #eee;}
th { background-color: #111;color:#f4f4f4;font-weight:500;font-size:120%; float:left;width:100%;margin:0 auto;padding:10px 0;height:110px;align-self: center;align-items: center;align-content: center;}
td:focus, td:hover {color:yellow;background-color: #111;cursor:text; font-size:98%;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;}
thead{  position: -webkit-sticky; /* Safari */position: sticky;top: 0;box-shadow:0 2px 6px #666;z-index:100;}
td {text-align:center;padding: 16px;font-size:96%;border:1px solid #ddd;font-weight:500;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;}}
tr{border:1px solid #EEEEEE;font-weight:500;}
tr:nth-child(even) {background-color: #F9F9F9;}
td:first-child {font-weight:500;font-size:98%;padding:14px 10px;color:#050000;cursor:default;-webkit-transition: background 400ms ease-in-out, height 0.2s linear;-moz-transition: background 400ms ease-in-out, height 0.2s linear;-ms-transition: background 400ms ease-in-out, height 0.2s linear;-o-transition: background 400ms ease-in-out, height 0.2s linear;transition: background 400ms ease-in-out, height 0.2s linear;}
td:first-child:hover {font-weight:500;font-size:98%;padding:14px 10px;color:#444;cursor:default;-webkit-transition: background 400ms ease-in-out, height 0.2s linear;-moz-transition: background 400ms ease-in-out, height 0.2s linear;-ms-transition: background 400ms ease-in-out, height 0.2s linear;-o-transition: background 400ms ease-in-out, height 0.2s linear;transition: background 400ms ease-in-out, height 0.2s linear;}
tr:hover td, tr:hover td:focus {font-size:98%;background-color: #a9d0d5;color:#444;cursor:text;font-weight:500;-webkit-transition: background 400ms ease-in-out, height 0.2s linear;-moz-transition: background 400ms ease-in-out, height 0.2s linear;-ms-transition: background 400ms ease-in-out, height 0.2s linear;-o-transition: background 400ms ease-in-out, height 0.2s linear;transition: background 400ms ease-in-out, height 0.2s linear;}

.zaman {color: white;background-color:#ADD8E6;padding:0;}
.zaman :focus, .zaman:hover{color: blue;background-color:#eee;}
.kalan_zaman{font-weight:700;color:yellow;} 
.dolmus_hareket{color:yellow;-webkit-animation-name: flash;animation-name: flash;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}@-webkit-keyframes flash {0%, 50%, 100% {opacity: 1;}25%, 75% {opacity: 0;}}@keyframes flash {0%, 50%, 100% {opacity: 1;}25%, 75% {opacity: 0;}} 
h2 img{width:80px;vertical-align:middle;margin-right:4px;margin-top:-6px;}
#ucret{font-size:80%;}
/* kırmızı yuvarlak rakam */
#rakam_kirmizi{background-color: #A91101;color: #f8f8f8;text-align: center;padding:0px 10px;font-weight: 600;float: none;float:none;border-radius:50%;margin:10px 0;line-height:12px;}
/* kırmızı yuvarlak rakam son */
/* ters istikamet */
#ters_istikamet{width:100%;margin:10px 0;padding:0;background-color:#222;color:#f4f4f4;border:1px solid #222;text-align:center;float:left;line-height:54px;}
#ters_istikamet a{width:100%;margin:1px 0;padding:4px 0px;font-size:100%;background-color:#222;color:#f4f4f4;border:1px solid #222;text-align:center;text-decoration:none;border-radius:4px;line-height:54px;float:left;font-weight:500;}
#ters_istikamet a::before{content:url('../icons/donus_icon.png'); vertical-align:middle;display:inline-block;padding:0px;margin:-10px 0 0 0;height:30px;}
#ters_istikamet a:hover{background-color:#f4f4f4;color:#050000;font-weight:600;}
/* ters istikametson  */
/* Dolmuş Hatlarında DİĞER DOLMUŞ butonu css */
#diger_secenek{width:49.6%;margin:0px 0.2%;padding:0;background-color:dodgerblue;color:#f4f4f4;border:1px solid dodgerblue;text-align:center;float:left;line-height:30px;}
#diger_secenek a{width:100%;margin:1px 0;padding:4px 0px;font-size:90%;background-color:dodgerblue;color:#f4f4f4;border:1px solid dodgerblue;text-align:center;text-decoration:none;line-height:30px;float:left;font-weight:500;}
#diger_secenek a:hover{background-color:#f4f4f4;color:dodgerblue;font-weight:600;}
/* Dolmuş Hatlarında DİĞER DOLMUŞ butonu css */
#diger_secenek100{width:100%;margin:0;padding:0;background-color:dodgerblue;color:#f4f4f4;border:1px solid dodgerblue;text-align:center;float:left;line-height:30px;}
#diger_secenek100 a{width:100%;margin:1px 0;padding:4px 0px;font-size:90%;background-color:dodgerblue;color:#f4f4f4;border:1px solid dodgerblue;text-align:center;text-decoration:none;line-height:30px;float:left;font-weight:500;}
#diger_secenek100 a:hover{background-color:#f4f4f4;color:dodgerblue;font-weight:600;}
/* max 767px */
@media only screen and (max-width:767px)
{
#gunler{width:100%;margin:1% 0;float:left;}
#hergun, #cumartesi-tablosu,
#pazar-tablosu, #haftaici-tablosu, #haftasonu-tablosu, #haftaici-cumartesi-tablosu,
#cumartesi-tablosu33,
#pazar-tablosu33, #haftaici-tablosu33, #haftasonu-tablosu33, #haftaici-cumartesi-tablosu33
{float:left;width:100%;border-bottom:4px double rgba(125, 125, 125, 0.5);margin:0px;}
th {height:auto;}
h2 img{width:40px;vertical-align:middle;margin-right:-1px;margin-top:-6px;}
	/* Dolmuş Hatlarında DİĞER DOLMUŞ butonu css */
#diger_secenek{width:100%;margin:4px 0px;padding:0;background-color:dodgerblue;color:#f4f4f4;border:1px solid dodgerblue;text-align:center;float:left;line-height:30px;}
#diger_secenek a{width:100%;margin:1px 0;padding:4px 0px;font-size:100%;background-color:dodgerblue;color:#f4f4f4;border:1px solid dodgerblue;text-align:center;text-decoration:none;line-height:30px;float:left;font-weight:500;}
#diger_secenek a:hover{background-color:#f4f4f4;color:dodgerblue;font-weight:600;}
}

	
	
