﻿::selection {
    background: #007DE7;
    color: #fff;
}

::-moz-selection {
    background: #007DE7;
    color: #fff;
}

body {
    position: relative;
    font-family: Telex, Sans-Serif;
    font-size: 10pt;
    line-height: 1.25em;
    color: #444;
}

#header {
    position: relative;
    overflow: hidden;
}

#logo {
    vertical-align: middle;
    width: 200px;
    margin: 10px 0 10px 0px;
    float: left;
}

#big-phone-no {
    background-image: url(/images/telephone-icon.jpg);
    background-position: 0% 50%;
    background-repeat: no-repeat;
    font-family: "Gentium Basic", Serif;
    font-size: 28pt;
    position: absolute;
    right: 30px;
    top: 45px;
    margin: 0px;
    padding: 0px;
    padding-left: 40px;
    overflow: hidden;
    line-height: 1em;
}

#utility-menu {
    position: absolute;
    right: 8px;
    top: 11px;
    color: #fff;
}

#nav-bar-wrapper {
    position: relative;
    width: 1000px;
    margin: auto;
    background-color: #333;
    height: 40px;
    overflow: hidden;
}

#nav-bar, #utility-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#nav-bar {
    float: left;
    width: 600px !important;
}

    #nav-bar li, #utility-menu li {
        float: left;
        margin: 0;
        padding: 0;
    }

    #nav-bar a {
        font-size: 13pt;
        padding: 0 20px 0 20px;
        margin: 0px;
        display: block;
        line-height: 40px;
        color: #fff;
    }

        #nav-bar a:hover {
            text-decoration: none;
            background-color: #007DE7 !important;
        }

        #nav-bar a.hover {
            text-decoration: none;
            background-color: #555;
        }

#utility-menu a {
    font-size: 9pt;
    padding: 0 10px 0 10px;
    margin: 0px;
    display: block;
    line-height: 1.25em;
    color: #666;
}

#utility-menu li {
    border-left: 1px solid #666;
}

    #utility-menu li:first-child {
        border: none;
    }

#utility-menu a {
    text-decoration: none;
    color: #bbb;
}

    #utility-menu a:hover {
        text-decoration: none;
        color: #fff;
    }

#page, #header, #nav-bar, #banner, #footer {
    width: 1000px !important;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

#page {
    position: relative;
    padding: 10px 20px;
    width: 960px !important;
    min-height: 420px;
}

#testimonials {
    width: 410px;
    padding-left: 5px;
    margin-top: 5px;
    vertical-align: top;
    float: right;
    font-style: italic;
    text-align: center;
}

.carousel {
    text-align: center;
}

    .carousel ul li {
        overflow: hidden;
        float: left;
        margin: 0px;
        padding: 0px;
        font-size: 11px;
        text-align: center;
    }

    .carousel p {
        margin: 0px;
        padding: 0px;
    }

    .carousel img {
        margin-right: 10px;
        margin-top: 10px;
        float: left;
    }

.showcase {
    width: 410px;
    border: none;
}

    .showcase ul li {
        overflow: hidden;
        float: left;
        margin-left: 0px;
        margin-right: 0px;
        font-size: 11px;
        height: 180px;
    }

a {
    color: #007DE7;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

    a.link {
        color: #007DE7;
        text-decoration: none;
    }

        a.link:hover {
            text-decoration: underline;
        }

img, a {
    border: none;
}

.MainMenuTab {
    width: 128px;
    height: 40px;
    color: White;
    vertical-align: middle;
    background-image: url(../images/tab.png);
    background-repeat: no-repeat;
}

    .MainMenuTab a {
        background-image: none;
    }

.MainMenu {
    background-color: Gray;
    text-align: center;
}

#banner {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
}

#footer {
    border-top: 1px solid silver;
    color: #888;
    font-size: smaller;
    padding: 5px;
    clear: both;
}

.CartSummary {
    font-size: 11px;
    text-align: right;
    margin-top: 80px;
    margin-right: 8px;
}

