﻿    div.bot-cmds.bloc {
        height: 1.3em;
        width: 99%;
        position: absolute;
        bottom:1px;
        
        padding:0;
        text-align: center;
         display: flex;

         -webkit-transition: height 500ms ease;
		-moz-transition: height 500ms ease;
		-o-transition: height 500ms ease;
		transition: height 500ms ease;
        /*z-index: 9;*/
    }
    .show-cmd-name span.cell-cmds,
    .show-cmd-name div.bot-cmds.bloc{
        height: 3em;
        font-size:0.5em;
    }
    .show-cmd-name span.cmd-name,
    div.bot-cmds.bloc.show-cmd-name span.cmd-name{
        display:block;
    }
    span.cmd-name{
        display:none;
    }
    span.bot-cmds-height{
        position:absolute;
        right:50%;
        top:-1em;
    }

div.bot-cmds.nonblock {
        position: absolute;
        right: 1px;
        top:0;
        display: inline-block;
        text-align: right;
        min-height: 1em;
        /*z-index: 1;*/
        white-space: nowrap;
    }

div.ed-words ~ div.bot-cmds a,
div.edit-mode ~ div.bot-cmds a {
    pointer-events: none;
    opacity: .1;
}


div.bot-cmds.nonblock a.button {
            position: static;
            z-index: 9;
            margin: 0 2px;
        }

            div.bot-cmds.nonblock a.button:first-child {
                margin-left: 0;
            }

            div.bot-cmds.nonblock a.button:last-child {
                margin-right: 0;
            }



            div.bot-cmds.bloc a.button:last-child {
                margin-right: 0;
            }



div.bot-cmds.bloc a.button {
    
    padding: 1px;
    margin:0 3px 0 0;
    overflow: visible;
    flex: 1;
    position:relative;
}

    div.bot-cmds.bloc a.button span.num {
        position:absolute;
        right:1px;
    }

    div.bot-cmds.bloc a.button span.sign{
        position:absolute;
        font-size:0.7em;
        left:1px;
    }

    div.bot-cmds.bloc a.button.one {
        width: 2.2em;
    }

    div.bot-cmds.bloc a.button.ten {
        width: 3em;
    }

    div.bot-cmds.bloc a.button.hundreds {
        width: 3em;
    }

    div.bot-cmds.bloc a.button.thousands {
        width: 4em;
    }

    div.bot-cmds.bloc a.button.ten-thousands {
        width: 5em;
    }

span.bot-cmd {
    position: absolute;
    display: inline-block;
    bottom: 1px;
    right: 3.5em;
    /*z-index: 9;*/
}

    span.bot-cmd a {
        width: 2em;
    }