body {
	
	/*CSS kullanarak metin seçimini devre dışı bırakabilirsiniz.*/
    /*-webkit-user-select: none; */ /* Chrome, Safari, Edge */
    /*-moz-user-select: none; */    /* Firefox */
    /* -ms-user-select: none; */    /* Internet Explorer/Edge */
    /* user-select: none;  */       /* Standart */
}

.hesabim-sol{
    color: #000000;
    text-align: left;
    min-height: 500px;
    border: 1px solid;
    border-radius: 25px;
    padding: 25px;
	background-color: #1e2152;
    border-color: #030308;
}

.hesabim-sag{
	background: #2C3E50;
    color: #ffffff;
    text-align: left;
    min-height: 500px;
    border: 1px solid;
    border-radius: 25px;
    padding: 25px;
}

.hesabim-link{
	color: #FFFFFF;
    text-decoration: none;
    font-family: Arial;
    font-weight: bold;
}

.hesabim-li{
    padding: 10px;
    border-radius: 10px;
	margin-bottom: 5px;
	background-color: #373b89;
    border-color: #030308;
}
.hesabim-li>a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.hesabim-aktif-li{
	background: #19577f;
}

.ck.ck-editor__main {
    color: black;
}

.whatsapp-button {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 1000;
}

.whatsapp-button img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.whatsapp-button img:hover {
  transform: scale(1.1);
}


table {
    max-width: 100%;
    width: 100%; /* ya da istediğiniz genişlik */
}



 .thumb {
      width: 100px;
      height: 75px;
      overflow: hidden;
      margin-right: 10px;
      cursor: pointer;
      transition: transform 0.3s ease-in-out;
	  float: left;
    }

    .thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .thumb:hover {
      transform: scale(1.1); /* Küçük resimlere hover efekti */
    }

    .carousel-item img {
      transition: transform 0.5s ease-in-out;
    }

    /* Ana görsel için */
    #mainImage {
      width: 100%;
      height: auto;
      max-height: 500px;
    }
	
#kurumsal-menu>a:hover, #kurumsal-menu>a:focus, #kurumsal-menu>a:active{
	background: rgba(0, 0, 0, .06) !important;
}

#kurumsal-menu2>a:hover, #kurumsal-menu2>a:focus, #kurumsal-menu2>a:active{
	background: rgba(0, 0, 0, .06) !important;
}

.bg1{
	background: red !important;
    color: white !important;
	padding: 10px 20px !important;
}
.bg2{
	background: #e91e63 !important;
    color: white !important;
	padding: 10px 20px !important;
}
.bg3{
	background: #9c27b0 !important;
    color: white !important;
	padding: 10px 20px !important;
}
.bg4{
	background: #673ab7 !important;
    color: white !important;
	padding: 10px 20px !important;
}
.bg5{
	background: #3f51b5 !important;
    color: white !important;
	padding: 10px 20px !important;
}
.bg6{
	background: #2196f3 !important;
    color: white !important;
	padding: 10px 20px !important;
}
.bg7{
	background: #03a9f4 !important;
    color: white !important;
	padding: 10px 20px !important;
}
.bg8{
	background: #00bcd4 !important;
    color: white !important;
	padding: 10px 20px !important;
}
.bg9{
	background: #009688 !important;
    color: white !important;
	padding: 10px 20px !important;
}
.bg10{
	background: #4caf50 !important;
    color: white !important;
	padding: 10px 20px !important;
}
.bg11{
	background: #8bc34a !important;
    color: white !important;
	padding: 10px 20px !important;
}
.bg12{
	background: #cddc39 !important;
    color: white !important;
	padding: 10px 20px !important;
}
.bg13{
	background: #ffeb3b !important;
    color: black !important;
	padding: 10px 20px !important;
}
.bg14{
	background: #ffc107 !important;
    color: white !important;
	padding: 10px 20px !important;
}
.bg15{
	background: #ff9800 !important;
    color: white !important;
	padding: 10px 20px !important;
}
.bg16{
	background: #ff5722 !important;
    color: white !important;
	padding: 10px 20px !important;
}
.bg17{
	background: #795548 !important;
    color: white !important;
	padding: 10px 20px !important;
}
.bg18{
	background: #9e9e9e !important;
    color: white !important;
	padding: 10px 20px !important;
}
.bg19{
	background: #607d8b !important;
    color: white !important;
	padding: 10px 20px !important;
}

