.body{
     -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;      
}
@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
}
.windows {
    position: absolute;
    right: 8px;
    bottom: 8px;
    height: 360px;
    width: 360px;
    background-color: rgba(2,136,222,0.50);
   /* border: 1px solid #0288d1;*/
    /*overflow:scroll;*/
    box-shadow: 10px 10px 15px #888888;
    border-radius: 4px ;
    z-index: 1500;

     -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;       
}

#mrkmenu{
    position: absolute;
    top: 180px;
    left: 270px;
    height: 52px;
    width: 280px;
    background-color: rgba(255,255,255,0.80);
    box-shadow: 10px 10px 15px #888888;
    border-radius: 4px;
    z-index: 0;
    padding-left: 2px;
    display: none;

    border-color: lightblue;
    border-style: solid;
    border-width: 1px;
}

.srcimg{
    position: absolute;
    top: 6px;
    left: 362px;
    width: 32px;
    height: 32px;
    display: inline-block;
    cursor: pointer;
    background-size: 24px;
    background-repeat: no-repeat;
}

.srcimg:hover{
    background-image: url('../images/search.png');
}
.srcimg:link{
    background-image: url('../images/search.png');
}

.searchwin{
        position: absolute;
    top: 90px;
    left: 70px;
    /* height: 54px; */
    width: 402px;
    background-color: rgba(255,255,255,1.80);
     box-shadow: 10px 10px 15px #888888; 
    /* border-radius: 4px; */
    z-index: 0;
    /* padding-left: 2px; */
    visibility: hidden;

    border-color: lightblue;
    border-style: solid;
    border-width: 2px;
}

.seperator{
    position: absolute;
    left: 354px;
    top: 0px;
    height: 18px!important;
    width: 1px!important;
    padding: 5px 0;
    margin: 4px 0;
    background-color: lightblue;
    
}

.srcres{
    position: absolute;
    top: 65px;
    left: 8px;
    /* height: 360px; */
    width: 350px;
    background-color: rgba(255,255,255,1.0);
    box-shadow: 10px 10px 15px #888888;
    /* border-radius: 4px; */
    border-color: lightblue;
    border-width: 2px;
    border-style: solid;
    visibility: hidden;
    max-height: 312px;
    overflow-x: auto;
    z-index: 9900;
    /* overflow-y: hidden; */
}

.lst{
    list-style:none;
    padding:0px;
}

.lst2 {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: -10px;
    margin-top: 4px;
}

.lstitem{
    padding-top:2px;
    background-color:rgba(245,245,245,0.80);
    border-bottom-width:1px;
    border-bottom-color:aqua;
   
    font-family: 'Roboto-Regular';
    font-size: 14px ;
    color: black;
          
}

.lstanc{
    display:block;
    text-decoration: none;
    color:black;

}

   .lstanc:link {
        background-color: rgba(245,245,245,0.80);
   
    }
    .lstanc:visited {
        background-color:rgba(245,245,245,0.80);
    }
    .lstanc:hover {
        background-color:rgba(185,185,185,0.80);
    }
     .lstanc:active {
        background-color:rgba(245,245,245,0.80)
        
    }

.trans{
    display:inline-block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-size: 24px;
    background-repeat: no-repeat;
    background-color: rgb(2,136,222);
    box-shadow: 2px 2px 1px -1px rgba(0,0,0,0.75);

}

#ostrt{
    resize:none;
    overflow-y:auto;
    overflow-x:hidden;
}

#oendrt{
    resize:none;
    overflow-y:auto;
    overflow-x:hidden;
}

#transcar{
    background-image: url('../images/iskele/arabali.png');
    opacity: 1.0;
}
#transbus{
    background-image: url('../images/marmaray.png');
    opacity: 0.40;
}

.trans2{
    display:inline-block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-size: 24px;
    background-repeat: no-repeat;
    background-color: rgb(2,136,222);
    box-shadow: 2px 2px 1px -1px rgba(0,0,0,0.75);

}
#transcar2{
    background-image: url('../images/iskele/arabali.png');
    opacity: 1.0;
}
#transbus2{
    background-image: url('../images/marmaray.png');
    opacity: 0.40;
}


