#console {
    position  : absolute;
    top       : 156px;
    left      : 0px;
    width     : 168px;
    margin-top: 12px;
}

#console.sticked {
    position: fixed;
    top     : 48px;
}

#console .button {
    margin: 12px;
}

#console_info {
    -webkit-transition: opacity .3s;
       -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
         -o-transition: opacity .3s;
            transition: opacity .3s;
}

#console_log {
    position        : fixed;
    z-index         : 1;
    top             : 492px;
    left            : -516px;
    height          : calc(100% - 432px);
    width           : 540px;
    margin-top      : 24px;
    -webkit-transition: left .3s;
       -moz-transition: left .3s;
        -ms-transition: left .3s;
         -o-transition: left .3s;
            transition: left .3s;
}

#console_log.open {
    left: 0px;
}

#console_log > div {
    display       : inline-block;
    vertical-align: top;
    height        : 100%;
}

#console_log-text {
    width           : calc(100% - 24px);
    padding         : 24px;
    font-size       : 12px;
    line-height     : 18px;
    background-color: #F0F0F0;
    overflow-y      : scroll;
    overflow-x      : hidden;
}

#console_log-handle {
    width           : 24px;
    cursor          : pointer;
    background-color: #3EA2EF;
    -webkit-transition: background-color .3s;
       -moz-transition: background-color .3s;
        -ms-transition: background-color .3s;
         -o-transition: background-color .3s;
            transition: background-color .3s;
}

#console_log-handle:hover {
    background-color: #8CCAFA;
}

#console_forms {
    position        : absolute;
    z-index         : 2;
    top             : 492px;
    left            : -864px;
    width           : 864px;
    margin-top      : 24px;
    text-align      : center;
    background-color: #F0F0F0;
    -webkit-transition: left .3s;
       -moz-transition: left .3s;
        -ms-transition: left .3s;
         -o-transition: left .3s;
            transition: left .3s;
}

#console_forms.sticked {
    position: fixed;
    top     : 384px;
}

#console_forms.open {
    left: 0px;
}

#console_forms > * {
    margin       : 0px 6px;
    margin-top   : 24px;
}

#console_forms .button {
    top          : 24px;
    right        : -156px;
    height       : 60px;
    width        : 248px;
    margin-bottom: 24px;
}

#console_forms > input:nth-child(-n+3) {
    width: 378px;
}

#console_forms > input:nth-child(n+3) {
    width     : 144px;
    margin-top: 12px;
}