.NavPath {
    font-size: 11px;
    text-align: right;
    margin-right: 8px;
}

    .NavPath a, .CartSummary a {
        color: #007DE7;
    }

        .NavPath a:hover, .CartSummary a:hover {
            color: #007DE7;
        }

li {
    margin-left: 2.5em;
}

p {
    margin-top: 1em;
    margin-bottom: 1em;
}

h1, h2, h3, h4, h5 {
    font-family: inherit;
    color: #333;
    font-weight: normal;
    line-height: 1.5em;
}


.login table, .login td {
    border: 1px solid #ddd;
    border-collapse: collapse;
    padding: 5px;
}

.formtable {
    border: 1px solid silver;
    border-collapse: collapse;
}

    .formtable td {
        padding: 5px;
        border-bottom: 1px solid silver;
    }

.absoluteHidden {
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;
}

.prodpanel {
    width: 282px;
    height: 452px;
    float: left;
    background-position: top;
    background-repeat: no-repeat;
    border: none;
    padding-top: 110px;
}

    .prodpanel ul, .pagepanel li {
        font-size: 11px;
    }

.prodpanelprice {
    margin-right: 20px;
    font-size: 24px;
    font-weight: bold;
    text-align: right;
}

#prodpanelsme {
    background-image: url(../images/rfm_sme_back.jpg);
}

#prodpanelstd {
    background-image: url(../images/rfm_std_back.jpg);
}

#prodpanelent {
    background-image: url(../images/rfm_ent_back.jpg);
}

.RequiredFieldValidator {
    font-size: 11px;
    color: red;
}

.MiniGrid {
    border: 1px solid #ccc;
}

    .MiniGrid td, .MiniGrid th {
        padding: 3px;
        height: 35px;
    }

.Grid {
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

    .Grid td, .Grid th {
        padding: 3px;
        height: 35px;
    }

.GridNoData {
    font-size: 13px;
    color: red;
}

.ListHeading {
    font-weight: bold;
    font-size: 12px;
    color: #3674EB;
}

.ListHeader {
    background-color: Gray;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    color: White;
}

.ReportHeader {
    background-color: Gray;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: White;
}

.ListRow {
    background-color: White;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    min-height: 64px;
    color: #000;
    height: 35px !important;
}

.ReportRow {
    background-color: White;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    color: black;
}

.ListAltRow {
    background-color: #eee;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    min-height: 64px;
    color: black;
    height: 35px !important;
}



.ListPager {
}

.ListView {
    font-size: 11px;
}

.RequiredFieldValidator {
    font-size: 11px;
    color: red;
}

.datatable {
    margin: 0;
}

    .datatable table, .datatable th, .datatable td {
        border: 1px solid Silver;
        border-collapse: collapse;
    }

    .datatable th, .datatable td {
        font-size: 12px;
        padding-left: 10px;
        padding-bottom: 5px;
        padding-top: 5px;
        height: 18px;
        text-align: left;
    }

    .datatable th {
        background-color: #EDF3C0;
        color: #3c6895;
        font-weight: bold;
    }

.DropDownList {
    font-size: 11px;
}

.Error {
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #c50000;
    background-color: #ffe5e5;
    color: #c50000;
}

.Success {
    min-height: 80px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #53b100;
    background-color: #e8ffd4;
    color: #2d6000;
    display: block;
    background-image: url(/images/tick80.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 110px;
}

    .Success h1 {
        color: #2d6000;
        line-height: 1.2em;
        margin: 0;
    }

.Error span {
    color: #c50000;
}

table.ChangePassword, table.ChangePassword td {
    border: 1px solid silver;
    border-collapse: collapse;
    padding: 5px;
}

table.feature-comparison {
    border: 1px solid silver;
    border-collapse: collapse;
    padding: 5px;
}

    table.feature-comparison th, table.feature-comparison td {
        padding: 8px;
        border: 1px solid silver;
        text-align: left;
    }

        table.feature-comparison td.yes {
            width: 40px;
            background-image: url(../images/check24.png);
            background-repeat: no-repeat;
            background-position: center center;
        }

        table.feature-comparison td.no {
            background-image: url(../images/cross24.png);
            background-repeat: no-repeat;
            background-position: center center;
        }


div.cart {
    text-align: center;
    width: 100%;
}

    div.cart td, div.cart tr {
        border-bottom: 1px solid silver;
        height: 30px;
    }

    div.cart td {
        padding: 0px 10px 0px 5px;
    }

    div.cart th {
        background-color: #007DE7;
        color: White;
        border: 1px solid #007DE7;
        padding: 0px 10px 0px 5px;
    }

#sitemap {
}

    #sitemap a {
        display: block;
        margin-top: 2px;
        color: #007DE7;
    }

        #sitemap a.level0 {
            font-weight: bold;
        }

        #sitemap a.level1 {
            margin-top: 10px;
            margin-left: 30px;
        }

        #sitemap a.level2 {
            margin-left: 50px;
        }