/*
#transbus2:hover{
    opacity: 0.6;
}

#transcar2:hover{
    opacity: 0.6;
}
    */
.routediv{
    position: absolute;
    top: 90px;
    left: 60px;
    bottom: 4px;
    width: 380px;
    height:244px;
    max-height:calc(100% - 76px);
    background-color: rgba(255,255,255,0.85);
    z-index:9000;
     box-shadow: 10px 10px 15px #888888;
    border-radius: 4px ;
    overflow:hidden;
     -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;       
  display:none;
}

.opts {
           
             font-size: 12px;
    font-family: 'Roboto-Medium';
            padding: 6px;
            height: 45px;
                background-color: rgba(180,210,255,0.85);
                border:solid;
                border-color:white;
                border-width:1px;
		}

#route-options {
			height: 45px;
               
		}
#route-result{
    border-top:none;
}
#route-container {
           position:relative;
           top:0px;
           left:0px;
            width:96%;
            height:730px;
            border: 1px solid #cccccc;
            background-color: rgba(255,255,255,0.65);
            font-size: 12px;
            font-family: 'Roboto-Medium';
            padding: 6px;
            overflow-y: auto;
            overflow-x: hidden;
        }
td.tit {
			padding-left: 5px;
		}

.radio{
   position: absolute;
   /* bottom: -5px;
    left: 2px;*/
   right: 206px;
   top: 10px;
    cursor: pointer;
    z-index: 999;
   
  /*  filter: drop-shadow(10px 10px 15px #888888);*/
}

.radioimg{
 /*   position: absolute;
/*    clip: rect(0, 76px, 94px, 0); 
    width: 76px;
    height: 94px;
    box-shadow: 10px 10px 15px #888888;*/
}

#wintimeout{
    left:30%;
    top:20%;
    right:unset;
    bottom:unset;
    width: 540px;
    height: 46px;
    background-color: rgba(2,136,222,0.85);
    display:none;
    color: white;
    font-size: 12px;
    font-family: 'Roboto-Medium';
    box-shadow: 10px 10px 15px #444444;
}

#wtoh2{
    position:absolute;
    top:320px;
    left:0px;
   
    color:#002c57;
    font-size:14px;
    font-family: 'Roboto-Medium';
    display:block;
    box-shadow: 10px 10px 15px #444444;
    cursor: pointer;
}

#wtoh1{
    position:absolute;
    top:47px;
    left:0px;
   
    color:#002c57;
    font-size:14px;
    font-family: 'Roboto-Medium';
    display:block;
    box-shadow: 10px 10px 15px #444444;
}

#wtomsg{
    position:absolute;
    top:48px;
    left:0px;
    max-width:100%;
    color:#002c57;
    font-size:12px;
    font-family: 'Roboto-Medium';
    background-color:white;
    display:block;
    white-space:pre;
    box-shadow: 10px 10px 15px #444444;
}
#msgf{
   position: relative;
    top: -16px;
    left: 12px;
    width: 520px;
    height: 165px;
    white-space: pre-line;
}
#wtologin{
    position:absolute;
    top:390px;
    left:0px;
    color:#002c57;
    font-size:14px;
    font-family: 'Roboto-Medium';
}

#winpoisel{
    left:74px;
    top:200px;
    height: 354px;
    width: 300px;
    background-color: rgba(2,136,222,0.85);
    display:none;
    color: white;
    font-size: 12px;
    font-family: 'Roboto-Medium';
}

#winsarj{
    left:74px;
    top:200px;
    height: 324px;
    width: 390px;
    background-color: rgba(2,136,222,0.85);
    display:none;
    color: white;
    font-size: 12px;
    font-family: 'Roboto-Medium';
}

