.stepOne_content{
  width: 84%;
  margin: 0px auto;
  margin-top: 70px;
  font-size: 15px;
  font-family:EpocaPro-Regular, EpocaPro-Regular_IE,Arial, Helvetica, sans-serif !important;
  display: flex;
  flex-direction: row;
  justify-content:space-between;
  flex-flow: wrap;  
}
@media only screen and  (max-width: 1100px) { 
    
  #stepOne_content_align{
   width: 70%;
  }
  #stepOne_content_align_fatura{
    width: 70%;
   }
}
@media only screen and  (max-width: 950px) 
{ 
  .address_box_add{
    margin-left: 10%;
    margin-right:10%;
  }

   #stepOne_content_align{
    
       justify-content: center;
   }
   #stepOne_content_align .address_box{
      margin-right: 15px;
      margin-left: 15px;
   }
   #stepOne_content_align_fatura{
    
    justify-content: center;
}
   #stepOne_content_align_fatura .address_box_fatura{
    margin-right: 15px;
    margin-left: 15px;
 }
}
.address_box{
   min-width: 255px;
   max-width: 255px;
   height: 175px;
   border: 1px solid rgb(194, 194, 194);
   border-radius: 10px;
   display: flex;
   justify-content: center;
   overflow: hidden;
   position: relative;
   bottom: 40px;
   margin-bottom: 40px;
   
}
/*
.stepOne_content_left{
  width: 45%;
  height: 100%;
  float: left;
  word-wrap: break-word;
  color: rgb(88, 88, 88);
}

.stepOne_content_left a{
  font-size: 15px;
}
.stepOne_content_center{
  width: 10%;
  height: 100%;
  margin: auto;

}

.stepOne_content_right{
  width: 45%;
  height: 100%;
  float: right;
  word-wrap: break-word;
  color: rgb(88, 88, 88);

}
.stepOne_content_right a{
  font-size: 15px;
}

.faturaBaslik{
  color: rgb(39, 39, 39);
  font-weight: bold;
}
.sozlesme{
  width: 100%;
  height: auto;
  margin: 0px auto;
  margin-top: 40px;
}

.fiyat_bilgileri_genel_align{
width: 100%;
}
.satinalma_sonuc_genel_align{
  width: 100%;
  margin-top: 100px;
}
.satinalma_sonuc_genel_align .satinalma_sonuc_genel{
  float: right;
  margin-top: 0px;
 
}

.satinalma_sonuc_aciklama_align {
  position: relative;
  top:1%;
  right: 190px;
  font-size: 12px;
  text-align: right;
  color:  teal;
  padding-top: 1%;
  float: right;
}

#cikis_button_align{
  width: 100%;
  height: 45px;
  background: none;
  font-size: 17px;
  color: white;
  border: 1px solid black;
  position: relative;
  top: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: 0;
  background-color: teal;
}
#cikis_button_align a{
  position: relative;
  top: 1px;
  text-decoration: none;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
#cikis_button_align img{
position: absolute;
right: 2px !important;
}

.satinalma_sonuc_aciklama_button_align {
  width: 155px;
  position: absolute;
  right: 0%;
  top: 3%;
}

.satinalma_aciklama_align{
  width: 100% !important;
  margin-top: 140px;
  width: auto;
  text-align: right;
  font-size: 12px;
}
*/
.satinalma_sonuc_aciklama_button_align button {
   width: 100%;
   padding-top: 10%;
   padding-bottom: 10%;
   background: none;
   font-size:11px ;
   border: 1px solid black;
   position: relative;
   outline: 0;
   display: flex;
   justify-content: center;
   align-items: center;
}
.satinalma_sonuc_aciklama_button_align img{
   position: absolute;
   right: 88%;
   width: 10%;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

/* bu class ın gerekliliğini kontrol et */
.alert_message_all{
  max-width: 96.9%;
  height: auto;
  padding: 10px;
  padding-top: 0px;
  margin: 0px auto;
  border-radius: 20px;
  position: relative;
  top: 9px;
  color:#08883d;
  background-color: #14f070;
}

.fiyat_bilgileri_genel_align .fiyat_bilgileri_genel{
margin-right: 0px;

}
.active{
  border-color:#458EEE !important;
}
.active:hover{
  border-color:#458EEE !important;
}
.stepOne_content .address_box:hover{
  border-color:black ;
  cursor: pointer;
}

.address_box_fatura:hover{
 border-color:black ;
 cursor: pointer;
}

.address_box_add{
   min-width: 255px;
   max-width: 255px;
   height: 175px;
   border: 1px solid rgb(194, 194, 194);
   border-radius: 10px;
   display: flex;
   justify-content: center;
   overflow: hidden;
   position: relative;
   bottom: 40px;
   margin-bottom: 40px;
}
.checkboxSelected{
  width:180%;
  height:180%;
  margin: auto ;
  position: absolute;
  top: 0px;
  left: -95px;
  opacity: 0;
  z-index: 2;
 
}
.checkboxSelectedFatura{
  width:150%;
  height:150%;
  margin: auto ;
  position: absolute;
  left: -65px;
  opacity: 0;
  z-index: 2;
}
.address_box_fatura{
   min-width: 255px;
   max-width: 255px;
   height: 175px;
   border: 1px solid rgb(194, 194, 194);
   border-radius: 10px;
   display: flex;
   justify-content: center;
   overflow: hidden;
   position: relative;
   margin-bottom: 40px;
}
/*
.stepOne_input{
  width: 67%;
  margin: auto;
  margin-top: 50px;
 
}
.stepOne_input input{
 max-width: 295px;
 width: 95%;
 height: 20px; 
 padding-left: 8px;
 padding-top: 12px;
 padding-bottom: 12px;
 border-radius: 5px;
 display: flex;
 align-items: center;
 justify-content: center;
 outline: none;
 margin-bottom: 25px;
 border: 1px solid rgb(214, 214, 214);
}
.stepOne_input ::placeholder{
  color:rgb(214, 214, 214);
}
*/
.stepOne_input_left{
  width: 50%;
}
.stepOne_input_right{
  width: 50%;
  float: right;
}

.epostaBilgilendirme{
  width: 46%;
  height: 20px;
  position: absolute;
  left: 0px;
  bottom: 110px;
  display: flex;
  justify-content: left;
  white-space: nowrap;
  
}
.epostaBilgilendirme img{
  position: relative;
  top: 2px;
  right: 1px;
  height: 17px;
}
.kisisel_verileriniz img{
  position: absolute;
  top: 1px;
  left: -16px;
 
}
.epostaBilgilendirme a{
  margin-left: 16px;
  position: relative;
  top: 3px;
  font-family: "SF-Pro-Light";
  font-size: 13px;
  font-weight: 0;
  letter-spacing: -.022em;
  color: rgb(51,51,52);
}
.stepOne_input_check{
  /*width: 86%;*/
  width: 100%;
  position: relative;
  display: flex;
  margin: auto;
  font-size: 15px ;
  font-family: "SF-Pro-Light" ;
  font-weight: 0;
  letter-spacing: -.022em;
  color: black;
}
.stepOne_input_check_checkbox{
  width: 24px;
  height: 24px;
  position: absolute;
  top: -4.5px;
  left:0px;
}
.stepOne_input_check_checkbox input{
position: relative;
right: 6px;
}

.stepOne_input_check label{
  margin-left: 36px;
  position: relative;
  top: 3px;
  font-family: "SF-Pro-Light";
  font-size: 13px;
  font-weight: 0;
  letter-spacing: -.022em;
  color: rgb(51,51,52);
  white-space: nowrap;
 }
 
/*
.check-out-content{
  width: 1153px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 150px;
  margin-top: 120px;
}*/

.lutfen_hizala{
  width:84%;
  margin:0px auto;
  margin-top: 10px;
 
}
.lutfen_hizala_input{
  max-width:430px ;
  position: relative;
}
.lutfen_hizala_input input{
  width: 50%;
  position: absolute;
  right: -70px;
}
/*
.decoration{ 
    color: gray;
    text-decoration: none !important;
}
*/



/*Radio Button*/
.add_address_invoice_check_out{
  width: 100%;
  margin-top: 40px;
  font-family: "SF-Pro-Light";
  font-size: 13px;
  font-weight: 0;
  letter-spacing: -.022em;
  color: rgb(51,51,52);
}

.add_address_invoice_radio_check_out ul li{
  color: #AAAAAA;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 20px;
   
}

.add_address_invoice_radio_check_out ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.add_address_invoice_radio_check_out ul li label{
  display: block;
  position: relative;
  color:#2c303c;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 45px;
  padding-right: 25px;
  margin: 5px auto;
  margin-top: 2px;
  height: 20px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}
.add_address_invoice_radio_check_out ul li:hover label{
	color: rgb(0, 0, 0);
}
.add_address_invoice_radio_check_out ul li .check{
  display: block;
  position: absolute;
  border: 2px solid rgb(97, 97, 97);
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 0px;
  left: 20px;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;
}
.add_address_invoice_radio_check_out ul li:hover .check {
  border: 2px solid #2c303c;
}

.add_address_invoice_radio_check_out ul li .check::before {
  display: block;
 /* position: absolute;*/
  content: '';
  border-radius: 100%;
  height: 9px; /*Noktanın boyutu*/
  width: 9px;
  position: relative;
  bottom: -2.9px;
  /*top: 2.5px;*/
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

.add_address_invoice_radio_check_out input[type=radio]:checked ~ .check {
  border: 2px solid  rgb(69, 142, 238); 
}

.add_address_invoice_radio_check_out input[type=radio]:checked ~ .check::before{
  background:  rgb(69, 142, 238); 
}

.add_address_invoice_radio_check_out input[type=radio]:checked ~ label{
  color:black;
}

.address_content_align{
  width: 1000px ;
  max-width: 100%;
  margin: auto;
  margin-top: 70px;
 
}
.ust_panel{
  width: 930px;
  max-width: 100%;
  min-height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;  
  border-bottom: 1px solid rgb(232, 232, 232);
  margin: auto;
}

.ust_panel_align{
  width: 98.7%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  font-family: "SF-Pro-Light";
  font-weight: 0;
  letter-spacing: -.022em;
  color: rgb(95, 95, 95);
}
@media only screen and (max-width: 800px) {  


  #lutfen_hizala_hikio .kisisel_verileriniz{
   
    top:85px !important;

   
   }
}
#lutfen_hizala_hikio{
  width: 930px;
  max-width: 100%;
  margin: auto;
  margin-top: 150px;
  position: relative;
  bottom: 40px;

}
#lutfen_hizala_hikio .kisisel_verileriniz{
 width: 100%;
 margin-top: 0px;
 top: 30px;
 z-index: 1;

}
#lutfen_hizala_hikio p{
 position: absolute;
 left: 0px;
 top: 40px;

}