.products-menu {
    min-width: 660px !important;
}

.products-menu-item {
    float: left;
    width: 300px;
    margin: 5px 0 5px 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    border: none;
}

    .products-menu-item img {
        float: left;
        margin-right: 10px;
    }

    .products-menu-item div {
        margin-top: 7px;
        float: left;
        width: 200px;
        padding: 0;
    }

        .products-menu-item div h2 {
            margin: 0;
        }

    .products-menu-item p {
        font-family: Telex, Sans-Serif;
        font-size: 8pt;
        display: block;
        margin: 0;
        padding: 0;
    }

.products-menu a:last-child {
    display: block;
    text-align: right;
    clear: both;
    border-top: 1px solid #eee;
    margin-top: 5px;
    padding-top: 3px;
    color: #007DE7;
}

#slideshow {
    position: relative;
    height: 260px;
    font-size: 10pt;
    line-height: 1.2em;
}

    #slideshow .slide > div > * {
        margin-top: 500px;
    }

    #slideshow .slide > img {
        margin-right: -250px;
    }

div.slide {
    overflow: hidden;
    height: 200px;
    padding: 10px 40px 25px 40px;
    color: #222;
    width: 920px;
    background-image: url(/images/bg-stroke.png);
    background-position: right center;
    background-repeat: no-repeat;
}

#slideshow div.slide {
    visibility: hidden;
}

#bluecs-slide {
    background-color: #aaa;
    line-height: 2em;
}

    #bluecs-slide h1 {
        padding-top: 30px;
        font-size: 32pt;
    }

    #bluecs-slide > div {
        width: 700px;
    }

    #bluecs-slide img {
        float: right;
    }

.darktext {
    color: #222 !important;
}

.lighttext {
    color: #fff !important;
}

.slide.lighttext h1 {
    color: #fff !important;
}

.slide.lighttext a {
    color: #fff !important;
}

.slide > div {
    float: left;
}

.slide .tagline {
    font-size: 12pt;
    margin-bottom: 12px;
}

.slide h1 {
    font-size: 42pt;
    line-height: 0;
    display: block;
}

.slide img {
    float: right;
}

.slideshow-pager {
    position: absolute;
    top: 228px;
    right: 0;
    overflow: hidden;
    z-index: 1000;
}

    .slideshow-pager li {
        float: left;
        margin-left: 5px;
        list-style: none;
    }

        .slideshow-pager li a {
            display: block;
            width: 10px;
            height: 0;
            padding-top: 10px;
            background-image: url(../images/pager.png);
            background-position: 0 0;
            float: left;
            overflow: hidden;
        }

        .slideshow-pager li.current a {
            background-position: 0 -10px;
        }

        .slideshow-pager li a:hover {
            background-position: 0 -20px;
        }

.workshop {
    color: #fba91c !important;
}

.workshop-border {
    border-color: #fba91c !important;
}

.workshop-bg {
    background-color: #fba91c !important;
}

.coworks {
    color: #c80b0f !important;
}

.coworks-border {
    border-color: #c80b0f !important;
}

.coworks-bg {
    background-color: #c80b0f !important;
}

.breakdown {
    color: #0259c0 !important;
}

.breakdown-border {
    border-color: #0259c0 !important;
}

