::-ms-reveal, .kapsayici {
    box-sizing: content-box !important;
}

.kapsayici {
    width: 100%;
    background-color: #edf2f7;
    border-radius: .5rem;
    box-shadow: rgba(0, 0, 0, 0.20) 0px 18px 70px 4px;
    padding: 0 20px 20px 20px;
    box-sizing: inherit;
    -webkit-box-sizing: inherit !important;
    /*transform: translateY(100%);*/
}

/*.virtual-keyboard-outer:not(.sanal-kapat){
    .kapsayici{
        transform: translateY(0);
    }
}*/

#klavye_tasima {
    height: 20px;
    /*background-color: #6aa6d4;*/
    width: 100%;
}

#klavye_tasima:after {
    content: '';
    display: flex;
    background-color: #cbd3e1;
    width: 20%;
    height: 2px;
    position: absolute;
    top: 9px;
    left: 40%;
}

#klavye_tasima:hover {
    cursor: move;
}

.harf_rakam, .cift_tirnak, .temizle_butonu, .tab_tusu, .caps_tusu, .sil_tusu, .shift_tusu, .bosluk_tusu, .kapatma_tusu, .giris_tusu, .kontrol_tusu, .alt_tusu {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    color: #718096;
    fill: #718096;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    height: 60px;
    line-height: 60px;
    text-align: center;
    align-content: center;
    background-color: #f7fafc;
    margin: 5px;
    border-radius: .25rem;
    font-size: 25px;
    cursor: pointer;
}

.harf_rakam:hover, .cift_tirnak:hover, .temizle_butonu:hover, .tab_tusu:hover, .caps_tusu:hover, .sil_tusu:hover, .shift_tusu:hover, .bosluk_tusu:hover, .kapatma_tusu:hover, .giris_tusu:hover, .kontrol_tusu:hover, .alt_tusu:hover {
    background-color: #e4eaef!important;
    color: #000!important;
    fill: #000!important;
}

.harf_rakam {
    flex-grow: 1;
}

.cift_tirnak {
    flex-grow: 1.5;
}

.temizle_butonu {
    flex-grow: 1.5;
}

.tab_tusu {
    flex-grow: 2;
}

.caps_tusu {
    flex-grow: 2;
}

.sil_tusu {
    flex-grow: 2;
}

.shift_tusu {
    flex-grow: 1.5
}

.giris_tusu {
    width: calc(100% - 10px);
    height: 127px;
    margin-bottom: -100px;
}

.bosluk_tusu {
    flex-grow: 7;
}

.kapatma_tusu {
    flex-grow: 1;
}

.solayaslamabitiyor {
    clear: both;
}

.kontrol_tusu {
    flex-grow: 1.5;
}

.alt_tusu {
    flex-grow: 1.5;
}

.satir {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.klaveyeSatir2 {
    width: 10%;
    float: right;
}

.satirdis {
    width: 90%;
    display: inline-block;
}

::-ms-reveal, .kapsayici2 {
    box-sizing: content-box !important;
}

.kapsayici2 {
    width: 327px;
    background: #6aa6d4;
    padding: 0 10px 25px 10px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box !important;
}

#klavye_tasima2 {
    height: 25px;
    /*background-color: #617a97;*/
    width: 100%;
}

#klavye_tasima2:hover {
    cursor: move;
}

.sayisal_rakam, .temizle_butonu2, .sil_tusu2, .shift_tusu2 {
    color: #000;
    display: block;
    float: left;
    height: 65px;
    line-height: 65px;
    text-align: center;
    background: #FFF;
    border: #CCC 1px solid;
    margin: 3px;
    border-radius: 5px;
    font-family: monospace;
    font-size: 20px;
    cursor: pointer;
}

.sayisal_rakam:hover, .temizle_butonu2:hover, .sil_tusu2:hover, .shift_tusu2:hover {
    background: #47738e;
    color: #FFF;
}

.sayisal_rakam {
    width: 65px;
}

.temizle_butonu2 {
    width: 100px;
}

.sil_tusu2 {
    width: 100px;
}

.shift_tusu2 {
    width: 100px;
    height: 138px;
    line-height: 138px;
}

.yukari_klavye {
    margin-top: -67px;
}

.solayaslamabitiyor2 {
    clear: both;
}

/*
.klavye-satir{
    justify-content: space-between;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(36, 1fr);
    gap: 8px;
}*/