/* Stil Tanımları */
.input__container {position: relative;}
input {box-sizing: border-box;  background-image: url('../icons/searchicon.png');background-position: 14px 12px;background-repeat: no-repeat;padding: 13px 20px 13px 42px;border: 1px solid #ddd;width: 80%;font-size:11px;border-radius:0;margin:10px 0;font-weight:300;}
summary {float:left;width:100%;padding: 12px 0px 0px 36px;display: block;position: relative;cursor: pointer;font-size:14px;text-transform: uppercase;font-weight:600;}	
summary::before {content:url('../icons/dolmus_hatti1.png'); vertical-align:middle;display:inline;margin-left:10px;margin-right:10px;margin-top:-8px;float:left;}	
summary:focus,
summary:hover,
summary:active {margin:0;font-size:14px;background-color:#1F456E; color: #eee;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;}
details {float:left;width: 100%;margin: 2px auto;background-color:#d2e6ef; color: #ddd;outline: none;align-items: center;align-content: center;align-self: center;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
details:nth-child(even) {background-color:rgba(210,230,239, 0.5);}
details[open], details[open]:hover{background: #FFF;color:#222;font-weight:500;border:1px solid rgba(210,230,239, 0.4);padding-bottom:12px;}
details[open] summary {background: #022D36;color:white;font-weight:500;margin:2px 0;width:100%;}
details[open] summary::before {content:url('../icons/dolmus_hatti2.png'); vertical-align:middle;display:inline;margin-left:3px;margin-right:4px;margin-top:-8px;float:left;align-items: center;align-content: center;align-self: center;border:0px;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}	
details img{width:28px;vertical-align:middle;margin-left:4px;cursor:none;}
details a{text-decoration:none;color:#000;margin:0px 0px 0px 6px;font-weight:500;width:auto;font-size:14px;line-height:18pt;}
details a:hover{text-decoration:none;color:blue;font-weight:600;}
details:focus,
details:hover,
details:active{background-color: #191970;}
details[open] summary::after {content: "\2713"; /* Tik işareti karakter kodu */position: absolute;top: 50%; /* Dikey hizalamayı ayarlar */right: 30px; /* Sağdan boşluk ayarlar */transform: translateY(-50%); /* Dikey hizalamayı düzeltir */font-size: 120%; /* Tik işareti boyutu */color: #00FFFF; /* Tik işareti rengi */font-weight:700;/* Tik işareti kalınlığı */}

              /* belirtilen - işaret edilen kısım */
mark{background-color:yellow;color:black;padding:1px;font-weight:600;font-size:inherit;}
mark:hover{background-color:darkorange;color:black;padding:0 2px;font-weight:600;font-size:inherit;}
               /* belirtilen - işaret edilen kısım son */
							
							  /* silme -yenilem butonu */                 
.yenile {margin:0;border:none;float:right;font-size:12pt;cursor:pointer;padding:13px 22px;color:#f4f4f4;background-color:#191970;width:20%;}
.yenile:hover {background-color:#DCDCDC; color: #000;}
							  /* silme -yenilem butonu son */  

noResults{visibility:visible;}						  
[search=noResults] {margin: 2rem 0 0;animation: opacity 0.6s cubic-bezier(0.5, 0, 0.2, 1);}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
	                        /*  arama kutusu tooltip */        
.tooltip {position: relative;display: inline-block;margin:0;font-size:11pt;width:100%;}
.tooltip .tooltiptext {font-size:10pt;visibility: hidden;max-width: 1024px;background-color: rgba(0,0,0,0.9);color: #fff;text-align: left;border-radius: 6px;padding: 26px;position: absolute;z-index: 100000000;bottom: 110%;left: 40px;margin-left: 0px;margin-right:40px;}
.tooltip .tooltiptext::after {content: "";position: absolute;top: 100%;left: 50px;margin-left: -40px;border-width: 12px;border-style: solid;border-color: #292929 transparent transparent transparent;}
.tooltip:hover .tooltiptext {visibility: visible;-webkit-animation-name: fadeIn;animation-name: fadeIn;-webkit-animation-duration: 1600ms;animation-duration: 1600ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;}@-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
	                        /*  arama kutusu tooltip son */  
							
details[open] #mavi_dolmus50{font-size:95%;padding:1px ;width:100%;margin:0;background-color:white;float:left;}	
details[open] #mavi_dolmus50 a{font-size:95%;border-radius:4px;width:49%;margin:0px 0.5%;padding:12px 0;text-align:center;background-color:#2554C7;color:white;float:left;}	
details[open] #mavi_dolmus50 a:hover{background-color:#8EEBEC;color:#000;font-size:90%;}							
details[open] #mavi_dolmus100{font-size:95%;padding:1px ;width:100%;margin:0;background-color:white;float:left;}	
details[open] #mavi_dolmus100 a{font-size:95%;border-radius:4px;width:70%;margin:0px 15%;padding:12px 0;text-align:center;background-color:#2554C7;color:white;float:left;}	
details[open] #mavi_dolmus100 a:hover{background-color:#8EEBEC;color:#000;font-size:90%;}									
	/* max 680px */
@media only screen and (max-width:767px)
{
summary {padding: 16px 0px 0px 0px;font-size:10px;margin-left:-14px;}
summary:focus,
summary:hover,
summary:active {font-size:11px;margin:0;}

details[open] #mavi_dolmus50 a,
details[open] #mavi_dolmus100 a{font-size:120%;width:100%;margin:2px 0;}	
details[open] #mavi_dolmus50 a:hover,
details[open] #mavi_dolmus100 a:hover{font-size:110%;}	
 
/*  arama kutusu tooltip */        
.tooltip {position: relative;display: inline-block;margin:0;font-size:10pt;width:100%;}
.tooltip .tooltiptext {font-size:10pt;visibility: hidden;max-width: 680px;background-color: rgba(0,0,0,0.9);color: #fff;text-align: left;border-radius: 6px;padding: 16px;position: absolute;z-index: 100000000;bottom: 110%;left: 40px;margin-left: 0px;margin-right:40px;}
/*  arama kutusu tooltip son */  
}	
							
	/* max 360px */
@media only screen and (max-width:360px)
{		
	     /* silme -yenilem butonu */                 
.yenile {border:none;float:right;font-size:10pt;cursor:pointer;padding:15px 10px 14px 10px;color:#f4f4f4;background-color:#191970;width:20%;margin:0 0 0 -30px;}
.yenile:hover {background-color:#DCDCDC; color: #000;}
        /* silme -yenilem butonu son */ 
/*  arama kutusu tooltip */        
.tooltip {position: relative;display: inline-block;margin:0;font-size:9pt;width:100%;}
.tooltip .tooltiptext {font-size:9pt;visibility: hidden;max-width: 360px;background-color: rgba(0,0,0,0.88);color: #fff;text-align: left;border-radius: 3px;padding:10px 14px;position: absolute;z-index: 100000000;bottom: 110%;left: 0px;margin-left: 0px;margin-right:00px;}
/*  arama kutusu tooltip son */     
   
}