.breakdown-bg {
    background-color: #0259c0 !important;
}

.driver {
    color: #7fab22 !important;
}

.driver-border {
    border-color: #7fab22 !important;
}

.driver-bg {
    background-color: #7fab22 !important;
}

.rental {
    color: #d7cc60 !important;
}

.rental-border {
    border-color: #d7cc60 !important;
}

.rental-bg {
    background-color: #d7cc60 !important;
}

.coachcentral {
    color: #7b8fee !important;
}

.coachcentral-border {
    border-color: #7b8fee !important;
}

.coachcentral-bg {
    background-color: #7b8fee !important;
}

.live {
    color: #711dbd !important;
}

.live-border {
    border-color: #711dbd !important;
}

.live-bg {
    background-color: #711dbd !important;
}


#product-sidebar {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 300px;
    overflow: hidden;
    background-color: #333;
    min-height: 380px;
}

    #product-sidebar h1 {
        color: #333;
        padding: 15px 0 15px 18px;
        border-bottom: 2px solid #fff;
        margin: 0;
    }

#product-content {
    width: 660px;
    display: block;
    float: right;
}

.menu-item {
    font-size: 11pt;
    height: 25px;
    display: block;
    padding: 10px 15px 3px 15px;
    cursor: pointer;
    color: #fff;
}

.menu-item-highlighted {
    background-color: #007DE7;
    color: #ADD6FF;
}

.menu-item-selected {
    background-color: #007DE7;
    color: #fff;
}

.workshop-sidebar .menu-item-highlighted {
    background-color: #fba91c;
    color: #AB6B00;
}

.workshop-sidebar .menu-item-selected {
    background-color: #fba91c;
    color: #333;
}

.coworks-sidebar .menu-item-highlighted {
    background-color: #c80b0f;
    color: #FF7377;
}

.coworks-sidebar .menu-item-selected {
    background-color: #c80b0f;
    color: #fff;
}


.driver-sidebar .menu-item-highlighted {
    background-color: #7fab22;
    color: #C8FF54;
}

.driver-sidebar .menu-item-selected {
    background-color: #7fab22;
    color: #fff;
}

.rental-sidebar .menu-item-highlighted {
    background-color: #d7cc60;
    color: #867A00;
}

.rental-sidebar .menu-item-selected {
    background-color: #d7cc60;
    color: #333;
}

.coachcentral-sidebar .menu-item-highlighted {
    background-color: #7b8fee;
    color: #4558d7;
}

.coachcentral-sidebar .menu-item-selected {
    background-color: #7b8fee;
    color: #333;
}

.live-sidebar .menu-item-highlighted {
    background-color: #711dbd;
    color: #C17DFF;
}

.live-sidebar .menu-item-selected {
    background-color: #711dbd;
    color: #fff;
}


.menu-item span {
    float: left;
    line-height: 20px;
    margin-left: 8px;
}

.menu-item img {
    float: left;
    margin-top: 1px;
}

#product-box {
    float: left;
    margin-top: 400px;
    min-height: 350px !important;
    background-color: #fff;
    text-align: center;
}


.slides_container {
    width: 640px;
    height: 500px;
    margin-left: 14px;
    margin-top: 10px;
    overflow: hidden;
    display: none;
}

#gallery div.slide {
    width: 640px;
    height: 480px;
    display: block;
    padding: 0;
    margin: 0;
}

#product-content .slideshow-pager {
    top: 570px;
    right: 28px;
    z-index: 1000;
}

.caption {
    position: absolute;
    top: 580px;
    left: 340px;
    display: inline-block;
    line-height: 1.33em;
    color: #222;
}

.news-item {
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

    .news-item p {
        float: left;
        margin-right: 20px;
    }

    .news-item img {
        float: right;
        vertical-align: top;
        display: none;
    }

    .news-item h2 {
        line-height: 1em;
        margin-top: 20px;
    }

#support-column1 {
    width: 630px;
    float: left;
    overflow: hidden;
}

