.baslik{
    display: flex;
    flex-direction: row;  
    justify-content:center;
     
    padding:15px;
    width: 70%;
    
    background-color:rgb(144, 199, 224); ;
    /* text-align: center;   */
    margin:5px auto;
    color: rgb(2, 48, 70); 
    
}

.girbaslik{
    display: flex;
    flex-direction: column;  
    justify-content:center;
    align-items: center;
     
    padding:15px;
    width: 70%;
    
    background-color:rgb(3, 45, 65); ;
    /* text-align: center;   */
    margin:5px auto;
    color: rgb(210, 213, 214); 

}

.baslik2{
    box-sizing: border-box;
    display: flex;
      
    justify-content:center;
     
    padding:15px;
    width: 70%;
    
    background-color:rgb(144, 199, 224); ;
    /* text-align: center;   */
    margin:5px auto;
    color: rgb(2, 48, 70); 
    
}

.baslik2 h4,h2{
     
    margin: 5px;
}

input[type='hidden']{
    box-sizing: border-box;
    position: relative;
    margin: auto;
    display: none;
    width: 70%;
    height: 40px;
    background-color: rgb(238, 245, 174);
    color: rgb(184, 2, 2);
    font-size: 24px;
    text-align: center;    
    
    
    
}


.girisara{
    box-sizing: border-box;
    position: relative;
    margin: auto;
    display: none;
    width: 70%;
    height: 40px;
    background-color: rgb(238, 245, 174);
    color: rgb(184, 2, 2);
    font-size: 24px;
    text-align: center;
    
}

.altbaslik h1,h3{
    margin: 10px 20px;
    
}
 

.logo{
     
    width: 100px;
    padding: 10px;
}


.ograra h2{
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 100%;
   
    background-color: rgb(247, 199, 43);
    border-bottom: 2px solid coral;
}


.girara input[type='number']{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
} 




input[type='submit']{
    width: 150px;
    height: 50px;
    background-color: rgb(1, 35, 63);
    color: whitesmoke;
    font-weight: bold;
} 




input[type='submit']:hover{
    width: 150px;
    height: 50px;
    background-color: rgb(3, 59, 105);
    color: whitesmoke;
    font-weight: bold;

} 



.altbaslik{
    display: flex;
    flex-direction: column;  
    justify-content:center;
    text-align: center;
        
}
 

.ograra{
    display: flex;
    flex-direction: column;
    align-items: center;

    
    width: 70%;
     
    background-color:rgb(203, 240, 245); 
    
    margin:5px auto;
}

.girara{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 70%;
    height: 250px;
    margin:5px auto;

    background-color:rgb(1, 25, 37); ;
    color: rgb(210, 213, 214); 
}



.ogrbilgi{
    box-sizing: border-box;
    padding:15px;
    width: 70%;
    background-color:rgb(213, 245, 198); 
    text-align: center;
    margin-bottom: 5px;
    margin:5px auto;
}

#ogreylem{
    box-sizing: border-box;
    padding:10px;
    width: 70%;
    background-color:rgb(245, 226, 185); 
    text-align: center;
    margin-bottom: 5px;
    margin:5px auto;
}

.eylemler{
    box-sizing: border-box;
    padding:15px;
    width: 70%;
    background-color:rgb(185, 245, 242); 
    text-align: center;
    margin-bottom: 5px;
    margin:5px auto;
}


input[type=number] {
    width: 180px;
    padding: 7px 5px;
    margin: 8px 0;
    margin-left:10px;
    box-sizing: border-box;
    background-color: rgb(235, 235, 235);
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    }
   
    .hucre{
        border:solid 1px gray;
        padding-left:7px;
        text-align: left;
    }


    table{
        border-collapse:collapse;
    }
    body{
        font-family:arial;
        background-color: rgb(59, 58, 58);
    }
    tr{
        height: 30px;
    }

.alt{
    padding:5px;
    width: 930px;
    background-color:rgb(51, 51, 51); 
    text-align: center;
    margin:5px auto;
    color: rgb(233, 233, 233);
    margin-bottom: 30px;
}


.btnkayit{
 
    width: 200px; 
    height:40px; 
    margin: 6px; 
    
    background-color: rgb(7, 202, 82);
}
.btnkayit:hover{
    width: 200px; 
    height:40px; 
    margin: 6px; 
    
    background-color: rgb(57, 238, 126);
}



