/* çoklu dil desteğinde .editor_lang{ display:none} ve .has-icon-left .form-control-position{display:none;} .has-icon-left .form-control { padding-left: 0.7rem;} kısımları silinecek */
.editor_lang{position:absolute; right:15px; height:43px; width:50px; background-color: grey; color:white; text-align:center; padding:10px; /*display:none*/ }
.svg-preview-area{width:100%;}
.svg-preview-area svg{width:100%; height: auto}
.svg-clmn-back, .svg-clmn-shorts, .svg-clmn-socks{ display:none; }
.table-price-div{padding-bottom:10px; padding-top:10px; border-top: 1px solid rgba(34, 41, 47, 0.1);}
.table-price-div:first-child{border-top:none;}
.tbl-price-div-dollar, .tbl-price-div-euro{ display:none; }
.optionCell, .orderCell, .visitsCell, .salesCell, .stocksCell, .featuredCell, .scoreCell, .photoBox, .sizeCell, .fileCell, .optionbox{display: none;}
.optionmargins {
    margin: 0 0 20px 0;
}
/*.muadilCell, .vehicleCell{display: none;}*/
/*
.has-icon-left .form-control-position{display:none;}
.has-icon-left .form-control { padding-left: 0.7rem;}
*/
ul.list-inline li{position:relative;}
ul.list-inline li .badge{position:absolute; bottom:0; left:0;}
.lang-option{display:none; margin-bottom:10px;}
.lang-option-visible{margin-bottom:10px;}
.option_tr{margin-bottom:10px;}

.table svg{width:100px; height:auto;}
.table svg:hover{fill:red;}

.cb-svg-label{width:100px; height:100px; border:1px solid #EEE; margin-bottom:10px;font-size:10px;}
.cb-svg-label .svg-span{ display:block; width: 100%; overflow:hidden;}
.cb-svg-label .svg-span svg{ width: 100px; height: auto}
.cb-svg-label .svg-span img{ width: 100%; height: auto}

.fonticon-container:hover{ cursor: pointer;}

.gallery-img-item{  min-height:120px;  max-height: 120px; overflow:hidden;}

.focus{position:fixed; top:100px; right:380px; z-index:9999; }
.focus ul{list-style:none; margin:0;padding:0;}
.focus ul li{width:65px; height:65px; border: 1px solid #F2F2F2; margin:5px;}
.focus ul li img{width:100%; opacity:.1;}
.focus ul li.active img{width:100%; opacity:.4;}
.focus ul li a:hover img{width:100%; opacity:.4;}

.border-dotted{border:1px dotted #FFF;}
.border-dashed{border:1px dashed #FFF;}
.color-box{display:inline-block; width:16px; height: 16px;}
.color-box-large{ width:80px;  height: 20px;color:#FFF; padding-left:5px;}
.options_box{display:none; margin-top:20px;}

.dropdown .dropdown-menu .dropdown-item.dropdown-item-sml { padding: 0.5rem 1.5rem; }
.show > .dropdown-menu { z-index:9999;}

@media print {
  .content-header, .buy-now, .btn-print, .footer, .open, .main-menu, .invoice-print {
    display : none;
  }
  .app-content, #invoice-template, .navbar-container, .navbar-wrapper, .header-navbar, .invoice-print, .content-wrapper {
    margin : 0 !important;
    padding : 0 !important;
  }
  #invoice-footer {
    position : relative;
    top : -80px !important;
  }
  #invoice-company-details, #invoice-footer {
    margin-top : 5rem !important;
  }
  .table-responsive {
    -ms-overflow-style : none;
  }
}
.product_form, .bundle_form{
  display: flex;
  align-items: center;
  width: 150px;
}
.btn_shop, .btn_shop_bundle{
  margin: 0 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
}
.message_container{
  position: fixed;
  top: 100px;
  right: 50px;
  z-index: 9999;
}
.message_container .alert{
  color: #fff;
  padding: 15px;
  font-size: 18px
}
.nav_shop{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 20px;
  margin: 0 10px !important;
}
.nav_shop a{
  padding: 5px 0 0 0 !important;
}
#shop_card_quantity, #shop_card_quantity_bundle{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 5px;
  right: 12px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 10px;
  background-color: green;
  color: #fff;
  font-weight: 700;
}
#shop_card_quantity_bundle{
  right: -10px;
  background-color: #009dff;

}
.sepetteki_miktar{
  width: 20px;
  height: 20px;
  position: absolute;
  top: -5px;
  right: -5px;
  border-radius: 50%;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
}
.cart_btn_container{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.cart_input, .bundle_input{
  width: 50px;
  margin: 0 10px;
}
.btn_cart, .btn_cart_bundle{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  padding: 0 !important;
}
.cart_minus{
  margin-left: 10px;
} 
#price_container{
  cursor: text;
  user-select:auto;
}
.btns_qr{
  display: flex;
  justify-content: space-between;
  width: 100px;
}
.btns_qr a{
  display: flex;
  justify-content: center;
  width: 49%;
  padding: 5px 0;
  font-size: 16px;
  transition: all 300ms ease;
  color: #f0f0f0;
  background: #010101;
}
.btns_qr a:hover{
  color: #fff;
}