#support-column2 {
    max-width: 292px;
    float: right;
    overflow: hidden;
}

    #support-column2 > * {
        margin-left: auto;
    }

    #support-column2 input[type=button] {
        float: right;
    }

input[type=submit], input[type=button], input[type=text], input[type=password],input[type=number], input[type=reset], select, textarea {
    min-width: 86px;
    min-height: 22px;
    font-family: Telex, Sans-Serif;
    border: 1px solid #ccc;
}

input[type=submit], input[type=button], input[type=reset] {
    padding: 3px;
    padding-top: 4px;
    background-color: #ddd;
}

    input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover {
        color: #fff;
        background-color: #007DE7;
        border: 1px solid #007DE7;
    }

input[type=checkbox] {
    margin-top: 2px;
    margin-right: 10px;
}

option {
    font-family: Telex, Sans-Serif;
}

#rescue-form {
    width: 292px;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    font-size: 0.9em;
}

    #rescue-form > p, #rescue-form > div {
        border: 1px solid #ddd;
        padding: 5px;
        margin: 0;
    }

    #rescue-form > p {
        border-bottom: none;
    }

    #rescue-form input[type=submit] {
        float: right;
    }

.cookie-notice {
    font-size: 0.9em;
    padding: 5px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.form {
}

    .form label, .form input[type=submit] {
        margin-top: 20px;
        display: block;
    }

    .form input, .form > select, .form textarea {
        display: block;
        width: 100%;
    }

#contact-form {
    width: 350px;
    float: right;
    padding: 20px;
    border: 1px solid #ddd;
    background-color: #eee;
}

.checkbox-container label, input[type=checkbox] {
    display: inline;
    width: auto;
}

.office-locations, .side-form-description {
    overflow: hidden;
    width: 550px;
    float: left;
}

    .office-locations > div {
        border: 1px solid #ddd;
        overflow: hidden;
        margin-bottom: 40px;
    }

.contact {
    float: left;
    width: 545px;
    margin: 0;
}

.contact-address {
    margin-top: -20px;
    display: block;
}

    .contact-address p {
        margin: 0;
        line-height: 1.5em;
    }

.map {
    margin: 0;
    width: 545px;
    height: 400px;
    background-color: #eee;
    border: 1px solid #ddd;
    overflow: hidden;
    clear: left;
    margin-bottom: 20px;
}

.office-picture {
    margin: 0;
    width: 545px;
    background-color: #eee;
    border: 1px solid #ddd;
    float: left;
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
}


.map a {
    margin: 5px;
    font-size: 0.8em;
}

.product {
    width: 280px;
    float: left;
    margin: 20px 15px 20px 15px;
}

    .product img {
        display: block;
    }

    .product a {
        display: block;
    }

.customer-reference {
    line-height: 1.3em;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    padding-top: 20px;
}

    .customer-reference p {
        display: block;
    }

    .customer-reference h2 {
        line-height: 1em;
    }

    .customer-reference img {
        float: right;
        margin-right: 10px;
        display: block;
    }


.dashboard-item {
    width: 400px;
    min-height: 80px;
    overflow: hidden;
    float: left;
    display: block;
    margin: 30px;
}

    .dashboard-item img {
        float: left;
        margin-right: 10px;
    }

    .dashboard-item p {
        float: left;
        width: 320px;
        margin: 0;
        padding: 0;
    }

p {
    margin: 0px;
    margin-bottom: 1.5em;
}

.dashboard-row {
    width: 1000px;
    clear: both;
    margin: 10px auto 10px auto;
    display: block;
    overflow: hidden;
}

    .dashboard-row > div {
        width: 400px;
        display: block;
    }

        .dashboard-row > div > img {
            float: left;
            margin-right: 10px;
        }


        .dashboard-row > div:first-child {
            float: left;
        }

        .dashboard-row > div:last-child {
            float: right;
        }

.large-menu {
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
}

    .large-menu ul {
        padding: 0;
        margin: 0;
    }

    .large-menu li, .large-menu-item {
        list-style-type: none;
        border: 1px solid transparent;
    }