#sarjname {
    top: 58px;
    left: 20px;
    font-family: "RobotoCondensed-Regular";
    font-size: 20px;
}
#sarjtxt1{
   width: 214px;
    height: 76px;
    background-color: rgb(24,109,176);
    font-family: "RobotoCondensed-Bold";
    font-size: 14px;
    letter-spacing: 1px;
}
#carj{
   width: 114px;
    height: 129px;
    background-color: rgb(255,255,255);
    margin: 0px 0px 0px 20px;
    border-radius: 16px;
}
.detj{
       margin: 4px 0px 0px 6px;
    width: 202px;
    height: 18px;
    background-color: rgb(0,66,123);
    font-size: 12px;
    font-family: "Roboto-Regular";
}
.spj1{
    position: absolute;
    left: 34px;
}
.spj2{
  position: absolute;
    left: 123px;
}
#infoj{
    position: absolute;
    top: 210px;
    font-family: "Roboto-Regular";
    font-size: 12px;
    letter-spacing: 1px;
    width: 360px;
}
.marj{
    margin-bottom: 6px;
    display: inline-block;
}
.marj2{
    position: absolute;
    left: 112px;
}
#txt1t{
    margin: 3px 0px 0px 8px;
    display: inline-block;
    color: rgb(11,62,125);
}

#winsignal{
    left:74px;
    top:200px;
    height: 361px;
    width: 320px;
    background-color: rgba(2,136,222,0.85);
    display:none;
    color: white;
    font-size: 12px;
    font-family: 'Roboto-Medium';
}

#winguzadd{
    left:40%;
    top: 30%;
    height: 200px;
    width:320px;
    background-color: rgba(2,136,222,0.85);
    display:none;
    color: white;
    font-size: 12px;
    font-family: 'Roboto-Medium';
}

#guzdiva{
    position:relative;
    left:12px;
    top:24px;
}

#guzedit{
    margin-top:16px;
   
   /* position:absolute;
    left:0px;
    top:16px;*/
}

#guzBtn {
    /*
    position:absolute;
    left:180px;
    top:96px;
        */
    margin-top: 36px;
    margin-left:170px;
}

#guzin{
    margin-left:10px;
}

#winlogin{
    left:0px;
    top:150px;
    margin-left:auto;
    margin-right:auto;
    width: 390px;
    height: 500px;
    background-color: rgba(2,136,222,0.95);
    display:none;
    z-index:500000;
    box-shadow: 10px 10px 15px #222222;
}   

#winhata{
     left:0px;
    top:150px;
    margin-left:auto;
    margin-right:auto;
    width: 287px;
    height: 190px;
    background-color: rgba(2,136,222,0.95);
    display:none;
}
#wininfo{
     left:0px;
    top:150px;
    margin-left:auto;
    margin-right:auto;
    width: 287px;
    height: 160px;
    background-color: rgba(2,136,222,0.95);
    display:none;
}
#kulad{
    position:absolute;
    left:100px;
}

#sifre{
    position:absolute;
    left:100px;
}

#favin{
    position:absolute;
    left:10px;
}

.inputtxt{
   
    font-family: 'Roboto-Regular';
    font-size: 14px;
    border: none;
    border-radius: 2px;
    color: black;
    padding: 0px;
    width: 204px;
    height: 24px;
    box-shadow: 4px 4px 3px -3px rgba(0,0,0,0.75);
    background-color: white;
}
.txtarea2{
      font-family: 'Roboto-Regular';
    font-size: 14px;
    border: none;
    outline: none;
    /* border-radius: 2px; */
    /* color: black; */
    padding-top: 8px;
    padding-left: 4px;
    height: 22px;
    /* width: 204px; */
    /* height: 24px; */
    /* box-shadow: 4px 4px 3px -3px rgba(0,0,0,0.75); */
    background-color: white;
}
#basbit{
    font-family: 'Roboto-Regular';
    font-size: 14px;
    color: white;
}

#fschk{
    cursor: pointer;
    color: white;
    font-family: 'Roboto-Regular';
    font-size:14px;
}

#favtime{
    position:relative;
    top: 104px;
    left: 6px;
    
}

#chkfavtime{
    color: white;
    margin-bottom: 8px;
    font-family: 'Roboto-Regular';
    font-size: 14px;
}

.tmdot{
    color: white;
    font-size: 24px;
    font-family: 'Roboto-Regular';
}