.checkout{
  width: 287px;
  height: 46px;
  border-radius: 5px;
  font-family: "Poppins-Medium" !important;
  font-size: 17px;
  background-color: rgb(69, 142, 238); 
  color: white;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  float: right;
  z-index: 20;
  position: relative;
  bottom: 58px;
  right: 35px;
}
.checkout a{
  min-width: 104%;
  z-index: 2;
}


.sepet_odeme_tablo_baslik .ust_panel_align{
  margin:auto;
  display:flex;
}
.sepet_odeme_tablo_baslik .ust_panel_align a:last-child{
  float: right;
}
.sepet_odeme_toplam_fiyat{
  width: 100%;
  height: 60px;
  margin-top: 50px;

}
.sepet_odeme_toplam_fiyat_icerik{
  width: auto;
  height: 100%;
  margin: auto;
  display: flex;
  justify-content: center;

}
.sepet_odeme_toplam_fiyat_icerik_toplam{
  width: auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
  font-family: "SF-Pro-Text-Bold";
  font-size: 26px;

}
.sepet_odeme_toplam_fiyat_icerik_miktar{
  width: auto;
  height: 100%;
  padding-left: 10px;
 
}
.sepet_odeme_toplam_fiyat_icerik_miktar_ilk_satir{
  width: 100%;
  height: 70%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-family: "SF-Pro-Text-Bold";
  font-size: 26px;
  text-align: end;
}
.sepet_odeme_toplam_fiyat_icerik_miktar_ikinci_satir{
  width: 100%;
  height: 30%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: black;
  font-family: "SF-Pro-Light";
  letter-spacing: -.022em; 
  font-weight:0;
  font-size: 13px;
  text-align: end;
  position: relative;
  right: 1px;
}
.sepet_odeme_form_onay{
  width: 85%;
  height: auto;
  margin: auto;
  margin-top: 40px;
  display: flex;
  font-family: "SF-Pro-Light";
  font-size: 13px;
  font-weight: 0;
  letter-spacing: -.022em;
  color: rgb(51,51,52);
 
}
.sepet_odeme_form_onay input{
  min-width: 20px ;
  min-height: 20px ;
  position: relative;
  left: 4px;
}
.sepet_odeme_form_onay label{
  margin-top: 6px;
  margin-left: 7px;
}

