/*--------------------*/
/* Standard Reset CSS */
/*--------------------*/

*
{
    box-sizing: border-box;
}
html, body, div, form, fieldset, legend, caption, label, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd
{
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
html, body, div, form, fieldset, legend, caption, label, blockquote, pre, dl, dt, dd
{
    margin: 0;
    padding: 0;
    font: inherit;
    font-size: 100%;
}
h1, h2, h3, h4, h5, h6, p
{
    margin-top: 0;
    font-weight: normal;
}
body {
    overflow-x: hidden;
    overflow-y: auto; /* Or scroll to always show scrollbar */
}
table
{
    border-spacing: 0;
    border-collapse: collapse;
}
th
{
    text-align: left;
    font-weight: normal;
}
img
{
    border: 0;
}

/* Standard print classes
-------------------------------------------------------------- */
.print {
    display: none !important;
}
@media print {
    .print {
        display: inline-block !important;
    }
    .screen {
        display: none !important;
    }
}

/* Standard classes - Prefixes: "f" -> font; "d" -> display; "c" -> cursor; "a" -> animate; "b" -> border; "m" -> margin; "p" -> padding; "w" -> width; "h" -> height
Plus blank and "max"...
-------------------------------------------------------------- */
.left {
    text-align: left;
}
.centre {
    text-align: center;
}
.right {
    text-align: right;
}
.top {
    vertical-align: top;
}
.middle {
    vertical-align: middle;
}
.bottom {
    vertical-align: bottom;
}
.hyperlink {
    text-decoration: none;
}
.hyperlink:hover {
    cursor: pointer;
    text-decoration: underline;
}
.f-red {
    color: #D63131;
}
.f-blue {
    color: #0570D4;
}
.f-bold {
    font-weight: bold !important;
} /* Need "important" above due to additional css created on DevExpress callback - no way to reset with additional class (*** test latest version) */
.f-italic {
    font-style: italic;
}
.f-strikethrough {
    text-decoration: line-through;
}
.f-nowrap {
    white-space: nowrap;
}
.d-none {
    display: none;
}
.d-inline {
    display: inline;
}
.d-block {
    display: block;
}
.d-iblock {
    display: inline-block;
}
.d-left, .f-left {
    float: left;
}
.d-right, .f-right {
    float: right;
}
.d-clear, .clear {
    clear: both;
}
.d-relative {
    position: relative;
}
.d-absolute {
    position: absolute;
}
.c-default {
    cursor: default;
}
.c-pointer {
    cursor: pointer;
}
.a-0-5 {
    transition: all 0.5s;
}
.a-1 {
    transition: all 1s;
}
.a-1-5 {
    transition: all 1.5s;
}
.b-all {
    border: 1px solid #C0C0C0;
}
.b-top {
    border-top: 1px solid #C0C0C0;
}
.b-bottom {
    border-bottom: 1px solid #C0C0C0;
}
.b-left {
    border-left: 1px solid #C0C0C0;
}
.b-right {
    border-right: 1px solid #C0C0C0;
}
.m-none {
    margin: 0 !important;
}
.m-centre {
    margin: 0 auto;
}
.m-middle {
    margin: auto 0;
}
.m-all {
    margin: 10px;
}
.m-all-2 {
    margin: 2px;
}
.m-all-5 {
    margin: 5px;
}
.m-top {
    margin-top: 10px;
}
.m-top-2 {
    margin-top: 2px;
}
.m-top-5 {
    margin-top: 5px;
}
.m-top-20 {
    margin-top: 20px;
}
.m-bottom {
    margin-bottom: 10px;
}
.m-bottom-2 {
    margin-bottom: 2px;
}
.m-bottom-5 {
    margin-bottom: 5px;
}
.m-left {
    margin-left: 10px;
}
.m-left-5 {
    margin-left: 5px;
}
.m-left-20 {
    margin-left: 20px;
}
.m-right {
    margin-right: 10px;
}
.m-right-5 {
    margin-right: 5px;
}
.m-right-20 {
    margin-right: 20px;
}
.p-none {
    padding: 0 !important;
}
.p-all {
    padding: 10px;
}
.p-top {
    padding-top: 10px;
}
.p-top-2 {
    padding-top: 2px;
}
.p-top-5 {
    padding-top: 5px;
}
.p-top-20 {
    padding-top: 20px;
}
.p-bottom {
    padding-bottom: 10px;
}
.p-left {
    padding-left: 10px;
}
.p-right {
    padding-right: 10px;
}
.w-0 {
    width: 0;
}
.w-25 {
    width: 25px;
}
.w-50 {
    width: 50px;
}
.w-75 {
    width: 75px;
}
.w-100 {
    width: 100px;
}
.w-150 {
    width: 150px;
}
.w-200 {
    width: 200px;
}
.w-250 {
    width: 250px;
}
.w-300 {
    width: 300px;
}
.w-350 {
    width: 350px;
}
.w-400 {
    width: 400px;
}
.w-500 {
    width: 500px;
}
.w-600 {
    width: 600px;
}
.w-700 {
    width: 700px;
}
.w-800 {
    width: 800px;
}
.w-900 {
    width: 900px;
}
.w-1000 {
    width: 1000px;
}
.h-0 {
    height: 0;
}
.h-10 {
    height: 10px;
}
.h-20 {
    height: 20px;
}
.h-30 {
    height: 30px;
}
.h-40 {
    height: 40px;
}
.h-50 {
    height: 50px;
}
.h-60 {
    height: 60px;
}
.h-70 {
    height: 70px;
}
.h-80 {
    height: 80px;
}
.h-90 {
    height: 90px;
}
.h-100 {
    height: 100px;
}
.h-150 {
    height: 150px;
}
.h-200 {
    height: 200px;
}
.h-250 {
    height: 250px;
}
.h-300 {
    height: 300px;
}
.h-400 {
    height: 400px;
}
.h-500 {
    height: 500px;
}
.max {
    max-width: 100%;
}
.max-100 {
    max-width: 100px;
}
.max-200 {
    max-width: 200px;
}
.max-300 {
    max-width: 300px;
}
.max-400 {
    max-width: 400px;
}
.max-500 {
    max-width: 500px;
}
.max-600 {
    max-width: 600px;
}
.max-700 {
    max-width: 700px;
}
.max-800 {
    max-width: 800px;
}
.max-900 {
    max-width: 900px;
}
.max-1000 {
    max-width: 1000px;
}
.max-1200 {
    max-width: 1200px;
}
.min-100 {
    min-width: 100px;
}
.min-200 {
    min-width: 200px;
}
.min-300 {
    min-width: 300px;
}
.min-400 {
    min-width: 400px;
}
.min-500 {
    min-width: 500px;
}
.min-600 {
    min-width: 600px;
}
.opacity-0 {
    opacity: 0 !important;
}
.opacity-0-5 {
    opacity: 0.5 !important;
}
.opacity-1 {
    opacity: 1 !important;
}