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

.kapsayici {
    width: 100%;
    background: #6aa6d4;
    padding: 0 10px 25px 10px;
    box-sizing: inherit;
    -webkit-box-sizing: inherit !important;
}

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

#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 {
    color: #000;
    display: block;
    float: left;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #FFF;
    border: #CCC 1px solid;
    margin: 3px;
    border-radius: 5px;
    font-family: monospace;
    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: #47738e;
    color: #FFF;
}

.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: 100%;
    height: 127px;
    margin-bottom: -100px;
}

.bosluk_tusu {
    flex-grow: 7;
}

.kapatma_tusu {
    flex-grow: 1.5;
}

.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;
}