.sepet_odeme_toplam_tutar {
  width: auto;
  height: 50px;
  margin: auto;
  display: flex;
  justify-content: center;

 
}
.sepet_odeme_toplam_tutar_ilk_sutun{
width: auto;
height: 80%;
display: flex;
align-items: center;
justify-content: left;
padding-right: 8px;

}
.sepet_odeme_toplam_tutar_ikinci_sutun{
  width: auto;
  height: 60%;
  text-align: end; /*Sonradan eklendi.*/
}

.sepet_odeme_toplam_tutar_ikinci_sutun_ikinci_satir{
  width: auto;
  height: 60%;
  font-size: 13px;
  font-family: "SF-Pro-Light";
  color: rgb(49, 49, 49) !important;
  font-weight: 0;
  letter-spacing: -.022em;
  text-align: end;
  margin-right: 1px;
}
.sepet_odeme_ust_panel_align a:last-child{
  color:rgb(69, 142, 238);
  font-size: 20px;
  font-family: "SF-Pro-Light" ;
  font-weight: 0;
  letter-spacing: -.022em;
  text-decoration: none;
  position: relative;
  right: 2px;
  height: 23px;
}
.sepet_odeme_ust_panel_align a:last-child:hover{
  border-bottom:solid 1px #458EEE !important;
}
.sepet_odeme_ust_panel_align input{
  background: none;
  border: none;
  color:rgb(69, 142, 238);
  font-size: 20px;
  font-family: "SF-Pro-Light" !important ;
  font-weight: 0 !important;
  letter-spacing: -.022em !important;
  cursor: pointer;
  text-decoration: none;
  padding: 0px ;

}

