html, body {
   margin: 0;
   height: 100%;
   justify-content: center;
   align-items: center;
   background-image: url('images/24.jpg'); /* Arka plan resmi */
   background-size: cover; /* Resmi kapsama alanına göre ayarla */
   background-position: center; /* Resmi ortala */
   background-repeat: no-repeat; /* Resmin tekrarlanmasını engelle */
}

div#container {
   width: auto;
   text-align: left;
   
}

div#wb_Login1 {
   font-family: 'Lexend', sans-serif;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 300px; /*İhtiyacınıza göre genişliği ayarlayabilirsiniz */
   background: rgba(255, 255, 255, 0.8); /* Beyaz arka plan ve biraz saydamlık */
   padding: 20px;
   border-radius: 10px;
}

.wb-theme-header
{
   background-color: #184589;
   border: 0px solid #184589;
   padding: 6px;
   border-radius: 0px;
   color: #FFFFFF;
   text-align: center;
   --background-color: hsl(216, 70%, 32%);
   --border-color: #184589;
   --border-width: 1px;
   --color: #FFFFFF;
}
.wb-theme-content
{

   border: 0px solid #DDDDDD;
   border-radius: 3px;
   color: #333333;
   --background-color: rgba(238,238,238,1.00);
   --border-color: #DDDDDD;
   --border-width: 1px;
   --color: #333333;
   --icon-color: #222222;
   --colorize: invert(4%) sepia(2%) saturate(182%) hue-rotate(328deg) brightness(87%) contrast(78%);
}
.wb-theme-button, .wb-theme-static
{
   background-color: #F6F6F6;
   border: 1px solid #CCCCCC;
   border-radius: 0px;
   color: #1C94C4;
   --background-color: rgba(246,246,246,1.00);
   --border-color: #CCCCCC;
   --border-width: 1px;
   --color: #1C94C4;
}
.wb-theme-button:hover
{
   background-color: #FDF5CE;
   background-image: none;
   border: 1px solid #FBCB09;
   border-radius: 0px;
   color: #C77405;
   --background-color: rgba(253,245,206,1.00);
   --border-color: #FBCB09;
   --border-width: 1px;
   --color: #C77405;
}
.wb-theme-button.active, .wb-theme-button:active, .active > .wb-theme-button
{
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #FBD850;
   border-radius: 0px;
   color: #EB8F00;
   --background-color: rgba(255,255,255,1.00);
   --border-color: #FBD850;
   --border-width: 1px;
   --color: #EB8F00;
}
.darktheme .wb-theme-header
{
   background-color: #333333;
   background-image: none;
   border: 1px solid #333333;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(51,51,51,1.00);
   --border-color: #333333;
   --border-width: 1px;
   --color: #FFFFFF;
}
.darktheme .wb-theme-content
{
   background-color: #000000;
   background-image: none;
   border: 1px solid #666666;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(0,0,0,1.00);
   --border-color: #666666;
   --border-width: 1px;
   --color: #FFFFFF;
   --icon-color: #F58400;
   --colorize: invert(54%) sepia(91%) saturate(2430%) hue-rotate(6deg) brightness(101%) contrast(104%);
}
.darktheme .wb-theme-button, .darktheme .wb-theme-static
{
   background-color: #555555;
   background-image: none;
   border: 1px solid #666666;
   border-radius: 0px;
   color: #EEEEEE;
   --background-color: rgba(85,85,85,1.00);
   --border-color: #666666;
   --border-width: 1px;
   --color: #EEEEEE;
}
.darktheme .wb-theme-button:hover
{
   background-color: #0078A3;
   background-image: none;
   border: 1px solid #59B4D4;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(0,120,163,1.00);
   --border-color: #59B4D4;
   --border-width: 1px;
   --color: #FFFFFF;
}
.darktheme .wb-theme-button.active, .darktheme .wb-theme-button:active, .active > .wb-theme-button
{
   background-color: #F58400;
   background-image: none;
   border: 1px solid #FFAF0F;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(245,132,0,1.00);
   --border-color: #FFAF0F;
   --border-width: 1px;
   --color: #FFFFFF;
}
#Login1
{
   font-weight: normal;
   font-size: 15px;
   font-style: normal;
   text-align: left;
   text-decoration: none;
   border-spacing: 6px;
   width: 275px;
   height: auto;
}
#Login1 td
{
   padding: 0;
}
#Login1 .header
{
   height: 18px;
   padding: 4px 4px 4px 4px;
   text-align: center;
}
#Login1 .label
{
   height: 18px;
}
#Login1 .row
{
   height: 32px;
   text-align: left;
}
#Login1 .input
{
   
   font-weight: normal;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   width: 100%;
   height: 32px;
   box-sizing: border-box;
   padding: 6px 4px 6px 4px;
}
#Login1 .input:focus
{
   border-color: #66AFE9;
   outline: 0;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
}
#Login1 .button
{
   font-family: 'Lexend', sans-serif;
   font-weight: normal;
   font-size: 20px;
   font-style: normal;
   text-decoration: none;
   padding: 4px 14px 4px 14px;
   -webkit-appearance: button;

}



@media (max-width: 768px) {

   .table-container-top {
      display: none;
   }

   .desktop-title {
      display: none;
   }

   .mobile-title {
      display: inline;
   }

   .tabloustu {
      margin-left: 10px;
   }

   .mobile-hidden {
      display: none;
   }

   #seans {
      font-size: 7px;
   }




}