input[type=checkbox] {
    
    width: 20px;
    height: 20px;
    vertical-align:middle;
 }

 

 .btnyazdir{
    width: 70px;
    height: 40px;
    background-color: rgb(228, 216, 49);
    background-image: url(../resim/printer1.png);
    background-repeat: no-repeat;
    background-position: center;
   
    
    
} 

.btnyazdir:hover{
    width: 70px;
    height: 40px;
    background-color: rgb(238, 228, 85);
    

} 
 
.btncikis{
    
    width: 70px; 
    height:40px; 
    margin: 6px; 
    background-color: rgb(228, 216, 49);
   /* background-color: rgb(255, 126, 116);    */

    background-image: url(../resim/cikis.png);
    background-repeat: no-repeat;
    background-position: center;

}
.btncikis:hover{
     
    width: 70px; 
    height:40px; 
    margin: 6px; 
    background-color: rgb(238, 228, 85);
   /* background-color: rgb(250, 140, 132);     */
}

.eylemsutun{
    box-sizing: border-box;
    text-align: left;
    padding-left: 20px;
}

.girlogo{
    margin: 15px;
}

.imza{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgb(175, 189, 160);
    justify-content: center;
    width: 70%;
    height: 80px;
    background-color:rgb(2, 17, 26);
    margin:5px auto;
    font-size: 13px;
}
.imza p{
    margin:0;
}

@media print{
    .btnsilicon{
      display: none;
    }
  }
  
  
  
/***********************    ****************************************************************/
/***********************    ****************************************************************/

  @media (max-width: 1100px) {
  
    .imza{
        display: flex;
        flex-direction: column;
        align-items: center;
        color: rgb(175, 189, 160);
        justify-content: center;
        width: 100%;
        height: 80px;
        background-color:rgb(2, 17, 26);
        margin:5px auto;
        font-size: 13px;
    }

    .baslik{
        display: flex;
        flex-direction: row;  
        justify-content:center;
         
        padding:15px;
        width: 100%;
        
        background-color:rgb(144, 199, 224); ;
        /* text-align: center;   */
        margin:5px auto;
        color: rgb(2, 48, 70); 
        
    }

    
    .girbaslik{
        display: flex;
        flex-direction: column;  
        justify-content:center;
        align-items: center;
        
        padding:15px;
        width: 100%;
        
        background-color:rgb(3, 45, 65); ;
        /* text-align: center;   */
        margin:5px auto;
        color: rgb(210, 213, 214); 

    }

    .baslik2{
        box-sizing: border-box;
        display: flex;
          
        justify-content:center;
         
        padding:15px;
        width: 100%;
        
        background-color:rgb(144, 199, 224); ;
        /* text-align: center;   */
        margin:5px auto;
        color: rgb(2, 48, 70); 
        
    }

    input[type='hidden']{
        box-sizing: border-box;
        position: relative;
        margin: auto;
        display: none;
        width: 100%;
        height: 40px;
        background-color: rgb(238, 245, 174);
        color: rgb(184, 2, 2);
        font-size: 24px;
        text-align: center;    
        
        
        
    }

    .girisara{
        box-sizing: border-box;
        position: relative;
        margin: auto;
        display: none;
        width: 100%;
        height: 40px;
        background-color: rgb(238, 245, 174);
        color: rgb(184, 2, 2);
        font-size: 24px;
        text-align: center;
        
    }

    .ograra{
        display: flex;
        flex-direction: column;
        align-items: center;
    
        
        width: 100%;
        height: 400px;
        background-color:rgb(203, 240, 245); 
        
        margin:5px auto;
    }

    .girara{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        height: 250px;
        margin:5px auto;
    
        background-color:rgb(1, 25, 37); ;
        color: rgb(210, 213, 214); 
    }

    .ogrbilgi{
        box-sizing: border-box;
        padding:15px;
        width: 100%;
        background-color:rgb(213, 245, 198); 
        text-align: center;
        margin-bottom: 5px;
        margin:5px auto;
    }

    
#ogreylem{
    box-sizing: border-box;
    padding:10px;
    width: 100%;
    background-color:rgb(245, 226, 185); 
    text-align: center;
    margin-bottom: 5px;
    margin:5px auto;
}

.eylemler{
    box-sizing: border-box;
    padding:15px;
    width: 100%;
    background-color:rgb(185, 245, 242); 
    text-align: center;
    margin-bottom: 5px;
    margin:5px auto;
}


.imza{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgb(175, 189, 160);
    justify-content: center;
    width: 100%;
    height: 80px;
    background-color:rgb(2, 17, 26);
    margin:5px auto;
    font-size: 13px;
}

.chkboks{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


    
  }