.odemeSecenek{
  /*width: 83.4%;*/
  width:  83.4%;
  margin: auto;
  margin-top: 76px;

}
.bankatransferi{
  font-family: "SF-Pro-Light";
  font-size: 12px;
  font-weight: 0;
  letter-spacing: -.022em;
  color: rgb(51,51,52);
 /* margin-left: 36px;*/
}
.bankatransferi a{
  margin-left: 36px;
}
.sepet_odeme_kredi{
  width: 100%;
  min-height: 300px;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /*min-height: 100vh;*/
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-family: 'Raleway';

}

.form-container .field-container:first-of-type {
  grid-area: name;
}

.form-container .field-container:nth-of-type(2) {
  grid-area: number;
}

.form-container .field-container:nth-of-type(3) {
  grid-area: expiration;
}

.form-container .field-container:nth-of-type(4) {
  grid-area: security;
}

.field-container input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sepet_odeme_kaplama{
  display: flex;
  position: relative;
  overflow: hidden;
  
}
.sepet_odeme_kaplama img {
  opacity: .6;

}
.form-container {
  display: grid;
  grid-column-gap: 10px;
  grid-template-columns: auto auto;
  /*grid-template-rows: 90px 90px 90px;*/
  grid-template-areas: "name name""number number""expiration security";
  width: 320px;
  max-width: 400px;
  /*max-width: 400px;*/
  padding: 20px;
  color: #707070;

}