.numtxt{
   
    font-family: 'Roboto-Regular';
    font-size: 14px;
    border: none;
    border-radius: 2px;
    color: black;
    padding: 0px;
    width: 32px;
    height: 24px;
    box-shadow: 4px 4px 3px -3px rgba(0,0,0,0.75);
    background-color: white;
    padding-left: 2px;
    /*margin-left: 4px;*/
}
.numtxtdisabled{
        font-family: 'Roboto-Regular';
    font-size: 12px;
    border: none;
    border-radius: 2px;
    color: gray;
    padding: 0px;
    width: 32px;
    height: 24px;
    /* box-shadow: 4px 4px 3px -3px rgba(0,0,0,0.75); */
    background-color: lightsteelblue;
    padding-left: 2px;
}

#logintxt{
    position:relative;
     left:18px;
     top:65px;
     color:white;
     width:350px;
   
    font-family:'Roboto-Medium';
    font-size:12px;
    
}

#infotxt{
    position:relative;
     left:18px;
     top:65px;
     color:white;
     width:350px;
   text-align:center;
    font-family:'Roboto-Medium';
    font-size:14px;
    
}

#loginBtn{
    position:absolute;
    left:244px;
    top:375px;
}

#td1{
    display:none;
}
.wintitle {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 48px;
    cursor: pointer;
    cursor: grab;
  /*  border: 1px solid #0288d1;*/
    /*   opacity: 0.95;*/
   /* box-shadow: 0px 10px 15px #888888;*/

    /*background-image: url('../images/toolbar/duyurular.png');
    background-position: left;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background: linear-gradient(#2095f3, #1871b9);*/
    background: linear-gradient(rgba(32,149,243,0.85), rgba(24,113,185,0.85));
   /* opacity:  0.80;*/
    border-radius: 4px     4px      0           0;
}

.wtitlec{
    width:100%;
    height:47px;
}

.winspc{
    position:absolute;
    left:0px;
    top:46px;
    width:100%;
    height:1px;
    background-color:rgb(180,210,255);
}
.boxDateTime{
   position: absolute;
    right: 0px;
    top: 0px;
    width:72px;
    height:100%;
    background-color: rgba(44,103,216,1.0);

}

.boxDate {
    position: absolute;
    top:6px;
    left:17px;
    
   font-family:"RobotoCondensed-Regular";
    font-size:8px;
    color:white;
}

.boxTime {
    position: absolute;
    top:12px;
    left:12px;
   
   font-family:"RobotoCondensed-Regular";
    font-size:20px;
    color:white;
}

.titleimg {
    position: absolute;
    left: 10px;
    top: 9px;
    width: 27px;
    height: 27px;
     opacity:  3.0;
     cursor:pointer;
}

.closeimg{
    position: absolute;
    right: 10px;
    top: 9px;
    width: 22px;
    height: 22px;
    cursor:pointer;
     opacity:unset ;
   
    background-size:22px;
    background-repeat:no-repeat;

}

   
    .closeimg:link {
        background-image: url('../images/wintitle/close_20.png');
    }
    .closeimg:hover {
        background-image: url('../images/wintitle/closeOver_20.png');
       
    }


.titletxt{
    position: absolute;
    top:12px;
    left:52px;
    font-family:"RobotoCondensed-Light";
    font-size:16px;
    letter-spacing:2px;
    color:white;
  /*  -webkit-touch-callout: none; 
  -webkit-user-select: none;   
  
  -moz-user-select: none;      
  -ms-user-select: none;      
  user-select: none; */  
  cursor:pointer;    
  
}

.timetxt{
    position: absolute;
    top:50px;
    right:10px;
   font-family:"RobotoCondensed-Bold";
   font-size:12px;
    color:black;
 
  user-select: none;  
    
}

.detailtxt{
    position: absolute;
    top:65px;
    left:4px;
    height:auto;
    font-family:"RobotoCondensed-Light";
   font-size:12px;
    color:white;
    padding:2px;
  user-select: none;  
     display:block;
     letter-spacing: 1.2px;
     
}