.custom {
  width: 115px !important;
margin-right: 3px !important;
}

.button_bliking {
/* 
  background-color: #004A7F;
  -webkit-border-radius: 10px;
  border-radius: 10px;
*/
border: none;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-family: Arial;
/* font-size: 20px;
  padding: 5px 10px;
*/
text-align: center;
text-decoration: none;
-webkit-animation: glowing 1500ms infinite;
-moz-animation: glowing 1500ms infinite;
-o-animation: glowing 1500ms infinite;
animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-moz-keyframes glowing {
0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing {
0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing {
0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

  /* Özel buton sınıfları */
  .btn-blink {
    animation: blink 1s infinite;
  }

  .btn-shine {
     box-shadow: 0 0 10px rgb(246 63 63 / 50%);
  }

  /* Buton parlama animasyonu */
  @keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
  }

.panel-body {
  padding: 5px 5px !important;
}

.panel-heading {
 padding: 5px 5px !important;
}

/* Tam ekran loader için stiller */
.loader-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Arkaplan rengi ve opaklık */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Diğer öğelerin üzerine çıkmasını sağlar */
}

.loader {
  border: 6px solid #f3f3f3; /* Loader rengi */
  border-top: 6px solid #3498db; /* Loader rengi */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite; /* Loader dönüş animasyonu */
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}