#sepet_odeme_ikon{
  position: absolute;
  left: 2px;
}

#sepet_odeme_ikon_guvenlik{
  position: absolute;
  bottom: 0px;
  right: 121px;
  height: 50px;
}
#sepet_odeme_ikon_guvenlik img{
margin-top: 0px !important;
}
.field-container {
  position: relative;
  height: 46px;
  margin-bottom: 25px;

}
.sepet_odeme_kredi input {
  width: 287.9px;
  min-height: 46px; 
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border: 1px solid rgb(214, 214, 214);
  margin-top: 0px;
  float: right;
}
.input_yarim{
  margin-bottom: 0px ;
}
.input_yarim input{
  width: 100px !important;
 
}
.sepet_odeme_kredi ::placeholder{
  color:rgb(214, 214, 214);
}
.ccicon {
  height: 38px;
  position: absolute;
  right: 6px;
  top: calc(50% - 17px);
  width: 60px;
}

/* CREDIT CARD IMAGE STYLING */
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

.container {
  width: 100%;
 /*  max-width: 380px;
  max-height: 231px;*/

  max-width: 365px;
  max-height: 216px;
  height: 54vw;
  padding: 20px;
  padding-bottom: 25px;
  margin-left: 40px;
 
}
#ccsingle {
  position: absolute;
  right: 15px;
  top: 20px;
}

#ccsingle svg {
  width: 100px;
  max-height: 60px;
}

.creditcard svg#cardfront,
.creditcard svg#cardback {
  width: 100%;
 /* width: 96%;*/
  -webkit-box-shadow: 1px 5px 6px 0px black;
  box-shadow: 1px 5px 6px 0px black;
  border-radius: 22px;
  position: relative;
  bottom: 4px;
}

#generatecard{
  cursor: pointer;
  float: right;
  font-size: 12px;
  color: #fff;
  padding: 2px 4px;
  background-color: #909090;
  border-radius: 4px;
  cursor: pointer;
  float:right;
}

/* CHANGEABLE CARD ELEMENTS */
.creditcard .lightcolor,
.creditcard .darkcolor {
  -webkit-transition: fill .5s;
  transition: fill .5s;
}

.creditcard .lightblue {
  fill: #03A9F4;
}

.creditcard .lightbluedark {
  fill: #0288D1;
}

.creditcard .red {
  fill: #ef5350;
}

.creditcard .reddark {
  fill: #d32f2f;
}

.creditcard .purple {
  fill: #ab47bc;
}

.creditcard .purpledark {
  fill: #7b1fa2;
}

.creditcard .cyan {
  fill: #26c6da;
}

.creditcard .cyandark {
  fill: #0097a7;
}

.creditcard .green {
  fill: #66bb6a;
}

.creditcard .greendark {
  fill: #388e3c;
}

.creditcard .lime {
  fill: #d4e157;
}

.creditcard .limedark {
  fill: #afb42b;
}

.creditcard .yellow {
  fill: #ffeb3b;
}

.creditcard .yellowdark {
  fill: #f9a825;
}

.creditcard .orange {
  fill: #ff9800;
}

.creditcard .orangedark {
  fill: #ef6c00;
}

.creditcard .grey {
  fill: #bdbdbd;
}

.creditcard .greydark {
  fill: #616161;
}

/* FRONT OF CARD */
#svgname {
  text-transform: uppercase;
}

#cardfront .st2 {
  fill: #FFFFFF;
}