.bg1:hover,.bg2:hover,.bg3:hover,.bg4:hover,.bg5:hover,.bg6:hover,.bg7:hover,.bg8:hover,.bg9:hover,.bg10:hover,.bg11:hover,.bg12:hover,.bg13:hover,.bg14:hover,.bg15:hover,.bg16:hover,.bg17:hover,.bg18:hover,.bg19:hover {
    color: black !important;
}


swiper-container {
  width: 100%;
  height: 100%;
}

swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}





.aktif>.active{
	color:#fff !important;
}

.ust_kisim {
    background: #192153;
    padding: 10px;
    color: white;
}

.telefon {
    color: #8BC34A !important;
	text-decoration:none;
}

.urun_takip {
    text-align: none;
    color: #8BC34A !important;
    font-weight: bold;
    font-size: 1.1em;
    padding-left: 10px;
    float: right;
	text-decoration:none;
}

.urun_takip:hover,.telefon:hover{
	color:white !important;
	text-decoration:none;
}

@keyframes blink {
    0% { opacity: 1; } /* Tam görünür */
    50% { opacity: 0; } /* Tam görünmez */
    100% { opacity: 1; } /* Tekrar görünür */
}

.blinking-text { /* Yazı büyüklüğü */
    font-weight: bold; /* Kalın yazı */
    color: red; /* Yazı rengi */
    text-align: center; /* Ortala */
    animation: blink 1s infinite; /* 1 saniyelik döngüyle sürekli animasyon */
}

.btn-primary {
    background-color: #1e2152 !important;
    border-color: #030308 !important;
}
.aktif>button{
	color: rgba(255, 255, 255, .6) !important;
}

.aktif>.active{
	color: #ffffff !important;
    background-color: #00000000 !important;
}

.marka_logo{
	width:50%;
}

@media only screen and (max-width: 766px) {
	.marka_logo{
		width:100% !important;
	}
}
@media only screen and (max-width: 440px) {
	.urun_takip,.telefon,.urun_takip,.ust_sag{
		font-size: 11px !important;
	}
	
	.announcement .label {
		padding: 4px 5px !important;
        min-width: 100px !important;
        font-size: 0.8em !important;
	}
	marquee,marquee>span{
		font-size:1em !important;
	}
	
}

@media only screen and (max-width: 767px) {
	#hesabim-bars{
		display:none;
	}
}

@media only screen and (max-width: 520px) {
	.tanitim_urunu{
		min-width:250px !important;
	}
}
.tanitim_urunu{
	min-width: 420px;
}

.form-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"%3e%3cpath fill="black" d="M0 0L2 2L4 0Z"/%3e%3c/svg%3e');
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 10px;
}

.table-hover .table-dark:hover {
    background-color: #000000 !important;
}

li#dataTables-example_previous, li#dataTables-example_previous>a {
    background: #ffffff !important;
    padding: 5px !important;
    color: #212529 !important;
}

li#dataTables-example_next, li#dataTables-example_next>a {
    background: #fff !important;
    padding: 5px !important;
    color: #212529 !important;
}

li.paginate_button {
    background: #fff !important;
    padding: 5px !important;
    color: #212529 !important;
    margin: 2px !important;
}
li.paginate_button>a {
    color: #212529 !important;
}
li.paginate_button.active>a {
	color: #fff !important;
}
li.paginate_button.active {
    background: #1e2152 !important;
    padding: 5px !important;
    color: #212529 !important;
    margin: 2px !important;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Resim için animasyon */
.preloader-image {
  width: 100px; /* Resim boyutu */
  animation: zoom 1.5s ease-in-out infinite; /* Yaklaşıp uzaklaşma animasyonu */
}

/* Yaklaşıp uzaklaşma animasyonu */
@keyframes zoom {
  0% {
	transform: scale(1); /* Normal boyut */
  }
  50% {
	transform: scale(1.5); /* Büyüt */
  }
  100% {
	transform: scale(1); /* Eski boyuta dön */
  }
}