.ekran{
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1400px) {
  .ekran{
    flex:0 0 80%;
    -ms-flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 1400px) {
  .ekran{
    flex:0 0 95%;
    -ms-flex: 0 0 100%;
    max-width: 100%;
  }
}


.sayfalandirma{
  cursor: pointer;
}

.min-5{
  min-height: 5rem;
}

.fw-300{
  font-weight: 300 !important;
}

.bg-none {
  background-color: transparent !important;
}

.text-decor-u{
  text-decoration: underline;
}

.h-auto{
  height: auto !important;
}

.urun-baslik{
  color: #6c757d !important
}


.golge-sm{
  -webkit-box-shadow: 0px 0px 9px -3px rgba(0,0,0,0.42);
  -moz-box-shadow: 0px 0px 9px -3px rgba(0,0,0,0.42);
  box-shadow: 0px 0px 9px -3px rgba(0,0,0,0.42);
}

.modal-header{
 border-bottom-width: 1px;
 border-bottom-color: #d2c8c8;
 border-bottom-style: solid;
}
.w-fit{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}


@media (min-width: 1020px) {
  .menuackapat{
    margin-left: 250px !important;
  }
}


.urun-ilk-icerik{
  box-shadow: 0 1.5rem 0.6rem rgba(0,0,0,.175) !important;
}

.girisustalan{
  background: url(../../../abc.png) repeat center center fixed; 
  border-radius: 0rem 0rem 4.5rem 4.5rem;
  box-shadow: 0 2rem 0.8rem rgba(0,0,0,.175);
}

@media (max-width: 576px) {
  .girisustalan {
    border-radius: 0rem 0rem 1.5rem 1.5rem !important;
  }
}


img.solresim {
  -webkit-animation: mover 1s infinite  alternate;
  animation: mover 1s infinite  alternate;
  max-width: 500px
}

@-webkit-keyframes mover {
  0% { transform: translateY(0); }
  100% { transform: translateY(-20px); }
}
@keyframes mover {
  0% { transform: translateY(0); }
  100% { transform: translateY(-20px); }
}
.card-wrap > .card-header{
  border-bottom: 1px solid transparent !important;
} 


::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px gray; 
  border-radius: 4px,4px,4px,7px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: #3c3c56; 
  border-radius: 4px,4px,4px,7px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #3c3c56; 
}
.filtre {
 border: 1px solid darkgray;
 border-radius: .3rem;
 color: #666666;
}

@media (max-width: 1024px) {
  .main-content {
    padding-right: 0px !important; 
    padding-left: 0px !important;
  }
}

.select2 {
  width: 100% !important;
}


@media only screen and (max-width: 975px) {

  .kategorimenu{
    flex-direction:column !important;
    background-color: white;
    padding: 0.5rem;
    border-radius: 1rem;
    margin-bottom: 5px
  }
  .navbar-dark .navbar-nav .nav-link{
    color: black !important;
  }

  .kategorimenu > .nav-item{
    margin: 10px
  }
}

@media (max-width: 700px) {
  .tabloust{
    display: none;
  }
  .secenekler{
    display: block;
  }
}
@media (min-width: 700px) {
  .secenekler{
    display: none;
  }
  .tabloust{
    display: block !important;
  }

  .tablearama{
    display: flex !important;
  }
}


@media (min-width: 768px) {

  .urun-ilk-icerik{
    padding: 1.5rem;
    border-radius: 0rem 0rem 4.5rem 4.5rem !important;
  }
  .ticket-reverse{
    flex-direction: row;
  }
}

@media (max-width: 768px) {
 .urun-ilk-icerik{
  padding: 1rem;
  border-radius: 0rem 0rem 1.5rem 1.5rem !important;
}
.ticket-reverse{
  flex-direction: column-reverse;
}
.ticket-detay-alani{
  margin-bottom: 2rem;
}
}




@media (min-width: 450px) {
  .paylas-fiyat-alani {
    flex-direction: row !important;
  }
  
}

@media (max-width: 451px) {
 .paylas-fiyat-alani{
   flex-direction: column !important;
 }
}

@media (min-width: 576px) {
  .kategori-liste {
    flex-direction: row !important;
  }
  .urun-card-img {
   /* height: 220px !important;*/
 }
}

