@charset "utf_8";


body{
  overflow-y: hidden;
  font-family: ukij ekran;
  background-color: #10274c;
}


.logo-img{
  width: 40px;
  padding-top: 5px;
  border-radius: 50px;
}



.rght-tr{
   width: 12%;
   height: 900px;
   float: right;
   background-color: #277bf6;
   margin-top: -20px;
   text-align: right;
}


.rght-tr a{
   text-decoration: none;
}



.tizimlik-tr{
   margin-top: 70px;
}







.tizimlik{
   color: aliceblue;
   font-size: 18px;
   text-align: right;
   margin-right: 35px;
}





.tizimlik-0{
   margin-top: 15px;

}



.tizimlik-active{
   width: 100%;
   height: 30px;
   background-color: aliceblue;
   color: #000000;

}



.tizimlik-0:hover{
   width: 100%;
   height: 30px;
   background-color: aliceblue;
   color: #000000;

}



.tizimlik:hover{
   width: 100%;
   height: 30px;
   background-color: #f4f5f6;
   color: #000000;

}





.cont-tr{
   width: 64%;
   height: 650px;

   float: right;
   margin-right: 30px;
   border-radius: 30px;

   border: 2px solid #277bf6;
}



.cont-to{
    width: 100%;
    height: 45px;
    background-color: #17386e;
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;

}




.cont-to p{
   text-align: right;
   color: aliceblue;
   font-size: 25px;
   margin-right: 15px;
   margin-top: 2px;

}




.left-tr{
   width: 20%;
   height: 310px;
   float: right;

   margin-right: 15px;
   border-radius: 25px;
   border: 2px solid #277bf6;
}



.left-to{
   width: 100%;
   height: 35px;
   background-color: #17386e;
   border-top-left-radius: 22px;
   border-top-right-radius: 22px;
   border: 1px solid #277bf6;
}







.left-to p{
text-align: center;
color: aliceblue;
margin: auto;
font-size: 20px;
}




.buttom-tr{
   margin-top: 30px;
}





.table{
margin-top: 10px;
font-size: 18px;
width: 99%;
margin: auto;
margin-top: 15px;
}




.table-to{
   background-color: #17386e;
   color: aliceblue;
   border: 5px solid #10274c;
   text-align: center;
}


.navbar{
background-color: #277bf6;
border: none;
box-shadow: 7px 2px 10px;
}