.inline-image {
    vertical-align: middle;/* Resmin metinle aynı hizada olmasını sağlar */
    height: 20px !important; /* Metin yüksekliğiyle aynı yükseklikte olmasını sağlar */
    width: 40px !important; /* Genişliği orantılı olarak ayarlar */
    object-fit: cover;
    border-radius: 50px;
    display: inline-block;
   /*  position: relative; Resmi konumlandırılabilir hale getirir */
    cursor:row-resize; /* Fare simgesini değiştirir */
    user-select: none;
    z-index: 0;
}
.inlineImages{
  vertical-align: middle;/* Resmin metinle aynı hizada olmasını sağlar */
  height: 1em !important; /* Metin yüksekliğiyle aynı yükseklikte olmasını sağlar */
  width: 3em !important; /* Genişliği orantılı olarak ayarlar */
  object-fit: cover;
  display: inline;
  margin: 0px !important;
  position: relative; /* Resmi konumlandırılabilir hale getirir */
  top: -3px;
  cursor:pointer; /* Fare simgesini değiştirir */
  user-select: none;
  z-index: 0 !important;
}
.inline-image-style1{
  border-radius: 50px;
  border: none;
}
.inline-image-style2{
  border-radius: 50px;
  border: 2px solid black;
}
.inline-image-style3{
  border-radius: 50px;
  border: 2px dotted black;
}
.inline-image-style4{
  border-radius: 50px;
  border: 2px dashed black;
}
.inline-image-style5{
  border-radius: .3em;
  border: none;
}
.inline-image-style6{
  border-radius: .3em;
  border: 2px solid black;
  padding: 2px;
}
.inline-image-style7{
  border-radius: .3em;
  border: 2px dotted black;
  padding: 2px;
}
.inline-image-style8{
  border-radius: .3em;
  border: 2px dashed black;
  padding: 2px;
}


.inlineSpan {
    display: inline-flex;
    position: relative;
    padding: .0em;
    border-radius: 200px;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: fit-content;
    /* resize:both;
    border: none;
    overflow: hidden;
    background-color: transparent; */
}

.inlineSpan img{
   border-radius: 200px;
   width: 1em !important;
   height: 1em !important;
   object-fit: cover;
   align-self: center;
   display: block;
   margin: unset;
}
  .inlineText3{
    display: flex; 
    align-items: center;
    justify-content: space-between;
    /* vertical-align: middle; */
    position: relative;
    top: 0px;
  }
  .inlineSpan1{ 
    font-size: .35em;
    width: 8.7em;
  }.inlineSpan2{ 
    font-size: .35em;
    width:13.7em;
    padding-left: 1em;
  }.inlineSpan3{ 
    font-size: .35em;
    width: 13.7em;
    padding-left: 1em;
  }.inlineSpan4{ 
    font-size: .35em;
    width: 13.7em;
    padding-left: 1em;
  }
  .inlineSpan1:empty:after,.inlineSpan2:empty:after,.inlineSpan3:empty:after,.inlineSpan4:empty:after{ 
    content: 'İçeriğin taşmasını önlemek için overflowu auto yapın';
  }
  .resizable {
    border: 1px dashed gainsboro;
    resize: horizontal;
    overflow: auto; /* İçeriğin taşmasını önlemek için overflow'u auto yapın */
    position: relative; /* Pseudo-elementin konumunu belirlemek için */
  }

.resizable::-webkit-resizer {
    background:url('../uploads/cornerred.png');
    /* border: 1px solid darkgray; */
}

  .inlineSpan3:active{ 
    /* display: inline-block; */
    border: 1px solid gainsboro;
  }