@media (max-width: 577px) {
 .kategori-liste{
   flex-direction: column !important;
 }
 .urun-card-img {
  height: 210px !important;
}
}

@media only screen and (max-width: 700px) {
  .mobilgizle {
    display: none;
  }
  .mobilgizleexport {
    display: none;
  }
  .secenekler {
    display: block;
  }
}
@media only screen and (min-width: 700px) {
  .mobilgizleexport {
    display: flex;
  }
  .mobilgizle {
    display: block;
  }
  .secenekler {
    display: none;
  }
}

.bg-mavi{
  background-color: #007bff!important;
}

.bg-turkuaz{
  background-color: #53daed!important;
}

.urun-card-butonlar {
  width: 85%;
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.urun-card:hover .urun-card-img {
  opacity: 0.2;
  cursor: zoom-in;
}

.urun-card:hover .urun-card-butonlar {
  opacity: 1;
}
.urun-card {
  border-radius: 3rem 3rem 1rem 1rem;
}

.urun-card-img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  /* max-width: 500px;*/
  transition: .5s ease;
  backface-visibility: hidden;
  border-radius: 1rem ;
  margin-top: -1rem;
  box-shadow: 0 4px 8px grey;
}


.detay-sayfasi-card {
  border-radius: 0.9rem;
}

.urun-hakkinda-tamami {
  padding: 1rem;
}

.urun-detay-slayt img {
  border-radius: 0.9rem;
}

.urundetayalani {
  padding: 1rem !important;
  word-break: break-word;
  overflow-y: auto;
}

.select-menu .dropdown-toggle{
 background-color: white !important;
}

.bootstrap-select.disabled, .bootstrap-select > .disabled{
  background-color: #e3eaef !important;
}

.bootstrap-select{
  padding: 0 !important;
  background-color: white;
  border: 1px solid #cccccc  !important;
}

.bootstrap-select > .dropdown-toggle{
  background-color: white;
}

.oval{
  border-radius: 30px !important;
  padding: 1px 10px !important;
  font-size: 11px !important;
}

.sayfa-baslik{
  background-color: white;
  border-radius: 1rem;
  padding: 1rem;
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

.switch {
  position: relative;
  display: block;
  vertical-align: top;
  width: 80px;
  height: 28px;
  padding: 3px;
  margin: 0 10px 10px 0;
  background: linear-gradient(to bottom, #eeeeee, #FFFFFF 23px);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 23px);
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  box-sizing:content-box;
}
.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  box-sizing:content-box;
}
.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  box-sizing:content-box;
}
.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
  box-sizing:content-box;
}
.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #aaaaaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: #FFFFFF;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.switch-input:checked ~ .switch-label {
  background: #264653;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}
.switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 26px;
  height: 26px;
  background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
  background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
  border-radius: 100%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
  left: 54px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */
.switch-label, .switch-handle {
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
}

.w-fit{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}


.bg-mavi{
  background-color: #007bff!important;
}

.bg-turkuaz{
  background-color: #53daed!important;
}


/*
.select2-results__option{
  padding: 0 !important;
}
*/
.select2-selection{
  padding: 0.375rem 0.75rem !important;
  height: calc(1.5em + 0.75rem + 2px) !important;
}

.select-menu .dropdown-toggle{
  background-color: white !important;
}

.bootstrap-select.disabled, .bootstrap-select > .disabled{
  background-color: #e3eaef !important;
}

.bootstrap-select{
  padding: 0 !important;
  background-color: white;
  border: 1px solid #cccccc  !important;
}

.bootstrap-select > .dropdown-toggle{
  background-color: white;
}


.owl-stage{
  margin-right: auto !important;
  margin-left: auto !important;
}
.owl-carousel .owl-nav [class*="owl-"] {
  transition: all 0.3s ease;
}


.owl-carousel {
  position: relative;
}

.owl-carousel .owl-next,
.owl-carousel .owl-prev {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  position: absolute;
  top: 30%;
  font-size: 20px;
  color: #fff;
  border: 1px solid #ddd;
  text-align: center;
}

.owl-carousel .owl-prev {
  left: -40px;
}

.owl-carousel .owl-next {
  right: -40px;
}



