.teret-kutu
{
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
}
.teret-kutu-derin
{
    box-shadow: 2px 2px 7px 3px grey;
}
.teret-kutu-dikey
{
    flex-direction: column;
}
.teret-kutu-yatay
{
    flex-direction: row;
}
.teret-kutu-dikey-ortala
{
    justify-content: center;
}
.teret-kutu-yatay-ortala
{
    align-items: center;
}
.teret-kutu-yatay-alt
{
    align-items: flex-end;
}
.teret-yukseklik-mega
{
    min-height: 1200px;
}
.teret-yukseklik-buyuk
{
    min-height: 700px;
}
.teret-genislik-buyuk
{
    max-width: 1200px;
    min-width: 400px;
}
.teret-yukseklik-orta
{
    min-height: 700px;
}
.teret-genislik-orta
{
    max-width: 700px;
    width: 100%;
}
.teret-yukseklik-2orta
{
    min-height: 400px;
}
.teret-genislik-2orta
{
    max-width: 400px;
    width: 100%;
}
.teret-yukseklik-3orta
{
    min-height: 300px;
}
.teret-genislik-3orta
{
    max-width: 300px;
    width: 100%;
}
.teret-yukseklik-kucuk
{
    min-height: 200px;
}
.teret-genislik-kucuk
{
    max-width: 200px;
    width: 100%;
}
.teret-yukseklik-2kucuk
{
    min-height: 150px;
}
.teret-genislik-2kucuk
{
    max-width: 150px;
    width: 100%;
}
.teret-yukseklik-3kucuk
{
    min-height: 100px;
}
.teret-genislik-3kucuk
{
    max-width: 100px;
    width: 100%;
}
.teret-yazı-yatay-sol
{
    text-align: left;
}
.teret-yukaridan-otele-100
{
    margin-top: 100px;
}
.teret-yukaridan-otele-200
{
    margin-top: 200px;
}
.teret-yukaridan-otele-300
{
    margin-top: 300px;
}
.teret-asagidan-otele-200
{
    margin-bottom: 200px;
}
.teret-asagidan-otele-300
{
    margin-bottom: 300px;
}
.teret-asagidan-otele-400
{
    margin-bottom: 400px;
}
.teret-ic-bosluk-5
{
    padding: 5px;
}
.teret-ic-bosluk-10
{
    padding: 10px;
}
.teret-ic-bosluk-20
{
    padding: 20px;
}
.teret-satır-gap-5
{
    column-gap: 5px;
}
.teret-satır-gap-20
{
    column-gap: 20px;
}
.teret-sutun-gap-5
{
    row-gap: 5px;
}
.teret-sutun-gap-yok
{
    row-gap: 0px;
}

.teret-sutun-gap-10
{
    row-gap: 10px;
}
.teret-sutun-gap-20
{
    row-gap: 20px;
}
.teret-resim-full
{
    width: 100%;
}
/* .teret-flex-1
{
    flex: 1;
} */
.teret-yazi-kucuk
{
    font-size: 18px;
    font-weight: 500;
    word-wrap: break-word;
}
.teret-yazi-capitalize
{
    text-transform: capitalize;
}
.teret-yazi-link
{
    color: #2a2a2a;
}
.genislik-100de100
{
    width: 100%;
}
p{
    margin: 0;
}

.editor
{
    max-width: 1250px;
    align-items: center;
    padding: 0px 50px;
}

.mak_list
{
    display: flex;
    flex-direction: column;
    text-align: start;
    width: 100%;
    gap: 15px;
}

.editor h3
{
    font-size: 20px;
    color: #2a2a2a;
    font-weight: bold;
}

.editor h2{
    color: #2a2a2a;
    font-size: 24px;
}

.bsl{
    align-items:baseline;
}

.editor p
{
    font-size: 16px;
}

.editor-li
{
    row-gap: 25px;
    width: 100%;
}

.editor-li li
{
    background-color: #aeaeae7c;
    padding-left: 10px;
}
/* 
.editor-li li:nth-child(odd)
{
    background-color: #818080;
} */


.editor-box
{
    margin-left: 10px;
    column-gap: 15px;
}

@media screen and (max-width:570px){
    .editor
    {
        padding: 0px;
    }
}

.teret-languages
{
    display: flex;
    column-gap: 6px;
    background-color: #2a2a2a;
    justify-content: center;
}

.teret-language
{
    display: grid;
    background-color: #2a2a2a;
    padding: 7px;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
}

.teret-language.active
{
    background-color: #696969;
}

.teret-language:hover
{
    background-color: #696969;
}

.teret-language img
{
    z-index: 1;
}

#profile_table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}
  
td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    word-break: break-all !important;
}

th{
    word-break: break-word !important;

}
  
