html, body{
    height: 100%;
}
body {
    margin: 0;    
    background: url('../images/incomunitybg.png') repeat;
}
.text-10{
    font-size: 10px;
}
.btn, .btn-large, .btn-small {
    background-color: var(--base-colour);
    color: var(--base-font-colour);
    box-shadow: 0 2px 2px 0 rgb(0 102 164 / 14%), 0 3px 1px -2px rgb(0 102 164 / 12%), 0 1px 5px 0 rgb(0 102 164 / 20%)
}
    .btn:hover, .btn-large:hover, .btn-small:hover {
        background: #378dc1;
        box-shadow: 0 3px 3px 0 rgb(0 102 164 / 14%), 0 1px 7px 0 rgb(0 102 164 / 12%), 0 3px 1px -1px rgb(0 102 164 / 20%)
    }

:root{
    --base-colour: #0066a4;
    --base-font-colour: #ffffff;
    --minimum-row-margin: 10;
}
.material-tooltip{
    text-align: left;
}
.row.no-gutters{
    margin-bottom: 0px;
}
.row.mb-3{
    margin-bottom: calc(var(--minimum-row-margin) * 3px);
}
.row.mb-1{
    margin-bottom: calc(var(--minimum-row-margin) * 1px);
}