#cardfront .st3 {
  font-family: 'Source Code Pro', monospace;
  font-weight: 600;
}

#cardfront .st4 {
  font-size: 54.7817px;
}

#cardfront .st5 {
  font-family: 'Source Code Pro', monospace;
  font-weight: 400;
}

#cardfront .st6 {
  font-size: 33.1112px;
}

#cardfront .st7 {
  opacity: 0.6;
  fill: #FFFFFF;
}

#cardfront .st8 {
  font-size: 24px;
}

#cardfront .st9 {
  font-size: 36.5498px;
}

#cardfront .st10 {
  font-family: 'Source Code Pro', monospace;
  font-weight: 300;
}

#cardfront .st11 {
  font-size: 16.1716px;
}

#cardfront .st12 {
  fill: #4C4C4C;
}

/* BACK OF CARD */
#cardback .st0 {
  fill: none;
  stroke: #0F0F0F;
  stroke-miterlimit: 10;
}

#cardback .st2 {
  fill: #111111;
}

#cardback .st3 {
  fill: #F2F2F2;
}

#cardback .st4 {
  fill: #D8D2DB;
}

#cardback .st5 {
  fill: #C4C4C4;
}

#cardback .st6 {
  font-family: 'Source Code Pro', monospace;
  font-weight: 400;
}

#cardback .st7 {
  font-size: 27px;
}

#cardback .st8 {
  opacity: 0.6;
}

#cardback .st9 {
  fill: #FFFFFF;
}

#cardback .st10 {
  font-size: 24px;
}

#cardback .st11 {
  fill: #EAEAEA;
}

#cardback .st12 {
  font-family: 'Rock Salt', cursive;
}

#cardback .st13 {
  font-size: 37.769px;
}

/* FLIP ANIMATION */
.container {
  perspective: 1000px;
}

.creditcard {
  width: 100%;
  max-width: 400px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: -webkit-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  cursor: pointer;
}

.creditcard .front,
.creditcard .back {
  position: absolute;
  width: 100%;
  max-width: 400px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  color: #47525d;
}