.carousel-wrap {
  width: 1000px;
  margin: auto;
  position: relative;
}
.owl-carousel .owl-nav{
  overflow: hidden;
  height: 0px;
}

.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
  background: #2caae1;
}
.owl-theme .owl-nav [class*='owl-']:hover{
  background: transparent !important;
  border: 0px solid gray !important;

}

.owl-theme .owl-nav [class*=owl-]{
  background: transparent !important;
  border: 0px solid gray !important;
}

.owl-carousel .item {
  text-align: center;
}
.owl-carousel .nav-btn{
  position: relative;
  cursor: pointer;
  top: -30px !important;
  background: #3b1c7c;
  color: white;
  padding: 14px;
  border-radius: 100%;
  overflow-wrap: break-word;
  width: 50px;
  height: 50px;
  line-height: 20px;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled{
  pointer-events: none;
  opacity: 0.2;
}

.owl-carousel .prev-slide{
  left: -33px;
}
.owl-carousel .next-slide{
  right: -33px;
}
.owl-carousel .prev-slide:hover{
  background-position: 0px -53px;
}
.owl-carousel .next-slide:hover{
  background-position: -24px -53px;
}

span.img-text {
  text-decoration: none;
  outline: none;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  cursor: pointer;
  width: 100%;
  font-size: 23px;
  display: block;
  text-transform: capitalize;
}
span.img-text:hover {
  color: #2caae1;
}



.fs-0-50{
  font-size: 0.50rem !important;
}

.fs-0-80{
  font-size: 0.80rem !important;
}

.fs-1{
  font-size: 1rem !important;
}

.fs-25{
  font-size: 1.25rem !important;
}

.fs-35{
  font-size: 1.35rem !important;
}

.fs-50{
  font-size: 1.50rem !important;
}

.fs-75{
  font-size: 1.75rem !important;
}

.fs-2{
  font-size: 2rem !important;
}

.fs-2-40{
  font-size: 2.40rem !important;
}



.br-0-50{
  border-radius: 0.50rem !important;
}

.br-1{
  border-radius: 1rem !important;
}

.br-25{
  border-radius: 1.25rem !important;
}

.br-35{
  border-radius: 1.35rem !important;
}

.br-50{
  border-radius: 1.50rem !important;
}

.br-75{
  border-radius: 1.75rem !important;
}

.p-0-50{
  padding: 0.50rem !important;
}

.p-0-60{
  padding: 0.60rem !important;
}


.p-0-80{
  padding: 0.80rem !important;
}

.p-1{
  padding: 1rem !important;
}


.baslik{
  font-size: 3rem;
  color:grey;
  font-weight: lighter;
}

.baslik-2{
  font-size: 2.2rem;
  color:grey;
  font-weight: lighter;
}

.baslik b, .baslik-2 b{
  color: #4c3551;

  border-bottom: 1px dotted #000 !important;
  text-decoration: none !important;
}

.sayi-alani{
  background: white;
  border-radius: 1rem;
  padding: 1rem;
  text-align: center;
}

.sayi-alani i{
  font-size: 3rem;
  text-align: center;
  color: #2d2d44;
  margin-bottom: 0.8rem
}

.golge-sm{
  -webkit-box-shadow: 0px 0px 9px -3px rgba(0,0,0,0.42);
  -moz-box-shadow: 0px 0px 9px -3px rgba(0,0,0,0.42);
  box-shadow: 0px 0px 9px -3px rgba(0,0,0,0.42);
}

.sikayet{
  background: white;
  padding: 1.5rem;
  border-radius: 1.2rem;
  margin-bottom: 2rem;
  width: 100% !important;
  /*box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  box-shadow: 0px 4px 18px -7px rgb(0 0 0 / 42%) !important;*/
  box-shadow: 0 0.25rem 0.45rem rgb(0 0 0 / 15%) !important;
  word-break: break-word;

}

.sikayet p{
  font-size: 1.2rem;
}

.btn-bos{
  background: transparent; border: 0;
  font-size: 16px
}

.btn-bos i{
  margin-right: 3px;
}

.cozuldu{
  /*padding-right: ​10px;
  padding-left: 10px;
  padding-top: ​5px;
  padding-bottom: 5px;*/
  border-radius: 2rem;
  background-color: #2fd5c9;
  color: white;
  align-items: center;
  display: flex;
  font-size: 20px;
}

.cozuldu i{
  margin-right: 5px;
  font-size: 1.4rem
}

.sayfa-nav{
  width: 40px;
  height: 40px;
  border-radius: 100%;
  text-align: center;
  margin-right: 5px;
  display: grid;
  align-items: center
}

.pagination .active{
  background: #33334f;
}

.pagination .active a{
  color: white;
}

.islem-tamam{
  color: #2fd5c9 !important;
  font-weight: bold !important;
}

.swal2-styled.swal2-confirm{
  background: #484864 !important;
}

.bg-siyah{
  background: #2d2d45 !important;
  color: white !important;
}

.bg-mavi{
  background: #2fd5c9 !important;
  color: white;
}

.bg-mor{
  background: #7962d9 !important;
  color: white;
}

.text-mavi{
  color: #2fd5c9 !important;
}

.arama-oge{
  padding: 8px;
}

.arama-oge:hover{
  background: #2fd5c9 !important;
  color:white !important;
  cursor: pointer;
}

.buton {
  background: #2fd5c9;
  border: 2px solid #2fd5c9;
  margin-top: 5px;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  padding: 9px;
  border-radius: 5px;
  text-decoration: none !important;
}

.buton:hover {
  background: #fff;
  border: 2px solid #2fd5c9;
  color: #2fd5c9;
}

.gr-btn-1 {
  border:0;
  outline: none;
  padding: 10px 35px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  background: #f06292;
  background-image: linear-gradient(to right, #f06292, #f062c8);
  border-radius: 20px;
  letter-spacing: 1px;
}

.gr-btn-1:hover {
  background-size: 175% 100%;
  color: #fff;
  outline: none;
  transition: background-size .2s ease-in-out, .2s box-shadow ease-in-out, .2s filter, .3s opacity;
  text-decoration: none;
}


.gr-btn-2 {
  border:0;
  outline: none;
  padding: 10px 35px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  background: #25b1aa;
  background-image: linear-gradient(to right, #25b1aa, #2fd4c8);
  border-radius: 20px;
  letter-spacing: 1px;
}

.gr-btn-2:hover {
  background-size: 175% 100%;
  color: #fff;
  outline: none;
  transition: background-size .2s ease-in-out, .2s box-shadow ease-in-out, .2s filter, .3s opacity;
  text-decoration: none;
}


.input{
  width: 100%;
  border: 1px solid lightgray;
  border-radius: 15px;
  padding-left: 30px;
  padding-right: 30px;
  line-height: 50px;
  font-weight: 500;
  color: #485054;
  outline: none;
}

.input::placeholder{
  color: #8ba2ad;
}
.menu-onecikan{
  background-image: linear-gradient(to right, #25b1aa, #2fd4c8);
  border-radius: 2rem;
}

.menu-onecikan-2{
  background: linear-gradient(to right, #fd8f5f, #fdaf5c);
  border-radius: 1rem;
  margin-left: 10px;
}

.body-arkaplan{
  background: url(../../../img/arkaplan.png) repeat center center fixed;
}
.sayilarla-arkaplan{
  background: url(../../../img/bg/paper-plan.png);
  background-size: 80% 250px;
  background-repeat: no-repeat;
  background-position: center;
}


.arama_sonuc{
  background: white;
  border-radius: 1rem;
  margin-top: 1rem;
  padding: 1rem;
  color: #32324a;
  overflow: auto;
  display: none;
  max-height: 50vh
}

.kucuk_uyari{
  padding: 8px;
  border-radius: 25px;
  font-size: 14px;
  width: fit-content;
  background: #ff6d6d;
  margin-bottom: 10px;
  text-align: center;
  display: none;
}

#arama_bosluk{
  display: none;
}


.kucuk_bilgi{
  background: white;
  border-radius: 10px;
  padding: 5px !important;
  color:gray;
  width: fit-content;
}

.marka-ust-bilgi{
  background: #f4f5f9;
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 2rem;
}

.w-b{
  word-break:break-word !important;
}

.va-m{
  vertical-align: middle !important;
}

.tik{
  cursor: pointer;
}

@media (max-width: 750px) {
  .baslik {
    font-size: 2.2rem;
  }
}