.large-menu-item {
    font-size: 11pt;
    margin-left: 0;
    list-style-type: none;
    width: 250px;
    line-height: 2.0em;
    padding: 10px 10px 10px 20px;
}

.large-menu li:hover {
    background-color: #dbeeff;
    border: 1px solid #007DE7;
    color: #007DE7;
}

.large-menu-item a {
    color: #222;
    display: block;
}

    .large-menu-item a:hover {
        color: #007DE7;
        text-decoration: none;
    }

.dxm-separator {
    border: none !important;
    border-top: 1px solid #ccc !important;
    margin-left: 0;
}

#update-licence-form {
    padding: 20px;
}

    #update-licence-form div:first-child {
        margin: auto;
        width: 380px;
    }

.key-textbox {
    width: 320px;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    display: inline;
    border: 1px solid red;
    vertical-align: top;
    margin-top: 5px;
}

.spinner {
    position: absolute;
    left: 468px;
    top: 50%;
    display: none;
}

.message-label {
    display: block;
    text-align: center;
}

.module-icon {
    margin: 4px;
}

.auto-margin {
    margin: auto;
}

.inline {
    display: inline;
}

.update-button {
    margin: 20px auto;
    cursor: pointer;
}

.load-licence-button {
    margin: 5px;
}

#wait-image {
    display: block;
    margin: auto;
}

.level-2-panel {
    border: 1px solid #333;
    display: block;
}

    .level-2-panel > div {
        width: 500px;
        margin: 200px auto;
        text-align: center;
    }

    .level-2-panel .level-2-error {
        display: block;
        border-top: 1px solid silver;
        margin: 20px;
        padding: 2px;
        color: #c80b0f;
    }

.error-panel {
    border: 1px solid #c80b0f;
    color: #c80b0f;
    background: url(/images/error32.png) no-repeat 20px center #ffeaeb;
    padding: 20px 10px 20px 64px;
}

.text-center {
    text-align: center;
}





.status-Authorised {
    background-color: #f46d43;
}

.status-Exception {
    background-color: #f46d43;
}

.status-Paused {
    background-color: #c398f5;
}

.status-InProgress {
    background-color: #e6f598;
}

.status-Passed {
    background-color: #40a082;
}

.status-Failed {
    background-color: #fdae61;
}

.status-Closed {
    background-color: lightgray;
}

.status-Fixed {
    background-color: #abdda4;
}

.status-Diverted {
    background-color: #fee08b;
}

.status-Pending {
    background-color: #3288bd;
}

.status-QA {
    background-color: #66c2a5;
}

.status-QADemo {
    background-color:#0390fc;
}

.status-AwaitingAuthorisation {
    background-color: #d53e4f;
}

.status-NA {
    background-color: lightgray;
}

.status-Scheduled {
    background-color: #6C99C6;
}





.priority-high {
    border-color: #d53e4f !important;
}

.priority-medium {
    border-color: #fdae61 !important;
}

.priority-low {
    border-color: #40a082 !important;
}






.clickable {
    cursor: pointer;
}

.unlock-button {
    color: #fff;
    background-color: #f22718 !important;
}

.UnlockConfirmButton {
    margin-right: 10px;
    width: 50px;
}

.UnlockCancelButton {
    margin-right: 10px;
    width: 50px;
}


urgent-red-icon {
    color:#cf0b21;
}

.red-icon {
    color: #d53e4f;
}

.green-icon {
    color:#66c2a5;
}

.orange-icon {
    color:#fdae61;
}

.mr-1 {
    margin-right:5px;
}

.ml-1 {
    margin-left:5px;
}

.float-right {
    margin-left:auto;
}

.pr-1 {
    padding-right:5px;
}


.dxgvControl_MaterialCompact {
    color:black !important;
    font-size: 11px;
    font-family: 'DM Sans', sans-serif;
}

.dxgvDataRowAlt_MaterialCompact {
    background-color:#eee;
}

.dxeMemoEditAreaSys {
    height: 250px !important;
}


.dxbButton_hideme {
    visibility:hidden;
}

.dxbButton_dxcancel  {
    background-color:#0373fc !important;
    color:#fff !important;
}