.pcat_container{
  display: inline-flex;
  justify-content: center;
  position: relative;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  padding: 5px 10px;
  width: auto;
  min-width: 100px;
  transition: all ease 300ms;
}
.pcat_container.active{
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.pcat_container span{
  cursor: pointer;
}
.cat_icon{
  transform: rotate(0);  
  transition: all ease 300ms;
}
.cat_icon.active{
  transform: rotate(180deg);
}
.pcat{
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 0;
  min-width: 100px;
  position: absolute;
  top: 100%;
  box-sizing: content-box;
  z-index: 9;
  background-color: #fff;
  border-top: none;
  overflow-y: hidden;
  transition: all ease 300ms;
}
.pcat.active{
  max-height: 400px;
  border: 1px solid #bdbdbd;
}
.pcat a{
  padding: 5px 10px;
  text-align: center;
  color: #000;
  border-bottom: 1px solid #f3f3f3;
  opacity: 0;
  font-size: 0px;
  transition: all ease 400ms;
}
.pcat a.active{
  opacity: 1;
  font-size: 14px;
}
.pcat a:last-child{
  border-bottom: none;
}
.pcat a:hover{
  background-color: #fafafa;
}
.header_btns{
  font-size: 20px;
  padding: 0 !important;
  margin: 0 10px !important;
}
.header_btns:hover{
  color: #4d4d4d !important;
}
.order_success_container{
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 99;
}
.order_success_container.active{
  display: flex;
}
.order_success_container i{
  font-size: 50px;
  margin-bottom: 10px;
}
.order_success_container a{
  color: #fff;
}
.order_success_container a:hover{
  color: #fff;
}
.order_close_btn{
  position: absolute;
  top: -20px;
  right: 0;
  font-size: 20px !important;
  color: #fff;
  cursor: pointer;
}
.my_order_btn{
  display: none;
}

.animation_shop{
  font-size: 35px;
  animation: moveBasket 2s linear infinite;
}

@keyframes moveBasket {
  0% {
    transform: translateX(-50%); /* Başlangıçta sepeti sola hareket ettir */
  }
  50%{
    transform: translateX(50%); /* Başlangıçta sepeti sola hareket ettir */
  }
  100% {
    transform: translateX(-50%); /* Sonunda sepeti sağa hareket ettir */
  }
}

.bg-dark{
  background-color: #202020 !important;
}
.login_filter{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #202020;
  opacity: 0.9;
}

.btns_container{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width:792px){
  .btns_container{
    flex-direction: column;
  }
  .btns_shop{
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .btns_shop a{
    margin-bottom: 5px;
  }
  #price_container{
    width: 100%;
  }
}
.apexcharts-tooltip{
  display: none !important;
}
.home_card_content{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.home_card_item{
  padding: 0 5px;
}
.header_btns{
  padding: 1.65rem 0.5rem !important;
}
table strike{
  font-size: 12px;
  margin-right: 5px;
}
#price_container strike{
  font-size: 10px;
  margin-left: 5px;
  margin-right: -10px;
}

#order_address_text, #order_contact_name, #order_address_select, #price_text_order_prew, #n_dis_price_text_total_price, #order_address_phone{
  display: none;
}
.bundle_prod_list{
  list-style-type: none;
}
.detail_popup{
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
}
.detail_popup .container{
  background: white;
  max-height: 700px;
  overflow-y: auto;
}
.detail_popup.activeBundlePopup{
  display: flex !important;
}
.detail_popup_close{
  position: absolute;
  top: 0;
  right: 25px;
  z-index: 99999;
  color: white;
  font-size: 50px;
  cursor: pointer;
}
.offline-mode-warning{
  background-color: #010101;
  padding: 5px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}
#bundle_message{
  position: fixed;
  top: 80px;
  right: 0;
  z-index: 99999;
}
.fixed_msg.alert-danger{
  background-color: rgba(234, 84, 85, 1) !important;
  color: #fff !important;
}
.fixed_msg.alert-success{
  background-color: rgba(40, 199, 111, 1) !important;
  color: #fff !important;
}