body {
    font-family: Arial;
    font-size: small;
}

.pagerStyle td {
    padding-left: 4px;
    padding-right: 4px;
}

label {
    margin-bottom: 1px;
}

.form-control-xs {
    height: calc(1em + .375rem + 2px) !important;
    padding: .125rem .25rem !important;
    font-size: .75rem !important;
    line-height: 1.5;
    border-radius: .2rem;
}

.btn-xs {
    height: calc(1em + .375rem + 2px) !important;
    padding: .09rem .25rem !important;
    font-size: .75rem !important;
    line-height: 1.5;
    border-radius: .2rem;
}

.input-xs {
    height: calc(1em + .375rem + 2px) !important;
    padding: 2px 5px;
    font-size: .75rem !important;
    line-height: 1.5; /* If Placeholder of the input is moved up, rem/modify this. */
    border-radius: .2rem;
}

.off-icon {
    background: url('./icon/off_font_awesome.svg');
    height: 18px;
    width: 18px;
    display: inline-block;
    vertical-align: inherit;
    color-rendering:inherit;
    /*vertical-align: middle;*/
    /* Other styles here */
}

.plus-icon {
    background: url('./icon/plus_square.svg');
    height: 1.2em;
    width: 1.2em;
    display: inline-block;
    vertical-align: middle;
}