@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.ttf') format('truetype');
}

#winseyplan{
    left:368px;
    top:100px;
    width: 420px;
    height: 214px;
    background-color: rgba(2,136,222,0.85);
    display:none;
}

#startrt{
    overflow-x: hidden;
    overflow-y: auto;
    resize:none;
    font-size:12px;
}
#endrt{
    overflow-x: hidden;
    overflow-y: auto;
    resize:none;
    font-size:12px;
}


#rstselx{
    cursor: pointer;
    top: 0px;
    background-color: white;
   /* border-color: lightblue;
    border-style: solid;
    border-width: 1px;*/
    left: 385px;
    padding-top: 0px;
    height: 25px;

    font-size: 16px;
    box-shadow:none;
}

.inputtxt2{
    font-family: 'Roboto-Regular';
    font-size: 14px;
    border: none;
    border-radius: 2px;
    color: black;
    padding: 0px;
    padding-left: 4px;
    padding-top: 4px;
    width: 204px;
    height: 20px;
    box-shadow: 4px 4px 3px -3px rgba(0,0,0,0.75);
    background-color: white;
}

.closex{
    width: 15px;
    background-color: white;
    font-size: 20px;
    position: absolute;
    top: 55px;
    left: 360px;
    padding-left: 2px;
    padding-top: 2px;
    height: 22px;
    font-weight: bolder;
    visibility: hidden;
}

.closex2{
    width: 10px;
    background-color: white;
    font-size: 12px;
    position: absolute;
    top: 1px;
    left: 320px;
    padding-left: 1px;
    padding-top: 0px;
    height: 15px;
    font-weight: bolder;
    
}
#rstsel {
    top: 42px;
    left: 363px;
    transform: scale(0.60);
}

#spsecim{
    position:absolute;
    left:0;
    top:46px;
}

select {
    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;
}

#spbas{
    position:absolute;
    left:190px;
    top:16px;
}

#spbit{
    position:absolute;
    left:190px;
    top:48px;
}

.sptxt{
    position:absolute;
    left:22px;
    font-family: 'Roboto-Regular';
    font-size: 14px ;
    color: white;
    width:150px;
}

#sptxt1{
    top:19px;
}

#sptxt2{
    top:47px;
}


#spBtn{
    position:absolute;
    left:24px;
    top:86px;
    width:300px;
    height:80px;
   
}

.spButtons{
    position: absolute;
   display:inline-block;
    height: 26px;
    width: 133px;
    cursor:pointer;

    display:inline-block;
    cursor:pointer;
   
  
    background-repeat:no-repeat;
}

#btnMesafe{
    position:absolute;
    left:0px;
    top:0px;
}
#btnMesafe:link {
    background-image: url('../images/seyahatplan/btn_mesafeyegore.png');
}
#btnMesafe:hover {
    background-image: url('../images/seyahatplan/btn_mesafeyegoreOver.png');
}


#btnSure{
    position:absolute;
    left:143px;
    top:0px;
}
#btnSure:link {
    background-image: url('../images/seyahatplan/btn_sureyegore.png');
}
#btnSure:hover {
    background-image: url('../images/seyahatplan/btn_sureyegoreOver.png');
}

#btnTemizle{
    position:absolute;
    left:280px;
    top:0px;
}
#btnTemizle:link {
    background-image: url('../images/seyahatplan/btn_Temizle.png');
}
#btnTemizle:hover {
    background-image: url('../images/seyahatplan/btn_TemizleOver.png');
}

#btnGEkle{
    position:absolute;
    left:35px;
    top:33px;
    width:174px;
}

#rGEkle{
    position:absolute;
    right:4px;
    top:108px;
    width:174px;
}


#btnGEkle:link {
    background-image: url('../images/seyahatplan/btn_guzergahlarimaEkle.png');
}
#btnGEkle:hover {
    background-image: url('../images/seyahatplan/btn_guzergahlarimaEkleOver.png');
}

#rGEkle:link {
    background-image: url('../images/seyahatplan/btn_guzergahlarimaEkle.png');
}
#rGEkle:hover {
    background-image: url('../images/seyahatplan/btn_guzergahlarimaEkleOver.png');
}

#btnGecNokta{
    position:absolute;
    left:218px;
    top:33px;
}
#btnGecNokta:link {
    background-image: url('../images/seyahatplan/btnGecisNoktasi.png');
}
#btnGecNokta:hover {
    background-image: url('../images/seyahatplan/btnGecisNoktasiOver.png');
}

#spsectur{
    position:absolute;
    left:0px;
    top:213px;
    width:100%;
    height:48px;
    opacity:0.85;
    background-color:#c8e8ff;
}

#spsturimgc{
    position:absolute;
    left:21px;
    top:15px;
    width:20px;
    height:20px;
}

#spsturimg{
    width:100%;
    height:100%;
}

#spturtxt{
    position:absolute;
    left:77px;
    top:16px;
    width:200px;
    font-family:Roboto-Medium;
    font-size:14px;
    color:#052c49;
}

#sprota{
    position:absolute;
    left:0px;
    top:260px;
    width:100%;
    min-height:100px;
    height:150px;
    max-height:800px;
    overflow-y:auto;
    overflow-x:hidden;
    opacity:0.95;
    background-color:white;
}

#spmesafetxt{
    position:absolute;
    left:29px;
    top:25px;
    font-family:Roboto-Medium;
    font-size:12px;
    color:#052c49;
}

#sptahsuretxt{
    position:absolute;
    left:29px;
    top:37px;
    font-family:Roboto-Medium;
    font-size:12px;
    color:#052c49;
}

#spmesafertxt{
    position:absolute;
    left:218px;
    top:25px;
    font-family:Roboto-Medium;
    font-size:12px;
    color:red;
}

#sptahsurertxt{
    position:absolute;
    left:218px;
    top:37px;
    font-family:Roboto-Medium;
    font-size:12px;
    color:red;
}

#spguztxt{
    position:absolute;
    left:30px;
    top:63px;
    font-family:Roboto-Medium;
    font-size:14px;
    color:black;
}


#sprotatxt{
    position:absolute;
    left:30px;
    top:90px;
    width:370px;
    height:auto;
    font-family: 'Roboto-Bold';
    font-size: 14px;
    color:#052c49;
}