tr:nth-child(even) {
    background-color: #dddddd;
}

#elisttable td,th
{
    width: auto;
}

.acc_info input
{
    padding: 7px;
    border: none;
}

.acc_info:hover input
{
    background-color: #92929227;
}

.acc_info.div_active input
{
    border-bottom: #4caf50 2px solid;
}

.acc_elem{
    display: none;
    min-height: 700px;
    height: 100%;
}

@media (max-width: 800px) {
    .acc_elem{
        overflow-x: auto;
    }
}

.acc_elem.acc_active{
    display: flex;
}

.acc_elem form
{
    margin: 0px;
    width: 100%;

}

.acc_elem form div:first-child
{
    margin: 0px;
}

.acc_elem form button[type="submit"]
{
    padding: 5px;
}

#makaleBilgilendir
{
    display: none;
}

#makaleBilgilendir.show
{
    z-index: 11000;
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    background-color: aliceblue;
    padding: 20px 3px;
    padding-top: 10px;
    border-radius: 12px;
    width: 400px;
    box-shadow: inset 2px 2px 7px 1px grey;
}

#makaleBilgilendir.show .mbuttons
{
    display: flex;
    width: 100%;
    justify-content: space-around;
}

#makaleBilgilendir.show .mbuttons button
{
    transition: all 0.4s;
    padding: 8px;
    border: none;
}

#makaleBilgilendir.show .mbuttons button:hover
{
    background-color: #2a2a2a;
}

#makaleBilgilendir.show .mbuttons button:hover a{
    color: #ffffff;
}

#makaleBilgilendir.show .mhead
{
    width: 100%;
    text-align: center;
}

#makaleBilgilendir.show .closeBtn
{
    display: flex;
    justify-content: end;
    padding: 0px 20px;
}

#makaleBilgilendir.show .closeBtn i:hover
{
    cursor: pointer;
}
.teret-input-div
{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.teret-input-div input{
    padding: 4px;
}

.teret-input-div select
{
    padding: 4px;
}

.teret-input-div label
{
    color: rgb(69 143 209);
    font-weight: bold;
}

.makale_ust_verileri_form form
{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.epc
{
    background-color: #e6e6e671;
    width: 100%;
    margin-bottom: 100px;
    padding: 0px 30px;
}

.tchartContainer
{
    flex-direction: column;

    display: flex;
    column-gap: 30px;
}

@media (max-width: 900px) {
    .tchartContainer{
        flex-direction: column;
    }
}

.tchartdiv
{
    display: flex;
    flex-direction: column;
}

.tchartdiv h3
{
    text-align: center !important;
}

#hakem-form-in-t
{
    min-width: 600px;
}

.hakem-form-t
{
    overflow: scroll;
    padding: 5px;
    flex-wrap: nowrap;
    flex: 0 0 600px;
}

.icerik_dikey_resim
{
    max-width: 200px;
    max-height: 200px;
}

.rbtn input
{
    margin-right: 10px;
}

#mypopup
{
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    box-shadow: 2px 2px 20px 10px black;
    max-width: 700px;
    max-height: 500px;
    width: 100%;
    height: 100%;
    z-index: 30000;
    overflow: hidden;
}

#mypopup .popuph
{
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    width: 100%;
    height: 40px;
    justify-content: center;
    background: black;
}

#popupc
{
    display: flex;
    /* width: 400px !important; */
    height: 100% !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: black !important;
}

#sayiCikarDiv{
    display:flex;
    flex-direction:column;
    align-items: baseline;
    margin-top: 10px;
}

#sayiCikarDiv input{
    padding: 4px;
    border: none;
}

#sayiCikarDiv button{
    border: none;
    background: #4caf50;
    color: white;
}

#sayiCikarDiv button:hover{
    cursor: pointer;
    background: #4caf30;
}

.erken-gm-cont{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.erken-gm{
    padding: 10px;
    background: #dbdbdb;
}

.erken-gm-h {
    display: flex;
    flex-direction: column;
}

.erken-gm-h .erisim_tag{
    margin-top: 0px;
}

.erken-gm-h a{
    color: black !important;
    text-transform: capitalize !important;
}

.erken-gm-t{
    color: #616161;
}

.erken-gm-b{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.erken-gm-yzs{
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
}

.erken-gm-showBtn:hover{
    cursor: pointer;
}

.erken-gm-ozet-content{
    display: none;
}

.erken-gm-ozet-content.show-ozet{
    display: block;
}

.sayi-d{
    background: #f7f7f7;
    padding: 10px;
}

.sayi-cont{
    margin-bottom: 10px;    
}

.sayi-h{
    font-size: 24px;
}

.sayi-ms{
    display: none;
}

.sayi-ms.show-makaleler{
    display: block;
}