@import url("../plugins/bootstrap/css/bootstrap.min.css");
@import url("style.css");
@import url("colors/color.css");
@import url("dark-style.css");
@import url("skins.css");
@import url("checkoutsteps.css");
@import url("../plugins/colorpicker/css/colorpicker.min.css");
@import url("../plugins/select2/css/select2.min.css");
@import url("../plugins/bootstrap-datepicker/bootstrap-datepicker.css");
@import url("../plugins/multipleselect/multiple-select.css");
@import url("../plugins/sweet-alert/sweetalert.css");
@import url("sidemenu/sidemenu.css");
@import url("animate.min.css");
@import url("../switcher/css/switcher.css");
@import url("../switcher/demo.css");
@import url("custom.css");
@import url("../plugins/web-fonts/icons.css");
@import url("../plugins/web-fonts/plugin.css");


/* PWA Kurulum Butonu Stil */
.install-btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background-color: #4CAF50; /* Buton rengi */
  color: white;
  padding: 15px 30px;
  border-radius: 50px;
  font-size: 18px;
  font-weight: bold;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 1000; /* Butonun her zaman üstte görünmesini sağlar */
}

.install-btn:hover {
  background-color: #45a049; /* Hover rengi */
}

.install-btn:active {
  transform: scale(0.98); /* Tıklanırken küçük bir animasyon */
}

.install-icon {
  margin-right: 10px; /* İkon ile yazı arasına boşluk */
  font-size: 24px; /* İkon boyutu */
}

@media (max-width: 600px) {
  .install-btn {
    padding: 12px 20px;
    font-size: 16px;
  }

  .install-icon {
    font-size: 20px;
  }
}