.creditcard .back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.creditcard.flipped {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

/*Modal*/
.Modal-content-adet {
  width: 470px;
  max-width: 470px;
  height: 300px;
  margin: auto;
  position: relative;
  margin-top: 70px;
}
.Modal-message-adet{
  width: 100%;
  height: 50px;
  margin-top: 30px;
  text-align: center;
  font-size: 13px;

}
.Modal-message-adet a{
  width: 100%;

}
.Modal-header-bottom-adet{
  width: 100%;
  height: auto;
  position: absolute;
  top: 110px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-flow: wrap;
}
.Modal-inner-onbilgilendirme {
  width: 800px;
  height: 525px; 
  position: relative;
  margin: 0px auto;
  margin-top: 45.5px;
  border: 1px solid #c5c4c2;
  background-color: #FDFDFD;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  z-index: 11;
  padding-bottom: 6px;
  opacity: 1;
  display: flex;
  align-items: center;
}
.Modal-content-onbilgilendirme {
  width: 730px;
  max-width: 730px;
  min-height: 300px;
  margin: auto;
  position: relative;
  margin-top: 70px;
}
.Modal-header-bottom-onbilgilendirme{
  width: 100%;
  height: 350px;
  margin-top: 30px;
  font-family: "SF-Pro-Regular";
  overflow-y: scroll;
  padding-right: 10px;
  position: relative;
  right: 5px;
}

.saticibilgileri a:first-child{
  font-family: "SF-Pro-Medium";
  font-size: 18px;
  color: black;
  position: relative;
  top: 0px;
}
.saticibilgileri a{
  position: relative;
  top: 10px;
  font-size: 13px;

}
.urunbilgileri_onbilgilendirme{
  width: 100%;
  min-height: 100px;
  margin-top: 30px;
  text-align: center;

}
.urunbilgileri_tablo{
  width: 99.2%;
  height: auto;
  /*height: 215px;*/
  margin-top: 10px;
  border: 3px solid black;
  display: flex;
  position: relative;
  padding-bottom: 35px;
  
}
.urunbilgileri_tabloSol{
  display: flex;
  height: 100%;
 }
 .urunbilgileri_tabloSag{
  border-left: 1px solid #c5c4c2;
}

.urunbilgileri_onbilgilendirme a:first-child{
  font-family: "SF-Pro-Medium";
  font-size: 18px;
  color: black;

}
.urunbilgileri_onbilgilendirme a{
  font-size: 13px;

}


.urunbilgileri_tablo_1{
  width: 100%;
  display: flex;
  height: 100%;

}

.urunbilgileri_tablo_1 a{
  border-left: none;
  font-family: "SF-Pro-Regular" !important;
  font-size: 11px !important;
 }
 .urunbilgileri_tablo_satir1{
   height: 72px;
   display: flex;
   align-items: center;
   border-left: none ;
   border-top: 1px solid #c5c4c2;
 }
 .urunbilgileri_tablo_satir1 a{
  margin-left: 7px;
 }
 .urunbilgileri_tablo_1Sol{
   width: auto;
   border-left: none ;
 }
 .urunbilgileri_tablo_1Sol_baslik{
  display: flex;
  height: 72px;
 
 }
.urunbilgileri_tablo_1Sol_icerik{
  min-height: 72px;
  display: flex;

}
 .uruntabloKargo{
  width: 100%; 
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #c5c4c2;
  position: absolute;
  bottom: 0;
  left: 0;
}


 .urunbilgileri_tablo_satir2{
  height: 40%;
  display: flex;
  align-items: center;
  border-left: none ;
  border-top: 1px solid #c5c4c2;
 }

.urunbilgileri_tablo_satir2 a{
  margin-left: 7px;
 }
 .urunbilgileri_tablo_satir3{
  height: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: none ;
  border-top: 1px solid #c5c4c2;
 }

.urunbilgileri_tablo_satir3 a{
  margin-left: 7px;
 }
.urunkoduVeadi{
  width: 140px;
  min-width: 140px;
  height: 72px;
  border-left: none ;

}
.urunkoduVeadi a{
 margin-left: 7px;
 text-align: left;
}
.urunbilgileriAdet{
  width: 40px;
  min-width: 40px;
  height: 72px;

  border-left: 1px solid #c5c4c2;
}
.urunbilgileriAdet a{
  margin-left: 7px;
  text-align: left;
}
.saticiunvani{
  width: 120px;
  max-width: 120px;
  height: 72px;

  border-left: 1px solid #c5c4c2;
}
.saticiunvani a{
  margin-left: 7px;
  text-align: left;
}


.birimfiyat{
  width: 60px;
  max-width: 60px;
  height: 72px;

}
.birimfiyat a{
  margin-left: 7px;
  width: 52px;
  max-width: 52px;
  height: auto;
  word-wrap: break-word;
  text-align: left;
}
.birimindirimi{
  width: 65px;
  max-width: 65px;
  height: 72px;
  text-align: left;
  border-left: 1px solid #c5c4c2;

}
.birimindirimi a{
  margin-left: 7px;
  width: 55px;
  max-width: 55px;
  height: auto;
  word-wrap: break-word;
}
.kuponvepuan{
  width: 50px;
  max-width: 50px;
  height: 72px;
  border-left: 1px solid #c5c4c2;
}
.kuponvepuan a{
  margin-left: 7px;
}
.toplamsatistutari{
  width: 65px;
  max-width: 65px;
  height: 72px;
  text-align: left;
  border-left: 1px solid #c5c4c2;

}
.toplamsatistutari a{
  margin-left: 7px;
  width: 55px;
  max-width: 55px;
  height: auto;
  word-wrap: break-word;
}
.vadefarki{
  width: 42px;
  max-width: 42px;
  height: 72px;
  text-align: left;
  border-left: 1px solid #c5c4c2;
}
.vadefarki a{
  margin-left: 7px;
}
.kdvtoplamtutar{
  width: 66px;
  max-width: 66px;
  height: 72px;
  text-align: left;
  border-left: 1px solid #c5c4c2;

}
.kdvtoplamtutar a{
  margin-left: 7px;
  width: 55px;
  max-width: 55px;
  height: auto;
  word-wrap: break-word;
}
.odemeteslimatDetaylari{
  margin-top: 24px;
  font-family: "SF-Pro-Medium";
  font-size: 18px;
  color: black;
}
.odemeteslimatDetaylari a:first-child{ 
  font-family: "SF-Pro-Medium";
  font-size: 18px;
  color: black;

}
.odemeteslimatDetaylari_icerik{
  margin-top: 20px;
  text-align: left;
}
.odemeteslimatDetaylari_icerik a:first-child{
  font-family: "SF-Pro-Regular";
  font-size: 13px !important;
  color: inherit;
}
.odemeteslimatDetaylari_icerik a{
  font-family: "SF-Pro-Regular";
  font-size: 13px !important;
  color: inherit;
}









.saticibilgileriMesafeliBaslik a{
  font-family: "SF-Pro-Medium";
  font-size: 18px;
  color: black;
  position: relative;
  top: 0px;
}

.Modal-header-bottom-mesafeli{
  width: 100%;
  height: 350px;
  margin-top: 30px;
  font-family: "SF-Pro-Regular";
  overflow-y: scroll;
  padding-right: 10px;
  position: relative;
  right: 5px;
  text-align: center;
}
#taraflarbaslik{
  font-family: "SF-Pro-Medium";
  font-size: 18px;
  color: black;
  position: relative;
  top: 0px;

}
.saticibilgileriMesafeli {

text-align: left !important;
}
.saticibilgileriMesafeli a{
  font-size: 13px;

}
.yururluk_icerik_alici_satici{
  width: 100%;
  height: 100px;
  display: flex;

}
.yururluk_icerik_satici{
  width: 60%;
  height: 100%;
  float: left;

}
.yururluk_icerik_alici{
  width: 40%;
  height: 100%;
  float: right;

}



