﻿.lms-fraction-trainer {
    display: table;
    margin: 10px auto;
    min-width: 400px;
    text-align: center;
    border-radius: 5px 5px;
    padding: 10px;
}

.fraction-trainer-body {
    display: table;
    margin: 10px auto;
    text-align: center;
    min-width: 400px;
}

.fraction-trainer-body > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 36px;
}


.fraction-trainer-body .fraction-operand {
    border: none;
    padding: 0;
}

.trainer-commands-wrapper {
    padding-left: 5px;
}

.trainer-command, .trainer-result {
    font-size: 36px;
    display: inline-block;
    min-width: 40px;
    margin: 0 5px;
}

.trainer-command {
    cursor: pointer;
    margin: 0;
}

.trainer-command.glyphicon-refresh {
    color: #0094ff;
}

.trainer-result.glyphicon-ok-sign {
    color: #329b2a;
}

.trainer-result.glyphicon-remove-sign {
    color: red;
}