/*
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
::-webkit-scrollbar {position: fixed;top:right: 0;height: 100%; width: 3px;background: transparent; }
::-webkit-scrollbar-thumb {background-color: rgb(120, 123, 123);}
::-webkit-scrollbar-thumb:hover {background-color: rgb(120, 123, 123);}*/
/* BASIC SETTINGS */
.satir_1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden;}
.satir_2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
.satir_3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden;}
.ul_sifirla{list-style-type: none;margin: 0;padding:0;}
.height100{height: 100%;}
.y_scroll{height: 100%; overflow-y: scroll;}
.row_ayar{justify-content: center;-webkit-justify-content: center; justify-content: space-between;-webkit-justify-content:space-between; justify-content: space-evenly;-webkit-justify-content: space-evenly;}
.xycenter{display: flex !important; -webkit-display: flex; align-items: center; justify-content: center;}

.logo img{max-height: 55px; }

.tplm_fiyat{display: contents;}

.alert {position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0rem; }
.alert-warning {color: #856404; background-color: #fff3cd; border-color: #ffeeba; }
.alert-warning hr {border-top-color: #ffe8a1; }
.alert-warning .alert-link {color: #533f03; }

/* TITRESIMLI BTN CSS AYARI*/
@-webkit-keyframes btn_vibration {
	50% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg);}
	100% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg);}
}
@keyframes btn_vibration {
	50% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg);}
	100% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg);}
}
.btn_vibration{vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-animation-name: btn_vibration; animation-name: btn_vibration; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.sadece_menu_logo {margin-left: auto; margin-right: auto; }

/* Urun detay sayfasi v1 */
.number_counter {position: relative; width: 40px; height: 45px; color: #333C48; background-color: #ccc; text-align: center; overflow: hidden; }
.siparise_urun_ekle{height: 45px; display: flex; align-items: center; text-align: center; justify-content: center; }
.modal-header {border-bottom: 0px solid #dee2e6; }
.modal-footer {border-top: 0px solid #dee2e6; }
.popup-youtube{width: 100%; height: 50px; background-color: #3d7cd3; color: #fff; font-size: 14px; font-weight: 600; }




/* INPUT CHECBOX - RADIO STYLE V2 */
.inputGroup_v2_body_v2{position: relative; display: flex;flex-wrap: wrap;width: 100%;justify-content: center;overflow: hidden;}
.inputGroup_v2 {position: relative;display: block;background-color: #fff; margin: 5px;min-height: 40px; max-width: 22%; width: 100%; border:1px solid #ccc;overflow: hidden;     text-align: center;}
.inputGroup_v2 .label_v2 {display: flex;width: 100%; height: 100%;flex-wrap: wrap; color: #999;align-items: center;justify-content: center;padding: 8px; cursor: pointer; position: relative; z-index: 2; transition: color 200ms ease-in; overflow: hidden; }
.inputGroup_v2_bg{position: absolute; width: 100%; height: 100%; background-color: #008200; left: 0; top: 0; transform: translate(-50%, -50%) scale3d(1, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; z-index: 1; }
.inputGroup_v2 .input_v2:checked ~ .label_v2 {color: #fff; }
.inputGroup_v2 .input_v2[type="radio"]:checked ~ .label_v2 .label_v2_span_fiyat{color: #fff;}
.inputGroup_v2 .input_v2[type="checkbox"]:checked ~ .label_v2 .label_v2_span_fiyat{color: #fff;}
.inputGroup_v2 .input_v2:checked ~ .inputGroup_v2_bg {transform: translate(-50%, -50%) scale3d(56, 56, 1); opacity: 1; }
.inputGroup_v2 .input_v2 {width: 32px; height: 32px; order: 1; z-index: 2; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); cursor: pointer; visibility: hidden; }
.label_v2_span_text, .label_v2_span_fiyat{}
.label_v2_span_fiyat{font-weight: 600;}
@media (max-width: 600px){.inputGroup_v2 {max-width: 30%; width: 100%;}}
@media (max-width: 400px){.inputGroup_v2 {max-width: 45%; width: 100%;}}
@media (max-width: 300px){.inputGroup_v2 {max-width: 100%; width: 100%;}}