.adet_flex_ilk{
  width: 180px;
  max-width: 180px;
  height: 100%;
}
.adet_flex_orta{
  width: 135px;
  max-width: 135px;
  height: 100%;
}
.adet_flex_son{
  width: 155px;
  max-width: 155px;
  height: 100%;

}
.adet_flex_ilk_satir{
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid rgb(232, 232, 232);
}
.adet_flex_ilk_satir a:first-child{
  font-family: "SF-Pro-Medium";
  font-size: 18px;
  margin-right: 30px;
  color: black;
}
.adet_flex_ilk_satir a:last-child{
  font-family: "SF-Pro-Regular";
  font-size: 13px;
  position: relative;
  top: 2px;
  right: 25px;
}
.adet_flex_orta_satir{
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: start;
  border-top: 1px solid rgb(232, 232, 232);
  border-left: 1px solid rgb(232, 232, 232);
  border-right: 1px solid rgb(232, 232, 232);
  position: relative;
}
.adet_flex_orta_satir a{
  font-family: "SF-Pro-Medium";
  font-size: 18px;
  color: black;

}
.adet_flex_orta_satir a:first-child{
  position: absolute;
  right: 50px;
}
.adet_flex_orta_satir a:last-child{
  position: absolute;
  /*right: 20px;*/
  margin-left: 95px;
}
.adet_flex_son_satir{
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: start;
  border-top: 1px solid rgb(232, 232, 232);
}
.adet_flex_son_satir a:first-child {
  font-family: "SF-Pro-Regular";
  font-size: 13px;
  position: relative;
  top: 2px;
  left: 20px;
}
.adet_flex_son_satir a:last-child{
  font-family: "SF-Pro-Medium";
  font-size: 18px;
  margin-left: 30px;
  color: #458EEE;
}
.formdisplay{

}