/* Minification failed. Returning unminified contents.
(7872,7): run-time error CSS1026: Expected open brace, found ';'
(7872,9): run-time error CSS1060: Expected closing curly-brace, found '{'
(7879,1): run-time error CSS1019: Unexpected token, found '}'
(12454,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
 */
html, body, html * {
    font-family: 'Open Sans', sans-serif !important;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0 none;
}

ol, ul {
    list-style: none;
}

.kpi-container .trendtable table td:first-child table {
    border-collapse: collapse;
    border-spacing: 0;
}

table.evencolor > tbody > tr:nth-child(even) > td {
    border-left: 1px solid;
}

table.evencolor > tbody > tr.footer > td {
    border-left: 1px solid;
}

td.centered {
    text-align: center;
}

a img {
    border: 0;
}

.edge-to-edge {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
}

textarea {
    overflow: auto;
    border: 1px solid;
    padding: 6px;
    resize: vertical;
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

a:focus {
    outline: 0;
}

img {
    display: block;
}

/*=====================================      B O D Y    =========================================*/
html {
    height: 100%;
}

body {
    height: 100%;
}

body, textarea, input, select {
    font-family: 'Open Sans', sans-serif !important;
}

strong {
    font-weight: 700;
}

/*==================================      L A Y O U T      ======================================*/
.container {
    min-height: 100%;
    position: relative;
    width: 1260px;
    margin: auto;
    box-shadow: 0px 1px 2px 0px rgba(9, 30, 66, 0.25);
    -moz-box-shadow: 0px 1px 2px 0px rgba(9, 30, 66, 0.25);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(9, 30, 66, 0.25);
}

    .container > header .wrapper, .container > footer .copyright {
        width: 1240px;
    }

        .container > header .wrapper.menu {
            padding: 10px 10px 10px 10px;
        }

        .container > header .wrapper.login-page {
            padding: 0px 10px;
        }


    .container > div {
        padding-bottom: 40px;
    }

    .container.login-page {
        background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
    }

    .container.popup {
        width: auto;
    }

        .container.popup > div {
            padding-bottom: 0;
            width: auto;
            padding-top: 20px;
        }

.main-content {
    padding: 112px 15px 0 15px;
    min-width: 1230px;
}

    .main-content header {
        position: fixed;
        top: 63px;
        height: 43px;
        width: 1230px;
        z-index: 9998;
    }

.wrapper {
    width: 1240px;
    float: left;
}

    .wrapper.auto {
        width: auto;
    }

    /* .wrapper > div { margin-top: 10px; }*/
    /*.wrapper > div.colgroup {
        margin-top: 10px;
    }*/

    .wrapper > header + div,
    .wrapper > form + div {
        margin-top: 0;
    }

.main-content > .wrapper {
    width: 1230px;
    padding-bottom: 5px;
    padding-top: 63px;
    color: #555555;
    /*background-color: red !important;*/
}

    .main-content > .wrapper header {
        margin: 0 -15px;
        padding: 10px 15px;
        background-color: #C9C9C9;
    }

        .main-content > .wrapper header h1 {
            font-size: 25px;
            /*font-weight: bold;*/
            line-height: 42px;
            color: #555555;
            /*overflow: hidden;
            float: left;*/
        }


.container.popup .main-content,
.container.popup .main-content > .wrapper {
    width: auto;
    min-width: 0;
}

.submenu {
    /* float: right;*/
    position: absolute;
    right: 10px;
    background-color: #C9C9C9;
}

    .submenu > div {
        margin-left: 1px;
        float: right;
    }

.breadcrumbs {
    padding: 4px 15px 10px 15px;
    margin: 0 -15px 0 -15px;
    background: #DEDEDE;
    height: 18px;
    position: fixed;
    z-index: 9997;
    width: 1230px;
    top: 126px;
}

    .breadcrumbs a, .breadcrumbs a:visited {
        font-size: 13px;
        color: #7799B3;
        margin-right: 5px;
    }

        .breadcrumbs a:hover {
            color: #354052;
        }

    .breadcrumbs span {
        font-size: 13px;
    }

.wrapper .table-default:first-child {
    margin-top: 10px;
}

.wrapper .colgroup .table-default:first-child {
    margin-top: 0;
}

section.error {
    position: absolute;
    z-index: 29998;
    top: 163px;
    left: 30px;
    width: 1180px;
    padding: 10px;
    background-color: rgba(0,0,0,0.5);
}

    section.error h2 {
        color: #FFF;
    }

/* graphics and chars */
.score {
    font-size: 50px;
    line-height: 50px;
    padding: 15px;
    color: #6A686B;
    text-align: center;
}

    .score.red {
        color: #9E4141;
    }

    .score.green {
        color: #75B398;
    }

    .score.amber {
        color: #ffe878;
    }

    .score.yellow {
        color: #EACF83;
    }

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8 {
    float: left;
    margin-left: 10px;
    padding-bottom: 13px;
}

    .col1.line-top, .col2.line-top, .col3.line-top, .col4.line-top, .togglevisibility-archarts .col2, .clear.line-top {
        border-top: solid 3px;
    }

.colgroup .table-default:not(.line-top), .table-default > .table-default, .table-default > .col3 {
    border-top: 0;
}

.table-default .col3 {
    margin-left: 0;
}

.table-default > .col3 {
    width: 1150px;
}

.table-default > div > .col3 {
    width: 1126px;
}

.table-default.kpi-trend {
    border-top: 1px solid #e6e6e6;
}

    .table-default.kpi-trend > budiv.buttons.actions {
        margin-right: -12px;
    }

.line-top.small-line {
    border-top: solid 1px;
}

.col1 {
    float: none;
    width: 1230px;
    margin-left: 0;
    margin-bottom: 15px;
}

.col2 {
    width: 541px;
    background: #fff;
}

.colgroup .col2.half {
    width: 607px;
    background: #fff;
    /*margin-left: 10px;
    margin-bottom: 10px;*/
}

    .colgroup .col2.half.first {
        margin-left: 0;
        width: 589px;
    }

    .colgroup .col2.half + .col2.half {
        margin-left: 15px;
    }


.cols3 .col2 {
    width: 580px;
    float: left;
    background: none;
    padding: 0;
}

.colgroup .subdivision {
    padding-top: 6px;
}

.table-default .item-group + .item-group {
    padding-top: 12px;
}
/*.cols3 > .col4 { width: 234px; }*/


.cols3.first {
    margin-top: 0;
}

.col2 > .col2 {
    width: 515px;
    margin: 10px 0 0;
    padding: 5px 12px 13px 12px;
    background: #fff;
}

.col4 {
    width: 296px;
}

    .col4.first {
        margin-left: 0px;
    }

    .col4.level2 {
        margin-top: 10px;
    }

    .col4 h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

/*.cols3 > .col2 > .col4 { width: 260px; }*/

.cols3 > .col2 > .col2 {
    width: 540px;
}

.col1 .col4 {
    width: 300px;
    padding: 0;
    margin-left: 10px;
}

.col1 .col5 {
    width: 178px;
    padding: 0;
    margin-left: 56px;
}

    .col1 .col4.first,
    .col1 .col5.first {
        margin-left: 0;
    }

.col1 .col3 {
    width: 302px;
    padding: 0; /*margin-left: 73px;*/
    margin-left: 33px;
}

.col1.details .col3 {
    margin-left: 21px;
}

.col1 .gauges .col4 {
    margin-left: 53px;
}

.col1 .gauges .col3 {
    margin-left: 53px;
}

    .col1 .gauges .col3 .gauge {
        padding: 0;
    }

    .col1 .gauges .col3 .legend {
        width: 100%;
        margin-bottom: 5px;
    }


.colgroup > div:first-child {
    margin-left: 0;
}

.colgroup .first {
    margin-left: 0;
}

.colgroup.activitysymmary .col2.half {
    border-bottom: 1px solid #ededed;
    margin-left: 0;
    width: 560px;
    margin-bottom: 0;
}

    .colgroup.activitysymmary .col2.half.first {
        border-right: 1px solid #ededed;
        width: 561px;
    }

.activitysymmary .colgroup .col1 {
    float: left;
    margin-left: 10px;
    width: 359px;
}

.colgroup > div {
    margin-bottom: 2px;
}

.col1.view .col4 {
    width: 230px;
    margin-left: 51px;
}

    .col1.view .col4 img {
        max-width: 100%;
        max-height: 100%;
    }

    .col1.view .col4:first-child {
        margin-left: 35px;
    }

.colgroup h3 {
    background-color: #7799B3 /*#C9C9C9*/;
    color: #FFF; /*#555555;*/
    font-size: 17px;
    line-height: 30px;
    padding-left: 20px;
    margin-bottom: 10px;
}

    .colgroup h3.grey {
        background-color: #C9C9C9;
        color: #555555;
    }

.colgroup .col3:first-child h3 {
    margin-bottom: 0px;
}

.colgroup .col1 .chart {
    min-height: 204px;
}

    .colgroup .col1 .chart.half {
        width: 162px;
        float: left;
    }

.colgroup .col2 .chart.half {
    width: 354px;
    float: left;
}

.colgroup .col3 .chart.half {
    width: 546px;
    float: left;
}

.filter.half {
    width: 48%;
    margin-right: 10px;
    float: left;
}

    .filter.half:last-child {
        margin-right: 0;
    }

.col1 .filter.half {
    width: 566px;
}

.filter.quarter {
    width: 24.9%;
    margin-right: 10px;
    float: left;
}

    .filter.quarter:last-child {
        margin-right: 0;
    }

.col1 .filter.quarter {
    width: 277px;
}

.filter.action {
    width: 90%;
    float: left;
}

.colgroup .col1 .chart.half:nth-child(2n+1),
.colgroup .col2 .chart.half:nth-child(2n+1),
.colgroup .col3 .chart.half:nth-child(2n+1) {
    margin-left: 24px;
}

.colgroup .col1, .colgroup .col2, .colgroup .col3 {
    float: left;
    margin-bottom: 3px;
}

.colgroup .col1 {
    width: 384px;
}

.colgroup .col2, .colgroup .col2-container {
    width: 755px;
}

.colgroup .col3, .colgroup .filters {
    width: 1230px;
    margin-left: 0;
    padding-bottom: 0;
}

    .colgroup .col3.floated {
        width: 33.33%;
        margin-left: 0;
        float: left;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px;
        border-right: 3px solid #f3f3f4;
    }

        .colgroup .col3.floated:nth-child(3n) {
            border-right: 0;
        }

    .colgroup .col3.line-top {
        padding: 10px 10px 0;
    }

    .colgroup .col3 .title-border, .colgroup .col3 .status-border {
        margin-bottom: 0;
    }

.colgroup .table-default table {
    margin-bottom: 5px;
}

.colgroup .col2-container {
    float: left;
}

.col1:first-child,
.col4:first-child,
/*.col2:first-child,*/
.col1.first,
.col2.first,
.col3.first,
.col1 .col4:first-child,
.col1 .col5:first-child,
.col3:first-child {
    margin-left: 0;
}

.col2 .report-score {
    margin-top: 0;
}

.colgroup.col1 .col1,
.colgroup.col1 .col2,
.colgroup.col1 .col3 {
    padding: 0;
    margin-left: 15px;
}

    .colgroup.col1 .col1.first,
    .colgroup.col1 .col2.first,
    .colgroup.col1 .col3.first {
        margin-left: 0;
    }

.colgroup.col1 .col1 {
    width: 362px;
}

.colgroup.col1 .col2 {
    width: 739px;
}

.col1.togglevisibility {
    padding-bottom: 2px;
}

.col1.grey {
    background-color: #d5d9db;
}

.colgroup .col1, .colgroup .col2, .colgroup .col4, .colgroup .col5 {
    margin-left: 3px;
}

    .colgroup .col1.first, .colgroup .col2.first, .colgroup .col3, .colgroup .col4.first, .colgroup .col5.first {
        margin-left: 0;
    }

.colgroup .col4 {
    width: 305px;
}

.colgroup .col5 {
    width: 208px;
}

    .colgroup .col5:last-child {
        width: 210px;
    }

.colgroup.half div.score {
    min-height: 45px;
    line-height: 45px;
    padding-bottom: 7px;
    padding-top: 7px;
}

.table-default, .performance, .colgroup, .col1, .map, .view-more {
    margin-bottom: 10px;
}

    .colgroup .view-more {
        margin-bottom: 0;
    }

    .table-default table + .view-more {
        margin-top: 10px;
    }

    .colgroup .equal {
        display: table-cell;
        padding-bottom: 10px;
    }

        .colgroup .equal.hidden {
            display: none;
        }

        .colgroup .equal > .col1 {
            display: table-cell;
            float: none;
            border-left: solid 3px #f3f3f4;
        }

            .colgroup .equal > .col1.first {
                border-left: 0 none;
            }

.boxgroup {
}

    .boxgroup .col, .boxgroup .col1, .boxgroup .col2, .boxgroup .col3, .boxgroup .col4, .boxgroup .col5, .boxgroup .col6, .boxgroup .col7, .boxgroup .col8 {
        float: left;
        margin-left: 15px;
        margin-bottom: 15px;
        /*background-color: #E8E8E8;*/
        background-color: #F9F9F9;
        padding: 0;
    }

        .boxgroup .col > div, .boxgroup .col1 > div, .boxgroup .col2 > div, .boxgroup .col3 > div, .boxgroup .col4 > div, .boxgroup .col5 > div, .boxgroup .col6 > div, .boxgroup .col7 > div, .boxgroup .col8 > div {
            padding: 15px 15px 10px 15px;
            height: 135px;
            line-height: 135px;
        }

    .boxgroup .col {
        border: none;
    }

        .boxgroup .col .info {
            position: relative;
            right: 5px;
            top: 5px;
        }

    .boxgroup.auto .col, .boxgroup.auto .col1, .boxgroup.auto .col2, .boxgroup.auto .col3, .boxgroup.auto .col4, .boxgroup.auto .col5, .boxgroup.auto .col6, .boxgroup.auto .col7, .boxgroup.auto .col8 .boxgroup.auto .col > div, .boxgroup.auto .col1 > div, .boxgroup.auto .col2 > div, .boxgroup.auto .col3 > div, .boxgroup.auto .col4 > div, .boxgroup.auto .col5 > div, .boxgroup.auto .col6 > div, .boxgroup.auto .col7 > div, .boxgroup.auto .col8 > div {
        height: auto;
    }

    .boxgroup .col .score,
    .boxgroup .col1 .score,
    .boxgroup .col2.half .score,
    .boxgroup .col4 .score {
        padding: 45px 15px 10px 15px;
        height: 105px;
        line-height: 50px;
    }

    /*.boxgroup .score .arrow {
        display: block;
        margin-top: 10px;
        margin-left: 120px;

    }*/

    .boxgroup .score .subtitle {
        font-size: 22px;
    }

        .boxgroup .score .subtitle .arrow {
            margin-left: 10px;
            float: left;
        }

        .boxgroup .score .subtitle.small, .boxgroup .score .subtitle.small span {
            padding: 0;
            margin-top: -5px;
            font-size: 12px;
            line-height: 12px;
        }

    .boxgroup.smaller .score .subtitle {
        font-size: 14px;
        line-height: 20px;
        width: 100%;
        display: inline-block;
    }

    .boxgroup .group2 {
        float: left;
        width: 607px;
        margin-left: 15px;
    }

        .boxgroup .group2:first-child {
            margin-left: 0;
        }

    .boxgroup h3 {
        background-color: #7799B3 /*#C9C9C9*/;
        color: #FFF; /*#555555;*/
        font-size: 15px;
        text-align: center;
        white-space: pre-wrap;
        vertical-align: middle;
        line-height: 20px;
        height: 40px;
        padding: 2px 5px;
        display: table-cell;
        width: 100vw;
        font-weight: 400;
    }

    .boxgroup .col1 {
        width: 399px;
    }

        .boxgroup .col1.first {
            width: 400px;
        }

    .boxgroup .col2 {
        width: 813px;
    }

    .boxgroup .col3 {
        margin-left: 0;
        width: 1230px;
    }

    .boxgroup .col2.half {
        width: 607px;
    }

        .boxgroup .col2.half.small {
            height: 115px;
        }

            .boxgroup .col2.half.small:first-child {
                height: 114px;
            }

    .boxgroup .col5 {
        width: 234px;
    }

        .boxgroup .col5.first {
            width: 233px;
        }

    .boxgroup.small .col > div, .boxgroup.small .col1 > div, .boxgroup.small .col2 > div, .boxgroup.small .col3 > div, .boxgroup.small .col4 > div, .boxgroup.small .col5 > div, .boxgroup.small .col6 > div, .boxgroup.small .col7 > div {
        height: 156px;
    }

    .boxgroup.small .col2 {
    }

    .boxgroup.small .col4 {
        width: 297px;
    }

    .boxgroup.small .col5, .boxgroup.tiny .col5 {
        width: 202px;
    }

    .boxgroup .col6, .boxgroup.small .col6, .boxgroup.smaller .col6, .boxgroup.tiny .col6 {
        width: 192px;
    }

        .boxgroup.small .col6.first, .boxgroup.smaller .col6.first, .boxgroup.tiny .col6.first {
            width: 194px;
        }

    .boxgroup.smaller h3 {
        font-size: 13px;
        line-height: 32px;
    }

    .boxgroup.smaller .col1 > div, .boxgroup.smaller .col2 > div, .boxgroup.smaller .col4 > div, .boxgroup.smaller .col6 > div, .boxgroup.smaller .col7 > div, .boxgroup.smaller .col8 > div {
        height: 70px;
    }

    .boxgroup.smaller .col .score, .boxgroup.smaller .col1 .score, .boxgroup.smaller .col2 .score, .boxgroup.smaller .col2.half .score, .boxgroup.smaller .col4 .score, .boxgroup.smaller .col6 .score, .boxgroup.smaller .col7 .score, .boxgroup.smaller .col8 .score {
        font-size: 40px;
        line-height: 25px;
        padding-top: 25px;
        padding-bottom: 0;
    }

    .boxgroup.smaller .col2.half .score {
        height: 70px;
        min-height: 70px;
    }

    .boxgroup.smaller .col6 .subtitle, .boxgroup.smaller .col8 .subtitle {
        font-size: 12px;
        line-height: 20px;
    }

    .boxgroup.smaller .score.nosubtitle {
        line-height: 80px;
    }

    .boxgroup.small .col7, .boxgroup.smaller .col7, .boxgroup.tiny .col7 {
        width: 163px;
    }

        .boxgroup.small .col7.first, .boxgroup.smaller .col7.first, .boxgroup.tiny .col7.first {
            width: 162px;
        }

    .boxgroup.smaller .col8 {
        width: 100px;
    }

    .boxgroup.tiny .col, .boxgroup.tiny .col1, .boxgroup.tiny .col2, .boxgroup.tiny .col3, .boxgroup.tiny .col4, .boxgroup.tiny .col5, .boxgroup.tiny .col6, .boxgroup.tiny .col7 {
        height: 70px;
    }

    .boxgroup .first {
        margin-left: 0px;
    }

    .boxgroup .subtitle {
        color: #6A686B;
    }

        .boxgroup .subtitle span {
            font-weight: bold;
            font-size: 11px;
            color: #70767d;
        }

        .boxgroup .subtitle.right {
            float: right;
        }

    .boxgroup.tiny h3 {
        font-size: 16px;
    }

    .boxgroup.tiny .score {
        font-size: 20px;
        line-height: 20px;
        padding: 0;
    }

    .boxgroup.tiny .subtitle {
        margin-top: 10px;
        margin-right: 10px;
    }

    .boxgroup.tiny .buttons.actions .button:before {
        font-size: 14px;
    }

    .boxgroup.small .pie-doghnut {
        height: 105px;
    }

    .boxgroup .col2.half.small .quarterly-trend {
        margin: 0;
        height: 75px;
        width: 400px;
    }

    .boxgroup .col2.half span.arrow {
        float: right;
        margin-top: 32px;
    }

    /*.boxgroup .col2.half .score {
        margin: 0;
        padding: 0;
        height: 75px;
        min-height: 75px;
        line-height: 75px;
        min-width: 100px;
    }*/

    .boxgroup .col2.half .chart + div {
        margin-top: 50px;
    }

    .boxgroup .col2.half.small span.arrow {
        float: left;
        margin-top: 32px;
    }

    .boxgroup .col2.half.small .score {
        margin: 0;
        padding: 0;
        height: 75px;
        min-height: 75px;
        line-height: 75px;
        width: 100px;
    }

    .boxgroup.tiny .buttons.actions .button.map-marker-check {
        width: 40px;
        margin-right: 5px;
    }

        .boxgroup.tiny .buttons.actions .button.map-marker-check:before {
            width: 40px;
        }


    .boxgroup .col1.boxgroup, .boxgroup .col2.boxgroup {
        padding: 0;
        background-color: transparent;
        border: 0 none;
    }

    .boxgroup .col2 img {
        max-width: 755px;
    }

    .boxgroup .graph.auto {
        height: auto;
    }

    .boxgroup.half .col4 > div {
        height: 60px;
        line-height: 60px;
    }

    .boxgroup.half .col4 .score {
        padding-top: 10px;
        font-size: 40px;
    }

    .boxgroup .col4 .textrows {
        line-height: 50px;
        margin: 0px 5px;
        font-size: 22px;
        display: block;
    }


/*===================================      H E A D E R    ======================================= */
.container > header {
    height: 63px;
    position: fixed;
    top: 0;
    z-index: 9999;
}

.logo {
    float: left;
    width: 32px;
    height: 32px;
    background: url('../_CustomFiles/_Logo/logo_32.png') no-repeat;
    color: #4B555C;
    font-size: 24px;
    line-height: 60px;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 6px;
}

.login-page .logo {
    width: auto;
    height: 32px;
    background: none;
    /*background: url('../_CustomFiles/_Logo/logo_oem.png') no-repeat;*/
}

.login-page .oemtitle {
    margin: 15px;
    line-height: 32px;
    font-size: 24px;
    font-weight: 700;
    color: #000;
}

.container.collapsed .logo {
    width: 89px;
}
/*
.wmb_logo { background: url('../_CustomFiles/_Logo/logo.png') no-repeat 15px 10px; padding-left: 15px; height:64px; }
*/
header .icon-menu {
    margin: 14px 0 0 6px;
    padding: 12px;
    min-width: 16px;
    height: 20px;
    position: relative;
}

header a.button.icon-menu:before {
}

.user-panel {
    padding: 24px 0 0 0;
    float: right;
}

    .user-panel a {
        font-size: 15px;
        height: 27px;
        line-height: 27px;
        display: inline-block;
    }

    .user-panel li {
        float: left;
        height: 45px;
    }

        .user-panel li:last-child a {
            margin: 0;
        }

        .user-panel li:first-child a,
        .user-panel .admin a {
            padding: 0 9px;
            font-size: 12px;
            font-weight: 300;
            margin-bottom: 8px;
        }

    .user-panel .admin.selected {
        border-bottom: solid 3px;
    }

        .user-panel .admin.selected a {
            font-weight: 700;
        }

    .user-panel .admin a {
        border-left: 2px solid;
    }

    .user-panel .admin:first-child a {
        border-left: 0;
    }

    .user-panel .icon-reload,
    .user-panel .icon-sign_out,
    .user-panel .icon-feedback,
    .user-panel .icon-home,
    .user-panel .icon-help {
        padding: 0;
        margin: 0 10px 0 0px;
        display: inline-block;
        width: 23px;
        text-align: center;
    }

    .user-panel .icon-help {
        margin-left: 110px;
    }


button, .button {
    cursor: pointer;
}

/*======================================== M A I N    N A V ===================================== */

.main-nav {
    height: 100%;
    float: left;
    font-weight: 300;
    width: 266px;
}

    /*.container.collapsed .main-nav { position: fixed; } */

    .main-nav a {
        display: block;
    }

    .main-nav .main {
        display: block;
        position: relative;
        height: 100%;
        z-index: 2;
    }

    .main-nav > .main > li > div {
        width: 100%;
        overflow: hidden;
    }

        .main-nav > .main > li > div > a, .main-nav > .main > li > div > div.no-link {
            width: 242px;
        }

    .main-nav > .main > li dl {
        width: 100%;
        overflow: hidden;
    }

        .main-nav > .main > li dl dd, .main-nav > .main > li dl dt {
            width: 266px;
        }

    .main-nav > .main > li.submenu:hover dl dd, .main-nav > .main > li.submenu:hover dl dt {
        width: auto;
    }

    .main-nav .main li a, .main-nav .main li div.no-link {
        padding: 16px;
        font-size: 14px;
    }

    .main-nav .main li a {
        display: block;
    }

    .main-nav .main li [class^="icon-"] {
        font-size: 26px;
        width: 35px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        margin-right: -45px;
    }

    .main-nav .main li span {
        padding-left: 55px;
        padding-right: 15px;
        min-width: 150px;
        font-weight: 700;
        display: inline-block;
        vertical-align: middle;
    }

    .main-nav .main li dd {
        margin-left: 0;
    }

    .main-nav .main li dt {
        font-weight: 400;
    }

        .main-nav .main li dt div, .main-nav .main li dt a, .main-nav .main li dd a, .main-nav .main li dd div {
            font-size: 12px;
            font-weight: 300;
            padding-top: 4px;
            padding-bottom: 4px;
            padding-left: 30px;
        }

        .main-nav .main li dt div, .main-nav .main li dt a {
            padding-left: 10px;
        }

.container.collapsed .main-nav {
    width: 70px;
    cursor: pointer;
    z-index: 4;
}

    /* .container.collapsed .main-nav .main li a span, .container.collapsed .main-nav .main li div.no-link span, .container.collapsed .main-nav .main dl { display: none; }*/
    .container.collapsed .main-nav .main li a span, .container.collapsed .main-nav .main li div.no-link span {
        display: none;
    }

.main-nav .main li.submenu.collapsed dl {
    display: none;
}

.container.collapsed .main-nav .main li.submenu.collapsed dl {
    display: block;
    top: 0;
}

.container.collapsed .main-nav .main li dd a, .container.collapsed .main-nav .main li dd div {
    padding-left: 20px;
}

.container.collapsed .main-nav .main li dt div, .container.collapsed .main-nav .main li dt a {
    font-weight: 500;
}

.container.collapsed .main-nav .main li:hover dl {
    display: block;
    left: 70px;
}

.container.collapsed .main-nav .main li dl {
    position: absolute;
    z-index: 5;
    left: -1111px;
    margin-top: -72px;
    min-width: 300px;
    display: block;
}

/*.container.collapsed .main-nav .main li dl.up { bottom: 39px; }*/

.main-nav .submenu .no-link {
    cursor: pointer;
}

.main-nav .main li.submenu .icon-dropdown_arrow_big {
    font-size: 14px;
    padding: 0;
    margin-left: -15px;
    min-width: 10px;
    width: 10px;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
}


.main-nav .main li.submenu.collapsed .icon-dropdown_arrow_big {
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari */
    transform: rotate(0deg);
}

.main-nav .main li.userLine a {
    display: inline-block;
    height: 38px;
}

.main-nav .main li.userLine .image-frame {
    margin-left: 2px;
}

.main-nav .main li.userLine div.image-title {
    padding-left: 10px;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    vertical-align: top;
    padding-right: 0;
}

    .main-nav .main li.userLine div.image-title > div {
        font-size: 9px;
        font-weight: 300;
        display: block;
        padding-left: 0;
        line-height: 14px;
    }

.container.collapsed .main-nav .main li.userLine div.image-title {
    display: none;
}

.main-nav .main li.userLine span {
    padding-left: 10px;
    font-size: 13px;
    line-height: 18px;
    vertical-align: top;
    padding-right: 0;
}

    .main-nav .main li.userLine span > span {
        font-size: 9px;
        font-weight: 300;
        display: block;
        padding-left: 0;
        line-height: 14px;
    }


/*=========================================== C O N T E N T ===================================== */

a {
    text-decoration: none;
}

h1 {
    float: left;
    font-size: 27px;
    font-weight: 300;
    line-height: 64px; /*text-transform: uppercase;*/
}

h2,
h3,
h4,
h6 {
    color: #70767d;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 10px;
    line-height: 22px;
}

h4 {
    text-align: center;
    margin-bottom: 0;
}

h2 {
    float: left;
}

.title-border h2 span, .status-border > div {
    line-height: 30px;
    display: inline-block;
}

h6 {
    font-size: 19px;
    margin-left: 20px;
}

.col5 h4 {
    font-size: 15px;
    font-weight: 700;
}

.clear h5 {
    color: #555555;
    font-size: 12px;
    font-weight: 500;
    margin: 10px 10px 5px 15px;
}

div.details { /*overflow: hidden;*/
    position: relative;
    padding-top: 10px;
}

.details .col2 {
    width: 580px;
}

    .details .col2.small {
        width: 450px;
    }

.details .col3 {
    width: 403px;
}

.details .col4 {
    width: 180px;
}

.details .col-half {
    width: 50%;
    float: left;
}

.details h3 {
    font-size: 12px;
    color: #394142;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 15px;
}

.details h4 {
    text-align: left;
}

.details dl {
    padding-left: 10px;
}

.details dt,
.details dd {
    margin: 0;
    line-height: 24px;
    font-size: 14px;
}

.details dt {
    float: left;
    clear: left;
    margin-right: 5px;
    font-weight: 700;
}

.details dd {
    display: block;
    float: left;
}

    .details dd > span {
        display: block;
    }

.details .sectiontitle.small {
    margin-bottom: 10px;
}

.details .facility dt {
    float: none;
}

.details .facility dt,
.details .facility dd {
    line-height: 18px;
}

.details address,
.details address:first-child {
    width: 400px;
    float: left;
    margin-top: 0;
    margin-bottom: 20px;
    height: 105px;
}

.details.hr address,
.details.hr address:first-child {
    min-height: 90px;
}

.details h3.edge-to-edge {
    border-bottom: 1px solid #e4e4e4;
    font-size: 13px;
    padding-bottom: 5px;
    font-weight: 400;
    color: #676a6c;
}

.details address strong {
    font-size: 15px;
    display: block;
    padding-top: 6px;
}

.details table.extendeddata {
    margin-top: 10px;
    width: 600px;
    float: left;
}

    .details table.extendeddata tr {
        line-height: 25px;
        font-size: 14px;
    }

    .details table.extendeddata td {
        padding: 0 5px 0 5px;
    }

.details table {
    margin-left: 10px;
    font-size: 14px;
    width: 100%;
}

    .details table strong {
        padding-right: 15px;
    }

    .details table td {
        vertical-align: top;
        padding-bottom: 5px;
    }

.details + .details {
    margin-top: 20px;
}

.facility dt {
    margin-top: 18px;
}

    .facility dt:first-child {
        margin-top: 0;
    }

.col1 .col4.facility-logo {
    width: 150px;
}

.facility-logo img {
    width: 100%;
    height: auto;
}

.extendeddata dl {
    margin-bottom: 20px;
}

.extendeddata dt {
    float: left;
    clear: left;
    margin-right: 5px;
}

.border-container {
    overflow: hidden;
    position: relative;
}

.border:before {
    border-left: 1px solid #eaecee;
    content: "";
    height: 100%;
    margin-left: -32px;
    position: absolute;
    top: 18px;
}

.general .col3 {
    width: 300px;
}

address {
    display: block;
    font-style: normal;
    color: #435764;
    margin-top: 40px;
    font-size: 12px;
}

    address:first-child,
    h3 + address {
        margin-top: 0;
    }

    address a {
        color: #0b78ba;
        text-decoration: none;
    }

        address a.darkgrey {
            color: #435764;
        }

    address .dealer-mapinfo-bold.gm-style-iw {
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        color: #0b78ba;
    }

    address img {
        float: left;
        margin-right: 10px;
        max-width: 64px;
    }

    address span {
        display: block;
    }

.map-small {
    height: 150px;
    border: 1px solid #ccc;
    margin: 2px 0 4px 0;
}

.map {
    height: 680px;
}

.chart img,
.linear-gauge img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}

.green-bg {
    background-color: #75B398;
}

.amber-bg {
    background-color: #ffe878;
}

.ambernew-bg {
    background-color: #EACF83;
}

.greynew-bg {
    background-color: #C9C9C9;
}

.grey-bg, .bg-grey {
    background-color: #F5F5F5;
}

.bg-gray {
    background-color: gray;
}

.bg-green {
    background-color: green;
}

.bg-red {
    background-color: #9E4141;
}

.bg-orange {
    background-color: orange;
}

.bg-lime {
    background-color: lime;
}

.bg-olivedrab {
    background-color: olivedrab;
}

.bg-yellow {
    background-color: yellow;
}

.bg-white {
    background-color: white;
}

.bg-silver {
    background-color: #C9C9C9;
}

.bg-lightgray {
    background-color: lightgray;
}

.bg-skyblue {
    background-color: skyblue;
}

a.bg-orange, a.bg-orange div.bg-orange {
    background-color: #F26824;
}

    a.bg-orange:hover, a.bg-orange:hover div.bg-orange {
        background: #d95d1f;
    }

.tiny div.score {
    min-height: 20px;
    line-height: 20px;
}

    .tiny div.score .arrow {
        margin-top: 0;
    }

.gauge, .graph {
    min-height: 120px;
}

    .graph .arrow {
        margin-top: 48px;
    }

.tiny .graph .arrow {
    margin-top: 18px;
}

.title-info {
    border-bottom: 1px solid;
    margin: 10px -12px;
    padding: 0 12px 5px 12px;
}

.title-border, .status-border {
    border-bottom: 1px solid;
    margin-bottom: 15px;
}

    .title-border.no-margin {
        margin-bottom: 0;
    }

    .status-border > div {
        height: 36px; /* margin-bottom: 10px;*/
    }

    .status-border .icon, .agenda .action .icon {
        font-size: 24px;
    }

    .status-border .text, .agenda-status .text {
        font-size: 14px;
    }

.title-info h2, .title-info h3 {
    float: left;
    font-size: 20px;
}

.title-collapsed-info {
    margin: 10px -12px 0 -12px;
    padding: 0 12px;
}

    .title-collapsed-info h2 {
        margin: 0;
    }

    .title-collapsed-info + div[class*="togglevisibility-"] {
        margin-top: 15px;
    }

        .title-collapsed-info + div[class*="togglevisibility-"]:before {
            content: '';
            display: block;
            margin-left: -12px;
            margin-right: -12px;
            height: 1px;
            background: #ededed;
        }

.bold {
    font-weight: bold !important;
}

.italic {
    font-style: italic;
}

.strikeout {
    text-decoration: line-through;
}

.ontarget {
    width: 57px;
    min-width: 57px;
}

.date {
    width: 103px;
}
/*
.graph {
    min-height: 200px;
} */

.graph {
    min-height: 86px;
}

.gauge { /* min-height: 200px;*/
    padding: 0;
}

.linear-gauge { /*min-height: 53px;*/ /*margin-top: 15px;*/
}

#np-dealer-ctp.linear-gauge {
    margin-top: 0px;
}

/*.trend-chart {
    width: 190px;
}*/

.pie {
    float: left;
    min-height: 40px;
}

div.np-pie-chart {
    margin-top: 8px;
}

.col2 .pie {
    min-height: 200px;
    min-width: 500px;
}

.editors .col1 {
    margin-bottom: 0;
    background-color: red;
}

.editors .col2 {
    width: 586px;
}

.table-default .editors .col1 {
    width: 1135px;
}

.table-default .editors .col2 {
    width: 545px;
}

.editors .clear > .display-label {
    padding-left: 5px;
}

.editors .clear > .display-label, .editors .clear > .display-field {
    padding-top: 3px;
    line-height: 18px;
    min-height: 0;
}

.editors .col2 .table-default {
    border-top: 0;
}

.col3 .editors .col2 {
    padding: 0;
    width: 571px;
}

    .col3 .editors .col2 fieldset {
        padding: 0;
    }

.modaldialog .editors {
    width: 570px;
}

    .modaldialog .editors.two {
        width: 1170px;
    }

    .modaldialog .editors .col2 {
        margin: 0;
    }

a.modaldialog {
    cursor: pointer;
}

.pie-doghnuts .bar,
.pie-doghnuts .trend {
    height: 135px;
}

/*.pie-doghnuts .col2 .trend {
    border: solid #000;
}*/

.gauges .bar {
    min-height: 150px;
}

.hidden, .filter-hidden {
    display: none !important;
}

.performance,
.table-default {
    background: #fff; /*margin-top: 10px;*/
}

    .table-default > div {
        padding: 10px 10px 0 10px;
    }

    .table-default.col1 div:first-child, .table-default.col2 div:first-child, .table-default.col3 div:first-child {
        padding-left: 0;
    }

    .table-default.col1 h6,
    .table-default.col2 h6,
    .table-default.col3 h6 {
        font-size: 14px;
        font-weight: bold;
        margin-left: 0;
    }

    .table-default.col1 h5,
    .table-default.col3 h5 {
        margin: 15px 15px 0 0;
    }

    /* performance table */
    .performance table {
        width: 100%;
    }

    .performance th:first-child {
        width: 432px;
    }

    .performance.assessmentpreview td {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .performance.assessmentpreview th:first-child {
        width: 300px;
    }

    .performance.assessmentpreview th.image {
        width: 64px;
    }

    .performance.assessmentpreview th.info,
    .performance.assessmentpreview td.info {
        width: 20px;
        background: none;
    }

    .performance.risk th:first-child {
        width: auto;
    }

.colgroup .performance {
    border-top: 0 none;
}

    .colgroup .performance.col3 {
        padding: 0;
        /*width: 1170px;*/
    }

.orderproducts .table-default:nth-child(n+1) {
    margin-top: 10px;
}

thead tr {
    border: 0;
    font-size: 13px;
    text-align: left;
    font-weight: 300;
}

.table-default table.small thead tr {
    height: 41px;
}

    .table-default table.small thead tr th {
        font-size: 11px;
        padding: 5px;
    }


.table-default table.small tbody tr td {
    line-height: 25px;
    height: 25px;
    font-size: 11px;
}

.performance td, .table-default .performance td {
    padding: 0 10px;
}

.performance th.change {
    width: 80px;
}

.performance th.history {
    width: 45px;
}

.performance th.bullet {
    width: 150px;
}

.performance th.performance-col {
    width: 40px;
}

.performance.risk th.performance {
    width: 75px;
}

.performance th.value {
    width: 65px;
}

.performance th.np-trend {
    width: 150px;
}

.performance td.valuename {
    width: 200px;
}

.performance .last {
    text-align: center;
}

.performance .linear-gauge {
    height: 40px;
    width: 160px;
}

.performance div.bullet {
    width: 140px;
}

.performance .icon-clock_file {
    font-size: 28px;
}

.table-default .performance thead tr {
    background-color: #FFF;
}

.table-default .performance th, .table-default .performance td {
    border: 0 none;
}

.activityreport .performance {
    width: 100%;
}

/* delaers table */
.table-default table {
    width: 100%;
}

    .table-default table.auto {
        width: auto;
    }

        .table-default table.auto:not(:last-child) {
            margin-right: 10px;
        }

    .table-default table.half {
        width: 568px;
    }

        .table-default table.half:not(:first-child) {
            margin-left: 10px;
        }

        .table-default table.half.first {
            margin-left: 0;
        }

    .table-default table.clear {
        clear: both;
    }

table.plain > tbody > tr {
    border: none;
}


.table-default thead tr,
.table-default thead td,
.table-default tbody tr.footer {
    text-align: center;
}

    .table-default thead tr:last-child th {
        padding: 12px 7px 12px 7px;
    }


    .table-default thead tr:last-child:not(.persist-header) td {
        padding: 0px 5px 0px 5px;
    }

.table-default tbody tr.empty td {
    border: none;
}

.table-default tbody td {
    border: solid 2px;
}

    .table-default tbody td.center {
        text-align: center;
    }

    .table-default tbody td a.underline,
    .performance tbody td a.underline {
        text-decoration: underline;
        color: #364B59;
    }

.table-default td.right,
.performance td.right {
    text-align: right;
    float: none;
}

.table-default td.left,
.performance td.left {
    text-align: left !important;
    float: none;
}

.table-default td.center,
.performance td.center {
    text-align: center;
    float: none;
}

.table-default th.left {
    text-align: left;
}

.performance a {
    color: #364B59;
}

.performance .pie + a,
.performance .pie + div {
    display: block;
    padding-top: 14px;
    padding-left: 8px;
    float: left;
}

.sortable {
    cursor: pointer;
    font-size: 9px;
}

.table-default thead tr td, .table-default thead tr th {
    padding: 12px 7px 0 7px;
    font-weight: 400;
}

.table-default th,
.table-default thead td {
    border-left: 2px solid;
    padding: 7px;
}

.table-default .name input {
    width: 226px;
}

.table-default .address {
    width: auto;
    margin-bottom: 0;
}

    .table-default .address input {
        width: 136px;
    }

.table-default td {
    height: 40px;
    padding: 0 8px;
}

.table-default th.col-r {
    border-left: 0;
}

.table-default th.col-r,
.table-default th.col-l {
    color: #364b59;
    text-align: center;
    width: 53px;
}

.table-default th .arrow {
    text-align: center;
    border-color: transparent transparent #666 transparent;
}

    .table-default th .arrow.down {
        border-color: #666 transparent transparent transparent;
    }

    .table-default th .arrow + span {
        display: block;
        text-align: left;
    }

.table-default .col-r .arrow + span,
.table-default .col-l .arrow + span {
    text-align: center;
}

.table-default th:first-child,
.table-default thead td:first-child {
    border: 0;
}

.table-default th a {
    display: block;
}


td.red,
tr.red a,
.table-default tbody tr.red td:first-child a {
    color: #9E4141;
}

.cols2 {
    padding-top: 10px;
}

input {
    height: 16px;
    padding: 6px;
    border: 1px solid;
}

    input:focus {
        border-color: #3294d6;
    }

.table-default input {
    display: block;
    width: 80px;
    border: 1px solid;
}

    .table-default input[type="checkbox"] {
        width: auto;
    }

    .table-default input.hidden {
        display: none;
    }

    .table-default input.time {
        display: inherit;
    }

    .table-default input.input-validation-error,
    .table-default select.input-validation-error {
        border-color: #9E4141;
    }

    .table-default input.button {
        width: auto;
    }

.table-default table.input-validation-error {
    border: 1px solid #9E4141;
}

.table-default input.width-2 {
    width: 140px;
}

/*.table-default input[type=search],
.table-default input[type=checkbox] { width: 100%; height: auto; box-sizing: border-box; }*/
.table-default input[type=search] {
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.table-default .tablefilter input[type=search] {
    font-size: 12px;
    padding: 2px;
}

.table-default input[type=submit],
.table-default input[type=button],
.button-bg[type=submit], .button-bg[type=button] {
    border: none;
    margin-right: 10px;
}

td a.button, .buttons.action .button, .button.action, .buttons.action .icon {
    background: transparent;
    text-indent: -10000px;
    position: relative;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal !important;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    float: none;
    min-width: 20px;
    line-height: 36px;
    height: 36px;
    display: inline-block;
    margin: auto;
    padding: 0;
    white-space: nowrap;
}

    td a.button + a.button,
    .buttons.action .button + .button,
    .button.action + .button.action {
        margin-left: 5px;
    }

    td a.button:before, .buttons.action .button:before, .button.action:before, .buttons.action .icon:before {
        position: absolute;
        left: 0;
        text-indent: 0;
    }

    td a.button:before,
    td a.button.download:before {
        padding-top: 6px;
    }

    td a.button.icon-radio_button_hide:before, td a.button.icon-radio_button_show:before {
        font-size: 11px;
        padding-top: 12px;
    }

    td a.button.right {
        float: right;
    }

td a.button {
    line-height: 36px;
    height: 26px;
}

.button.claim:before {
    content: "\e60f";
}

.button.details:before {
    content: "\e61f";
}

.button.delete:before {
    content: "\e616";
}

.button.edit:before {
    content: "\e625";
}

.button.history:before {
    content: "\e627";
}

.button.create:before {
    content: "\e62c";
}

.button.calendar:before {
    content: "\e601";
}

.button.filter_button:before {
    content: "\e623";
}

.button.createmultiple:before {
    content: "\e62b";
}

.button.filter-search:before {
    content: "\e614";
}

.button.pdf:before {
    content: "\e607";
}

.button.undo:before {
    content: "\e620";
}

.button.file-browse:before {
    content: "\e808";
}

.button.file-clear:before {
    content: "\e628";
}


th.file {
    width: 275px;
}

    th.file.small {
        width: 202px;
    }

.actionpoints tr th:first-child {
    width: 100px;
}

.actionpoints tr th:nth-child(2) {
    width: 200px;
}

.actionpoints input[type=text],
.actionpoints select {
    width: 95%;
}

    .actionpoints select.time {
        width: 50px;
        margin-left: 5px;
    }

.actionpoints input.dateinput {
    width: 80px;
}

.actionpoints th.duedate {
    width: 100px;
}

.actionpoints th.file {
    width: 275px;
}

#activityReports th.scheduledate {
    width: 200px;
}

input.ap-description {
    min-width: 95%;
}

.hrdetails {
    padding: 10px;
}

    .hrdetails address {
        font-size: 13px;
    }

        .hrdetails address span {
            margin-bottom: 5px;
        }

/* address */
.main-address {
    float: left;
    color: #32383d;
    margin-bottom: 4px;
    font-size: 14px;
}

    .main-address .buttons p {
        margin: 0;
        line-height: 18px;
    }

    .main-address img { /*max-width: 127px;*/
        max-height: 100%;
        max-width: 100%;
    }

    .main-address .buttons {
        padding-top: 12px;
        float: left;
    }



        .main-address .buttons a:first-child {
            margin-left: 2px;
        }

.sectiontitle + .view {
    margin-top: 10px;
}

.view h4 {
    padding-top: 14px;
    font-size: 14px;
    color: #364b59;
}

.assessment th {
    text-align: left;
}

span.indicator {
    background: url('../Images/sprite.png') no-repeat -573px -83px;
    display: inline-block;
    height: 11px;
    width: 12px;
}

.expanded > div > h3 > span.indicator {
    background-position: -607px -83px;
}

/* f i l t e r s */
.filters dl {
    float: left;
    padding-bottom: 20px;
}

.filters dt {
    font-weight: 700;
}

.filters dt,
.filters dd {
    float: left;
    margin-left: 4px;
}

    .filters dt:first-child {
        margin: 0;
    }

.filter h3 {
    font-size: 16px;
    padding: 0 14px;
    line-height: 35px;
    margin-bottom: 0;
    width: 100%;
    white-space: nowrap;
}

    .filter h3.red {
        color: #9E4141;
        font-weight: 700;
    }

div.filter {
    display: table;
    width: 100%;
}

    div.filter > div {
        display: table-cell;
        vertical-align: top;
        width: 95%;
    }

        div.filter > div.left {
            text-align: left;
            float: none;
            width: 166px;
            border-right: solid 1px;
        }

        div.filter > div.right {
            text-align: right;
            float: none;
            margin-left: 10px;
        }

    div.filter.quarter > div.left, div.filter.half > div.left, div.filter.auto > div.left {
        width: auto;
        min-width: 100px;
    }

.filter a {
    height: 29px;
    min-width: 10px;
    font-weight: bold;
    padding: 0 10px;
    margin-left: 5px;
    margin-top: 0;
    float: right;
}

.filter > .actions {
    /*padding-left: 10px;*/
    padding-right: 4px;
}

.filter .actions a, .filter .actions button {
    padding: 12px 8px 0 0;
    height: 20px;
}

    .filter .actions a, .filter .actions button span {
        font-weight: bold;
    }

.filter .actions button {
    height: 29px;
    background: transparent;
}

.filter .autoInput {
    font-size: 12px;
}

.filter li.autocomplete {
    padding: 0;
}

.filter .autocomplete input {
    padding: 0;
}

.filter .tagsInputContainer .listSelected li {
    width: 145px;
    font-size: 13px;
    padding: 5px;
}

    .filter .tagsInputContainer .listSelected li.clear {
        height: 20px;
        border-radius: 0;
        line-height: 20px;
    }

    .filter .tagsInputContainer .listSelected li > .left > span {
        width: 110px;
        padding-left: 10px;
        text-align: center;
        display: inline-block;
    }

    .filter .tagsInputContainer .listSelected li span.actions {
        margin-top: 5px;
    }

.filter .tagsSuggestions {
    min-width: 250px;
    margin-top: 30px;
    z-index: 999999;
}

    .filter .tagsSuggestions li {
        float: none;
        min-height: 15px;
    }

.filter .selectedButtons a {
    width: 11px;
    height: 11px;
    margin-left: 5px;
    padding: 0;
    font-size: 11px;
}

.filter.auto {
    width: auto;
    margin-right: 10px;
    float: left;
}

    .filter.auto.right {
        float: right;
        margin-right: 0;
    }

div.filter.auto > div, div.filter.quarter > div {
    width: auto;
    min-width: 41px;
}

.filter input[type="text"], .filter select {
    margin-top: 2px;
    margin-right: 2px;
    margin-left: 2px;
}

.filter input[type="checkbox"] {
    margin-top: 9px;
    margin-right: 9px;
    margin-left: 9px;
}

div.filter {
    margin-top: 5px;
    border: solid 1px;
}

.button.filter {
    margin-top: 0;
}

.filters li {
    float: left;
    min-width: 18%;
    margin-left: 1%;
    padding: 7px 0;
}

    .filters li.half {
        min-width: 50%;
    }

        .filters li.half input {
            min-width: 50%;
            max-width: 90%;
        }

.filters label {
    cursor: pointer;
}

.filters ul {
    padding: 3px 0; /*border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;*/
    background-color: #fff;
}


.filters h3 span.arrow {
    margin-right: 10px;
}

.table-default .filter input {
    display: inline;
}

    .table-default .filter input[type=radio] {
        width: 20px;
        margin-left: 15px;
        margin-right: 0px;
    }

.filters li.actions {
    min-width: 0;
    float: right;
}

    .filters li.actions button {
        margin: 0 10px 0 0;
    }

.filters li button.button.action {
    width: auto;
    margin-top: 0;
    height: 26px;
    line-height: 26px;
    float: left;
}

.noresult {
    color: #9E4141;
    font-size: 20px;
    font-weight: 700;
    margin: 10px;
}

input[type=checkbox],
input[type=radio] {
    float: left;
    margin: 2px 7px 0 0;
    cursor: pointer;
}

.filters .button {
    float: right;
    margin-top: 13px;
}

.report-score {
    height: 295px;
}

    .report-score h3 {
        height: 60px;
    }

.dealer-performance {
    height: 114px;
}

.quarterly-trend {
    float: left;
    width: 260px;
    height: 110px;
}

    .quarterly-trend.np-trend {
        height: auto;
    }

/* l o g i n */
label:hover {
    cursor: pointer;
}

.login {
    background: none no-repeat rgba(0, 0, 0, 0.3);
    padding: 20px 30px 20px 30px;
}

    .login > form {
        width: 255px;
    }

section.login {
    position: absolute;
    z-index: 29998;
}

    section.login.video {
        padding: 10px;
        width: auto;
        z-index: 9000;
    }


.login label {
    font-size: 16px;
    line-height: 34px;
}

.login h1 {
    float: none;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.login ul {
    margin: 32px 0 15px 0;
}

.login li {
    margin-top: 3px;
    background-color: #fff;
    width: 255px;
}

    .login li:first-child {
        margin-top: 0px;
    }

    .login li > div {
        width: 32px;
        font-size: 20px;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        line-height: 32px;
    }

.login .logininput {
    background-color: white;
    margin-top: 5px;
}

.login div.username, .login div.password, .login div.useremail {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal !important;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding: 5px 8px 4px 8px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .login div.username:before {
        content: "\e61c";
    }

    .login div.password:before {
        content: "\e61d";
    }

    .login div.useremail:before {
        content: "\e61b";
    }

.login.button[type="submit"] {
    line-height: 25px;
    height: 25px;
    font-size: 13px;
}

.login a, .login a:visited, .login a:focus {
    font-size: 12px;
    color: #FFF;
}

    .login a:hover {
        color: #DDD;
    }

.logindialog section {
    background: none;
}

.loginerror {
    background-color: white;
    padding: 10px;
    margin-bottom: 10px;
}

.input-validation-error {
    border-color: #9E4141 !important;
}

    .input-validation-error:focus {
        border-color: #9E4141;
    }

.field-validation-error {
    float: left;
    margin: 10px 0 15px 0;
    color: #9E4141;
}


/* dialog box */
.ui-dialog.ui-widget {
    padding: 0;
    border-radius: 0;
    color: #394142;
}

.ui-widget .ui-button-text-only .ui-button-text {
    padding: 0;
}

.ui-widget .ui-widget-header {
    border: 0;
    border-radius: 0;
}

.ui-widget.ui-dialog .ui-dialog-titlebar-close {
    border: 0;
    border-radius: 0;
    width: 20px;
}

    .ui-widget.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
        left: 55%;
        top: 45%;
    }

        .ui-widget.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick:before {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal !important;
            font-weight: 700;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e60c";
            font-size: 12px;
        }

.ui-dialog.ui-widget-content .ui-dialog-buttonpane {
    padding: 0;
}

.ui-widget table {
    width: 100%;
}

.ui-widget-overlay.ui-front {
    background: #000;
}

.ui-widget table td {
    padding: 2px 2px;
}

.ui-widget table th {
    text-align: left;
    padding: 6px 8px;
}

.ui-widget table tr {
    border-top: 1px solid;
}

.ui-widget .ui-datepicker-calendar table tr {
    border-top: 1px solid;
}

.ui-widget table tr:first-child {
    border: 0;
}

.dealer-mapinfo-image {
    float: left;
}

    .dealer-mapinfo-image img {
        margin: 0 10px 0 0;
        max-width: 100%;
    }

.ui-icon-circle-triangle-e, .ui-icon-circle-triangle-w {
    font-size: 0;
    width: 16px;
    overflow: hidden;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    background: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
}

    .ui-icon-circle-triangle-e:after, .ui-icon-circle-triangle-w:after {
        font-size: 16px;
        content: "\e626";
    }

.ui-icon-circle-triangle-e {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(270deg);
}

#mapInfoWindow > div {
    float: left;
    max-width: 220px;
}

/*--------    buttons    -----------*/
.button, .button-bg,
.ui-dialog .ui-button-text-only {
    padding: 0 13px;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    font-weight: 300;
    border: 0;
    border-radius: 0;
}

.button, .button-bg {
    float: left;
    text-align: center; /* line-height: 45px; */
}

    .button[type="submit"], .button-bg[type="submit"], .button.big, .button-bg.big {
        min-width: 120px;
        padding-left: 0;
        padding-right: 0;
        margin-right: 10px;
        vertical-align: middle;
        line-height: 45px;
    }

    .button-bg.right:last-child {
        margin-right: 0;
    }

.button-icon-bg {
    min-width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    display: inline-block;
}

.button-icon, button .button-icon {
    min-width: 0px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    color: #7799b3;
    background: transparent;
    display: inline-block;
    margin: 10px 10px 0 0;
    font-size: 18px;
}

    .button-icon:hover {
        color: #676a6c;
    }

.buttons {
    float: right;
}

    .buttons.left {
        float: left;
    }

.buttons-row {
    margin: 15px -12px 0 -12px;
    padding: 12px 12px 0 12px;
    border-top: 1px solid #e6e6e6;
}

.table-default > div.buttons-row {
    margin: 15px 0 0;
}

    .table-default > div.buttons-row:last-child {
        margin-bottom: 10px;
    }

    .table-default > div.buttons-row div.buttons:last-child {
        margin-right: 0;
    }

header .buttons {
    padding-top: 10px;
}

.buttons .button,
.buttons .button2,
.buttons .button-bg {
    margin-left: 10px;
}


.button-bg.filteraction,
.dropmenu.filteraction a.button.icon-menu {
    height: 38px;
    margin-top: 5px;
}

.button-bg[class*=" icon-"].filteraction,
.dropmenu.filteraction a.button.icon-menu {
    line-height: 38px;
}

/*
.buttons.actions.editor-field { margin-bottom: 5px; }

    .buttons.actions.editor-field .button { margin-bottom: 0; }

a.button,
a.button2,
.buttons input[type=button].button { min-width: 35px; float: left; text-align: center; line-height: 35px; }


    a.button.right { float: right; }

.button.medium { min-width: 90px; padding: 0 20px; text-transform: uppercase; }

a.button.medium,
button.button.medium { min-width: 50px; }

.button.small { font-size: 18px; padding: 0 18px; }

.button.large { height: 60px; width: 100%; }

a.button.large { height: 60px; line-height: 60px; width: 100%; padding: 0; }

.button.reportdefinitions { min-width: 300px; }



.buttons .button,
.buttons .button2 { margin-left: 10px; }

.buttons .mail-white, .buttons .mail-white:hover { background-position: center center; background-image: url('../Images/mail-white.png'); background-repeat: no-repeat; min-width: 50px; padding: 0 20px; }

.action.button.small { padding: 0; }*/
/*
td a.button,
a.action.button,
.buttons.actions a.button,
.buttons.actions button.button,
.buttons.actions input.button,
.buttons.actions div.button,
.buttons.actions.dropmenu div.icon,
td .actions.button { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
*/

/*
    td a.button.details,
    a.action.button.details { background-position: -423px -297px; }

    a.action.button.small.details { background-position: -428px -297px; }

    td a.button.edit,
    a.action.button.edit { background-position: -457px -297px;  }

    a.action.button.small.edit { background-position: -463px -297px;  }

    td a.button.delete,
    a.action.button.delete { background-position: -493px -297px; }

    td a.button.back { background-position: -527px -297px; }

    td a.button.undo,
    a.action.button.undo { background-position: -668px -76px; }

    td a.button.create { background-position: -704px -297px;  }

    td a.button.manage { background-position: -108px -332px;  }

    td a.button.refresh { background-position: -73px -332px; }

    td a.button.activate { background-position: -3px -333px; }

    td a.button.deactivate { background-position: -39px -333px; }

    td a.button.download { background-position: -635px -297px; }

    td a.button.show { background-position: -212px -111px; }

    td a.button.hide { background-position: -247px -111px; }

    td a.button.facility { background-position: -284px -297px; }

    td a.button.more { background-position: -282px -333px; }

    td a.button.less { background-position: -317px -333px; }

    td a.button.preview { background-position: -669px -332px; }

    td a.button.mail,
    a.action.button.mail { background-position: -177px -297px; }

    td a.button.check { background-position: -387px -297px; }

    td a.button.history { background-position: -3px -297px; }

    td a.button.undo2,
    a.action.button.undo2 { background-position: -668px -297px; }

    a.action.button.small.down.grey { background-color: transparent; background-position: -603px -77px; }

    .table-default td a.button.delete2,
    td a.button.delete2 { background-position: -713px -340px;  height: 13px; padding: 0; }
   
.buttons.actions.dropmenu div.icon { background: url('../Images/sprite.png') no-repeat #137ebc; min-width: 35px; width: 35px; height: 35px; text-indent: -100000px; padding: 0; }

.buttons.actions .button.manage,
.buttons.actions.dropmenu .icon.manage { background-position: -350px -140px; }

.buttons.actions .button.info,
.buttons.actions.dropmenu .icon.info { background-position: -564px -175px; margin: 0; }

.buttons.actions.left { margin-bottom: 10px; }
 */
.buttons.actions.left select,
.buttons.actions.left button {
    vertical-align: top;
}

/*

.buttons.actions .button.create,
.buttons.actions.dropmenu .icon.create { background-position: -1px -140px; }

.buttons.actions .button.createmultiple { background-position: -35px -140px; }

.buttons.actions .button.download { background-position: -105px -140px; }


.buttons.actions .button.show,
td .actions.button.show { background-position: -280px -140px; }

.buttons.actions .button.hide,
td .actions.button.hide { background-position: -315px -140px; }

.buttons.actions .button.more { background-position: -280px -140px; margin: 10px 10px 0px 0px; }

.buttons.actions .button.less { background-position: -315px -140px; margin: 10px 10px 0px 0px; }

.buttons.actions .button.recent { background-position: -665px -140px; }

    .buttons.actions .button.recent.alt { background-position: -140px -105px; background-color: transparent; }

.buttons.actions .button.calendar,
.buttons.actions.dropmenu .icon.calendar { background-position: -420px -140px; }

.buttons.actions .button.preview,
.buttons.actions.dropmenu .icon.preview { background-position: -175px -140px; }

.buttons.actions .button.refresh,
.buttons.actions.dropmenu .icon.refresh { background-position: -140px -140px; }

.buttons.actions .button.edit,
.buttons.actions.dropmenu .icon.edit { background-position: -455px -140px; }

.buttons.actions .button.details,
.buttons.actions.dropmenu .icon.details { background-position: -490px -140px; }

.buttons.actions .button.actionpoint { background-position: -36px -175px; }

.buttons.actions .button.pdf,
.buttons.actions.dropmenu .icon.pdf { background-position: -70px -175px; }

.buttons.actions .button.csv,
.buttons.actions.dropmenu .icon.csv { background-position: -105px -175px; }


.buttons.actions .button.publish { background-position: -385px -140px; }

.buttons.actions .button.addnotscored,
.buttons.actions .button.acopy { background-position: -630px -140px; }

.buttons.actions .button.addfile { background-position: -385px -140px; }

.buttons.actions .button.dealerimages { background-position: 0px -175px; }

.buttons.actions .button.upload { background-position: -385px -140px; }

.buttons.actions .button.browse { background-position: -175px -140px; }

.buttons.actions .button.delete,
.buttons.actions.dropmenu .icon.delete { background-position: -176px -175px; }

.buttons.actions .button.undo { background-position: -210px -175px; }

.buttons.actions .button.prev { background-position: -282px -175px; }

.buttons.actions .button.next { background-position: -244px -175px; }


.buttons.actions .button.employee,
.buttons.actions.dropmenu .icon.employee { background-position: -455px -174px; }

.buttons.actions .button.mail,
.buttons.actions.dropmenu .icon.mail { background-position: -421px -174px; }

.buttons.actions .button.csv { background-position: -105px -175px; }

.buttons.actions .button.log,
.buttons.actions.dropmenu .icon.log { background-position: -665px -141px; }

.buttons.actions .button.dealer { background-position: -455px -174px; }

.buttons.actions .button.charts { background-position: -530px -175px; }

    .buttons.actions .button.charts.hide { background-color: #999da6; }

.buttons.actions .button.history { background-position: -665px -140px; }


.buttons.actions .button.save { background-position: -594px -174px; }

.buttons.actions .button.dvpreview { background-position: -175px -140px; }

.buttons.actions .button.map { background-position: -632px -174px; }

.buttons.actions .button.ns,
.buttons.actions.dropmenu .icon.ns { background-position: -666px -175px; }
*/
.buttons.actions .button.text {
    background-image: none;
    text-indent: 0;
}

.buttons.actions.dropmenu {
    position: relative;
    margin-left: 15px;
}

    .buttons.actions.dropmenu .icon-radio_button_show:before, .buttons.actions.dropmenu .icon-radio_button_hide:before {
        font-size: 10px;
        padding-top: 15px;
    }

.buttons.actions.right button {
    margin-left: 10px;
    margin-right: 0;
}

.icon-save-edit:before {
    content: "\e615   \e625";
}

.icon-save-submit:before {
    content: "\e615   \e801";
}

.main-content header .back {
    float: left;
    height: 64px;
    margin: 0;
}

.main-content .back {
    text-indent: -10000px;
}

    .main-content .back:before {
        font-size: 20px;
        font-weight: 400;
        padding-top: 23px;
    }

.button .middle, .button-bg .middle {
    font-size: 28px;
    height: 40px;
}


/*----- Drow Menu -----*/
header {
    position: relative;
}

.dropmenu ul {
    position: absolute;
    display: none;
    margin: 0;
    top: 35px;
    right: 0;
    padding-top: 5px;
    z-index: 9999999;
}

    .dropmenu ul:hover {
        display: block;
    }

.dropmenu.left ul {
    right: unset;
}

header .dropmenu ul {
    top: 40px;
    padding-top: 10px;
}

.dropmenu .icon {
    float: left;
}

.dropmenu .title {
    margin-left: 40px;
    margin-right: 10px;
    white-space: nowrap;
}

    .dropmenu .title:first-child {
        margin-left: 10px;
    }

.dropmenu li {
    list-style: outside none none;
    clear: both;
    background-color: #475C75;
    min-width: 150px;
    cursor: pointer;
}

    .dropmenu li:hover {
        background-color: #68849F;
    }

    .dropmenu li a {
        color: #fff;
        font-size: 18px;
        line-height: 40px;
    }

        .dropmenu li a .title {
            font-size: 15px;
        }

        .dropmenu li a .icon-manage_users {
            font-size: 15px;
            padding-top: 7px;
        }

    .dropmenu li div:first-child:before {
        float: left;
        padding-left: 10px;
        padding-top: 10px;
    }

    .dropmenu li.red, .main-content header .dropmenu.red a, .button-bg.red {
        background-color: #d86166;
    }

        .dropmenu li.red:hover, .main-content header .dropmenu.red a:hover, .button-bg.red:hover {
            background-color: #e57b7f;
        }

    .dropmenu li.grey {
        background-color: #9b9b9b;
    }

        .dropmenu li.grey:hover {
            background-color: #afafaf;
        }

    .dropmenu li.green, .button-bg.green {
        background-color: #238672;
    }

        .dropmenu li.green:hover, .button-bg.green:hover {
            background-color: #3aa381;
        }

.dropmenu a.button-bg + ul li {
    background-color: #7799b3;
}

    .dropmenu a.button-bg + ul li:hover {
        background-color: #68849F;
    }

    .dropmenu a.button-bg + ul li a {
        line-height: 30px;
    }

.dropmenu a.button.icon-menu {
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    margin: 0;
}

    .dropmenu a.button.icon-menu:before {
        padding-left: 5px;
        padding-top: 0;
    }

.dropmenu a:hover + ul,
.dropmenu.visible a + ul {
    display: block;
}
/*.buttons.actions { float: none; display: inline-block; }*/
.button:before, .togglevisibilitybutton:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal !important;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    text-indent: 0;
    left: 0;
    top: 0;
}

.button.top-menu:before {
    position: static;
}

.buttons.actions.dropmenu .button {
    width: 45px;
}

    .buttons.actions.dropmenu .button:before {
        top: 12px;
        left: 7px;
    }

.buttons.actions.dropmenu.filteraction .button:before {
    top: 9px;
}

.table-default .buttons.actions.dropmenu a.button.icon-menu,
.colgroup .buttons.actions.dropmenu a.button.icon-menu {
    width: 30px;
    height: 30px;
}

.table-default td .dropmenu ul {
    padding-top: 0px;
    top: 20px;
}

.table-default td .dropmenu li div {
    float: none;
}

    .table-default td .dropmenu li div:first-child {
        float: left;
    }

        .table-default td .dropmenu li div:first-child:before {
            padding-left: 5px;
            padding-top: 7px;
        }

.table-default td .dropmenu ul li a {
    font-size: 12px;
}

.table-default td .dropmenu a .title {
    padding-top: 2px;
    font-size: 12px;
    margin-left: 22px;
}

.table-default .buttons.actions.dropmenu .button:before,
.colgroup .buttons.actions.dropmenu .button:before {
    top: 4px;
    left: 0;
}

td .dropmenu li a {
    line-height: 22px;
}

.table-default .dropmenu ul,
.colgroup .dropmenu ul {
    padding-top: 10px;
    top: 20px;
}

.table-default td .buttons.actions.dropmenu a.button.icon-menu {
    width: 20px;
    height: 20px;
}

.table-default td .buttons.actions.dropmenu .button:before {
    top: 2px;
    left: 0;
    font-size: 15px;
    padding-left: 2px;
}

.view-more .buttons.actions .button.more,
.view-more .buttons.actions .button.less,
.view-more .buttons.actions a.togglevisibilitybutton {
    margin: 0;
    cursor: pointer;
    padding: 0;
    text-align: center;
    width: 80px;
}

div.view-more {
    text-align: center;
}

    div.view-more .buttons.actions {
        float: none;
        display: inline-block;
    }

        div.view-more .buttons.actions .button {
            text-indent: 0;
            text-align: center;
            font-size: 14px;
        }

            div.view-more .buttons.actions .button:before {
                position: static;
            }

            div.view-more .buttons.actions .button.more:before {
                content: "\e64d";
            }

            div.view-more .buttons.actions .button.less:before {
                content: "\e650";
            }

.buttons.actions.top a.button,
.buttons.actions.top button.button,
.buttons.actions.top input.button {
    min-width: 40px;
    width: 40px;
    height: 40px;
}

.buttons.actions.top .button.create {
    background-position: 2px -138px;
}

.buttons.actions.top .button.createmultiple {
    background-position: -32px -138px;
}

.buttons.actions.top .button.pdf {
    background-position: -66px -173px;
}

.buttons.actions.top .button.log {
    background-position: -662px -138px;
}

.buttons.actions.top .button.filter {
    background-position: -558px -139px;
    margin-top: 0;
}

.buttons.actions.top .button.employee {
    background-position: -453px -171px;
}

.buttons.actions.top .button.download {
    background-position: -102px -138px;
}

.buttons.actions.top .button.mail {
    background-position: -418px -171px;
}

.buttons.actions.top .button.csv {
    background-position: -102px -173px;
}


/*.buttons.actions a.button2,
.buttons.actions button.button2 { background: url('../Images/sprite.png') no-repeat; min-width: 20px; width: 20px; height: 20px; text-indent: -100000px; padding: 0; margin-top: 4px; }

.buttons.actions .button2.show,
.buttons.actions .button2.more { background-position: -288px -113px; }

.buttons.actions .button2.hide,
.buttons.actions .button2.less { background-position: -323px -114px; }*/

.buttons.actions .button2.info {
    background-position: -113px -79px;
}

/*
.buttons.topmenu a.button,
.buttons.topmenu button.button,
.buttons.topmenu input.button { background: #137ebc url('../Images/sprite-topmenu.png') no-repeat; min-width: 35px; width: 35px; height: 35px; text-indent: -100000px; padding: 0; }

.buttons.topmenu .button.dashboard { background-position: -242px 2px; }

.buttons.topmenu .button.facility { background-position: -283px 2px; }

.buttons.topmenu .button.activity { background-position: -101px 2px; }

.buttons.topmenu .button.planning { background-position: -148px 3px; }

.buttons.topmenu .button.assets { background-position: -195px 2px; }

.buttons.topmenu .button.documents { background-position: -54px 2px; }

.buttons.topmenu .button.create { background-position: -320px 2px; }

.button.medium.employee { background: #137ebc url('../Images/sprite-topmenu.png') no-repeat; min-width: 50px; width: 50px; height: 40px; text-indent: -100000px; padding: 0; background-position: -8px 0px; }

.buttons.small .button { font-size: 13px; font-weight: bold; line-height: 30px; height: 30px; padding: 0 13px; }
 */


.buttons.actions.small .button.show {
    background-position: -280px -143px;
}

.buttons.actions.small .button.hide {
    background-position: -315px -142px;
}

/* info, location, history ... buttons*/
.info {
    float: right;
    display: block;
    width: 20px;
    height: 20px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 900;
    text-align: center;
    color: #666;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #666;
    cursor: help;
}

    .info.np-in.comment {
        background: url('../images/sprite.png') no-repeat -42px -77px;
    }

    .info.hidden {
        display: none;
    }

.col .info {
    width: 13px;
    height: 13px;
    font-size: 11px;
    line-height: 13px;
}

.sectiontitle .info {
    color: #FFF;
    border-color: #FFF;
    line-height: 20px;
}

.sectiontitle.white .info, .sectiontitle.grey .info {
    color: #666;
    border-color: #666;
}

img.info {
    width: 32px;
    height: 32px;
    background: none;
    cursor: pointer;
}

td a.info {
    float: none;
    margin: auto;
}

.btn-clear {
    float: right;
    display: block;
    width: 22px;
    height: 20px;
    background: url('../images/sprite.png') no-repeat -94px -148px;
}

.btn-selectall {
    float: right;
    display: block;
    width: 22px;
    height: 20px;
    background: url('../images/sprite.png') no-repeat -218px -184px;
}
/*
a.history { display: inline-block; vertical-align: middle; width: 19px; height: 22px; background: url('../images/sprite.png') -8px -76px; }
*/
.preview,
.location,
.mail {
    float: left;
    height: 21px;
    background: url('../images/sprite.png') no-repeat;
}

.preview {
    width: 24px;
    background-position: -144px -78px;
}

.location {
    width: 14px;
    background-position: -220px -76px;
    margin-left: 19px;
}

.mail {
    width: 28px;
    background-position: -178px -76px;
}

    .preview.links, .mail.links {
        margin: 40px 10px 23px 10px;
    }

.main-address .buttons span.location:first-child {
    margin-left: 2px;
}

div.upload div,
div.upload a,
div.upload input[type=submit] {
    float: left;
    margin-right: 10px;
}

div.upload input[type=text] {
    font-size: 14px;
    min-width: 450px;
}

    div.upload input[type=text].dateinput {
        min-width: 105px;
        width: 115px;
    }

div.upload select {
    font-size: 14px;
    min-width: 150px;
    border: 1px solid;
    padding: 4px 6px;
    margin: 0;
}

/*.directory tr {
    cursor: pointer;
}*/

/* arrows and legends */
div.editors .col2 {
    margin-bottom: 2px;
}

.arrow {
    display: inline-block;
    margin-left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5.5px 9px 5.5px;
    border-color: transparent transparent #999da6 transparent;
}

    .arrow.green {
        border-width: 0 5.5px 9px 5.5px;
        border-color: transparent transparent #75B398 transparent;
    }

    .arrow.red {
        border-width: 9px 5.5px 0 5.5px;
        border-color: #9E4141 transparent transparent transparent;
    }

    .arrow.down {
        border-width: 9px 5.5px 0 5.5px;
        border-color: #999da6 transparent transparent transparent;
    }

    .arrow.right {
        border-width: 5.5px 0 5.5px 9px;
        border-color: transparent transparent transparent #999da6;
        float: none;
    }

    .arrow.large {
        border-width: 0 15px 23px 15px;
        border-color: transparent transparent #999da6 transparent;
    }

    .arrow.large-green {
        border-width: 0 15px 23px 15px;
        border-color: transparent transparent #75B398 transparent;
    }

    .arrow.large-red {
        border-width: 23px 15px 0 15px;
        border-color: #9E4141 transparent transparent transparent;
    }

    .arrow.large-blue {
        border-width: 0 15px 23px 15px;
        border-color: transparent transparent #7799B3 transparent;
    }

.graph + .arrow {
    margin-top: -23px;
}

.graph + .rectangle.large {
    margin-top: -13px;
}

.rectangle {
    height: 4px;
    width: 10px;
    display: inline-block;
    vertical-align: 3px;
    background-color: #999da6;
}

    .rectangle.large {
        float: right;
        margin: 10px 0 0 0;
        height: 13px;
        width: 30px;
    }

.legend {
    float: right;
    line-height: 13px;
    font-size: 12px;
}

    .legend span {
        float: left;
    }

    .legend.center {
        width: 100%;
        text-align: center;
    }

        .legend.center div {
            display: inline-block;
        }

.square {
    width: 14px;
    height: 14px;
    margin: 0 3px 0 10px;
}

    .square.red {
        background: #9E4141;
    }

    .square.green {
        background: #75B398;
    }

    .square.grey {
        background: #6F767E;
    }

    .square.blue {
        background: #137ebc;
    }

    .square.yellow {
        background: #EACF83;
    }

.legend .square {
    margin-left: 5px;
}

.legend.center .square {
    margin-left: 10px;
}

.blue,
td.blue,
td.blue a,
strong.blue {
    color: #137ebc;
}

.green,
td.green,
td.green a,
strong.green {
    color: #75B398;
}

.grey,
td.grey,
td.grey a,
strong.grey {
    color: #a7aab2;
}

.purple,
td.purple,
td.purple a,
strong.purple {
    color: purple;
}

.deeppink,
td.deeppink,
td.deeppink a,
strong.deeppink {
    color: deeppink;
}

.red,
td.red,
td.red a,
h5.red,
strong.red,
.boxgroup .subtitle.red,
.boxgroup .subtitle span.red {
    color: #9E4141;
}

.yellow {
    color: #EACF83;
}

td.yellow,
td.yellow a,
strong.yellow {
    color: #EACF83;
}

.orange {
    color: #FF6600;
}

.robotgood {
    color: #118C4E;
}

.robotbad {
    color: #B71427;
}

.robotaverage {
    color: #FF9009;
}

th.red {
    background-color: #9E4141;
    color: #394142;
}

th.yellow {
    background-color: #ffe878;
    color: #394142;
}

select.watermark option.red,
option.red {
    color: #9E4141;
}

select.watermark option.green,
option.green {
    color: #75B398;
}

/* ==================================     F O O T E R    ======================================== */
footer {
    position: fixed;
    bottom: 0;
    /*width: 100%;*/
    width: 1260px;
    height: 40px;
    line-height: 40px;
    /*z-index: 9; */
}

.copyright {
    float: left;
    color: #fff;
    font-size: 11px;
    width: 100%;
}

    .copyright > div > div {
        float: left;
        width: 50%;
    }

        .copyright > div > div > a {
            padding-left: 15px;
        }

    .copyright a.logo {
        background: url('../_CustomFiles/_Logo/uon_logo_grey.png') no-repeat right center;
        height: 32px;
        margin-top: 4px;
        float: right;
        width: 150px;
    }

.background.login-page {
    margin-left: 0px;
    width: 100%;
    margin-top: -112px;
}

.logo.login-page {
    margin-left: 20px;
    float: left;
}


.login-page > .copyright > a {
    margin-left: 20px;
}

    .login-page > .copyright > a.toc {
        float: right;
    }

.login-page > .support {
    float: right;
    margin-top: 15px;
}

    .login-page > .support > div,
    .login-page > .support > a {
        float: left;
        line-height: 32px;
        font-size: 12px;
    }

        .login-page > .support > div.support {
            border-right: 1px solid;
            margin-right: 10px;
            line-height: 32px;
        }

        .login-page > .support > div > a {
            padding-right: 10px;
            font-weight: 500;
        }

        .login-page > .support > a.poweredby {
            background-position: right center;
            background-image: url('../_CustomFiles/_Logo/uon_logo.png');
            background-repeat: no-repeat;
            width: 220px;
            margin-right: 5px;
        }

/*=========================      F L O A T____AND____C L E A R      =============================*/
.clear:after,
.table-default:after {
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearleft {
    clear: left;
}

.image-frame {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 50%;
    height: 48px;
    width: 48px;
    display: inline-block;
    margin-right: 10px;
}

    .image-frame.small {
        height: 32px;
        width: 32px;
    }

    .image-frame.large {
        height: 96px;
        width: 96px;
    }

    .image-frame.tiny {
        height: 20px;
        width: 20px;
        margin-right: 5px;
    }

    .image-frame.huge {
        height: 128px;
        width: 128px;
    }

.usermenu .image-frame {
    height: 26px;
    width: 26px;
    margin: 0;
}

td .image-frame:only-child {
    margin-left: 0;
}

/* table arows sortable */
.table-default th .arrow {
    text-align: center;
    border-color: transparent transparent #666 transparent;
}

.header {
    cursor: pointer;
}

    .header .arrow {
        display: inline-block;
        margin-left: 4px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 5.5px 9px 5.5px;
        border-color: transparent transparent #666 transparent;
    }

th.header .arrow {
    margin-left: -7px;
}

    th.header .arrow:after {
        content: '';
        display: block;
        margin-left: 5px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 9px 5.5px 0 5.5px;
        border-color: #666 transparent transparent transparent;
    }

th.header.headerSortDown .arrow {
    display: inline-block;
    margin-left: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 5.5px 0 5.5px;
    border-color: #666 transparent transparent transparent;
}

    th.header.headerSortDown .arrow:after {
        display: none;
    }

th.header.headerSortUp .arrow {
    display: inline-block;
    margin-left: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5.5px 9px 5.5px;
    border-color: transparent transparent #666 transparent;
}

    th.header.headerSortUp .arrow:after {
        display: none;
    }

th.header.lastaccess {
    width: 80px;
}

.col2.half h2 {
    height: 60px;
    width: 420px;
}

.col2.half.small h2 {
    height: auto;
}



/* image report PI's*/
.col1.view .col4.image-pi {
    margin-left: 12px;
    width: 272px;
    position: relative;
    padding-bottom: 30px;
    min-height: 204px;
}

    .col1.view .col4.image-pi h4 {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .col1.view .col4.image-pi > div:first-child {
        margin-left: 0;
        height: auto;
    }

    .col1.view .col4.image-pi div:first-child {
        width: 100%;
    }

        .col1.view .col4.image-pi div:first-child img {
            width: 100%;
            height: auto;
            max-height: none;
        }

.image-pi {
    margin-bottom: 10px;
}

    .image-pi > div:first-child {
        height: 155px;
        width: 206px;
    }

.image-preview img {
    margin: auto;
}

th.image-preview-big {
    width: 130px;
}

.image-title {
    line-height: 64px;
    vertical-align: middle;
}

    .image-title.small {
        line-height: 32px;
    }

.left {
    float: left;
}

.right {
    float: right;
}

td.right {
    float: none;
    text-align: right;
}

.floatingHeader {
    position: fixed;
    top: 0;
    visibility: hidden;
}

    .floatingHeader td {
        font-weight: bold;
    }

.table-default .tablesorter thead .code {
    width: 70px;
}

.table-default .tablesorter thead .target {
    width: 41px;
}

.table-default .tablesorter thead .otp {
    width: 37px;
}

.table-default .tablesorter thead .cash {
    width: 43px;
}

.table-default .tablesorter thead .totalapps {
    width: 43px;
}

.table-default .tablesorter thead .declined {
    width: 67px;
}

.table-default .tablesorter thead .approved {
    width: 43px;
}

.table-default .tablesorter thead .delivered {
    width: 72px;
}

.table-default .tablesorter thead .forecast {
    width: 69px;
}

.table-default .tablesorter thead .mtd {
    width: 50px;
}

.table-default .tablesorter thead .ptt {
    width: 52px;
}

.table-default .tablesorter thead .stock {
    width: 38px;
}

.table-default .tablesorter thead .demo {
    width: 39px;
}

.table-default .tablesorter thead .sfdealer {
    width: 250px;
}

.table-default .tablesorter thead .sfdealer2 {
    width: 190px;
}

.table-default .tablesorter thead .prereport {
    width: 47px;
}

/*=========================      OTHER     =============================*/
.table-default.kpi-trend tbody {
    text-align: right;
}

    .table-default.kpi-trend tbody td:first-child {
        text-align: left;
    }

.table-default tr.title {
    font-weight: bold;
    background-color: #ffe878;
}

.evenrowcoloring > div:nth-child(even) {
    background-color: #efefef;
}

div.features {
    line-height: 40px;
    padding-top: 20px;
}

.table-default.features > .col1 > p {
    margin-bottom: 10px;
    font-weight: 700;
}

.table-default > .col1 > ul.features {
    margin-bottom: 10px;
}

    .table-default > .col1 > ul.features li {
        padding-left: 15px;
    }

        .table-default > .col1 > ul.features li > ul > li {
            padding-left: 50px;
        }

#competitorlist > #dealer-list th:first-child {
    width: 50px;
}

#competitorlist > #dealer-list th:nth-child(2) {
    width: 100px;
}

tr.pi-vidv .report-pi-title {
    font-style: italic;
}

.validation-summary-errors {
    color: red;
}

.dealers tr {
    cursor: pointer;
}

.boxgroup .group2 .primarychart:first-child:last-child {
    width: 610px;
}

.primarychart .gauge, .overalscore .gauge {
    width: 100%;
    position: relative;
    top: 0;
}

.primarychart .title {
    width: 95px;
}

.primarycharts .dealer-rank {
    padding: 0;
    margin: 0;
    width: 206px;
}

    .primarycharts .dealer-rank .score {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 100px;
        height: auto;
        padding-top: 50px;
    }

select.watermark {
    color: #999DA6;
    font-style: italic;
}

    select.watermark option {
        color: #394142;
        font-style: normal;
    }

option.watermark {
    display: none;
}

/*===== Help pages*/

.helpdialog {
    font-size: 12px;
    display: block;
}

    .helpdialog div {
        margin-bottom: 10px;
    }

    .helpdialog > div {
        margin-bottom: 20px;
    }

    .helpdialog ul ul {
        margin-left: 10px;
    }

    .helpdialog li {
        margin-bottom: 5px;
    }

        .helpdialog li:last-child {
            margin-bottom: 0;
        }

        .helpdialog li span {
            display: block;
            margin-left: 20px;
        }

.helpwrapper h1, h3, p, ul, li {
    margin: 0;
    padding: 0;
}

.helpwrapper h1 {
    text-align: center;
}

.helpwrapper h3 {
    padding: 4% 0 2% 0;
    text-decoration: underline;
}

.helpwrapper ul li {
    list-style: none;
}

.helpwrapper .helpdialog {
    font-family: 'Segoe UI';
    font-size: 15px;
    width: 60%;
    padding: 15px;
}

.helpwrapper a {
    color: #0563c1;
}

.helpwrapper img.screenShot {
    max-width: 50%;
    margin: auto;
    display: block;
    padding: 1% 0 1% 0;
}

.helpwrapper span {
    display: block;
    line-height: 22px;
    text-align: justify;
}

.helpwrapper .colorY {
    color: #ffc000;
}

.helpwrapper .colorR {
    color: red;
    display: inline-block;
}

.helpwrapper dl.listContent {
    margin-left: 4%;
}

.helpwrapper span.bulet:before {
    color: orange;
    content: "\25CB";
    font-size: 0.7em;
    padding-right: 1em;
    position: relative;
    top: -0.1em;
}

.helpwrapper dl.listContent dt {
    margin: 2% 0 2% 0;
    font-weight: bold;
}

.helpwrapper span.icon {
    position: relative;
    display: inline-block;
}

    .helpwrapper span.icon.search {
        background: url("/Images/Help/Audi/Icon_1_03.jpg") no-repeat;
        width: 28px;
        height: 29px;
        top: -3px;
    }

    .helpwrapper span.icon.submit {
        background: url("/Images/Help/Audi/Icon_8_03.jpg") no-repeat;
        width: 51px;
        height: 20px;
    }

    .helpwrapper span.icon.close {
        background: url("/Images/Help/Audi/Icon_9_03.jpg") no-repeat;
        width: 57px;
        height: 26px;
        top: 3px;
    }

    .helpwrapper span.icon.arrow {
        background: url("/Images/Help/Audi/Icon_4.jpg") no-repeat;
        width: 28px;
        height: 27px;
        top: -3px;
    }

    .helpwrapper span.icon.return {
        background: url("/Images/Help/Audi/Icon_7.jpg") no-repeat;
        width: 137px;
        height: 61px;
    }

    .helpwrapper span.icon.approve {
        background: url("/Images/Help/Audi/Icon_5.jpg") no-repeat;
        width: 137px;
        height: 61px;
    }

    .helpwrapper span.icon.reject {
        background: url("/Images/Help/Audi/Icon_3.jpg") no-repeat;
        width: 137px;
        height: 61px;
    }

    .helpwrapper span.icon.escalate {
        background: url("/Images/Help/Audi/Icon_6.jpg") no-repeat;
        width: 137px;
        height: 61px;
    }

.helpwrapper span.buttons {
    vertical-align: bottom;
    line-height: 60px;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    padding-left: 1%;
}

.helpwrapper span.iconApproval {
    position: relative;
    display: inline-block;
}

    .helpwrapper span.iconApproval.search {
        background: url("/Images/Help/AssetsApprovalsIcon_1_03.jpg") no-repeat;
        width: 28px;
        height: 29px;
        top: -3px;
    }

    .helpwrapper span.iconApproval.submit {
        background: url("/Images/Help/AssetsApprovalsIcon_8_03.jpg") no-repeat;
        width: 51px;
        height: 20px;
    }

    .helpwrapper span.iconApproval.close {
        background: url("/Images/Help/AssetsApprovalsIcon_9_03.jpg") no-repeat;
        width: 57px;
        height: 26px;
        top: 3px;
    }

    .helpwrapper span.iconApproval.arrow {
        background: url("/Images/Help/AssetsApprovalsIcon_4.jpg") no-repeat;
        width: 28px;
        height: 27px;
        top: -3px;
    }

    .helpwrapper span.iconApproval.return {
        background: url("/Images/Help/AssetsApprovalsIcon_7.jpg") no-repeat;
        width: 137px;
        height: 61px;
    }

    .helpwrapper span.iconApproval.approve {
        background: url("/Images/Help/AssetsApprovalsIcon_5.jpg") no-repeat;
        width: 137px;
        height: 61px;
    }

    .helpwrapper span.iconApproval.reject {
        background: url("/Images/Help/AssetsApprovalsIcon_3.jpg") no-repeat;
        width: 137px;
        height: 61px;
    }

    .helpwrapper span.iconApproval.escalate {
        background: url("/Images/Help/AssetsApprovalsIcon_6.jpg") no-repeat;
        width: 137px;
        height: 61px;
    }

.helpwrapper .last {
    margin-bottom: 15px;
}

.helpwrapper ul.processAccsses {
    padding-left: 4%;
}

    .helpwrapper ul.processAccsses li {
        list-style-type: decimal;
    }

.helpwrapper ul.contacts li {
    display: inline-block;
    vertical-align: text-top;
    margin-right: 5%;
}

    .helpwrapper ul.contacts li a {
        display: block;
        font-weight: bold;
        text-decoration: underline;
        color: #0563c1;
    }

    .helpwrapper ul.contacts li .description {
        font-size: 11px;
    }

.helpwrapper dl.listContent.custom {
    margin-left: 0;
}

    .helpwrapper dl.listContent.custom dt {
        font-size: 22px;
    }

    .helpwrapper dl.listContent.custom dd {
        margin: 0;
        padding: 0;
    }

    .helpwrapper dl.listContent.custom img.screenShot {
        margin: 0;
    }

/*===== DV Documents*/

.sectiontitle + .documents {
    margin-top: 5px;
}

.document-type {
    width: 32px;
    height: 32px;
}

.document-filters input[type="text"] {
    width: 100%;
    height: 25px;
    border: 0;
}

.filters.document-filters .filter {
}

.documents .buttons.actions {
    margin-right: 10px;
}

.table-default .documents thead tr, .table-default .documents thead td, .table-default .documents tbody tr.footer {
    background: #fff;
}

.document-type div.document,
.document-type div.image,
.document-type div.excel,
.document-type div.pdf,
.document-type div.attachment,
.document-type div.folder,
.document-type div.addfile {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 22px;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal !important;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .document-type div.document:before {
        content: '\e605';
    }

    .document-type div.image:before {
        content: '\e606';
    }

    .document-type div.excel:before {
        content: '\e608';
    }

    .document-type div.pdf:before {
        content: '\e607';
    }

    .document-type div.attachment:before {
        content: '\e632';
    }

    .document-type div.folder:before {
        content: '\e634';
    }

.document-type.right {
    margin-right: 20px;
}

    .document-type.right:last-child {
        margin-right: 0;
    }

.doc-node {
    cursor: pointer;
    background-color: #fff;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #fff;
    border-top: 1px solid #e6e6e6;
}

    .doc-node h3 {
        float: left;
        font-size: 16px;
        padding: 5px 14px;
        line-height: 35px;
        margin-bottom: 0;
    }


/*    .doc-node.fk { margin: 0px 10px 10px 10px; } */
.separated-nodes {
    padding-top: 5px;
}

    .separated-nodes .doc-node.fk {
        margin: 0px 0 5px 0;
    }

        .separated-nodes .doc-node.fk:last-child {
            margin-bottom: 0;
        }

.doc-node.dd h3 {
    padding-left: 30px;
}

.doc-node.dg h3 {
    padding-left: 60px;
}

.doc-node.f h3 {
    padding-left: 90px;
}

.doc-node .buttons.actions button.icon-clock_file {
    font-size: 20px;
    margin-top: 10px;
}
/*
    .doc-node > :nth-child(2) {
        margin-left: 10px;
    }*/

.doc-node.dk:last-child {
    padding-bottom: 20px;
}

/*.doc-node > .doc-node {
        margin-left: 30px;
    }*/

.doc-node > span.dk {
    font-size: 17px;
    font-weight: bold;
}

.doc-node > span.dsg {
    font-size: 16px;
    font-weight: bold;
}

.doc-node > span.dg {
    font-weight: bold;
}

/*----- Assets -----*/
.order div {
    float: left;
}

.order fieldset,
.orderedit fieldset {
    min-height: 93px;
}

.orderproducts th.desc {
    width: 270px;
}

.orderproducts td.img {
    padding: 0;
    width: 100px;
}

    .orderproducts td.img .image-placeholder, .orderproducts td.img .image-placeholder img {
        width: 100%;
        height: auto;
        margin: 0;
    }

.orderproducts td.desc { /*font-size: 0.8em; */
}

.orderconfirmed {
    font-size: 1.4em;
    line-height: 3em;
}

.productdeliverytypes table:not(:last-child) {
    margin-bottom: 30px;
}

.assets .col1,
.assets .col2 {
    color: #435764;
    font-style: normal;
    padding-bottom: 5px;
    min-height: 254px;
}

.assets .col2 {
    min-height: 75px;
}

    .assets .col1 > div,
    .assets .col2 > div {
        margin-bottom: 8px;
    }

        .assets .col1 > div:last-child,
        .assets .col12 > div:last-child {
            margin-bottom: 0;
        }

    .assets .col1 strong,
    .assets .col2 strong {
        font-size: 14px;
    }

.assets .col1 .right span {
    float: right;
}

.assets tbody tr {
    font-size: 14px;
}
/*.assets .icon { background: url('../images/sprite.png') no-repeat; width: 25px; min-height: 25px; margin-left: 0; }

    .assets .icon.comment { background-position: -40px -75px; }*/

.assets .col2 table td {
    height: 20px;
}

.assets .col1 .title {
    height: 34px;
}

    .assets .col1 .title .left {
        max-width: 230px;
    }

.assets .col3 .title, .assets .col3 .title + div {
    padding-bottom: 5px;
}
/*----- Links & Competitors-----*/

.colgroup.lc a > div {
    display: inline-block;
    margin: 0 auto;
    min-height: 100px;
    margin-left: 15px;
}

.colgroup.lc .col1 {
    padding: 0;
    margin: 0 0 10px 10px;
    background-color: #C8D8DB;
}

    .colgroup.lc .col1.checked {
        background-color: #fff;
    }

    .colgroup.lc .col1.first {
        margin: 0;
    }

.colgroup.lc .image {
    float: left;
    width: 64px;
    height: 64px;
}

    .colgroup.lc .image.link {
        background: url('../images/sprite.png') no-repeat;
        background-position: -170px -110px;
    }

.colgroup.lc .link {
    margin-left: 10px;
    float: left;
    width: 285px;
}

.colgroup.lc .title {
    color: #70767D;
    font-size: 24px;
    font-weight: 500; /*height: 60px;*/
    overflow: hidden;
}

.colgroup.lc .description {
    color: #000;
    font-size: 12px; /*height: 32px;*/
    overflow: hidden;
}

.table-default.competitors > div:first-child {
    padding: 5px 12px 13px;
}

table.competitors {
    background: none;
}

    table.competitors th:first-child {
        width: 370px;
    }

    table.competitors td:nth-child(2) {
        text-align: right;
    }


/*----- Email List -----*/
/*h3.filter {*/
.filter input[type=text]:first-child, .filter li.autocomplete:first-child {
    width: 50%;
}

    .filter input[type=text]:first-child:last-child, .filter select:first-child:last-child {
        width: 99%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        height: 29px;
        min-width: 100px;
    }

h3.filter span:first-child {
    margin-right: 10px;
}

.emails.actions {
    margin-top: 10px;
}

    .emails.actions .button {
        float: right;
    }

.emails a,
.emails a:visited,
.table-default.emails tbody td:first-child a {
    text-decoration: underline;
    color: blue;
}

.filters .button {
    margin-left: 10px;
}

/*----- Other -----*/
.legend-t {
    margin-top: 10px;
}

td.dark {
    background-color: #eaecee;
}

.emailtemplate .col2 fieldset .editor-field textarea {
    height: 200px;
    width: 451px;
    font-size: 0.8em;
}

.emailtemplate img {
    max-width: 64px;
    max-height: 64px;
}

.emailtemplate .first .editor-label {
    width: 60px;
}

.emailtemplate .first .editor-field {
    width: 457px;
}

/*----- Sales Forecast -----*/
.salesforecast th {
    width: 50px;
}

    .salesforecast th.type {
        min-width: 200px;
    }

    .salesforecast th.comment {
        width: auto;
    }

.salesforecast td.red input {
    border: 1px solid #9E4141;
}

.salesforecast td.yellow {
    font-weight: 700; /*border: 1px solid #ffe878;*/
}

.salesforecast input[type=text] {
    width: 100%;
    min-width: 44px;
    height: 26px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 3px;
}

.salesforecast select {
    width: 400px;
}

.salesforecast .comment input[type=text] {
    width: 180px;
}

.salesforecast tr.footer {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

    .salesforecast tr.footer td {
        text-align: center;
        border-left: 1px solid #eaecee;
    }

.salesforecast textarea {
    width: 100%;
    height: 4em;
    margin: 8px 0;
    resize: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.salesforecast h5 {
    margin-bottom: 5px;
}

.salesforecast th.w90 {
    width: 90px;
}

.salesforecast th.auto {
    width: auto;
}

.salesforecast .leads th {
    width: 10%;
}

table.planningrank tr {
    height: 26px;
}

table.planningrank td {
    text-align: center;
}

    table.planningrank td:first-child {
        text-align: left;
        font-weight: bold;
    }

.col2 table.planningrank {
    margin: 10px;
}

    .col2 table.planningrank th {
        width: 105px;
    }

        .col2 table.planningrank th:first-child {
            width: 100px;
        }

.col4 table.planningrank {
    width: 100%;
}

    .col4 table.planningrank th {
        padding-left: 2px;
        padding-right: 2px;
    }

    .col4 table.planningrank th,
    .col4 table.planningrank td {
        font-size: 11px;
    }

        .col4 table.planningrank th:first-child {
            width: 100px;
        }

.col4 .planningrank td.pagerfooter {
    text-align: center;
}

div.planningrank h3 {
    height: 30px;
    min-height: 30px;
}

div.planningrank table.planningrank tr {
    height: 19px;
}


/*=========================      ADMIN     =============================*/

.buttons.actions {
}

    .buttons.actions .button {
        font-size: 20px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        width: 20px;
        text-indent: -10000px;
        position: relative;
    }

    .buttons.actions.topmenu .button {
        font-size: 22px;
        height: 25px;
        line-height: 25px;
        min-width: 0px;
        padding: 0 3px;
        margin-left: 10px;
    }

    .buttons.actions.topmenu {
        padding-top: 20px;
        float: right;
    }

        .buttons.actions.topmenu .button.icon-statistics {
            font-size: 24px;
        }

        .buttons.actions.topmenu .button.icon-activity {
            font-size: 24px;
        }

        .buttons.actions.topmenu .button.icon-assets {
            font-size: 24px;
        }

        .buttons.actions.topmenu .button.icon-settings_big {
            font-size: 28px;
        }

        .buttons.actions.topmenu .button.manage {
            font-size: 28px;
        }

    .buttons.actions.small .button {
        height: 30px;
    }

    .buttons.actions :before {
        padding-top: 3px;
    }

    .buttons.actions.topmenu :before {
        padding-top: 0;
    }

    .buttons.actions select {
        height: auto;
    }

a.button.action,
button.button.action {
    display: block;
    float: right;
    height: 20px;
    width: 20px;
    font-size: 12px;
    font-weight: bold;
    padding: 0 10px;
    line-height: 20px;
}

    a.button.action.hidden,
    button.button.action.hidden {
        display: none;
    }

    a.button.action.medium,
    button.button.action {
        height: 30px;
        line-height: 30px;
        text-transform: none;
        font-size: 16px;
        margin-left: 10px;
    }

/*.table-default div.buttons:last-child {
    margin: 0px 10px 10px 0px;
}*/

.performance td a.button,
a.action.button {
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    min-width: 10px;
    font-weight: bold;
    padding: 0 10px;
    margin-left: 5px;
    color: #FFFFFF;
}

.table-default th.actions,
.performance th.actions {
    width: 81px;
}


    .table-default th.actions.auto,
    .table-default td.actions.auto {
        width: auto;
        min-width: 23px;
    }

    .table-default th.actions.one,
    .table-default td.actions.one,
    .performance th.actions.one {
        width: 23px;
    }

    .table-default th.actions.two,
    .table-default td.actions.two,
    div.actions.two {
        width: 53px;
    }

.table-default .agenda th.actions.two,
.table-default .agenda td.actions.two {
    width: 48px;
    padding-right: 8px;
}

.table-default th.actions.four {
    width: 108px;
}

.table-default .editor-field input,
.report-actions input.button {
    display: inline;
}

div.report-actions {
    margin-top: 10px;
    margin-left: 10px;
}

form > div {
    margin-bottom: 10px;
}

    form > div:nth-last-of-type(1) {
        margin-bottom: 10px;
    }

    form > div:only-of-type > input[type="submit"] {
        margin-top: 10px;
    }

    form > div.upload:only-of-type > input[type="submit"] {
        margin-top: 0px;
    }

form .table-default > div:last-child button[type="submit"] {
    margin-bottom: 10px;
}

fieldset select, fieldset textarea, .table-default select, select {
    height: 30px;
    border: 1px solid;
}

    fieldset select:focus,
    fieldset textarea:focus,
    select:focus {
        border-color: #3294d6;
    }

table textarea {
    height: 150px;
    width: 270px;
    padding: 2px;
    border: 1px solid;
}

.col1 textarea.large {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    resize: none;
}

fieldset legend {
    display: none;
}

.col1 fieldset, .col2 fieldset {
    padding: 15px 8px 7px 8px;
}

    .col1 fieldset .editor-label,
    .col1 fieldset .display-label,
    .col2 fieldset .editor-label,
    .col2 fieldset .display-label {
        clear: left;
        float: left;
        width: 200px;
        margin-bottom: 5px;
        min-height: 17px;
        line-height: 32px;
    }

        .col2 fieldset .editor-label.title-border {
            width: 100%;
            margin-bottom: 25px;
        }

    .col1 fieldset .editor-label {
        clear: left;
        float: left;
        margin-right: 30px;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .col2 fieldset .editor-field {
        float: left;
        margin-bottom: 8px;
        max-width: 340px;
    }

        .col2 fieldset .editor-field input {
            width: 324px;
        }

        .col2 fieldset .editor-field input,
        .col2 fieldset .editor-field select {
            vertical-align: top;
        }

            .col2 fieldset .editor-field input[type=checkbox] {
                width: 70px;
            }

    .col2 fieldset .editor-value {
        max-width: 315px;
    }

    .col2 fieldset .display-field {
        float: left;
        margin-bottom: 5px;
        max-width: 317px;
    }

    .col2 fieldset .display-label,
    .col2 fieldset .display-value {
        padding-top: 3px;
    }

    .col1 fieldset .col2 {
        margin: 0 0 0 37px;
        padding: 0;
        width: 527px;
    }

        .col1 fieldset .col2.first {
            margin-left: 0;
        }

        .col1 fieldset .col2 fieldset {
            margin: 0;
            padding: 0;
            border: none;
        }

            .col1 fieldset .col2 fieldset .editor-label {
                margin-right: 0;
            }

    .col1 fieldset .display-field {
        margin-right: 5px;
    }

.order-info {
    margin-bottom: 20px;
}

    .order-info .col2 {
        margin-left: 0;
        width: 50%;
        box-sizing: border-box;
        padding-bottom: 0;
    }

        .order-info .col2 fieldset {
            margin-left: -12px;
            margin-right: -12px;
            border: 0;
            padding: 0;
            font-size: 16px;
        }

            .order-info .col2 fieldset > div.clear {
                border-bottom: 1px solid #e6e6e6;
                padding: 0 20px;
            }

            .order-info .col2 fieldset .display-label, .order-info .col2 fieldset .display-value {
                padding: 5px 0;
                margin: 0;
                line-height: 24px;
                height: 24px;
            }

.editor-field input.dateinput.small {
    width: 110px;
}

.col2.supplierdeliverytype fieldset .editor-field input {
    width: 50px;
}

    .col2.supplierdeliverytype fieldset .editor-field input.notes {
        width: 175px;
    }

    .col2.supplierdeliverytype fieldset .editor-field input[type=checkbox] {
        width: 50px;
    }

.col2 fieldset .editor-field select {
    width: 336px;
}

.col2 fieldset .editor-field textarea {
    width: 324px;
    height: 46px;
}

    .col2 fieldset .editor-field textarea.large {
        height: 100px;
    }

.col2 fieldset .editor-field fieldset {
    width: 303px;
    margin: 0;
    padding: 0 5px 0 5px;
}

.col2 fieldset .editor-field input[type=radio] {
    width: 30px;
}

.col2 fieldset .editor-field input[type=checkbox] {
    height: 26px;
}

.col2 fieldset .editor-field div {
    float: left;
}

.col2 fieldset .editor-field.actions select {
    width: 261px;
}

.col2 fieldset .editor-field.closingemail div {
    float: none;
}

    .col2 fieldset .editor-field.closingemail div:first-child {
        margin-bottom: 20px;
    }

    .col2 fieldset .editor-field.closingemail div:last-child {
        margin-top: 20px;
    }

.col2 fieldset .editor-field.closingemail textarea {
    height: 150px;
    resize: vertical;
}

.col2 fieldset .editor-field input.time {
    width: 164px;
}

.col2 fieldset .editor-field select.time {
    width: 60px;
}

.col2 fieldset .editor-field ul li {
    /*float: left;*/
}

    .col2 fieldset .editor-field ul li input[type="checkbox"] {
        width: auto;
        margin-right: 4px;
        margin-top: 0;
    }

    .col2 fieldset .editor-field ul li span {
        margin-right: 15px;
        line-height: 26px;
    }

input[type=button].button.visual-pi-t-c {
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    min-width: 40px;
    font-weight: bold;
    padding: 0 10px;
}

.editor-field.humanresource-select select {
    width: 98%;
}

div.editor-value,
div.display-field {
    min-height: 32px;
    margin-bottom: 5px;
    float: left;
    line-height: 32px;
}

.truncate {
    float: left;
    display: block;
    overflow: hidden;
}

div.upload {
    margin-right: 20px;
    margin-left: 10px;
}

.upload .button,
.table-default td .upload a.button {
    min-width: 22px;
    text-indent: -100000px;
    padding: 0;
    font-size: 23px;
    width: 22px;
    height: 30px;
}

    .upload .button.upload:before {
        content: "\e60f";
        padding-top: 4px;
    }

    .upload .button.disabled {
        display: none;
    }

.button.download:before {
    content: "\e809";
    padding-top: 3px;
}

.upload .button.browse:before,
.table-default td .upload a.button.browse:before {
    content: "\e808";
    padding-top: 4px;
}

.upload .button {
    position: relative;
}


.table-default td div.upload {
    margin-top: 8px;
}

.table-default td .upload .button.upload {
    margin: 0;
}

.table-default th.upload {
    width: 570px;
}

.table-default > .upload {
    margin-left: 10px;
}

.table-default .upload form select.fixed {
    width: 490px;
}

.table-default tr.disabled td {
    color: #9E4141;
}

/*Image input*/

input[type=file].file-file {
    position: absolute;
    display: none;
}

div.file-name2 {
    float: left;
    display: block;
    clear: both;
}

.file-name input[type=text] {
    width: 20px;
}

.equal-cols {
    display: table;
}

    .equal-cols .editor {
        display: table-cell;
        float: none !important;
    }

.orderactions .editor {
    background: none repeat scroll 0 0 #fff;
    float: left;
    padding: 5px 12px 13px;
    min-height: 99px;
    width: 25%;
    box-sizing: border-box;
    border-right: 3px solid #f3f3f4;
}

    .orderactions .editor:last-child {
        margin-right: 0px;
        border-right: 0;
    }

.editor .description {
    margin-right: 10px;
}

.submit .general {
    width: 1230px;
}

.quote .general,
.posent .general,
.dispatch .general {
    width: 578px;
}

.invoice .general,
.delivery .general {
    width: 75%;
    box-sizing: border-box;
}

.button-send {
    display: inline-block;
    text-align: center;
    font-size: 20px;
    position: relative;
}

    .button-send:before {
        content: "\e604";
        position: absolute;
        left: 50%;
        margin-left: -10px;
        font-size: 26px;
        margin-top: 6px;
    }

    .button-send input {
        opacity: 0;
        height: 40px;
        width: 100px;
        padding: 0;
    }

.button-back {
    font-size: 20px;
}

    .button-back:before {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal !important;
        font-weight: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e64e";
        float: left;
        margin-right: 5px;
        margin-top: 4px;
        font-size: 16px;
    }
/*----- File Upload -----*/

.file-upload {
    width: 340px;
}

    .file-upload.inline {
        width: 235px;
    }

        .file-upload.inline.doc {
            width: 300px;
        }

#filesContainer .file-upload.inline.doc {
    width: 310px;
    margin-right: 20px;
}

.editor-field .file-upload.inline {
    width: 315px;
}

td .file-upload {
    margin-top: 5px;
    width: 285px;
}

    td .file-upload.small {
        width: 270px;
    }

        td .file-upload.small .file-actions input[type="text"] {
            width: 195px;
        }

.file-upload div {
    float: left;
}

.file-upload .file-actions div {
    margin-left: 10px;
    clear: both;
}

.file-upload .file-actions.empty div {
    margin-left: 0;
}

.file-upload .file-actions.inline div {
    clear: none;
    margin-left: 0;
}

.file-upload .file-actions input[type="text"] {
    width: 227px;
}

.editor-field .file-upload.doc .file-actions input[type="text"] {
    width: 277px;
}

.editor-field .file-upload.doc .file-actions.empty input[type="text"] {
    width: 301px;
}

.editor-field .file-upload.doc.inline .file-actions.empty input[type="text"] {
    width: 221px;
}

.editor-field .file-upload.big .file-actions input[type="text"] {
    width: 186px;
}

.file-upload.small .file-actions input[type="text"] {
    width: 141px;
}

.file-upload .file-actions .buttons.actions {
    float: right;
    margin-top: 5px;
}

    .file-upload .file-actions .buttons.actions a.button {
        cursor: pointer;
        margin-left: 5px;
    }

.file-upload .file-actions.inline .buttons.actions {
    float: left;
    margin-top: 1px;
}

.description span {
    float: left;
    padding: 5px 10px 0 0;
}

.description input[type="text"] {
    float: left;
    width: 200px;
}


a.file-delete.empty,
a.file-delete-undo.empty,
a.image-rotate.empty {
    display: none;
}



/*----- File Upload End -----*/

div.even {
    background: #f8f8f8;
}

div.odd { /*background: #f8f8f8;*/
    background: #fff;
}

th.prime-col {
    width: 100%;
}

.image-placeholder {
    width: 64px;
    height: 64px;
    margin: 5px 0;
    display: table;
}

    .image-placeholder.empty {
        background: url(../_CustomFiles/_Logo/logo_64.png) no-repeat;
    }

    .image-placeholder.big {
        width: 128px;
        height: 128px;
    }

        .image-placeholder.big.empty {
            background: url(../_CustomFiles/_Logo/logo_128.png) no-repeat;
        }

    .image-placeholder.empty img {
        display: none;
    }

    .image-placeholder.loader {
        background: url('../Images/ajax-loader.gif') no-repeat;
        width: 64px;
        height: 64px;
    }

    .image-placeholder.big.loader {
        width: 128px;
        height: 128px;
    }

    .image-placeholder > div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .image-placeholder img {
        display: block;
        max-width: 64px;
        max-height: 64px;
        width: auto;
        height: auto;
    }

    .image-placeholder.big img {
        max-width: 128px;
        max-height: 128px;
    }

.loader {
    background-position: center center;
    background-image: url('../Images/ajax-loader.gif');
    background-repeat: no-repeat;
    min-width: 32px;
    min-height: 32px;
}

.avatar {
    width: 64px;
    height: 64px;
    margin: 5px 0px 5px 0px;
}

    .avatar.empty {
        background: url(../Images/avatar.png) no-repeat;
    }

div.ajaxloader {
    opacity: 0.6;
    background-color: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999999;
    text-align: center;
    vertical-align: central;
}

    div.ajaxloader div {
        margin: 0 auto;
        margin-top: 15%;
        font-weight: bold;
        color: #FFF;
    }

/*.image-placeholder-big.empty {
    background: url(../_CustomFiles/_Logo/logo_128.png) no-repeat;
    width: 128px;
    height: 128px;
}*/

.dealercomment textarea {
    width: 1120px;
    min-height: 100px;
    margin: 5px;
    padding: 2px;
    border: 1px solid;
}


.table-default.filter {
    padding-bottom: 10px;
}

    .table-default.filter select,
    .table-default.filter span,
    .table-default.filter input {
        margin-right: 10px;
    }

    .table-default.filter input {
        width: 30px;
    }

    .table-default.filter span {
        padding-top: 5px;
    }

.table-default.emails {
    padding: 10px 10px 0px 10px;
}

    .table-default.emails div {
        margin-bottom: 10px;
    }

    .table-default.emails input[type=text] {
        min-width: 1085px;
    }

    .table-default.emails textarea {
        min-width: 1116px;
        min-height: 200px;
        display: block;
    }

.table-default.half {
    width: 50%;
}

.activityreport th.filep {
    width: 40px;
}

.dp-comment {
    width: 300px;
    height: 2.6em;
}

table.ar-calendar th.date {
    width: 90px;
}

table.ar-calendar th.type,
table.ar-actionpoint th.type {
    width: 130px;
}

table.ar-calendar th.organizer {
    width: 180px;
}

table.ar-calendar th.status {
    width: 70px;
}

table.ar-actionpoint td.discussed {
    width: 25px;
}

table.ar-actionpoint input[type=checkbox] {
    width: 25px;
}

.ar-summary th.text {
    width: 150px;
}


.ar-summary th.date {
    width: 75px;
}

.ar-summary th.time {
    width: 40px;
}


.ar-summary td div {
    white-space: pre-line;
}

/*Image preview dialog*/

.image-preview-button {
    position: absolute;
    height: 100%;
    width: 80px;
    background: rgba(0, 0, 0, 0.25);
    cursor: pointer;
    top: 0.5em;
    display: none;
}

.no-rgba .image-preview-button {
    background: url("../images/transpBlack25.png");
}

.image-preview-button span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 20px;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
}

input.noteAdd {
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    min-width: 40px;
    padding: 0 10px;
}

#imagePreviewDialogPrev {
    left: 1em;
}

#imagePreviewDialogNext {
    right: 1em;
}

.np-kpi {
    cursor: pointer;
    margin: auto;
}

    .np-kpi.empty {
        cursor: default;
    }

/*.np-kpi.trend {
        min-height: 200px;
    }*/

.image-rc {
    width: 20px;
    height: 26px;
    line-height: 26px;
    min-width: 20px;
}

.login .validation-summary-errors li {
    background: none;
    border: 0;
    margin-bottom: 20px;
    color: red;
    font-weight: bold;
}

.kpi-container .dealer-rank {
    height: 150px;
}

    .kpi-container .dealer-rank.score {
        width: unset;
    }

    .kpi-container .dealer-rank .subtitle {
        font-size: 10px;
        line-height: 10px;
        text-align: right;
    }

.kpi-container .col2,
.kpi-container .col4 {
    margin-bottom: 6px;
}

.kpi-container .col2 {
    width: 368px;
    margin-left: 53px;
    padding: 0;
}

.kpi-container .col5 {
    width: 160px;
    margin: auto !important;
}

.kpi-container.pair .col2:not(:first-child) {
    margin-left: 200px;
}

.kpi-container > div {
    margin-bottom: 15px;
}

.kpi-container .col5,
.kpi-container .col2 {
    margin-left: 9px;
}

    .kpi-container .col5 h4,
    .kpi-container .col2 h4 {
        font-size: 15px;
        font-weight: 300;
    }

.kpi-container > div {
    width: 1230px;
    text-align: center;
    font-size: 20px;
    white-space: nowrap;
    line-height: 12px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.kpi-container .col {
    /*width: 234px;*/
    width: 100%;
    min-width: 234px;
}

    .kpi-container .col.trend {
        height: auto;
        height: unset;
    }

        .kpi-container .col.trend .score {
            width: 130px;
            border-right: solid 15px transparent;
            margin-top: -15px;
            margin-bottom: -15px;
            height: 105px;
            line-height: 80px;
            padding-left: 5px;
        }

        .kpi-container .col.trend .trend {
            margin-left: 20px;
            margin-right: 20px;
        }

.kpi-container .col, .kpi-container .col2, .kpi-container .col3 {
    margin: 10px 15px 0px 0px;
    display: inline-block;
    vertical-align: middle;
}

    .kpi-container .col:first-child {
        margin-left: 0;
    }

    .kpi-container .col:last-child {
        margin-right: 0;
    }

.kpi-container .col3 {
    clear: both;
}

.kpi-container .nomargin .col:first-child {
    margin-left: 0;
}

.kpi-container .nomargin .col:last-child {
    margin-right: 0;
}

.kpi-container .col h3 {
    white-space: pre-wrap;
    vertical-align: middle;
    line-height: 40px;
    height: 40px;
    padding: 0;
    display: block;
    width: 100%;
    font-weight: 400;
}

.kpi-container h4 {
    font-size: 15px;
}

.kpi-container table {
    line-height: 12px;
}

    .kpi-container table div.square {
        margin-right: 10px;
    }

.kpi-container .boxgroup .col3 > div {
    padding-left: 30px;
}

/*-------------------------*/
.termsandconditions textarea {
    height: 400px;
    resize: none;
    font-size: 16px;
}

.termsandconditions div.clear:last-child {
    margin: 10px 0px 10px 10px;
}

.button.termsandconditions {
    width: auto;
}

.col2.dealerapproval .editor-field input[type=radio] {
    width: 20px;
    margin-right: 1px;
}

.col2.dealerapproval .editor-field label {
    margin-right: 25px;
}

table.dealerhr th:first-child {
    width: 80px;
}

table.dealerhr th.job {
    width: 100px;
}

table.dealeroemhr td li {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    width: 210px;
}

table.dealerhr input[type="checkbox"] {
    margin-left: 40px;
}

.table-default td.score {
    text-align: right;
    font-size: inherit;
}

.buttons.actions .button.togglevisibilitybutton {
    cursor: pointer;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-size: 10px;
    position: relative;
    color: #676a6c;
}

    .buttons.actions .button.togglevisibilitybutton.button.filter-search::before {
        font-size: 20px;
    }

    .buttons.actions .button.togglevisibilitybutton:hover {
        color: #7799b3;
    }

.togglevisibilitybutton.show:before {
    content: "\e64c";
}

.togglevisibilitybutton.hide:before {
    content: "\e64b";
}

.buttons.actions .button.togglevisibilitybutton.show:before, .buttons.actions .button.togglevisibilitybutton.hide:before {
    padding-top: 7px;
}

.togglevisibilitybutton h2 {
    font-family: 'Open Sans', sans-serif;
}

div.totals {
    margin-bottom: 15px;
    padding: 10px 10px 0;
}

div.total span {
    margin-right: 16px;
    padding-top: 5px;
    font-weight: bold;
}

    div.total span.last {
        margin-right: 0;
    }

/*===== Report Edit =====*/
.editreport td {
    vertical-align: top;
    padding-top: 8px;
}

.editreport input[type="text"],
.editreport input[type="checkbox"],
.editreport textarea,
.editreport select {
    width: 100%;
    height: 2em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.editreport textarea {
    height: 5em;
    resize: none;
}

.editreport input[type="checkbox"] {
    width: 4em;
    height: 2em;
}

.editreport th.name {
    width: 176px;
}

.editreport th.value {
    width: 130px;
}

.editreport th.wtl {
    width: 50px;
}

.editreport th.comment {
    width: 250px;
}

/*.editreport td .file-upload {
    width: 305px;
    margin-top: 0;
}*/
.editreport th.image {
    width: 275px;
}

.editreport th.actions {
    width: 40px;
}

.editreport td .file-upload .file-actions {
    float: right;
}

.emptyscore {
    background-color: #B5D9F0;
}

.editreport td.note textarea {
    height: 3em;
}

.editreport div.note select {
    font-size: 0.8em;
    margin-top: 5px;
    width: 275px;
}

.editreport div.note div {
    float: left;
}

.editreport div.note .buttons.actions {
    float: right;
    margin-top: 5px;
}

.editreport.imagereport textarea {
    height: 4.5em;
}

.editreport tr.visual td {
    vertical-align: bottom;
    padding-top: 0;
    padding-bottom: 8px;
}

.editreport td.visual input[type="text"] {
    width: 125px;
    float: left;
    margin-right: 10px;
}

.editreport td.visual select {
    width: 220px;
    float: left;
    margin-top: 8px;
}

.editreport td.visual .buttons.actions {
    margin-bottom: 0;
    margin-top: 10px;
}

.editreport td.visual div {
    float: left;
    margin-right: 5px;
}

.editreport td.visual .col-v {
    width: 169px;
}

.editreport td.visual .col-dv {
    width: 79px;
}

    .editreport td.visual .col-v input,
    .editreport td.visual .col-dv input {
        width: 100%;
    }

.editreport .buttons.actions {
    float: left;
}

    .editreport .buttons.actions a {
        margin: 0;
    }

.editreport td.actions {
    vertical-align: top;
}

    .editreport td.actions button.button,
    .editreport td.actions a.button {
        margin-left: 0;
    }

        .editreport td.actions button.button:not(:first-child),
        .editreport td.actions a.button:not(:first-child) {
            margin-top: 2px;
        }

.editreport .editor-label {
    float: left;
    padding-top: 3px;
    margin-left: 10px;
}

.editreport .editor-field {
    float: left;
    width: 100px;
    margin-left: 5px;
}

/*===== End Report Edit =====*/

/*===== Activity Report Edit =====*/

/*.activityreport th.title {
    width: 400px;
}

.activityreport th.comment {
    width: 220px;
}

    .activityreport th.comment.long {
        width: 280px;
    }

.activityreport th.note {
    width: 40px;
}

.activityreport th.actionpoint {
    width: 330px;
}

.activityreport td.action span {
    margin-right: 5px;
    font-size: 12px;
}

.activityreport td.action .actionpoint {
    width: 295px;
}

.activityreport input[type="checkbox"] {
    margin-left: 8px;
}

    .activityreport input[type="checkbox"].note {
        margin-left: 16px;
    }


.activityreport .apname {
    cursor: pointer;
}

.activityreport div.description {
    margin-left: 28px;
    margin-top: 10px;
}

.activityreport div.humanresource {
    margin-left: 30px;
}

    .activityreport div.description input,
    .activityreport div.humanresource select {
        width: 100%;
        height: 2em;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

.activityreport div.actions select {
    width: 300px;
    margin-left: 10px;
}

.activityreport div.comment {
    height: 2.6em;
}

.activityreport table.comments th {
    width: 50%;
}

.activityreport .agendaitem, .activityreport .agendaitem > div {
    width: 1150px;
}

    .activityreport .agendaitem .actionpoints {
        margin: 0;
    }

        .activityreport .agendaitem .actionpoints .dropmenu {
            margin-left: 15px;
        }

.activityreport > div:not(:first-child) {
    margin-top: 10px;
}

.activityreport.header {
    cursor: default;
}

    .activityreport .header > div:nth-child(1) {
        width: 510px;
        float: left;
        box-sizing: border-box;
    }

        .activityreport .header > div:nth-child(1) div.clear:nth-child(n+2) {
            margin-bottom: 20px;
        }

    .activityreport .header > div:nth-child(2) {
        width: 660px;
        float: left;
        box-sizing: border-box;
    }

        .activityreport .header > div:nth-child(2) div.clear {
            margin-bottom: 10px;
        }

    .activityreport .header > div:nth-child(3) {
        box-sizing: border-box;
        border-top: 1px solid;
        padding: 10px 0;
        clear: both;
    }

        .activityreport .header > div:nth-child(3) > div {
            padding: 0px 20px 5px 20px;
        }

    .activityreport .header .icon {
        margin-right: 10px;
    }

    .activityreport .header div.status {
        width: 160px;
    }

.activity-type .activityreport .header div.icon.status {
    width: 25px;
}

.activityreport .header .attachments h4 {
    font-size: 16px;
    text-align: left;
    padding: 0 0 8px 0;
}

.activityreport .header .attachments .text {
    width: 440px;
    word-break: break-all;
}

.activityreport .header .attachments a {
    color: #7799b3;
}

.activityreport div.icon.file {
    margin-top: 1px;
}

.activity-type {
    font-size: 16px;
    text-align: left;
    padding: 10px 0 8px 0;
} 

.activityreport .header span.bold {
    margin-right: 10px;
}

h2.bold {
    font-weight: 400;
}

.activityreport div.text {
    min-height: 20px; 
}

.activityreport .agenda > tbody > tr > td {
    border-style: solid none none none;
    border-width: 2px 0px 0px 0px;
}

.activityreport .agenda > tbody > tr {
    border-top: 1px solid;
}

    .activityreport .agenda > tbody > tr > td {
        padding: 8px;
    }

        .activityreport .agenda > tbody > tr > td:first-child, .activityreport .agenda > tbody > tr > td:last-child {
            vertical-align: top;
        }

.activityreport .agendaitem div {
    float: left;
    margin-left: 5px;
}

.activityreport .agendaitem .editors {
    margin-left: 0;
}

    .activityreport .agendaitem .editors > div {
        margin-left: 0;
        width: 100%;
    }

    .activityreport .agendaitem .editors .editor-value {
        width: 345px;
        text-overflow: ellipsis;
        font-weight: 700;
    }

.activityreport .agendaitem div.action {
    margin: 0;
}

.activityreport .agendaitem div.right {
    float: right;
}

.activityreport .agendaitem div:first-child {
    margin-left: 0;
}

.activityreport .agendaitem div.clear.p {
    margin-left: 95px;
    clear: left;
    width: 1050px;
}

.activityreport .agendaitem div.hr {
    width: 160px;
}

    .activityreport .agendaitem div.hr .text {
        width: 130px;
    }

.activityreport .agendaitem div.dprn {
    width: 25px;
    text-align: right;
}

.activityreport .agendaitem div.aptitle {
    width: 470px;
}

.activityreport .agendaitem .performance {
    border-top-width: 1px;
}

    .activityreport .agendaitem .performance > div {
        float: none;
    }

    .activityreport .agendaitem .performance h2 {
        font-size: 14px;
        font-weight: 700;
    }

fieldset.activityreport.agenda div.action {
    width: 1092px;
}

fieldset.activityreport.agenda div.actions {
    margin-left: 20px;
}

    fieldset.activityreport.agenda div.actions .button.action {
        width: 10px;
    }

.activityreport div.attendee {
    width: 200px;
}

.activityreport .attendee-list div.attendee {
    width: 410px;
}

.activityreport div.status {
    width: 155px;
}

    .activityreport div.status div.text {
        max-width: 130px;
    }

.activityreport div.date {
    width: 105px;
}

    .activityreport div.date.long {
        width: 165px;
    }

.activityreport .agendaitem .action {
    padding-top: 8px;
}

.activityreport .agendaitem h4 {
    font-size: 14px;
    clear: both;
    text-align: left;
    font-weight: bold;
    padding: 10px 0 8px 98px;
}

.activityreport .actionpoints > div {
    margin-bottom: 10px;
    width: 1150px;
}

.activityreport .status-border div.status, .activityreport .status-border div.date.long,
.agenda .action div.status, .agenda .action div.date {
    display: inline-block;
    white-space: nowrap;
    width: auto;
    margin-left: 15px;
}

.agenda .action div.status, .agenda .action div.date {
    margin-left: 40px;
}

.activityreport .status-border div.text, .activityreport .status-border div.text {
    padding-top: 0;
}

.agenda .action div.icon, .agenda .action div.icon {
    line-height: 30px;
}

.activityreport .agenda .attendee span {
    margin-left: 0;
}

.activityreport div.icon,
.activityreport .agenda div.icon {
    font-family: 'icomoon';
    speak: none;
    font-style: normal !important;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    min-height: 20px;
    margin-left: 0;
}
   
    .activityreport div.icon.small {
        width: 21px;
    }

    .activityreport div.icon.empty {
        background: none;
    }

    .activityreport div.icon.note:before {
        content: "\e61d";
    }

    .activityreport div.icon.file:before {
        content: "\e60e";
        padding-left: 6px;
    }

    .activityreport div.icon.hr {
        background-position: -251px -76px;
    }

    .activityreport div.icon.status {
        margin-top: 4px;
    }

        .activityreport div.icon.status:before {
            content: "\e617";
            padding-left: 4px;
        }

    .activityreport div.icon.date {
        margin-top: 4px;
    }

        .activityreport div.icon.date:before {
            content: "\e601";
        }

.activityreport .actionpoints div.icon.date:before {
    padding-left: 4px;
}

.activityreport div.icon.check {
    border: 1px solid;
    border-radius: 2px;
    width: 15px;
    height: 15px;
    min-height: 15px;
    font-size: 7px;
    text-align: center;
    line-height: 15px;
}

    .activityreport div.icon.check:before {
        content: "\e80a";
    }

    .activityreport div.icon.check.empty:before {
        content: "";
    }

.activityreport div.icon.attendees {
    background-position: -286px -76px;
}

.activityreport .agenda span {
    margin-left: 10px;
}

    .activityreport .agenda span:first-child, .activityreport .agenda .dpminutes span {
        margin-left: 0;
    }

.activityreport .agendaitemedit .left, .activityreport .actionpointedit .left {
    margin-left: 10px;
    margin-bottom: 5px;
}

    .activityreport .agendaitemedit .left:first-child, .activityreport .actionpointedit .left:first-child {
        margin-left: 0;
    }

    .activityreport .agendaitemedit .left select, .activityreport .actionpointedit .left select {
        margin: 0;
        width: 350px;
    }

        .activityreport .agendaitemedit .left select, .activityreport .actionpointedit .left select.small {
            width: 170px;
        }

        .activityreport .agendaitemedit .left select, .activityreport .actionpointedit .left select.time {
            width: 50px;
        }

    .activityreport .agendaitemedit .left input[type=text]:not(.file-name), .activityreport .actionpointedit .left input[type=text]:not(.file-name) {
        width: 335px;
    }

    .activityreport .actionpointedit .left input[type=text].dateinput {
        width: 80px;
    }

    .activityreport .agendaitemedit .left input[type=checkbox] {
        margin-top: 8px;
    }

.activityreport td .agendaitemedit .file-upload, .activityreport td .actionpointedit .file-upload {
    margin-top: 0;
}

.attendee-list {
    margin-left: 0px;
}

    .attendee-list h3.title-border {
        font-size: 14px;
        padding: 10px 15px 8px 15px;
    }

    .attendee-list .attendee {
        padding: 0 10px;
        width: 50%;
        box-sizing: border-box;
        margin-bottom: 15px;
    }

.attendee {
    float: left;
}

    .attendee span {
        display: block;
        line-height: normal;
        font-size: 10px;
    }

    .attendee strong {
        font-size: 14px;
    }

.status-border > div.attendee, .agenda .action > div.attendee {
    margin-bottom: 0;
    margin-top: -3px;
}

div.dpdetails,
div.dpdealercomment {
    white-space: pre-wrap;
    max-width: 860px;
    overflow: hidden;
}

div.dpdealercomment {
    max-width: 814px;
}

.activityreport a {
    color: #394142;
    font-size: 14px;
    text-decoration: none;
}*/

.activityreportmultiple .col2 fieldset .editor-field textarea {
    height: 82px;
    resize: none;
}

.table-default > div.activitycalendar {
    margin: 0;
    padding: 0;
}

.activitycalendar div.empty {
    padding: 25px;
}

.activitycalendar .title-border {
    padding: 10px 10px 0 10px;
    border: 2px solid #f6f6f6;
    border-bottom: 0 none;
    margin-bottom: 0;
}

.buttons.state-tabs {
    margin-bottom: 0;
}

    .buttons.state-tabs .button {
        border-width: 1px 1px 1px 0;
        border-style: solid;
        margin-left: 0;
        line-height: 25px;
        height: 25px;
        min-width: 50px;
        text-align: center;
        font-size: 14px;
    }

        .buttons.state-tabs .button:first-child {
            border-width: 1px;
        }

    .buttons.state-tabs button.button {
        line-height: normal;
    }


.activitycalendar .month > table {
    width: 100%;
}

.activitycalendar .month tr:hover td.bullet span {
    background: #3294d6;
}

.activitycalendar .month tr:hover td.bullet.grey span {
    background: #999DA6;
    color: #fff;
}

.activitycalendar .month tr:hover td.bullet.red span {
    background: #E14863;
}

.activitycalendar .month tr:hover td.bullet.black span {
    background: #2A2A2A;
}

.activitycalendar .month tr:hover td.bullet.green span {
    background: #75B398;
}

.activitycalendar .month td.calendarday {
    height: 100px;
    padding: 5px 5px 10px 5px;
    vertical-align: top;
    font-size: 11px;
}

    .activitycalendar .month td.calendarday.holiday {
        background-color: #d5d9db;
    }

        .activitycalendar .month td.calendarday.holiday div.holiday {
            font-size: 10px;
            padding-right: 5px;
        }

.activitycalendar button:not(.dxeCalendarButton_DealerView) {
    width: 30px;
    height: 30px;
    font-family: 'icomoon' !important;
    font-style: normal !important;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    background: transparent;
    border: 1px solid #CBCBCB;
    margin-right: 5px;
}

.activitycalendar button.prev:before {
    content: "\e64e";
}

.activitycalendar button.next {
    float: right;
    margin-right: 25px;
}

    .activitycalendar button.next:before {
        content: "\e64f";
    }

.activitycalendar .month .dayheader button.day {
    font-size: 8px;
    margin-top: 0;
}

.activitycalendar button.show:before {
    content: "\e64c";
}

.activitycalendar button.hide:before {
    content: "\e64b";
}

.activitycalendar button.day {
    height: 17px;
}

.activitycalendar .time {
    width: 35px;
}

.activitycalendar .dayheader { /*background-color: #3294d6;*/ /*font-weight: bold;*/
    cursor: default;
}

.activitycalendar .month .dayheader td { /*color: #FFF;*/
    padding: 0 10px 0 40px;
}

.activitycalendar .month .day tbody tr,
.activitycalendar .month .week tbody tr {
    cursor: pointer;
}

.activitycalendar .month tbody td {
    border: solid 2px #f6f6f6;
}

.activitycalendar div.dayheader {
    padding: 0 8px;
    font-size: 14px;
    margin-bottom: 5px;
}

.activitycalendar .month .items.week thead tr th,
.activitycalendar .month .items.day thead tr th {
    font-size: 12px;
    padding: 6px 20px;
    border: 1px solid;
}

.activitycalendar .month .items.week tr td,
.activitycalendar .month .items.day tr td {
    border: 1px solid;
    vertical-align: middle;
}

.activitycalendar .month th,
.activitycalendar .month thead td {
    border-left: 0 none;
    background-color: #FFF;
}

.activitycalendar .month thead tr th {
    padding: 5px 0 5px 15px !important;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    background-color: #D6E0EC;
    border: 1px solid #f6f6f6 !important;
}

.activitycalendar .month thead th {
    width: 14%;
}

    .activitycalendar .month thead th span {
        font-size: 20px;
        padding-right: 5px;
    }

.activitycalendar .month .day {
    font-size: 12px;
    margin-top: 10px;
    cursor: pointer;
    /*border-radius: 5px;*/
    background-color: #7799b3;
    color: #FFF;
    padding: 6px 10px;
}

    .activitycalendar .month .day.notconfirmed {
        opacity: 0.5;
    }

    .activitycalendar .month .day.cancelled {
        text-decoration: line-through;
    }

    .activitycalendar .month .day div.bullet span,
    .activitycalendar .week div.bullet span {
        margin: 4px 5px 0px 0px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #137ebc;
    }

.activitycalendar .week div.bullet span {
    margin-top: 3px;
}

.activitycalendar .month .day:hover div.bullet span {
    background: #3294d6;
}

.activitycalendar .month .day div.bullet.grey span,
.activitycalendar .week div.bullet.grey span {
    background: #7D828E;
    color: #fff;
}

.activitycalendar .month .day:hover div.bullet.grey span {
    background: #999DA6;
    color: #fff;
}

.activitycalendar .month .day div.bullet.red span {
    background: #9E4141;
}

.activitycalendar .month .day:hover div.bullet.red span {
    background: #E14863;
}

.activitycalendar .month .day div.bullet.green span {
    background: #749C38;
}

.activitycalendar .month .day:hover div.bullet.green span {
    background: #75B398;
}

.activitycalendar .month .day div.bullet.black span {
    background: #000;
}

.activitycalendar .month .day:hover div.bullet.black span {
    background: #2A2A2A;
}

.activitycalendar .month .day table {
    width: 100%;
}

    .activitycalendar .month .day table tr,
    .activitycalendar .month .day table td {
        border: 0 none;
        height: auto;
        min-height: auto;
        font-size: 12px;
        padding: 0px;
    }

        .activitycalendar .month .day table td.title {
            width: 80%;
        }

        .activitycalendar .month .day table td.time {
            width: 20%;
            text-align: right;
        }

.activitycalendar div.togglevisibilitybutton:first-child {
    padding: 10px 10px 0px 5px;
}

.activitycalendar {
    min-height: 486px;
}

    .activitycalendar.dynamic {
        min-height: 0;
    }

    .activitycalendar .daytitle {
        width: 15px;
    }

    .activitycalendar .change {
        cursor: pointer;
    }

.prepopulateagenda {
    margin-bottom: 10px;
}

    .prepopulateagenda select {
        min-width: 200px;
    }

    .prepopulateagenda > div {
        margin-left: 10px;
        float: left;
    }

        .prepopulateagenda > div.editor-label {
            padding-top: 3px;
        }

.openactioncharts .bar {
    height: 200px;
    width: 206px;
}

.openactioncharts .col4 {
    margin-bottom: 10px;
}

#completeActionDialog div {
    margin-bottom: 20px;
}

    #completeActionDialog div:last-child {
        margin-bottom: 0;
    }

#completeActionDialog input.dateinput {
    width: 100px;
    margin-left: 10px;
}

#completeActionDialog .file-actions {
    width: 254px;
}

#completeActionDialog .file-upload.small .file-actions input[type="text"] {
    width: 160px;
}

#completeActionDialog textarea {
    width: 257px;
    resize: none;
}

.openactions .col1 address {
    min-height: 64px;
}

    .openactions .col1 address img {
        margin-right: 8px;
    }

    .openactions .col1 address span {
        max-width: 215px;
    }

.openactionsbyperson {
    margin: 10px;
}

/*.openactions button { background: url('../images/sprite.png') no-repeat; width: 15px; height: 15px; float: right; }

    .openactions button.show,
    .assets button.show,
    .assets a.show { background-position: -604px -81px; }

    .openactions button.hide,
    .assets button.hide,
    .assets a.hide { background-position: -396px -116px; }
    */
.openactions .square {
    margin: 0 0 1px 0;
    color: #FFF;
    height: 15px;
    width: 25px;
    font-weight: 700;
    text-align: right;
    padding-right: 3px;
}

.togglegroupbutton {
    cursor: pointer;
}

/*===== End Activity Report  =====*/

.da-action-dialog {
    display: none;
}

    .da-action-dialog .clear {
        margin-bottom: 5px;
    }

.home {
    background: no-repeat url('../_CustomFiles/_Logo/login_background.jpg') center center;
    margin-left: 0px; /*width: 1260px;
    height: 760px;*/
    min-height: 760px;
    max-width: 1120px;
    padding: 20px 0px 0px 20px;
}

    .home > div {
        background-color: rgba(223, 235, 235, 0.8);
        padding: 20px;
        float: left;
    }

/* ===== Status Menu ===== */

ul.staticmenu {
    float: left;
    width: auto;
    margin-bottom: 10px;
}

    ul.staticmenu li {
        clear: both;
        min-height: 35px;
    }

        ul.staticmenu li .button {
            margin-bottom: 10px;
            width: 100%;
            text-align: left;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        ul.staticmenu li:last-child .button {
            margin-bottom: 0;
        }

/*===== NewsFlash =====*/

.newsflash .red {
    font-weight: normal;
}

.newsflash table {
    margin-top: 5px;
    margin-bottom: 5px;
}

.table-default.newsflash tbody td {
    padding: 0px 4px 0px 4px;
    height: 25px;
    font-size: 12px;
    border: none 0;
}

.table-default.newsflash tbody .icon-x:before {
    padding-top: 6px;
    padding-left: 7px;
    font-size: 12px;
}

.table-default.newsflash tbody td a.button {
    height: 20px;
    line-height: 25px;
}

.newsflash .document-type {
    height: 20px;
    width: 20px;
}

    .newsflash .document-type div.document, .newsflash .document-type div.image, .newsflash .document-type div.excel, .newsflash .document-type div.pdf, .newsflash .document-type div.attachment {
        font-size: 20px;
        height: 20px;
        width: 20px;
        line-height: 20px;
    }

.newsflash .pagerfooter td {
    height: 20px;
}


.marquee {
    width: 950px;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    float: left;
}

    .marquee span {
        display: inline-block;
        padding-left: 100%;
        text-indent: 0;
        -webkit-animation: marquee 30s linear infinite;
        -moz-animation: marquee 30s linear infinite;
        animation: marquee 30s linear infinite;
    }

        .marquee span:hover {
            -webkit-animation-play-state: paused;
            -moz-animation-play-state: paused;
            animation-play-state: paused;
        }

/* Make it move */
@-webkit-keyframes marquee {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-100%, 0);
    }
}

@keyframes marquee {
    0%; {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-100%, 0);
    }
}

/*===== Stock And Demo =====*/
.stockanddemo .models input[type="number"] {
    width: 140px;
}

.stockanddemo .models .editor-value .title {
    width: 156px;
    font-weight: bold;
    float: left;
    margin-right: 1px;
}

.stockanddemo .models .display-field div {
    width: 156px;
    float: left;
    margin-right: 1px;
}

.stockanddemo .models .display-field .title {
    font-weight: bold;
}

/*===== Flags =====*/
.flags .col1 fieldset .editor-label {
    width: auto;
    float: none;
    clear: both;
}

.flags .col1 fieldset .editor-field {
    width: auto;
    float: left;
    margin-right: 15px;
}

/*===== My View =====*/

.myview > div:not(.no-margin) {
    margin-bottom: 10px;
}

.myview a {
    color: #364b59;
}

.myview .activities {
    font-size: 12px;
    float: left;
    width: 580px;
    margin-left: 10px;
    background-color: #FFF;
    min-height: 381px;
}

    .myview .activities:first-child {
        margin-left: 0;
    }

    .myview .activities .pageritemscontainer {
        margin-left: 8px;
        margin-right: 8px;
        border-top: solid 1px #d5d9db;
        min-height: 290px;
    }

    .myview .activities .pagerfooter {
        min-height: 17px;
    }

    .myview .activities div.item {
        background-color: #FFF;
        padding: 7px 0px 0px 0px;
        width: 559px;
        height: 40px;
        float: left;
        overflow: hidden;
        border-bottom: solid 1px #d5d9db;
    }

        .myview .activities div.item > div {
            float: left;
            margin-right: 8px;
        }

            .myview .activities div.item > div:last-child {
                margin-right: 0;
            }

            .myview .activities div.item > div > div {
                margin-bottom: 0px;
            }

                .myview .activities div.item > div > div:last-child {
                    margin-bottom: 0;
                }

    .myview .activities div.pageremptyitem {
        border-color: transparent;
    }

    /* .myview .activities .details > div {
        width: 410px;
    }*/

    .myview .activities div.name {
        height: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .myview .activities div.hr > div {
        float: left;
    }

        .myview .activities div.hr > div:not(:first-child) {
            margin-top: 3px;
        }

        .myview .activities div.hr > div:nth-child(3) {
            margin-left: 4px;
            font-size: 10px;
            margin-top: 4px;
        }

    .myview .activities div.hr .warning {
        float: right;
        font-size: 15px;
    }

    .myview .activities div.title {
        width: 130px;
        margin-right: 0;
    }

    .myview .activities div.details {
        padding-left: 42px;
        position: relative;
        width: 350px;
    }

        .myview .activities div.details .hr-image {
            position: absolute;
            left: 0;
            top: 0;
            width: 32px !important;
            height: 32px !important;
        }


    .myview .activities .title .red {
        font-size: 14px;
        font-weight: 400;
    }

    .myview .activities .dealer {
        overflow: hidden;
        text-overflow: ellipsis;
        background: none;
        padding-right: 10px;
        float: left;
    }

    .myview .activities .status {
        font-size: 12px;
        margin-top: 3px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


/*.myview .type div.type,
.myview div.icon {
    background: url('../Images/sprite.png') no-repeat;
    min-width: 21px;
    width: 21px;
    height: 21px;
    text-indent: -100000px;
    padding: 0;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
}

    .myview .type div.type.type1 {
        background-position: -182px -111px;
    }

    .myview .type div.type.type2 {
        background-position: -359px -78px;
    }

    .myview .type div.type.type3 {
        background-position: -428px -78px;
    }

    .myview .type div.type.type4 {
        background-position: -709px -112px;
    }

    .myview .type div.type.type5 {
        background-position: -737px -78px;
    }
*/

/*.myview div.icon {
    background: url('../Images/sprite.png') no-repeat;
    min-width: 21px;
    width: 21px;
    height: 21px;
    text-indent: -100000px;
    padding: 0;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
}*/

.myview .type div.type {
    min-width: 21px;
    width: 21px;
    height: 21px;
    text-indent: -100000px;
    padding: 0;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal !important;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    position: relative;
}

    .myview .type div.type:before {
        position: absolute;
        left: 0;
        text-indent: 0;
    }

    .myview .type div.type.type1:before {
        content: "\e618";
    }

    .myview .type div.type.type2:before {
        content: "\e601";
    }

    .myview .type div.type.type3:before {
        content: "\e61f";
    }

    .myview .type div.type.type4:before {
        content: "\e63a";
    }

    .myview .type div.type.type5:before {
        content: "\e63b";
    }

.myview div.icon.hr {
    background-position: -640px -114px;
    height: 16px;
    position: absolute;
    left: 0;
}

.myview div.icon.warning {
    background-position: -669px -111px;
}

.myview .activitysymmary {
    margin-bottom: 0;
}

    .myview .activitysymmary table {
        width: 100%;
        font-size: 10px;
    }

        .myview .activitysymmary table thead th {
            font-size: 11px;
            font-weight: 700;
            padding: 2px;
            height: 35px;
        }

            .myview .activitysymmary table thead th:not(:first-child) {
                width: 87px;
            }

        .myview .activitysymmary table tbody td {
            font-size: 11px;
            padding: 3px;
            height: 15px;
        }

            .myview .activitysymmary table tbody td:not(:first-child) {
                text-align: right;
                padding-right: 10px;
            }

        .myview .activitysymmary table tbody tr.footer {
            font-weight: 700;
        }

.myview .colgroup:last-child {
    margin-bottom: 0;
}

.myview .activities .filter {
    background-color: #FFF;
    padding: 2px 0px 2px 4px;
}

    .myview .activities .filter li {
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 107px;
        white-space: nowrap;
        margin-right: 5px;
    }

/*===== order list  =====*/

.assets .col1 address {
    border-top: 1px solid #e6e6e6;
    margin-top: 15px;
    margin-left: -12px;
    margin-right: -12px;
    padding: 12px 20px 0 20px;
    height: 55px;
    max-height: 55px;
}

.assets .col3 div.clear {
    padding-top: 4px;
}

.assets .col1 address > div.image-frame + div {
    padding-top: 6px;
}

.assets .col1 div.total-cost {
    padding-top: 8px;
}

.assets .col1 address > div.image-frame + div strong {
    font-size: 16px;
    font-weight: 400;
}

.assets button,
.assets a.button {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal !important;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: -10000px;
    position: relative;
}

.assets .comments {
    height: 30px;
}

    .assets .comments .icon.comment {
        width: auto;
    }

a.button:before {
    position: absolute;
    text-indent: 0;
    left: 0;
    top: 0;
}

.button.action.mail:before {
    content: "\e61b";
}

.button.action.edit:before {
    content: "\e625";
}

.button.action.details:before {
    content: "\e610";
}

.assets .col3 address .comments {
    height: 36px;
    overflow: hidden;
}

.icon.comment {
    width: 25px;
}

    .icon.comment:before {
        content: "\e624";
    }


/*===== Pager =====*/
table.pager tbody tr {
    display: none;
}

.pager .pagerfooter {
    background-color: #FFF;
    margin-top: 6px;
    margin-bottom: 6px;
    text-align: center;
}

    .pager .pagerfooter > div { /* float: right;*/
        display: inline-block;
    }

    .pager .pagerfooter .pagebutton { /* color: #137ebc;*/
        cursor: pointer;
        padding: 0;
        margin-left: 2px;
        font-size: 12px;
        float: left;
        min-width: 18px;
        text-align: center;
    }

        .pager .pagerfooter .pagebutton.selected {
            font-weight: 700;
            text-decoration: underline;
        }


.editors.equal {
    display: table-cell;
    padding-bottom: 10px;
}

    .editors.equal.hidden {
        display: none;
    }

    .editors.equal > .col2 {
        display: table-cell;
        float: none;
    }

        .editors.equal > .col2.first {
            border-right: solid 10px #f3f3f4;
        }


.icon-search.show:before {
    content: "\e614\e64d";
}

.icon-search.hide:before {
    content: "\e614\e650";
}

.htmlpreview {
    font-size: 12px;
    margin-left: 10px;
}

    .htmlpreview ol {
        list-style-type: decimal;
        padding-left: 40px;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .htmlpreview ul {
        list-style-type: disc;
        padding-left: 40px;
        margin-top: 12px;
        margin-bottom: 12px;
    }

        .htmlpreview ol:first-child,
        .htmlpreview ul:first-child {
            margin-top: 0;
        }


.htmleditor .dxheControl_Mulberry {
    font-family: 'Open Sans', sans-serif !important;
}

.table-default .htmleditor td {
    height: auto;
    padding: 0;
}

.table-default .htmleditor table {
    padding: 0;
}

.campaigns .col1 {
    height: 300px;
}

.campaigns .thumbnail img {
    width: 250px;
}

.campaigns img.empty {
    width: 128px;
    margin: 20px 61px 20px 61px;
}

.campaigns.main img.empty {
    margin: 0;
}

.campaigns .title {
    margin-left: 10px;
    width: 370px;
}

.campaigndetail {
    width: 916px;
}

    .campaigndetail .description {
        padding: 10px;
        margin-bottom: 15px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .campaigndetail .description * {
            background-color: transparent !important;
            float: none;
            font-size: 15px !important;
            line-height: 25px !important;
        }

        .campaigndetail .description h1,
        .campaigndetail .description h1 span,
        .campaigndetail .description h1 div {
            font-size: 20px !important;
            line-height: 32px !important;
        }

        .campaigndetail .description h2,
        .campaigndetail .description h2 span,
        .campaigndetail .description h2 div {
            font-size: 17px !important;
            line-height: 28px !important;
            color: #343434 !important;
        }

        .campaigndetail .description ul li {
            list-style: disc outside !important;
            margin-left: 1em;
        }

        .campaigndetail .description ol li {
            list-style: decimal outside !important;
            margin-left: 1em;
        }

        .campaigndetail .description table {
            width: 90% !important;
            margin: 5px auto !important;
        }

            .campaigndetail .description table,
            .campaigndetail .description table th,
            .campaigndetail .description table td {
                border: solid 1px #555555 !important;
            }

                .campaigndetail .description table th {
                    background-color: #7799B3 !important;
                    text-align: center;
                    color: #FFF;
                }

                .campaigndetail .description table td {
                    padding: 8px !important;
                }

    .campaigns h5, .campaigndetail h5 {
        margin-left: 0;
        margin-bottom: 3px;
    }

    .campaigndetail h5 {
        font-size: 14px;
    }

.leadcampaigndetails .campaigndetail {
    width: 100%;
}

.campaigns .table-default.models table thead tr {
    background-color: #FFF;
}

.campaigns .models table tr th, .campaigns .models table tr td {
    border-style: none none solid none;
    border-width: 0 0 1px 0;
    border-color: #70767d;
    padding: 3px 5px;
    line-height: 20px;
    height: 20px;
}

.campaigns .table-default td.price {
    text-align: right;
}

.campaigns h4 {
    margin-bottom: 10px;
}

.campaignitem {
    margin-top: 20px;
}

    .campaignitem.document-type {
        height: auto;
        width: auto;
    }

        .campaignitem.document-type a {
            display: inline-block;
            margin-left: 10px;
            margin-bottom: 10px;
        }

            .campaignitem.document-type a.first {
                margin-left: 0;
            }

        .campaignitem.document-type div.thumbnail {
            width: 242px;
            height: 242px;
        }

        .campaignitem.document-type a div.thumbnail img {
            display: block;
            max-width: 242px;
            max-height: 242px;
            width: auto;
            height: auto;
        }

        .campaignitem.document-type a .icon {
            /*width: 128px;*/
            /*height: 128px;*/
            display: block;
            height: 242px;
            width: 242px;
            font-size: 110px;
            line-height: 242px;
            margin-left: 0;
        }



    .campaignitem .filedescription {
        width: 235px;
        text-align: center;
    }

.campaigndetail .campaigns .models {
    width: 100%;
    border: 0 none;
    margin-bottom: 30px;
}

    .campaigndetail .campaigns .models td {
        text-align: center;
    }


.campaignitem.document-type {
    margin-bottom: 20px;
}

    .campaignitem.document-type div:first-child {
        /*margin-left: 10px;*/
    }

    .campaignitem.document-type .first div:first-child {
        margin-left: 0;
    }

.campaignlist img {
    max-width: 200px;
}

.duration {
    float: right;
    font-size: 11px;
    padding-top: 3px;
}

h2 + .duration {
    padding-top: 6px;
}

.liColumnExport {
    width: 190px !important;
    float: left;
}

    .liColumnExport > .left.selectedButtons {
        width: 32px !important;
        overflow: hidden;
    }


.details_margin {
    margin-right: 10px;
}


.campaigns img.thumbnail {
    display: block;
    max-width: 256px;
    max-height: 256px;
    width: auto;
    height: auto;
    margin-bottom: 5px;
}

.campaigns.main .col1 {
    padding: 5px;
    height: inherit;
    margin-bottom: 10px;
    margin-left: 10px;
    width: 373px;
}

    .campaigns.main .col1.first {
        margin-left: 0;
    }


    .campaigns.main .col1 div.image {
        height: 210px;
    }

.campaigns.main .title {
    text-align: center;
    margin-left: 0;
    margin-bottom: 5px;
}

.campaigns.main img {
    height: 210px;
    width: 373px;
    max-height: 210px;
    max-width: 373px;
}

.jobLevelsWeight {
    width: 30px;
    height: 14px;
    overflow: hidden;
    resize: none;
}

/*Lucky*/
.inputPartNumber {
    margin-right: 5px;
    margin-bottom: 10px;
    width: 150px;
}

.inputOrderDate {
    /*margin-left: 2px;*/
    float: right;
    /*width: 135px;*/
    width: 155px;
    margin-bottom: 5px;
}

.cloneCommentInput {
    margin-bottom: 5px;
}

.comments-section {
    vertical-align: top;
    /*display:table;*/
    /*width: 324px;*/
}

.parts-section {
    vertical-align: top;
    margin-bottom: 10px;
    width: 340px;
    display: inline-block;
}

.remove_button {
    float: right;
    margin-top: 10px;
    margin-left: 5px;
}

.textarea-wip {
    width: 340px;
    height: 50px;
}

.dynamic-buttons {
    float: right;
    margin-bottom: 5px;
    margin-right: 250px;
}

.buttons-wip {
    height: 40px;
}

.link-button {
    float: right;
    margin-top: 5px;
}

.salutations {
    margin-bottom: 4px;
}

.courtesy-car-options {
    margin-left: -8px;
}

.asterik {
    color: red;
}

#containerwipcharts {
    height: 440px;
    width: 100%;
}

.wip-input-textbox {
    max-width: 280px;
}

.wip-input-checkbox {
    height: 30px;
    width: 50px;
    float: right !important;
    margin-top: -37px;
}

.wip-subgroup {
    vertical-align: top;
    float: right;
    margin-right: -5px;
    margin-top: -40px;
}

.nil-input-checkbox {
    height: 20px;
    width: 40px;
    float: left;
    margin-top: -37px;
}

.col2 fieldset .editor-field.wipparts, .col2 fieldset .editor-field.wipcomments {
    float: right;
    width: 340px;
}

    .col2 fieldset .editor-field.wipparts input {
        float: left;
        width: 120px;
        margin-right: 5px;
        margin-bottom: 10px;
    }

    .col2 fieldset .editor-field.wipcomments input {
        float: left;
        width: 260px;
        margin-right: 5px;
        margin-bottom: 10px;
    }

.fleetplanning th.fpmonth {
    width: 40px;
}

.fleetplanning td.fpmonth {
    cursor: pointer;
    text-align: center;
}

    .fleetplanning td.fpmonth.selected {
        background-color: #354052;
        color: white;
    }


.w10 {
    width: 10px;
}

.w25 {
    width: 25px;
}

.w35 {
    width: 35px;
}

.w50 {
    width: 50px;
}

.w60 {
    width: 60px;
}

.w65 {
    width: 65px;
}

.w80 {
    width: 80px;
}

.w90 {
    width: 90px;
}

.w95 {
    width: 95px;
}

.w100, .table-default input.w100 {
    width: 100px;
}

.w110 {
    width: 110px;
}

.w120, .table-default input.w120 {
    width: 120px;
}

.w135 {
    width: 135px;
}

.w140 {
    width: 140px;
}

.w150 {
    width: 150px;
}

.w160 {
    width: 160px;
}

.w180 {
    width: 180px;
}

.w200 {
    width: 200px;
}

.w220, .table-default .w220 {
    width: 220px;
}

.w235, .table-default .w235 {
    width: 235px;
}

.w250, .table-default .w250 {
    width: 250px;
}

.w400 {
    width: 400px;
}

.w480 {
    width: 480px;
}

.mw270 {
    max-width: 70px;
}

.table-default tbody td.claimbudget select {
    width: 100%;
}

.table-default.customreports > div:first-child {
    padding: 10px 10px 0;
}

.table-default.customreports table tbody th {
    text-align: left;
    padding-left: 30px;
    line-height: 20px;
    font-size: 20px;
}

/*.customreportpreview {
    overflow: scroll;
}*/

.customreportpreview.agenda {
    max-height: 300px;
}

.customreportpreview table {
    background-color: #FFF;
}

.customreportpreview .dv table {
    font-size: 13px;
    color: #555555;
    background: #F7F7F7;
    border-collapse: collapse;
}

.customreportpreview .dv tbody tr:nth-child(even) {
    background-color: #FFF;
}

.customreportpreview .dv table tr td {
    overflow: hidden;
    border: 1px solid #CBCBCB;
    padding: 5px 10px 6px;
}

.customreportpreview .dv table thead tr {
    background-color: #8FB1C9;
    color: #FFF;
    text-align: center;
    font-size: 14px;
}

    .customreportpreview .dv table thead tr th {
        border-left: solid 1px #FFF;
        padding: 7px 13px;
        border-bottom: 0 none;
    }

    .customreportpreview .dv table thead tr:first-child th:first-child {
        border-left: 0 none;
    }

.customreports iframe {
    width: 100%;
    margin-bottom: 10px;
}

header.customreportpreview {
    width: 1170px;
}

    header.customreportpreview h1 {
        font-size: 20px;
        line-height: 35px;
        padding-left: 20px;
    }

.sectiontitle + .customreportpreview {
    margin-top: 10px;
}

.contentlibrary .col1 {
    min-height: 500px;
}

.contentlibrary .filters.col1 {
    min-height: unset;
}

.contentlibrary .doc-node {
    border: none;
}

    .contentlibrary .doc-node > .doc-node {
        margin-left: 10px;
    }

    .contentlibrary .doc-node:not(.expanded) > .doc-node {
        display: none;
    }

.contentlibrary .folder {
    padding: 3px;
}

    .contentlibrary .folder.bold {
        font-weight: bold;
    }

.contentlibrary .expanded > .folder > span.indicator {
    background-position: -607px -83px;
}

.contentlibrary .indicator.hidden {
    background: none;
}

.contentlibrary fieldset .tagsInputContainer .listSelected li {
    width: auto;
    max-width: 300px;
}

.contentlibrary .document-type {
    width: auto;
    height: auto;
}

    .contentlibrary .document-type h6 {
        width: auto;
    }

    .contentlibrary .document-type .file {
        float: left;
        display: block;
        cursor: pointer;
        margin-left: 10px;
        margin-bottom: 10px;
        padding: 5px;
        border-bottom: solid 6px #f3f3f4;
        height: 120px;
        width: 365px;
        min-width: 260px;
    }

        .contentlibrary .document-type .file.filefolder {
            height: 120px;
            width: 120px;
            min-width: 120px;
        }

            .contentlibrary .document-type .file.filefolder.hidden {
                display: none;
            }

        .contentlibrary .document-type .file > div {
            min-width: 100px;
            width: 100px;
        }

            .contentlibrary .document-type .file > div.descriptiondetails {
                min-width: 130px;
                width: 260px;
                font-size: 10px;
                margin-left: 105px;
            }

        .contentlibrary .document-type .file.filefolder > div {
            height: auto;
            width: 120px;
        }

.contentlibrary .file.selected {
    border-bottom: solid 6px #7799b3;
}

.contentlibrary .file:hover {
    border-bottom: solid 6px #676a6c;
}

.contentlibrary .file div.thumbnail {
    max-width: 90px;
    min-height: 90px;
    margin: 0 auto;
    display: block;
}

    .contentlibrary .file div.thumbnail img {
        display: block;
        margin: 0 auto;
        max-width: 90px;
        max-height: 90px;
        width: auto;
        height: auto;
        cursor: zoom-in;
    }

.contentlibrary .file .icon {
    display: block;
    height: 90px;
    width: 90px;
    font-size: 35px;
    line-height: 90px;
    margin: 0 auto;
}

.contentlibrary .file.filefolder .icon {
    height: 85px;
    line-height: 85px;
    font-size: 50px;
    width: 120px;
}

.contentlibrary .file.filefolder .title,
.contentlibrary .sectioncard .title {
    text-align: center;
    font-size: 13px;
}

.contentlibrary .sectioncard {
    float: left;
    cursor: pointer;
    background-color: #FFF;
    padding: 10px;
    box-shadow: 0px 1px 2px 0px rgba(9, 30, 66, 0.25);
    -moz-box-shadow: 0px 1px 2px 0px rgba(9, 30, 66, 0.25);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(9, 30, 66, 0.25);
}

    .contentlibrary .sectioncard:hover {
        transform: scale(1.07);
        transition: transform .2s;
    }

    .contentlibrary .sectioncard:not(.first) {
        margin: 7px;
    }

    .contentlibrary .sectioncard.selected {
        background-color: #7799B3;
    }

    .contentlibrary .sectioncard .sectioncardimage {
        height: 120px;
        display: table-cell;
        vertical-align: middle;
        width: 140px;
    }

        .contentlibrary .sectioncard .sectioncardimage img {
            margin: auto;
        }

    .contentlibrary .sectioncard .title {
        width: 140px;
        height: 40px;
        overflow: hidden;
    }

        .contentlibrary .sectioncard .title.left {
            line-height: 64px;
            width: auto;
            height: auto;
            font-size: 15px;
            padding: 0 15px;
        }

.contentlibrary .contentgroups .sectioncard {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

    .contentlibrary .contentgroups .sectioncard.selected {
        background-color: transparent;
    }

    .contentlibrary .contentgroups .sectioncard .sectioncardimage.uon-groupimage {
        background: no-repeat center;
        background-image: url('../Images/icon-folder-grey.png');
    }

    .contentlibrary .contentgroups .sectioncard:hover .sectioncardimage.uon-groupimage,
    .contentlibrary .contentgroups .sectioncard.selected .sectioncardimage.uon-groupimage {
        background-image: url('../Images/icon-folder-blue.png');
    }

.contentlibrary .file .filedescription {
    width: 100%;
    height: 30px;
    font-size: 12px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    padding-top: 10px;
}

.contentlibrary .file .descriptiondetails {
    position: relative;
    height: 117px;
}

    .contentlibrary .file .descriptiondetails > div {
        margin-bottom: 5px;
    }

    .contentlibrary .file .descriptiondetails .filename {
        max-height: 12px;
        overflow: hidden;
    }

.contentlibrary h5.clear {
    font-size: 13px;
    border-bottom: solid 1px #7799b3;
    padding-bottom: 2px;
    color: #7799b3;
}

.contentlibrary.ui-dialog-content h5 {
    margin-left: 0;
}

.contentlibrary .file .descriptiondetails h5 {
    margin: 0;
    font-size: 12px;
}

.contentlibrary .file .descriptiondetails .fileattributes {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.contentlibrary .folders .parentfolder img {
    margin-left: 56px;
    margin-top: 25px;
}

.contentlibrary .file .folder {
    padding: 0;
}

.contentlibrary.colgroup .col1 {
    width: 249px;
}

.contentlibrary.colgroup .col2 {
    padding-left: 2px;
    width: 880px;
}

.contentlibrary.colgroup .col3 {
    min-height: 30px;
}

.contentlibrary.colgroup.ui-dialog-content .col2 {
    width: 780px;
}

.contentlibrary.colgroup .col2-container {
    width: 894px;
    height: auto !important;
}

.contentlibrary.colgroup .col3 {
    padding-left: 2px;
    width: 1230px;
}

.contentlibrary #fileinfo {
    padding-left: 20px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px #000;
}

.contentlibrary .file:not(.filefolder) .buttons.actions {
    display: block;
    margin: 0 auto;
    float: none;
    max-width: 90px;
}

    .contentlibrary .file:not(.filefolder) .buttons.actions .button-bg {
        color: #FFF;
        background: #7799b3;
        padding: 5px;
        font-size: 14px;
        line-height: 15px;
        text-indent: 0;
        display: block;
        margin: 5px 0;
        width: 80px;
        height: 15px;
    }

.contentlibrary .path {
    padding-top: 4px;
    margin-top: 20px;
    margin-bottom: 40px;
    margin-left: 30px;
}

    .contentlibrary .path a {
        font-weight: bold;
        font-size: 15px;
        margin: 0 7px;
        color: #7799b3;
        text-decoration: underline;
    }

        .contentlibrary .path a:hover {
            color: #354052;
        }

.contentlibrary.searchresult.colgroup .col2 {
    width: 1156px;
}

.contentlibrary .filters .filter > div:first-child {
    min-width: 200px;
}

.contentlibrary div.folder:before {
    content: '\e634';
}

/*.contentlibrary .quicksearch {
    width: 150px;
    height: 150px;
}

.contentlibrary .document-type .file.filefolder.quicksearch {
    height: 120px;
}*/

.contentlibrary .quicksearch {
    margin-bottom: 30px;
}

    .contentlibrary .quicksearch.file.filefolder div.thumbnail {
        max-width: 110px;
        max-height: 110px;
    }

    .contentlibrary .quicksearch div.thumbnail img, .contentlibrary .filefolder div.thumbnail img {
        max-width: 110px;
        max-height: 110px;
        cursor: pointer;
    }

.contentlibrary .folders {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 1px #CCCCCC;
}

.contentlibrary #folders .selected > .folder {
    background-color: #7799b3;
    color: #FFF;
    font-weight: bold;
}

/*.contentlibrary.searchresult .category div,*/
.documents .category div {
    float: left;
    margin-right: 10px;
    height: 40px;
}

    /*.contentlibrary.searchresult .category div a,*/
    .documents .category div a {
        color: #7799B3;
        padding: 7px;
        font-size: 16px;
    }

        /*.contentlibrary.searchresult .category div a.selected,*/
        .documents .category div a.selected {
            border-bottom: solid 3px #7799B3;
        }

/*.contentlibrary.searchresult .result h1,*/
.documents .result h1 {
    font-size: 22px;
}

.contentlibrary #files > h4 {
    line-height: 150px;
    height: 200px;
}

.messageDialog .usagerightspreview {
    border-bottom: solid 1px #7799B3;
    margin-top: 15px;
}

    .messageDialog .usagerightspreview .title {
        font-size: 16px;
        font-weight: 700;
        padding-left: 20px;
        line-height: 32px;
    }

    .messageDialog .usagerightspreview > div {
        margin-bottom: 5px;
    }

/*---------------------  NEW STYLES */
.editorsDialog, .messageDialog {
    width: 450px;
    max-height: 80vh;
}

    .editorsDialog.col2 {
        width: 900px;
    }

    .editorsDialog.col15 {
        width: 615px;
    }

        .editorsDialog.col2 dxflFormLayout_DealerView {
            width: 800px;
        }

    .messageDialog.col2 {
        width: 750px;
    }

    .editorsDialog.colm,
    .messageDialog.colm {
        width: 1200px;
        float: left;
    }

    .editorsDialog.colmax {
        width: 95vw;
        height: 85vh;
        max-height: 85vh;
        float: left;
    }

    .editorsDialog.colmaxh {
        width: 1200px;
        height: 85vh;
        max-height: 85vh;
        float: left;
    }

    .editorsDialog.colv {
        width: 1100px;
        max-height: 85vh;
        float: left;
    }

    .editorsDialog.colf {
        width: 95vw;
        height: 90vh;
        max-height: 90vh;
        float: left;
    }

.editorsDialog {
    background-color: #FFF;
    padding: 5px;
    margin: 5px;
    /*padding-top: 40px;*/
    padding-bottom: 0px;
}

    .editorsDialog h3 {
        font-size: 18px;
        line-height: 25px;
    }

.messageDialog {
    padding: 5px;
    margin: 5px;
    padding-bottom: 0px;
    min-width: 400px;
}

    .messageDialog h3 {
        font-size: 18px;
        line-height: 30px;
    }

    .messageDialog .actions {
        float: right;
        margin-top: 20px;
    }

.sectiontitle {
    width: 100%;
    background-color: #7799B3;
    color: white;
    display: inline-block;
}

    .sectiontitle > span {
        margin-left: 30px;
        line-height: 40px;
        font-size: 16px;
    }

        .sectiontitle > span.right {
            margin-right: 10px;
        }

        .sectiontitle > span.small {
            font-size: 12px;
        }

    .sectiontitle + .score {
        font-size: 70px;
        line-height: 110px;
    }

    .sectiontitle.grey {
        background-color: #C9C9C9;
        color: #555555;
    }

    .sectiontitle.white {
        background-color: transparent;
        color: #555555;
    }

    .sectiontitle.blue {
        background-color: transparent;
        color: #7799B3;
    }

        .sectiontitle.white > span, .sectiontitle.blue > span {
            margin-left: 20px;
            font-size: 19px;
        }

    .sectiontitle.small {
        line-height: 25px;
    }

        .sectiontitle.small > span {
            font-size: 13px;
            margin-left: 15px;
        }

    .sectiontitle.big {
        line-height: 50px;
    }

        .sectiontitle.big > span {
            font-size: 26px;
            font-weight: 700;
            margin-left: 15px;
        }

    .sectiontitle + .colgroup {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .sectiontitle .info {
        margin-top: 9px;
        margin-right: 9px;
    }

.boxgroup .sectiontitle {
    width: auto;
    margin-bottom: 10px;
}

.boxgroup.smaller .sectiontitle {
    font-size: 15px;
    line-height: 25px;
}

    .boxgroup.smaller .sectiontitle > span {
        margin-left: 10px;
    }

.commandcolumn .popup-action {
    width: 20px;
    height: 20px;
    background-color: #7799B3;
    color: #FFF;
    padding: 4px 2px 3px 2px;
}

.popup-action.icon-settings_big:before {
    padding-left: 1px;
    font-size: 18px;
}

.popup-action.icon-help {
    padding: 6px 1px 1px 4px;
}

    .popup-action.icon-help:before {
        padding-left: 2px;
        font-size: 12px;
    }

.commandcolumn.sectiontitle .popup-action {
    margin-top: 7px;
}

.filters .dxflGroupBox_DealerView,
.filters form > div {
    margin: 0 !important;
}

#costs td.amount {
    padding-bottom: 5px;
    float: right;
    width: 100px;
}

.kpi-container .trendtable {
    height: 140px;
    margin-top: -15px;
    margin-bottom: -15px;
    border-left: solid 15px transparent;
    float: left;
    padding-top: 20px;
    width: 660px;
    overflow: hidden;
}

    .kpi-container .trendtable table {
        font-size: 9px;
        margin-left: 20px;
    }

        .kpi-container .trendtable table th, .kpi-container .trendtable table td {
            padding: 4px;
            border-left: 1px solid #DEDEDE;
            width: 20px;
            text-align: center;
        }

            .kpi-container .trendtable table th:first-child, .kpi-container .trendtable table td:first-child {
                border-left: 0 none;
                width: auto;
            }

        .kpi-container .trendtable table td {
            border-top: 1px solid #DEDEDE;
        }

            .kpi-container .trendtable table td .square {
                margin-left: 0;
            }

/*.kpi-container table.trend tbody tr:first-child td:last-child {
            background-color: #7799B3;
            color: #FFF;
        }*/
.kpi-container .sectiontitle {
    line-height: 28px;
    text-align: left;
}

    .kpi-container .sectiontitle span {
        font-size: 16px;
        margin-left: 15px;
    }

.kpi-container .score {
    font-size: 40px;
    line-height: 105px;
    /*width: 100px;*/
}

.col1 .col4.facility-address {
    width: 436px;
    margin-left: 50px;
    margin-right: 50px;
}

.kpivalue,
.boxgroup .col > div.kpivalue {
    position: relative;
    bottom: 60px;
    left: 0;
    font-size: 35px;
    line-height: 35px;
    text-align: center;
    height: auto;
}

.kpi-container .pie-doghnut + .kpivalue {
    bottom: 105px;
    font-size: 25px;
}

tr.notscored {
    opacity: 0.2;
}

.funnelbar {
    line-height: 70px;
    text-align: center;
    position: relative;
    margin: 5px auto;
    cursor: pointer;
    color: #FFF;
}

    .funnelbar:before {
        content: "";
        width: 0px;
        height: 0px;
        border-top: 70px solid;
        border-left: 20px solid transparent;
        position: absolute;
        right: 100%;
        top: 0px;
    }

    .funnelbar:after {
        content: "";
        width: 0px;
        height: 0px;
        border-top: 70px solid;
        border-right: 20px solid transparent;
        position: absolute;
        left: 100%;
        top: 0px;
    }

    .funnelbar.overview {
        background-color: #7799B3;
    }

        .funnelbar.overview:before, .funnelbar.overview:after {
            border-top-color: #7799B3;
        }

    .funnelbar.awareness {
        background-color: #6CAAA9;
    }

        .funnelbar.awareness:before, .funnelbar.awareness:after {
            border-top-color: #6CAAA9;
        }

    .funnelbar.consideration {
        background-color: #6CAA85;
    }

        .funnelbar.consideration:before, .funnelbar.consideration:after {
            border-top-color: #6CAA85;
        }

    .funnelbar.intent {
        background-color: #94AA6C;
    }

        .funnelbar.intent:before, .funnelbar.intent:after {
            border-top-color: #94AA6C;
        }

    .funnelbar.activity {
        background-color: #B3AA77;
    }

        .funnelbar.activity:before, .funnelbar.activity:after {
            border-top-color: #B3AA77;
        }

    .funnelbar.sale {
        background-color: #B38577;
    }

        .funnelbar.sale:before, .funnelbar.sale:after {
            border-top-color: #B38577;
        }

    .funnelbar .icon-arrow-right {
        padding-top: 29px;
        padding-right: 10px;
    }

.navlist {
    width: 100%;
}

    .navlist .button-bg {
        margin-bottom: 5px;
        text-align: left;
        box-sizing: border-box;
        font-size: 16px;
        cursor: pointer;
    }

        .navlist .button-bg .icon-arrow-right {
            padding-top: 14px;
        }

.activityreportheader table {
    width: 100%;
    background-color: #7998B5;
}

    .activityreportheader table tbody td {
        padding: 15px 0;
        width: 200px;
        color: #fff;
    }

        .activityreportheader table tbody td.subject {
            background-color: #D6E0EC;
            padding-left: 20px;
            width: 55%;
            color: #555555;
            font-size: 18px;
        }

            .activityreportheader table tbody td.subject .organiser {
                margin-top: 10px;
                font-size: 15px;
                line-height: 32px;
            }


        .activityreportheader table tbody td .venue {
            width: 160px;
            padding: 10px 30px 10px 30px;
        }

        .activityreportheader table tbody td .date {
            width: 190px;
            border-left: 1px solid #FFF;
            padding: 10px 30px 10px 30px;
        }

        .activityreportheader table tbody td .time {
            width: 100px;
            border-left: 1px solid #FFF;
            padding: 10px 30px 10px 30px;
        }

.activityreportheader .title {
    font-weight: bold;
    color: #555555;
    line-height: 30px;
}

.activityreportheader .status {
    margin: 15px 0;
    font-size: 13px;
}

.activityreportheader .attendees {
    margin-top: 10px;
}

.activityreport .comments {
    background-color: #F7F7F7;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    height: auto;
    font-size: 14px;
    line-height: 16px;
    min-height: 16px;
}

.customdirectory {
    overflow: scroll;
    position: fixed;
    top: 175px;
    bottom: 45px;
    width: 1230px;
}

table.staticheader th, table.staticheader td {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.mainimage {
    max-width: 80px;
    max-height: 80px;
}

/* ================ Small screen ============= */
@media screen and (max-width: 1280px) {
    .container > header, .main-content header, .breadcrumbs {
        position: relative;
        top: unset;
    }

    footer {
        position: absolute;
        bottom: 0;
    }

    .main-content, .main-content > .wrapper {
        padding-top: 0;
    }

    .background.login-page {
        margin-top: 0px;
    }

    .customdirectory {
        position: relative;
        overflow: unset;
        bottom: unset;
        top: unset;
    }
}

.agendarowcontainer .kpi-container {
    margin-left: -35px;
}

.userInfo {
    background-color: #DEDEDE;
}

    .userInfo:hover {
        background-color: #C9C9C9;
    }

    .userInfo h4 {
        text-align: center;
        padding-top: 0px;
        margin: 0px;
        font-size: 16px;
        color: #364b59;
    }

    .userInfo h5 {
        padding: 0px;
        margin: 0px;
        font-size: 12px;
        color: #364b59;
    }

    .userInfo h6 {
        padding: 0px;
        margin: 0px;
        font-size: 9px;
        color: #364b59;
    }

.newsSliderDots {
    padding: 0 !important;
    margin-top: -25px !important;
}

.newsTemplateContentData {
    background-color: rgb(255,255,255);
    height: 300px;
}

    .newsTemplateContentData h4 {
        text-align: left;
        padding-top: 0px;
        margin: 0px;
        font-size: 16px;
        color: #364b59;
    }

        .newsTemplateContentData h4 a {
            text-align: left;
            padding-top: 0px;
            margin: 0px;
            font-size: 15px;
            color: #364b59;
            cursor: pointer;
        }

    .newsTemplateContentData h5 {
        padding: 0px;
        margin: 0px;
        font-size: 12px;
        color: #364b59;
    }

    .newsTemplateContentData a {
        padding: 0px;
        margin: 0px;
        font-size: 12px;
        color: #364b59;
    }

.newsFeedIndustryInsightsCards {
    float: left;
    margin: 5px 0px 5px 5px;
    width: 243px;
    height: 140px;
    background-color: #F9F9F9;
    font-size: 13px;
}

    .newsFeedIndustryInsightsCards.first {
        margin-left: 0px;
        width: 244px;
    }

.newsfeedcardimage {
    width: 176px;
    height: 88px;
    text-align: center;
    background-size: cover;
    background-position: center;
    float: left;
}

.newsfeedhighlightimage {
    width: 400px;
    height: 300px;
    text-align: center;
    background-size: cover;
    background-position: center;
    float: left;
}

.performace-by-chart-container .chart {
    padding-right: 25px !important;
}

.pagenav {
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
}

    .pagenav span {
        font-weight: bold;
        font-size: 15px;
        margin: 0 7px;
        color: #7799b3;
        text-decoration: underline;
        cursor: pointer;
    }

        .pagenav span:hover {
            color: #354052;
        }

.fileorder {
    padding: 0;
    margin-bottom: 15px;
}

    .fileorder span {
        font-size: 13px;
        color: #7799b3;
    }

        .fileorder span.item {
            cursor: pointer;
        }

        .fileorder span.selected {
            font-weight: bold;
        }

.shareFiles {
    width: 100px;
    background-color: rgb(119, 153, 179);
    position: fixed;
    top: 129px;
    z-index: 9997;
    left: 1145px;
    color: white;
    text-align: center;
    display: table-cell;
    cursor: pointer;
    font-size: 12px;
}

    .shareFiles #shareFiles {
        padding: 0px 7px;
        line-height: 26px;
    }

    .shareFiles span {
        color: white;
    }

    .shareFiles:hover {
        background-color: #354052;
    }

    .shareFiles:active {
        background-color: rgb(214,214,214);
        color: rgb(138,138,138);
    }

/*.shareFiles.libraryshare {
        top: 184px;
        left: 1135px;
        background-color: #FFF;
    }

        .shareFiles.libraryshare span {
            color: #666;
        }*/

.downloadFiles {
    width: 20px;
    background-color: rgb(119, 153, 179);
    position: fixed;
    top: 129px;
    z-index: 9998;
    left: 1100px;
    color: white;
    text-align: center;
    display: table-cell;
    cursor: pointer;
    padding: 5px 7px;
    font-size: 12px;
}

    .downloadFiles:hover {
        background-color: #354052;
    }

    .downloadFiles img:first-child {
        height: 17px !important;
    }

    .downloadFiles:active {
        background-color: rgb(214,214,214);
        color: rgb(138,138,138);
    }


/*Login page image slider*/

.slide { /*, .slide0, .slide1, .slide2, .slide3, .slide4 {*/
    width: 100%;
    position: absolute;
    margin: 175px -15px 0 -15px;
    max-width: 1260px;
    background-color: #FFF;
    top: 0;
}

    .slide img {
        max-width: 1230px;
        margin-left: 15px !important;
    }

.slider {
    max-width: 1230px
}

    .slider .slide0 {
        animation: fade0 infinite;
        -webkit-animation: fade0 infinite;
    }

    .slider .slide1 {
        animation: fade1 infinite;
        -webkit-animation: fade1 infinite;
    }

    .slider .slide2 {
        animation: fade2 infinite;
        -webkit-animation: fade2 infinite;
    }

    .slider .slide3 {
        animation: fade3 infinite;
        -webkit-animation: fade3 infinite;
    }

    .slider .slide4 {
        animation: fade4 infinite;
        -webkit-animation: fade4 infinite;
    }


/*Campaign Calendar*/

.campaigncalendar button {
    width: 30px;
    height: 30px;
    float: left;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal !important;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: transparent;
}

    .campaigncalendar button.prev:before {
        content: "\e64e";
    }

    .campaigncalendar button.next {
        float: right;
    }

        .campaigncalendar button.next:before {
            content: "\e64f";
        }


.campaigncalendar-collapsible {
    background-color: #e6e6e6;
    cursor: pointer;
    text-align: left;
    outline: none;
    font-size: 14px;
}

.campaigncalendar-noncollapsible {
    text-align: left;
    outline: none;
    font-size: 14px;
}

.campaigncalendar .active, .campaigncalendar-collapsible:hover {
    background-color: #C9C9C9;
}

    .campaigncalendar .active:before {
        content: "\2212";
    }

.campaigncalendar-collapsible:before {
    content: '\002B';
    color: #555555;
    font-weight: bold;
    float: left;
    margin-top: 13px;
    margin-left: 5px
}

.campaigncalendar .show-detail-content {
    display: inherit;
    transition: max-height 0.2s ease-out;
}

.campaigncalendar .detail-content {
    display: none;
    font-size: 14px;
}

.campaigncalendar .detail-name {
    background-color: #e6e6e6;
}

.campaigncalendar .detail-container {
    padding: 5px 0px 5px 5px;
}

.campaigncalendar .campaign-duration {
    font-size: 12px;
}

.campaigncalendar .campaign {
    padding: 5px 0px 5px 25px;
    font-size: 14px !important;
}

.campaigncalendar-month {
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.campaigncalendar-quarter {
    width: 280px;
    text-align: center;
    font-size: 14px;
}

.campaigncalendar-annual {
    width: 58px;
    text-align: center;
    font-size: 14px;
}

.table-default .campaigncalendar table td {
    height: auto;
    min-height: 40px;
}

.campaigncalendar .campaign-name-detail {
    font-size: 12px;
    font-weight: 600;
}

.campaigncalendar-hide-row {
    display: none;
    transition: max-height 0.2s ease-out;
}

.campaigncalendar .budget-detail {
    background-color: transparent;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: black;
    position: relative;
    z-index: 999;
    height: 0px;
}

.campaigncalendar .budget-summary {
    height: 30px;
    background-color: #C9C9C9;
    font-size: 14px;
    font-weight: 600;
}

.campaigncalendar .budget-total {
    height: 30px;
    background-color: #C9C9C9;
    font-size: 16px;
    font-weight: 600;
}


.adBuilderDataItems {
    margin-top: 5px !important;
}

.clfilename {
    font-size: 16px;
    margin-bottom: 8px;
}

.clfiledetails {
    font-size: 12px;
}

    .clfiledetails b {
        padding-right: 4px;
    }

.navigationmenu {
    padding-top: 15px;
    background-color: #FFF;
}

    .navigationmenu > div {
        background-color: #969696;
    }

.tagfiltersmenu {
    background-color: #FFF;
}

    .tagfiltersmenu > div {
        background-color: #F5F5F5;
    }

    .tagfiltersmenu.uon-hidden {
        display: none;
    }

    .tagfiltersmenu .tagfilter.uon-hidden,
    .tagfiltersmenu .tagfilterempty.uon-hidden {
        display: none;
    }

    .tagfiltersmenu .summary {
        font-size: 14px;
        background: #FFF;
        box-sizing: border-box;
        border: 1px solid #F5F5F5;
    }

        .tagfiltersmenu .summary span {
            border-right: 1px solid #F5F5F5;
            padding: 4px 8px;
            display: inline-block;
        }

        .tagfiltersmenu .summary #resetTagFilters {
            font-weight: 700;
            padding-right: 30px;
            background: right no-repeat url('../Images/icon-refresh-dark.png');
            cursor: pointer;
        }

        .tagfiltersmenu .summary.uon-hidden {
            display: none;
        }

.contentlibrary .filescount {
    margin: 9px 10px 0 0;
    background-color: #FFF;
    padding: 0 5px;
}

    .contentlibrary .filescount span {
        font-size: 12px;
        line-height: 22px;
    }

    .contentlibrary .filescount .icon-x {
        cursor: pointer;
    }

    .contentlibrary .filescount #filesCount {
        padding: 0 5px;
    }

.contentlibrary .navigationmenu {
    z-index: 9996;
    width: 1230px;
    top: 160px;
    padding-top: 15px;
}

    .contentlibrary .navigationmenu.fixed {
        position: fixed;
    }

.contentlibrary .regionselect {
    padding: 6px 6px 0 6px;
}

.contentlibrary {
    padding-top: 43px;
}

    .contentlibrary .selectedsection {
        color: #f26824;
        font-weight: 700;
    }

    .contentlibrary .librarymenu .librarymenuitem {
        padding: 10px 10px 10px 25px;
        cursor: pointer;
        font-size: 14px;
    }

    .contentlibrary .librarymenu .title {
        color: #FFF;
        background-color: #7799B3;
        text-align: center;
        padding: 10px 9px;
    }

    .contentlibrary .librarymenu .librarymenuitem.header {
        background-color: #C9C9C9;
        font-size: 14px;
        padding-left: 15px;
        padding-right: 30px;
        position: relative;
    }

    .contentlibrary .librarymenu .librarymenuitem.selected {
        background-color: #354052;
        color: #FFF;
    }

    .contentlibrary .librarymenu .librarymenuitem:hover {
        background-color: #969696;
        color: #FFF;
    }

    .contentlibrary .librarymenu .librarymenuitem.uon-menu-hidden {
        display: none !important;
    }

    /*.contentlibrary .librarymenu .librarymenuitem.selected:hover {
        background-color: #d95d1f;
        color: #FFF;
    }*/
    .contentlibrary .librarymenu .librarymenuitem .togglevisibility {
        width: 24px;
        height: 22px;
        display: block;
        float: right;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('../Images/icon-dash-white.png');
        position: absolute;
        top: 10px;
        right: 5px;
    }

    .contentlibrary .librarymenu .librarymenuitem.collapsed .togglevisibility {
        background-image: url('../Images/icon-arrow-down.png');
    }

    .contentlibrary .librarymenu .librarymenuitem.uon-hidden {
        display: none;
    }

.navigationmenu {
    /*padding-top: 0;
    padding-bottom: 10px;*/
}

    .navigationmenu > div {
        /*height: 43px;*/
    }

    .navigationmenu .title {
        color: #FFF;
        line-height: 43px;
        padding-left: 20px;
        font-size: 18px;
        font-weight: 700;
    }

.breadcrumbs #visibilityText {
    font-size: 14px;
    line-height: 27px;
}

.welcomepage {
    background: no-repeat url('../Images/background-welcome.png') top center;
    margin: -15px -15px 0 -15px;
    min-height: 600px;
}

    .welcomepage .content {
        text-align: center;
        padding: 0 300px;
        font-size: 16px;
        line-height: 28px;
    }

        .welcomepage .content.wide {
            padding: 0 180px;
        }

        .welcomepage .content + .content {
            margin-top: 40px;
        }

        .welcomepage .content h1 {
            font-size: 40px;
            line-height: 100px;
            font-weight: 700;
            float: none;
        }

        .welcomepage .content table.products {
            font-weight: normal;
        }

            .welcomepage .content table.products tbody td {
                text-align: left;
            }

                .welcomepage .content table.products tbody td.separator {
                    width: 70px;
                }

        .welcomepage .content form .dxflFormLayout_DealerView {
            font-size: 15px;
            font-weight: normal;
            line-height: 25px;
            color: #555555;
        }

        .welcomepage .content a, .welcomepage .content a:focus, .welcomepage .content a:visited {
            color: #7799B3;
        }

            .welcomepage .content a:hover {
                color: #354052;
            }

.gridfiltericon.search input {
    background: url(../Images/icon-search-dark.png) no-repeat left;
    background-size: contain;
    padding-left: 20px !important;
}

.gridheadericon.notification tr {
    background: url(../Images/icon-notification-white.png) no-repeat left;
}

.gridheadericon .icon-settings_big {
    font-size: 20px;
}

@media screen and (max-width: 1280px) {
    .contentlibrary {
        padding-top: 0;
    }

        .contentlibrary .navigationmenu.fixed {
            position: relative;
            top: unset;
        }
}

/* Full Screeen/page width*/

.container.fullscreen,
.container.fullscreen > header .wrapper,
.container.fullscreen > footer .copyright,
.container.fullscreen .wrapper {
    width: 100%;
}

    .container.fullscreen > div {
        padding-top: 0;
        padding-bottom: 0;
    }

    .container.fullscreen .logo {
        margin-top: 0;
    }

    .container.fullscreen header .pagetitle {
        line-height: 32px;
        font-size: 26px;
        font-weight: 700;
    }

    .container.fullscreen .main-content {
        padding-top: 0;
        min-width: 0;
    }

.imageresize canvas {
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.uon-cu-comment-container {
    max-height: 450px;
    overflow-y: scroll;
    padding-right: 15px;
}

.uon-cu-comment {
    padding: 5px 0;
    border-bottom: 1px solid #cbcbcb;
    display: block;
}

    .uon-cu-comment > div {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

.uon-campaign-requirements {
    background-color: #FAFAFA;
    padding: 10px;
}

    .uon-campaign-requirements ul,
    .uon-campaign-requirements ol {
        list-style: unset;
        list-style-position: inside;
        padding: 10px 0 10px 30px;
    }

tr.uon-bottomline {
    border-bottom: solid #000 1px;
}

/* Nissan specific colors */

.uon-nissan .boxgroup h3,
.uon-nissan .sectiontitle,
.uon-nissan .dxgvHeader_DealerView {
    background-color: #C3002F;
}

.commentscontainer {
    padding: 8px 14px 8px 8px;
    max-width: 860px !important;
    height: 200px;
    max-height: 200px !important;
    background-color: #fafafa !important;
    overflow-y: scroll;
}

    .commentscontainer.auto {
        height: auto;
    }

    .commentscontainer.smaller {
        max-height: 100px !important;
    }

.uon-filesview {
    background-color: #FFF;
    padding: 0;
    box-sizing: border-box;
    color: #565861;
}

    .uon-filesview .uon-card {
        padding: 0;
        background-color: #F5F5F5;
        box-shadow: 0px 1px 2px 0px rgba(9, 30, 66, 0.25);
        -moz-box-shadow: 0px 1px 2px 0px rgba(9, 30, 66, 0.25);
        -webkit-box-shadow: 0px 1px 2px 0px rgba(9, 30, 66, 0.25);
        float: left;
        box-sizing: border-box;
        overflow: hidden;
    }

        .uon-filesview .uon-card.uon-exclude {
            display: none !important;
        }

        .uon-filesview .uon-card.uon-last {
            margin-right: 0 !important;
        }

        .uon-filesview .uon-card .uon-image {
            overflow: hidden;
            height: 135px;
            width: 235px;
            text-align: center;
            display: inline-block;
            vertical-align: middle;
            position: relative;
            cursor: pointer;
            overflow: hidden;
        }

            .uon-filesview .uon-card .uon-image img {
                margin: 0 auto;
                display: block;
            }

                .uon-filesview .uon-card .uon-image img:hover {
                    transform: scale(1.2);
                    transition: transform .4s;
                }

    .uon-filesview .uon-details {
        box-sizing: border-box;
        background-color: #FFF;
    }

        .uon-filesview .uon-details .filename {
            padding: 5px;
            height: 60px;
            box-sizing: border-box;
            font-weight: 700;
            font-size: 13px;
            word-wrap: break-word;
            white-space: normal;
            text-align: left;
            color: #565861;
            border-top: solid 1px #F5F5F5;
        }

        .uon-filesview .uon-details .filetags {
            padding: 5px;
            height: 30px;
            box-sizing: border-box;
            border-top: solid 1px #F5F5F5;
            overflow: hidden;
        }

        .uon-filesview .uon-details .filefooter {
            padding: 5px;
            height: 30px;
            box-sizing: border-box;
        }

            .uon-filesview .uon-details .filefooter.published {
                background-color: #F5F5F5;
            }

            .uon-filesview .uon-details .filefooter.saved {
                background-color: #81E5AC;
            }

            .uon-filesview .uon-details .filefooter.archived {
                background-color: #EACF83;
            }

        .uon-filesview .uon-details .filebox,
        .uon-filesview .uon-details .filesize {
            padding: 3px 5px;
            font-size: 10px;
            font-weight: 700;
            color: #565861;
            float: left;
        }

        .uon-filesview .uon-details .filesize {
            margin-left: 10px;
        }

        .uon-filesview .uon-details .filetags .filebox:not(:last-child) {
            border-right: solid 1px #F5F5F5;
        }

        .uon-filesview .uon-details .manage,
        .uon-filesview .uon-details .play,
        .uon-filesview .uon-details .share,
        .uon-filesview .uon-details .download,
        .uon-filesview .uon-details .usagenotes {
            background-size: cover;
            background-repeat: no-repeat;
            height: 20px;
            margin-left: 10px;
            cursor: pointer;
        }

        .uon-filesview .uon-details .manage {
            width: 20px;
            font-size: 19px;
            font-weight: 700;
            color: #989898;
        }

            .uon-filesview .uon-details .manage:hover {
                color: #354052;
            }

        .uon-filesview .uon-details .play {
            background-image: url('../Images/icon-play-dark.png');
            width: 20px;
        }

            .uon-filesview .uon-details .play:hover {
                background-image: url('../Images/icon-play-hover.png');
            }

        .uon-filesview .uon-details .share {
            background-image: url('../Images/icon-share-dark.png');
            width: 20px;
        }

            .uon-filesview .uon-details .share:hover {
                background-image: url('../Images/icon-share-hover.png');
            }

        .uon-filesview .uon-details .download {
            background-image: url('../Images/icon-download-dark.png');
            width: 22px;
        }

            .uon-filesview .uon-details .download:hover {
                background-image: url('../Images/icon-download-hover.png');
            }

        .uon-filesview .uon-details .usagenotes {
            background-image: url('../Images/icon-info-dark.png');
            width: 20px;
            border: 0 none;
        }

            .uon-filesview .uon-details .usagenotes:hover {
                background-image: url('../Images/icon-info-hover.png');
            }

    .uon-filesview .uon-image .uon-view {
        font-size: 30px;
        padding: 5px;
        border: solid 1px #FFF;
        color: #FFF;
        margin: 37px 50px 0 50px;
        display: block;
        top: 0;
        display: none;
    }

    .uon-filesview .uon-image .fileselect {
        width: 26px;
        position: absolute;
        top: 3px;
        right: 3px;
    }

    .uon-filesview .uon-image .fileheader {
        padding: 5px;
        box-sizing: border-box;
        width: 100%;
        display: none;
        background-color: transparent;
        height: 135px;
        position: absolute;
        top: 0;
    }

        .uon-filesview .uon-image .fileheader.checked {
            display: block;
            background-color: transparent;
        }

    .uon-filesview .uon-image:hover .fileheader {
        display: block;
        background-color: #565861;
        opacity: 0.75;
        text-align: center;
    }

        .uon-filesview .uon-image:hover .fileheader .uon-view {
            display: block;
        }


    .uon-filesview .uon-hidden {
        display: none !important;
    }

.uon-cardscontainer {
    display: inline-block;
}

.uon-pager {
    display: inline-block;
    width: 100%;
    padding: 7px 0;
    font-size: 14px;
    line-height: 20px;
}

    .uon-pager > div,
    .uon-pager > a {
        float: left;
        padding: 5px 0;
    }

    .uon-pager > a {
        cursor: pointer;
    }

    .uon-pager .uon-rowsselect {
        float: right !important;
        padding-right: 0;
    }

        .uon-pager .uon-rowsselect > span,
        .uon-pager .uon-rowsselect > table {
            float: left;
            margin-left: 10px;
        }


    .uon-pager .uon-firstpage,
    .uon-pager .uon-lastpage,
    .uon-pager .uon-prevpage,
    .uon-pager .uon-nextpage {
        height: 24px;
        width: 24px;
        background: center no-repeat none;
    }

    .uon-pager .uon-firstpage {
        background-image: url('../Images/icon-first-dark.png');
    }

    .uon-pager .uon-lastpage {
        background-image: url('../Images/icon-last-dark.png');
    }

    .uon-pager .uon-prevpage {
        background-image: url('../Images/icon-prev-dark.png');
    }

    .uon-pager .uon-nextpage {
        background-image: url('../Images/icon-next-dark.png');
    }

    .uon-pager .uon-pagersummary {
        margin-right: 10px;
    }

.uon-filesview .uon-viewer {
    background-color: rgba(0,0,0,0.85);
    left: 0px;
    top: 0px;
    z-index: 10000;
    position: fixed;
    width: 100vw;
    height: 100vh;
}

    .uon-filesview .uon-viewer .dxig-closeButtonWrapper {
        float: right;
        padding: 20px;
        cursor: pointer;
        background-color: red;
        position: absolute;
        top: 0;
        right: 0;
    }

    .uon-filesview .uon-viewer .uon-prev,
    .uon-filesview .uon-viewer .uon-next,
    .uon-filesview .uon-viewer .uon-image,
    .uon-filesview .uon-viewer .uon-metadata {
        display: table-cell;
        vertical-align: middle;
        height: 100vh;
        text-align: center;
    }

    .uon-filesview .uon-viewer .uon-prev,
    .uon-filesview .uon-viewer .uon-next {
        width: 50px !important;
        cursor: pointer;
    }

    .uon-filesview .uon-viewer .uon-va {
        background-position: center;
        background-repeat: no-repeat;
        background-size: initial;
    }

    .uon-filesview .uon-viewer .uon-prev .uon-va {
        background-image: url('../Images/icon-prev-white.png');
    }

    .uon-filesview .uon-viewer .uon-next .uon-va {
        background-image: url('../Images/icon-next-white.png');
    }

    .uon-filesview .uon-viewer .uon-prev .uon-va,
    .uon-filesview .uon-viewer .uon-next .uon-va {
        background-color: #000;
        opacity: 0.2;
        height: 120px;
        width: 100%;
    }

    .uon-filesview .uon-viewer .uon-prev:hover .uon-va,
    .uon-filesview .uon-viewer .uon-next:hover .uon-va {
        opacity: 0.5;
    }

    .uon-filesview .uon-viewer .uon-image {
        width: 70vw;
    }

        .uon-filesview .uon-viewer .uon-image img {
            margin: auto;
            display: block;
        }

    .uon-filesview .uon-viewer .uon-metadata {
        min-width: 300px !important;
        width: 25vw;
    }

    .uon-filesview .uon-viewer .uon-close {
        background: no-repeat center url('../Images/icon-close-dark.png');
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
    }

/*Content Library*/
.contentlibrary .uon-filesview .uon-viewer .uon-metadata {
    background-color: #FFF;
    padding: 15px;
    vertical-align: top;
}

    .contentlibrary .uon-filesview .uon-viewer .uon-metadata table {
        color: #565861;
        width: 100%;
    }

        .contentlibrary .uon-filesview .uon-viewer .uon-metadata table td {
            padding: 5px 10px;
            border: solid 1px #F5F5F5;
            word-break: break-word;
            text-align: left;
            font-size: 13px;
            line-height: 20px;
        }

            .contentlibrary .uon-filesview .uon-viewer .uon-metadata table td.title {
                font-weight: 700;
                text-align: right;
                width: 40%;
            }

            .contentlibrary .uon-filesview .uon-viewer .uon-metadata table td.usagerights,
            .contentlibrary .uon-filesview .uon-viewer .uon-metadata table td.usagenotes {
                color: #9E4141;
            }

    .contentlibrary .uon-filesview .uon-viewer .uon-metadata .actions {
        margin-bottom: 10px;
        text-align: left;
    }

.contentlibrary .uon-filesview .uon-card {
    margin: 0 12px 12px 0;
}

    .contentlibrary .uon-filesview .uon-card img.loader {
        height: 100%;
    }

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?-jk3ot2');
    src: url('fonts/icomoon.eot?#iefix-jk3ot2') format('embedded-opentype'), url('fonts/icomoon.ttf?-jk3ot2') format('truetype'), url('fonts/icomoon.woff?-jk3ot2') format('woff'), url('fonts/icomoon.svg?-jk3ot2#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"], .icon, .dxbButton_DealerView.icon .dx-vam {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal !important;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.button-bg[class^="icon-"], .button-bg[class*=" icon-"], .button-bg.icon {
    line-height: 45px;
}

.selected .icon-activity:before {
    content: "\e600";
}

.icon-activity:before {
    content: "\e601";
}

.icon-arrow-left:before {
    content: "\e602";
}

.icon-clear:before {
    content: "\e603";
}

.icon-file_send:before {
    content: "\e604";
}

.icon-file_type_doc:before {
    content: "\e605";
}

.icon-file_type_img:before {
    content: "\e606";
}

.icon-file_type_pdf:before {
    content: "\e607";
}

.icon-file_type_xls:before {
    content: "\e608";
}

.icon-file-type-csv:before {
    content: "\e652";
}

.icon-radio_button_hide:before {
    content: "\e609";
}

.icon-radio_button_show:before {
    content: "\e60a";
}

.icon-xls_file:before {
    content: "\e60b";
}

.icon-x:before,
.dxbButton_DealerView.icon-x span.dx-vam:before {
    content: "\e60c";
}

.icon-website:before {
    content: "\e60d";
}

.icon-uploaded_files:before {
    content: "\e60e";
}

.icon-upload_files:before {
    content: "\e60f";
}

.icon-text_file:before {
    content: "\e610";
}

.icon-statistics:before {
    content: "\e611";
}

.icon-sign_out:before {
    content: "\e612";
}

.icon-settings_big:before {
    content: "\e613";
}

.icon-search:before {
    content: "\e614";
}

.icon-save:before {
    content: "\e615";
}

.icon-recycle_bin:before {
    content: "\e616";
}

.icon-published:before {
    content: "\e617";
}

.icon-pin:before {
    content: "\e618";
}

.icon-menu:before {
    content: "\e619";
}

.icon-notice:before {
    content: "\e61a";
}

.icon-mail:before {
    content: "\e61b";
}

.icon-login_user:before {
    content: "\e61c";
}

.icon-login_password:before {
    content: "\e61d";
}

.icon-location:before {
    content: "\e61e";
}

.icon-list_file:before {
    content: "\e61f";
}

.icon-reload:before {
    content: "\e620";
}

.icon-home:before {
    content: "\e621";
}

.icon-help:before {
    content: "\e622";
}

.icon-filter:before {
    content: "\e623";
}

.icon-feedback:before {
    content: "\e624";
}

.icon-edit:before {
    content: "\e625";
}

.icon-dropdown_arrow_big:before {
    content: "\e626";
}

.icon-clock_file:before {
    content: "\e627";
}

.icon-cancel_upload:before {
    content: "\e628";
}

.icon-blank_file:before {
    content: "\e629";
}

.icon-assets:before {
    content: "\e62a";
}
/*
.icon-assets:before {
	content: "\e63b";
}*/
.icon-plus2:before {
    content: "\e62b";
}

.icon-plus:before {
    content: "\e62c";
}

.selected .icon-cars:before {
    content: "\e62d";
}

.icon-cars:before {
    content: "\e62e";
}

.selected .icon-dealers:before {
    content: "\e62f";
}

.icon-dealers:before {
    content: "\e630";
}

.selected .icon-documents:before {
    content: "\e631";
}

.icon-documents:before {
    content: "\e632";
}

.selected .icon-folders:before {
    content: "\e633";
}

.icon-folders:before {
    content: "\e634";
}

.selected .icon-network:before {
    content: "\e635";
}

.icon-network:before {
    content: "\e636";
}

.selected .icon-notepad:before {
    content: "\e637";
}

.icon-notepad:before {
    content: "\e638";
}

.selected .icon-planning:before {
    content: "\e639";
}

.icon-planning:before {
    content: "\e63a";
}

.selected .icon-assets:before {
    content: "\e63c";
}

.icon-designation_and_manning:before {
    content: "\e63d";
}

.selected .icon-designation_and_manning:before {
    content: "\e63e";
}

.icon-financial_view:before {
    content: "\e63f";
}

.selected .icon-financial_view:before {
    content: "\e640";
}

.icon-manage_dealers:before {
    content: "\e641";
}

.selected .icon-manage_dealers:before {
    content: "\e642";
}

.icon-manage_static_data:before {
    content: "\e643";
}

.selected .icon-manage_static_data:before {
    content: "\e644";
}

.icon-manage_users:before {
    content: "\e645";
}

.selected .icon-manage_users:before {
    content: "\e646";
}

.icon-report_definitions:before {
    content: "\e647";
}

.selected .icon-report_definitions:before {
    content: "\e648";
}

.icon-reports:before {
    content: "\e649";
}

.selected .icon-reports:before {
    content: "\e64a";
}
/*
.icon-download_file:before {
	content: "\e64b";
}*/
.icon-file_preview:before {
    content: "\e64c";
}

.icon-file_type_csv:before {
    content: "\e64d";
}

.icon-arrow-up-big:before {
    content: "\e64b";
}

.icon-arrow-down-big:before {
    content: "\e64c";
}

.icon-arrow-down:before {
    content: "\e64d";
}

.icon-arrow-left:before {
    content: "\e64e";
}

.icon-arrow-right:before {
    content: "\e64f";
}

.icon-arrow-up:before {
    content: "\e650";
}

.icon-Facilities:before {
    content: "\e651";
}

.icon-print-preview1:before {
    content: "\e653";
}

.icon-print1:before {
    content: "\e800";
}

.icon-print-preview:before {
    content: "\e806";
}

.icon-print:before {
    content: "\e805";
}

.icon-submit:before {
    content: "\e801";
}

.icon-user-denied:before {
    content: "\e802";
}

.icon-user-tick:before {
    content: "\e803";
}

.icon-verify:before {
    content: "\e804";
}

.icon-link:before {
    content: "\e807";
}

.icon-file-preview:before {
    content: "\e808";
}

/*.icon-download:before {
    content: "\e809";
}*/

.icon-check:before {
    content: "\e80a";
}

.selected .icon-hat:before {
    content: "\e900";
}

.icon-hat:before {
    content: "\e901";
}

.table-default.fvreport tbody td {
    border: none;
}

th.accountcode {
    width: 160px;
}

.mapaccounts > div {
    float: left;
    padding: 10px;
}

.mapaccounts select {
    width: 522px;
}

    .mapaccounts select.list {
        height: 200px;
    }

.mapaccounts form > div {
    margin-bottom: 0;
}

.mapaccounts .mapactions {
    width: 20px;
}

.mapaccounts #mapAccount.button {
    margin: 100px 0px 0px 0px;
}

.mapaccounts #accountFilter.button {
    margin: 30px 0px 0px 0px;
}

header.fvreport h1 {
    font-size: 20px;
    line-height: normal;
    margin-top: 10px;
    margin-bottom: 5px;
}

header.fvreport h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    color: #4b555c;
    margin-bottom: 0;
}

.table-default.fvreport table {
    background-color: #FFF;
}

.table-default.fvreport tbody td {
    border-color: transparent;
}

.table-default.fvreport thead th, .table-default.fvreport thead tr:last-child th,
.table-default.fvreport thead td, .table-default.fvreport thead tr:last-child td {
    padding: 2px;
    border: solid 2px #000;
}

.table-default.fvreport thead th, .table-default.fvreport thead td {
    font-size: 10px;
    font-weight: bold;
    min-width: 75px;
}

    .table-default.fvreport thead th.name, .table-default.fvreport thead td.name {
        width: 180px;
        min-width: 180px;
    }

    .table-default.fvreport thead th.empty, .table-default.fvreport thead td.empty {
        border: none 0;
        background-color: #FFF;
        min-width: 10px;
        width: 10px;
    }

.table-default.fvreport tbody td {
    height: 1.5em;
    min-height: 1.5em;
    font-size: 10px;
    text-align: right;
}

.fvreport tbody tr.strong {
    font-weight: 700;
}

.fvreport tbody td.name {
    text-align: left;
}

.table-default.fvreport tbody tr.allborders td {
    border: 1px solid #000;
}

.fvreport tbody tr.minorset {
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    border-color: #000;
}

    .fvreport tbody tr.minorset.mistart {
        border-width: 1px 1px 0px 1px;
    }

    .fvreport tbody tr.minorset.miend {
        border-width: 0px 1px 1px 1px;
    }

    .fvreport tbody tr.minorset.mistart.miend {
        border-width: 1px 1px 1px 1px;
    }

    .fvreport tbody tr.minorset.mistart.majorset {
        border-width: 1px 2px 0px 2px;
    }

    .fvreport tbody tr.minorset.miend.majorset {
        border-width: 0px 2px 1px 2px;
    }

.fvreport tbody tr.majorset {
    border-style: solid;
    border-width: 0px 2px 0px 2px;
    border-color: #000;
}

    .fvreport tbody tr.majorset.mjstart {
        border-width: 2px 2px 0px 2px;
    }

    .fvreport tbody tr.majorset.mjend {
        border-width: 0px 2px 2px 2px;
    }

    .fvreport tbody tr.majorset.mjstart.mjend {
        border-width: 2px 2px 2px 2px;
    }

.fvreport tbody tr.shading {
    background-color: #eaecee;
}

.fvreport tbody tr.indented1 td.name {
    padding-left: 20px;
}

.fvreport tbody tr.indented2 td.name {
    padding-left: 40px;
}

.fvreport tbody tr.indented3 td.name {
    padding-left: 60px;
}

.fvreport a {
    text-decoration: underline;
}

span.indented1 {
    padding-left: 10px;
}

span.indented2 {
    padding-left: 20px;
}

span.indented3 {
    padding-left: 30px;
}

.fvreport tbody tr.heading .name {
    border-style: solid;
    border-width: 2px;
    border-color: #000;
    background-color: #d5d9db;
}

.fvreportparams .col1 {
    margin-bottom: 10px;
}


/*===== Report Writer =====*/

.fvrwdefinition .dxgvControl_DealerView tbody tr:first-child a.icon-arrow-up {
    display: none;
}

.fvrwdefinition .dxgvControl_DealerView tbody tr:last-child a.icon-arrow-down {
    display: none;
}

.rwcondition select {
    width: 35px;
    height: 20px;
    padding: 0;
    line-height: 19px;
}

.rwcondition input[type=text] {
    width: 50px;
    height: 20px;
    padding: 0;
    line-height: 19px;
    font-size: 12px;
}
/*=======================*/

.fvstats strong {
    font-size: 20px;
}

.fvstats input {
    width: 50px;
    font-size: 12px;
}

table.fvstats {
    background-color: #FFF;
}

    table.fvstats th, table.fvstats td {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

/*=====================================      B O D Y    =========================================*/
body {
    background: #F1F1F1;
    color: #676a6c;
}

a, a:focus, a:hover, a:visited {
    color: #676a6c;
}

/*===================================      R E S E T      =======================================*/
table.evencolor > tbody > tr:nth-child(even), table td.grey-bg {
    background-color: #efefef;
}

    table.evencolor > tbody > tr:nth-child(even) > td {
        border-color: #FFF;
    }

table.evencolor > tbody > tr.footer > td {
    border-color: #f3f3f3;
}

table.evencolor > tbody > tr.white {
    background-color: #fff;
}
/*==================================      L A Y O U T      ======================================*/
textarea, input, .table-default input, div.upload select, fieldset select, fieldset textarea, .table-default select, select, table textarea, .dealercomment textarea, .tagsInputContainer, .tagsInputContainer .tagsSuggestions {
    border-color: #f0f0f0;
}
/*===================================      H E A D E R    ======================================= */
.container > header {
    background: #fff;
}

header .icon-menu {
    background: #7799b3;
    color: #fff;
}

    header .icon-menu:hover, .dropmenu:hover .icon-menu {
        background: #676a6c;
        color: #fff;
    }

.user-panel a {
    color: #676a6c;
}

.user-panel .admin a {
    border-left-color: #f5f5f5;
}

.user-panel .admin.selected {
    border-bottom: solid 3px #89b7d7;
}
/*======================================== M A I N    N A V ===================================== */
.main-nav a {
    color: #fff;
}

.main-nav .main {
    color: #fff;
}

.main-nav {
    background: #354052;
}
    /*.main-nav .main li dt, .main-nav .main li dl, .main-nav .main li.userLine { border-bottom: solid #69809a 1px; }*/
    .main-nav .main dl {
        background: #354052;
    }

    .main-nav .main li dt, .main-nav .main li dd {
        line-height: 22px;
        /*border-bottom: solid #69809a 1px;*/
    }

    .main-nav .main li:not(.collapsed) dl {
        border-bottom: solid #69809a 1px;
    }

.container.collapsed .main-nav .main li {
    border-bottom: 0;
}
/*    .main-nav .main li dt + dd { border-top: solid #69809a 1px; }*/
.main-nav .main li.userLine {
    border-bottom: solid #69809a 1px;
}

.main-nav .main li dt:hover,
.main-nav .main li dd:hover,
.container.collapsed .main-nav .main li.selected dt:hover,
.container.collapsed .main-nav .main li.selected dd:hover {
    background-color: #3e4e64;
}

.main-nav .main li.selected,
.main-nav .main li.selected dl,
.container.collapsed .main-nav .main li.selected dl {
    background-color: #475c75;
}

    .main-nav .main li.selected dt.selected, .main-nav .main li.selected dd.selected {
        background: #354052;
    }

.container.collapsed .main-nav .main li dl dt:hover,
.container.collapsed .main-nav .main li dl dd:hover {
    background-color: #3e4e64;
}
/*   .main-nav .main li:hover [class^="icon-"], .main-nav .main li:hover span { color: #69809a; }*/
.main-nav .main li.submenu.selected > .link-wrapper:hover {
    background-color: #3e4e64;
}

.main-nav .main li .link-wrapper:hover, .main-nav .main li dt:hover, .main-nav .main li dd:hover {
    background-color: #3e4e64;
}

.main-nav .main li.submenu.selected dt:hover, .main-nav .main li.submenu.selected dd:hover {
    background-color: #3e4e64;
}
/*=========================================== C O N T E N T ===================================== */

.container {
    background-color: #FFF;
}

.main-content {
    background: #FFF;
}

    .main-content .wrapper {
        background: #FFF;
    }


    .main-content .icon-menu {
        background: transparent;
        color: #676a6c;
    }

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8 {
    background-color: #fff;
}

.ui-widget .ui-widget-header {
    background: #333d4e;
    color: #fff;
}

.ui-widget table th {
    color: #676a6c;
}

.col1.line-top, .col2.line-top, .col3.line-top, .col4.line-top, .togglevisibility-archarts .col2, .performance, .table-default, .map, .performace-by-chart-container,
.boxgroup .col1, .boxgroup .col2, .boxgroup .col3, .boxgroup .col4, .boxgroup .col5, .boxgroup .col6, .boxgroup .col7, .boxgroup .col8, .clear.line-top {
    border-top-color: #e6e6e6;
}

.button-bg,
.button-icon-bg, a.button-icon-bg,
.ui-dialog .ui-button-text-only, .login.button {
    background: #7799b3;
    color: #fff;
}


td a.button, .assets a.button,
.buttons.action .button, .button.action {
    background: transparent;
    color: #676a6c;
}

    td a.button:hover, .assets a.button:hover,
    .buttons.action .button:hover, .button.action:hover {
        background: transparent;
        color: #7799b3;
    }

.button {
    background: transparent;
    color: #676a6c;
}

    .button:hover {
        color: #7799b3;
    }

.main-content header .button {
    color: #676a6c;
}

    .main-content header .button:hover {
        color: #7799b3;
    }

.main-content header .dropmenu .button:hover,
.button-bg:hover,
.button-icon-bg:hover,
.login.button:hover,
.ui-dialog .ui-button-text-only:hover {
    background-color: #354052;
    color: #fff;
}

.button-send {
    background: #7799b3;
    color: #fff;
}

    .button-send:hover {
        background: #354052;
    }

.button.red,
.buttons.actions .button.red {
    color: #e45454;
}

    .button.red:hover,
    .buttons.actions .button.red:hover {
        color: #e45454;
    }
/*
.button.grey,
.buttons.actions .button.grey,
.buttons.topmenu .button.grey,
.buttons.actions.dropmenu div.icon.grey {
    background-color: #999DA6;
    color: #fff;
}

    .button.grey:hover,
    .buttons.actions .button.grey:hover,
    .buttons.actions.dropmenu div.icon.grey:hover {
        background-color: #B9BCC4;
    }
*/
.button.darkgrey,
.buttons.actions .button.darkgrey {
    background-color: #7799b3;
    color: #fff;
}

    .button.darkgrey:hover,
    .buttons.actions .button.darkgrey:hover {
        background-color: #676a6c;
    }

.view-more .buttons.actions .button.more,
.view-more .buttons.actions .button.less,
.view-more .buttons.actions a.togglevisibilitybutton {
    background: #7799b3;
    color: #fff;
}

.title-info, .title-border, .status-border {
    border-bottom-color: #cbcbcb;
}

.activityreport .header > div:nth-child(3) {
    border-top-color: #ededed;
}

.title-info h2, .title-info h3 {
    color: #676a6c;
}

.activityreport .actions .col1, .activityreport .actions .col2, .light-grey-bg {
    background: #F7F7F7;
}

.activityreport div.icon.check {
    border-color: #5f96c1;
    background: #5f96c1;
    color: #fff;
}

    .activityreport div.icon.check.empty {
        border-color: #d9d9d9;
        background: #fff;
    }

.table-default .activitycalendar .items.week thead tr th,
.activitycalendar .items.day th {
    background: #7799b3;
    color: #fff;
    border-color: #c6d4df;
}

.table-default .activitycalendar .items.week tr td,
.table-default .activitycalendar .items.day tr td {
    border-color: #dbdbdb;
}

.table-default .activitycalendar .items.day tr.even td {
    background-color: #f3f3f4;
}

.table-default .activitycalendar .items.week thead tr th.daytitle,
.table-default .activitycalendar .items.week tbody tr td:first-child {
    background: #fff;
    border-left-color: #fff;
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.activitycalendar .items.week tbody tr.spacer td {
    border-right-color: #fff;
    border-left-color: #fff;
    border-bottom-color: #dbdbdb;
}

    .activitycalendar .items.week tbody tr.spacer td:first-child {
        border-bottom-color: #fff;
    }

.buttons.state-tabs .button {
    background-color: #f7f7f7;
    border-color: #ebebeb;
}

    .buttons.state-tabs .button.selected {
        background-color: #7799b3;
        color: #fff;
    }
/*Calendar*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border-color: #7799b3;
    background: #7799b3;
    color: #fff /*{fcDefault}*/;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border-color: #475c75;
    background: #475c75;
    color: #e4ebf0;
}

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #475c75 /*{fcActive}*/;
    }

.ui-widget table tr {
    border-top-color: #eaecee;
}

.ui-widget .ui-datepicker-calendar table tr {
    border-color: #fff;
}

.ui-widget-header a {
    color: #fff;
}

    .ui-widget-header a.ui-state-hover,
    .ui-widget-header a.ui-state-hover:hover,
    .ui-widget-header a.ui-state-hover:link,
    .ui-widget-header a.ui-state-hover:visited {
        color: #7799b3;
    }


/*table*/
table.plain > tbody > tr {
    background-color: #fff;
}

tr.even, tr.even > td {
    background: #fbf9f9;
}

.table-default thead tr,
.table-default thead td,
.table-default tbody tr.footer,
.table-default tbody tr.sub-total {
    background-color: #e6e6e6;
}

.performance .pie + a,
.table-default th,
.table-default thead td,
.table-default tbody td {
    border-color: #f6f6f6;
}

.colgroup .col2.half.bg-transparency {
    background: rgba(255,255,255,.4);
}

.bg-transparency .table-default {
    background: transparent;
}
/*filter*/
div.filter {
    border-color: #e7e7e7;
}

    div.filter > div.left {
        color: #676a6c;
        border-color: #efefef;
        background: #f8f8f8;
    }

.filter .tagsInputContainer .listSelected li.clear {
    background-color: #f8f8f8;
    border-color: #fff;
}

.filter .actions a, .filter .actions button, .activitycalendar button, .campaigncalendar button {
    color: #676a6c;
}

    .filter .actions a:hover, .filter .actions button:hover, .activitycalendar button:hover, .campaigncalendar button:hover {
        color: #7799b3;
    }

.separated-nodes {
    background: #f3f3f4;
}

/* ==================================     F O O T E R    ======================================== */
footer {
    background: #363636;
}

.copyright, .copyright a {
    color: #fff;
}

/* ==================================     L O G I N   ======================================== */
.login h1 {
    color: #fff;
}

.login-page > .support > div.support {
    border-right-color: #e7e7e7;
}

.login li > input[type=text], .login li > input[type=password] {
    background-color: #e6e6e6;
}

h1.while {
    color: #FFF;
}

.changePasswordSuccess {
    color: #fff;
    text-align: justify;
}

.changePasswordError {
    color: #f00;
    text-align: justify;
}

.dxlpLoadingPanel_DealerView, .dxlpLoadingPanelWithContent_DealerView {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.activityreportheader .dxisControl_DealerView .dxis-nbItem .dxlpControl_DealerView.dxlpLoadingDiv_DealerView {
    z-index: 100000 !important;
}

.editorsDialog .dxflChildInFirstRowSys + .dxflChildInFirstRowSys,
.editorsDialog .dxflFirstChildInRowSys + .dxflGroupContainerSys:not(.dxflFirstChildInRowSys ),
/*.filters .dxflFirstChildInRowSys + .dxflGroupContainerSys:not(.dxflFirstChildInRowSys),*/
.filters .fvrwdefinition .dxflChildInFirstRowSys + .dxflChildInFirstRowSys {
    float: right;
}

.editorsDialog .dxeRadioButtonList_DealerView {
    border: 0 none;
}

.filters .dxflChildInFirstRowSys + .dxflChildInFirstRowSys {
    float: left;
}

.dxm-main ul.dx .dxm-item.dxm-selected {
    cursor: pointer;
}

#LoadingPanel.dx-ac {
    z-index: 100001 !important;
}

#LoadingPanel img.dxlp-loadingImage {
    margin: auto;
}

#LoadingPanel #LoadingPanelText {
    height: 40px;
    font-size: 13px;
    font-weight: bold;
    color: #8793B4;
    line-height: 40px;
}

.dxflGroupCell_DealerView {
    margin-bottom: 3px !important;
    min-height: 31px !important;
    display: block !important;
}

    .dxflGroupCell_DealerView.auto,
    .dxcvControl_DealerView .dxflGroupCell_DealerView {
        height: auto !important;
    }

    .dxflGroupCell_DealerView.hidden {
        display: none !important;
    }

.uon-separator.dxflGroupCell_DealerView, .uon-separator .dxflGroupCell_DealerView {
    min-height: 1px !important;
}

    .uon-separator .dxflGroupCell_DealerView hr {
        height: 1px;
        background-color: #CBCBCB;
    }

.dxcvCard_DealerView .dxflGroupCell_DealerView {
    display: table-cell !important;
}

.dxcvCard_DealerView.not-published,
.dxcvCard_DealerView.status-Saved {
    background-color: #9E4141;
}

    .dxcvCard_DealerView.not-published .dxflFormLayout_DealerView,
    .dxcvCard_DealerView.status-Saved .dxflFormLayout_DealerView {
        color: #FFF;
    }

    .dxcvCard_DealerView.not-published.dxcvSelectedCard_DealerView,
    .dxcvCard_DealerView.status-Saved.dxcvSelectedCard_DealerView {
        background-color: #D86166;
    }

.dxcvCard_DealerView.status-Archived {
    background-color: #F26824;
}

.submenu .pagemenu .dxm-item {
    background: #7799B3;
}

.tagfiltersmenu .dxmLite_DealerView > div:not(.dxm-main) {
    left: 15px !important;
    width: 1230px !important;
    background-color: #7799B3;
}

.tagfiltersmenu .dxmLite_DealerView .dxm-item .dx-vam {
    color: #565861;
}

.tagfiltersmenu .dxmLite_DealerView .dxm-item.dxm-subMenu {
    background-color: #F5F5F5;
}

    .tagfiltersmenu .dxmLite_DealerView .dxm-item,
    .tagfiltersmenu .dxmLite_DealerView .dxm-item.dxm-subMenu.dxm-hovered,
    .tagfiltersmenu .dxmLite_DealerView .dxm-popup {
        background-color: #7799B3;
    }

        .tagfiltersmenu .dxmLite_DealerView .dxm-item.dxm-hovered .dx-vam {
            color: #FFF;
        }

        .tagfiltersmenu .dxmLite_DealerView .dxm-item:not(.dxm-hovered) .dxWeb_mHorizontalPopOut_DealerView {
            background-position: -232px -84px;
        }

.tagfiltersmenu .dxmLite_DealerView .dxm-main .dxm-separator b {
    width: 0 !important;
}

.tagfiltersmenu .tagfilters {
    padding: 15px;
    width: 1200px;
    background-color: #7799B3;
    display: inline-block;
}

.tagfiltersmenu .tagfilter {
    padding: 5px;
    width: 19%;
    min-width: 19%;
    float: left;
}

.tagfiltersmenu .tagfilters .tagfilter .dxichTextCellSys {
    color: #FFF;
}

.tagfiltersmenu .tagfilters .tagfilterempty {
    padding: 0 5px;
}

.rightmenu .dxm-horizontal .dxm-item,
.oemmenu .dxm-horizontal .dxm-item {
    background-color: transparent !important;
}

.rightmenu .dxm-horizontal .dxm-content {
    padding: 9px 6px !important;
}

.rightmenu .dxm-horizontal .dxWeb_mHorizontalPopOut_DealerView,
.oemmenu .dxm-horizontal .dxWeb_mHorizontalPopOut_DealerView {
    background-position: -232px -84px;
}

.oemmenu {
    margin-right: 10px;
}

    .oemmenu .dxm-horizontal .dxm-content {
        padding: 6px 0 0 0 !important;
    }

    .oemmenu .dxmLite_DealerView .dxm-horizontal .dxm-image-l .dxm-popOut {
        padding-top: 6px !important
    }

.breadcrumbs .dxbButton_DealerView div.dxb {
    padding: 4px 10px;
}

.dxm-horizontal .dxm-item.red,
.dxpcLite_DealerView .dxpc-header.red {
    background: #d86166;
}

.dxm-horizontal .dxm-item.dxm-hovered.red {
    background: #e57b7f;
}

.dxm-horizontal .dxm-item.green,
.dxpcLite_DealerView .dxpc-header.green {
    background: #3AA381;
}

.dxm-horizontal .dxm-item.dxm-hovered.green {
    background: #238672;
}

.dxm-horizontal .dxm-item.orange,
.dxpcLite_DealerView .dxpc-header.orange,
.dxmLite_DealerView .dxm-main.orange .dxm-item {
    background: #F26824;
}

    .dxm-horizontal .dxm-item.dxm-hovered.orange,
    .dxmLite_DealerView .dxm-main.orange .dxm-item.dxm-hovered {
        background: #d95d1f;
    }

.dxm-item.alerts span.dx-vam {
    background: #990202;
    font-size: 10px;
    font-weight: bold;
    padding: 3px;
    border-radius: 50%;
    border: 2px solid #FFF;
    text-align: center;
    margin-left: -16px;
    margin-top: -13px;
    animation: blinker 2s linear infinite;
    min-width: 12px;
}

.dxtlNode_DealerView td.dxtl, .dxtlAltNode_DealerView td.dxtl, .dxtlSelectedNode_DealerView td.dxtl,
.dxtlFocusedNode_DealerView td.dxtl, .dxtlEditFormDisplayNode_DealerView td.dxtl, .dxtlCommandCell_DealerView {
    white-space: normal !important;
}

@keyframes blinker {
    50% {
        opacity: 0.35;
    }
}

.alerts .dxcvControl_DealerView {
    margin-top: 5px;
}

    .alerts .dxcvControl_DealerView .dxcvCard_DealerView,
    .directory .dxcvControl_DealerView .dxcvCard_DealerView {
        padding: 8px 15px 15px 15px;
    }

    .alerts .dxcvControl_DealerView .dxflGroupCell_DealerView,
    .directory .dxcvControl_DealerView .dxflGroupCell_DealerView {
        padding-top: 8px;
    }

.alerts .dxcvEmptyCard_DealerView {
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 250px;
}

.alerts.newsfeed .dxcvControl_DealerView .dxcvCard_DealerView {
    padding: 4px 8px 8px 14px;
}

.alerts.newsfeed .dxcvControl_DealerView .dxflGroupCell_DealerView {
    padding-top: 4px;
}

.alerts.newsfeed .dxcvControl_DealerView .dxcvSeparator_DealerView, .dxcvControl_DealerView .dxcvSeparator_DealerView div {
    height: 10px !important;
}

.newsfeed.latestadditions .dxcvControl_DealerView .dxcvCard_DealerView {
    padding-bottom: 10px;
}

.newsfeed.latestadditions .dxcvControl_DealerView .dxflGroupCell_DealerView {
    padding-top: 0px;
}

.newsfeed.latestadditions .dxcvControl_DealerView .dxcvSeparator_DealerView, .dxcvControl_DealerView .dxcvSeparator_DealerView div {
    height: 10px !important;
}

.newsfeed.latestadditions .dxcvControl_DealerView .dxflItem_DealerView.file-title,
.newsfeed.latestadditions .dxcvControl_DealerView .dxflItem_DealerView.file-actions {
    vertical-align: top;
    text-align: left;
    padding: 8px 8px 0px 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    word-wrap: break-word;
}

    .newsfeed.latestadditions .dxcvControl_DealerView .dxflItem_DealerView.file-title .title {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 3px;
        margin-top: 0px;
        width: 180px;
        max-height: 30px;
        overflow: hidden;
    }

    .newsfeed.latestadditions .dxcvControl_DealerView .dxflItem_DealerView.file-title .subtitle {
        font-size: 9px;
        line-height: 10px;
        width: 210px;
        overflow: hidden;
    }

.newsfeed.newsimageslider .dxisControl_DealerView > .dxis-passePartout {
    background-color: #FFF !important;
    background: #FFF !important;
}

.newsfeed.newsimageslider .dxisControl_DealerView .dxis-item, .newsfeed.newsimageslider .dxisControl_DealerView .dxis-nbItem {
    background-color: #FFF !important;
}

.newscardview.newsfeed .dxcvControl_DealerView .dxcvCard_DealerView {
    padding: 3px 4px 3px 4px;
    font-size: 30px;
    text-align: center;
    background: #F5F5F5;
    border: 1px solid #DEDEDE;
}

.newscardview.newsfeed .dxcvEmptyCard_DealerView {
    width: 100%;
    height: 100px;
    text-align: center;
    font-size: 30px;
    line-height: 240px;
    color: #C9C9C9;
}

.newscardview.newsfeed .dxcvControl_DealerView .dxflNestedControlCell_DealerView a {
    text-align: left;
    font-size: 10px;
    color: #364b59;
}

    .newscardview.newsfeed .dxcvControl_DealerView .dxflNestedControlCell_DealerView a:hover {
        text-align: left;
        font-size: 10px;
        color: #676a6c;
    }

.newscardview.newsfeed .dxcvControl_DealerView .dxflNestedControlCell_DealerView h4 {
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    color: #364b59;
}

.newscardview.newsfeed .dxcvControl_DealerView .dxcvSeparator_DealerView div {
    width: 5px;
}

.dxcvControl_DealerView .dxflItem_DealerView.file-preview {
    background: #F5F5F5;
}

.competitiveAdvertisingFiles .dxcvControl_DealerView .dxflItem_DealerView.file-title {
    vertical-align: top;
    text-align: left;
    padding: 12px 12px 0px 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 145px;
}

.competitiveAdvertisingFiles .dxcvControl_DealerView .dxflItem_DealerView.file-actions {
    vertical-align: top;
    text-align: left;
    padding: 12px 12px 0px 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    word-wrap: break-word;
}

.competitiveAdvertisingFiles .dxcvControl_DealerView .dxflItem_DealerView.file-title .title {
    font-size: 10px;
    line-height: 12px;
    max-height: 45px;
    overflow: hidden;
    margin-bottom: 3px;
}

.competitiveAdvertisingFiles .dxcvControl_DealerView .dxflItem_DealerView.file-title .subtitle {
    font-size: 11px;
    line-height: 13px;
}

.competitiveAdvertisingFiles .dxcvControl_DealerView .dxflItem_DealerView.file-actions {
    padding-bottom: 12px;
}


.dxcvControl_DealerView .dxflItem_DealerView.file-title,
.dxcvControl_DealerView .dxflItem_DealerView.file-actions {
    vertical-align: top;
    text-align: left;
    padding: 36px 36px 0px 36px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    word-wrap: break-word;
}

    .dxcvControl_DealerView .dxflItem_DealerView.file-title .title {
        font-size: 14px;
        /*line-height: 15px;*/
        margin-bottom: 10px;
        width: 220px;
        max-height: 40px;
        overflow: hidden;
    }

    .dxcvControl_DealerView .dxflItem_DealerView.file-title .subtitle {
        font-size: 10px;
        line-height: 11px;
        width: 220px;
    }

        .dxcvControl_DealerView .dxflItem_DealerView.file-title .subtitle h6 {
            font-size: 12px;
            line-height: 14px;
            margin: 5px 0 0 0;
            color: #9E4141;
            font-weight: 700;
        }

.dxcvControl_DealerView.fileslistsmall .dxflItem_DealerView.file-title .title {
    max-height: 30px;
}

.dxcvControl_DealerView .dxflItem_DealerView.title {
    padding: 0 0 5px 0;
}

    .dxcvControl_DealerView .dxflItem_DealerView.title > span,
    .dxcvControl_DealerView .dxflItem_DealerView.title > a {
        font-size: 16px;
        line-height: 25px;
    }

.small .dxcvControl_DealerView .dxflItem_DealerView.file-title,
.small .dxcvControl_DealerView .dxflItem_DealerView.file-actions {
    padding: 10px 10px 0px 10px;
}

    .small .dxcvControl_DealerView .dxflItem_DealerView.file-title .title {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 5px;
        width: 125px;
    }

    .small .dxcvControl_DealerView .dxflItem_DealerView.file-title .subtitle {
        font-size: 10px;
        line-height: 11px;
        width: 125px;
        max-height: 22px;
        overflow: hidden;
    }

.small .dxcvControl_DealerView .dxflItem_DealerView.file-actions {
    padding-bottom: 10px;
}

.small .dxcvCard_DealerView .dxbButton_DealerView div.dxb, .small .dxmLite_DealerView.dxm-ltr .dxm-horizontal .dxm-image-r .dxm-content {
    padding: 5px 10px;
    font-size: 12px;
}

.dxcvControl_DealerView .dxflItem_DealerView.file-actions {
    padding: 0 36px 36px 36px;
}

    .dxcvControl_DealerView .dxflItem_DealerView.file-actions .dxmLite_DealerView {
        background: #7799B3;
    }

.view .dxcvControl_DealerView .dxflItem_DealerView.file-title {
    padding: 14px 10px 0 10px;
}

    .view .dxcvControl_DealerView .dxflItem_DealerView.file-title .title {
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        width: auto;
    }

.dxbButton_DealerView.icon-x:before {
    content: unset;
}

.dxbButton_DealerView.icon-x div.dxb {
    padding: 6px 1px 6px 8px;
}

.dxbButton_DealerView.grey {
    background-color: #F5F5F5;
    color: #999999;
}

.dxbButtonHover_DealerView.grey {
    background-color: #E5E5E5;
}

.dxbButton_DealerView.dark-grey {
    background-color: #EBE9E9;
    color: #4B4949;
}

.dxbButtonHover_DealerView.dark-grey {
    background-color: #CACACA;
}

.dxbButton_DealerView.green {
    background-color: #3AA381;
}

.dxbButton_DealerView.orange {
    background-color: #F26824;
}

.dxbButtonHover_DealerView.orange {
    background-color: #d95d1f;
}

.dxbButtonHover_DealerView.green {
    background-color: #238672;
}

.dxbButton_DealerView.red {
    background-color: #E57B7f;
}

.dxbButtonHover_DealerView.red {
    background-color: #D86166;
}


.dxbButton_DealerView.white {
    background-color: #FFF;
    color: #999999;
    border: solid 1px #E5E5E5;
}

    .dxbButton_DealerView.white.dxbButtonHover_DealerView {
        background-color: #E5E5E5;
    }

.dxbButton_DealerView.darkgrey {
    background-color: #969696;
}

.dxbButtonHover_DealerView.darkgrey {
    background-color: #C9C9C9;
}

.dxbButton_DealerView span {
    float: none;
}

.dxbButton_DealerView.small .dx-vam {
    font-size: 11px;
}

.contentlibrary .quicksearch .dxisControl_DealerView .dxis-nbItem,
.contentlibrary .folders .dxisControl_DealerView .dxis-nbItem {
    width: 143px !important;
    background-color: white;
}

.contentlibrary .quicksearch .dxisControl_DealerView .dxis-nbItem {
    height: 160px !important;
}

.contentlibrary .folders .dxisControl_DealerView .dxis-nbItem {
    height: 140px !important;
}

    .contentlibrary .quicksearch .dxisControl_DealerView .dxis-nbItem .title,
    .contentlibrary .folders .dxisControl_DealerView .dxis-nbItem .title {
        width: 100%;
        padding: 3px 0;
        line-height: 16px;
        min-height: 30px;
        text-align: center;
        position: absolute;
        bottom: 0;
        background-color: transparent;
        height: 30px;
        word-wrap: break-word;
    }

    .contentlibrary .folders .dxisControl_DealerView .dxis-nbItem > div {
        min-height: 140px;
    }

        .contentlibrary .folders .dxisControl_DealerView .dxis-nbItem > div.status-Saved {
            background-color: #9E4141;
            color: #FFF;
        }

        .contentlibrary .folders .dxisControl_DealerView .dxis-nbItem > div.status-Archived {
            background-color: orange;
        }

    .contentlibrary .folders .dxisControl_DealerView .dxis-nbItem .icon {
        font-size: 50px;
        color: #7799B3;
        font-weight: bold;
        padding: 30px 0;
        text-align: center;
        width: 100%;
    }

    .contentlibrary .folders .dxisControl_DealerView .dxis-nbItem .status-Saved .icon {
        color: #FFF;
    }

    .contentlibrary .folders .dxisControl_DealerView .dxis-nbItem .status-Archived .icon {
        color: #555555;
    }

.contentlibrary .quicksearch .dxisControl_DealerView .dxis-nbItem .title {
    border-bottom: solid 5px #CACACA;
}

.contentlibrary .quicksearch .dxisControl_DealerView .dxis-nbItem.dxis-hover .title {
    border-bottom: solid 5px #7799B3;
}

.contentlibrary .folders .dxisControl_DealerView .dxis-nbItem.dxis-hover {
    background-color: #F5F5F5;
}

.contentlibrary .dxisControl_DealerView .dxis-nbSelectedItem {
    display: none;
}

.contentlibrary .dxbButton_DealerView.darkgrey {
    background-color: #969696;
    color: #FFF;
}

    .contentlibrary .dxbButtonHover_DealerView.darkgrey,
    .contentlibrary .dxbButton_DealerView.darkgrey:hover {
        background-color: #354052;
    }

.dxeImage_DealerView + .dxucControl_DealerView,
span.left + .dxucControl_DealerView,
dxflGroupCell_DealerView .left + .left {
    margin-left: 10px;
}

.dxflFormLayout_DealerView .dxflCLLSys .dxflCaptionCell_DealerView {
    width: 135px !important;
    min-width: 135px !important;
}

.dxflFormLayout_DealerView .dxflCLLSys.auto .dxflCaptionCell_DealerView {
    width: auto !important;
    min-width: 0 !important;
}

.dxflFormLayout_DealerView .autocaption .dxflCLLSys .dxflCaptionCell_DealerView {
    width: inherit !important;
    min-width: inherit !important;
}

.dxflFormLayout_DealerView .extendedcaption .dxflCLLSys .dxflCaptionCell_DealerView {
    width: 250px !important;
    min-width: 250px !important;
}

.dxflFormLayout_DealerView .dxflCaptionCell_DealerView .dxflCaption_DealerView {
    white-space: normal !important;
    word-wrap: break-word !important;
    font-weight: bold;
    color: #354052;
}

.filters .dxflCLLSys .dxflCaptionCell_DealerView {
    min-width: 250px !important;
    padding-left: 5px;
    border: 1px Solid #CBCBCB;
    border-right: 0 none;
    background-color: #F5F5F5;
}

.fvfilters .dxflCLLSys .dxflCaptionCell_DealerView {
    min-width: 150px !important;
    padding-left: 5px;
    border: 1px Solid #CBCBCB;
    border-right: 0 none;
    background-color: #F5F5F5;
}

.filters.auto .dxflCLLSys .dxflCaptionCell_DealerView,
.fvfilters.auto .dxflCLLSys .dxflCaptionCell_DealerView {
    min-width: 0 !important;
}

.filters .dxflNestedControlCell_DealerView .value,
.fvfilters .dxflNestedControlCell_DealerView .value {
    float: left;
    padding: 5px 10px 4px 10px;
    border: 1px Solid #CBCBCB;
}

    .filters .dxflNestedControlCell_DealerView .value:not(:first-child),
    .fvfilters .dxflNestedControlCell_DealerView .value:not(:first-child), {
        border-left: 0 none;
    }

.dxucControl_DealerView.left {
    width: 100px;
}

.dxeTextBox_DealerView div.dxic {
    padding: 3px 2px 3px 7px !important;
    font-size: 12px;
}

.dxflGroupCell_DealerView .dxflGroupBox_DealerView:first-child:last-child .dxflGroupBoxCaption_DealerView {
    margin-bottom: 0;
}

.modaldialog .dxflGroupBoxCaption_DealerView {
    margin-top: 10px;
}

.bold .dxeBase_DealerView {
    font-weight: bold !important;
}

.dxeBase_DealerView.multiline .dxichTextCellSys label {
    white-space: pre;
}

.dxeBase_DealerView.dxeReadOnly_DealerView,
.dxeReadOnly_DealerView .dxeEditArea_DealerView {
    color: #9f9f9f;
}

.dxeReadOnly_DealerView .dxeButtonEditButton_DealerView {
    display: none;
}

.dxgvDataRow_DealerView {
    cursor: pointer;
}

    .dxgvDataRow_DealerView.focused {
        background-color: #D6E0EC;
    }

    /*.dxgvDataRow_DealerView.rowError {
        border: 2px solid Red;
    }*/

    .dxgvDataRow_DealerView td.dvgv {
        padding: 5px;
        border-bottom-width: 1px !important;
        border-bottom-color: #E5E5E5 !important;
    }

.dxgvHeader_DealerView {
    border-left-width: 1px !important;
}

    .dxgvHeader_DealerView.noborder {
        border-left-width: 0px !important;
    }

    .dxgvHeader_DealerView.multiline {
        white-space: normal;
    }

.commandcolumn {
    background-color: #F1F2F5;
}

.dxnbLite_DealerView .dxgvControl_DealerView {
    margin: 2px 0 20px 0;
}

.dxnbLite_DealerView .documents {
    margin-top: 10px;
}

.dxgvControl_DealerView {
    margin-bottom: 10px;
}

.dxflFormLayout_DealerView .dxgvControl_DealerView,
.modaldialog .dxgvControl_DealerView {
    margin-bottom: 0;
}

span.dxichCellSys.dxeTAR, [dir="rtl"] span.dxichCellSys.dxeTAL {
    padding-top: 0;
}

.sectiontitle + .dxgvControl_DealerView {
    margin-top: 5px;
}

.sectiontitle + .dxcvControl_DealerView {
    margin-top: 5px;
}

.filters .dxflGroupContainerSys + .dxflGroupContainerSys:not(.dxflFirstChildInRowSys) {
    padding-left: 8px;
}

.filters .dxflGroupCell_DealerView,
.fvfilters .dxflGroupCell_DealerView {
    padding: 2px 0 0 0;
}

.fvfilters.fvreportparams .dxflGroupBoxCaption_DealerView {
    margin-top: 15px;
    padding: 0 0 5px 15px;
    font-weight: 700;
}

/*.filters .dxflNestedControlCell_DealerView {
    border: 1px Solid #CBCBCB;
}*/

/*.filters .dxflNestedControlCell_DealerView > .dxeButtonEdit_DealerView,*/
.filters .actions .dxflNestedControlCell_DealerView,
.fvfilters .actions .dxflNestedControlCell_DealerView {
    border: 0 none;
}

.filters .dxeTextBox_DealerView td.dxic,
.fvfilters .dxeTextBox_DealerView td.dxic {
    padding-bottom: 5px !important;
}

.filters .dxflItemSys.dxflCheckBoxItemSys .dxichCellSys > .dxichSys,
.fvfilters .dxflItemSys.dxflCheckBoxItemSys .dxichCellSys > .dxichSys {
    margin-left: 3px;
}

.filters span.dxichCellSys.dxeTAR,
.fvfilters span.dxichCellSys.dxeTAR {
    padding: 1px 3px 1px 1px;
}

.filters .dxflFormLayout_DealerView .dxeRadioButtonList_DealerView,
.fvfilters .dxflFormLayout_DealerView .dxeRadioButtonList_DealerView {
    background: white;
    border: 1px Solid #CBCBCB;
}

.editorsDialog .dxbButtonSys {
    margin: 0px 0px 0px 5px;
}


    .editorsDialog .dxbButtonSys.right {
        margin: 0px 0px 5px 5px;
    }

.editorsDialog .fileslist .dxbButtonSys {
    margin: 0;
}

.dxflFormLayout_DealerView .actions .dxbButtonSys,
.dxflFormLayout_DealerView .actions .dxmLite_DealerView {
    margin: 5px 0 0px 10px;
}

    .dxflFormLayout_DealerView .actions .dxbButtonSys:first-child,
    .dxflFormLayout_DealerView .actions .dxmLite_DealerView:first-child {
        margin-left: 0;
    }

.dxflFormLayout_DealerView .actions .dxmLite_DealerView {
    display: inline-table;
    vertical-align: middle;
}

    .dxflFormLayout_DealerView .actions .dxmLite_DealerView .dxm-content {
        padding: 5px 20px !important;
    }

.dxflFormLayout_DealerView .dxflGroup_DealerView > .dxflChildInFirstRowSys > .dxflGroupCell_DealerView > .dxflGroupBox_DealerView {
    margin-top: 0;
}

.modaldialog .dxpc-contentWrapper {
    display: block !important;
}

.dxflFormLayout_DealerView .dxeRadioButtonList_DealerView {
    border: 0 none;
    padding: 0;
}

.dxgv.center img {
    margin: auto;
}

.dxgv .arrow {
    margin: 5px;
}

.dxgvHeader_DealerView.icon {
    padding: 1px;
    border-left: 0 none;
}

.dxgvDataRow_DealerView td.dxgv.icon {
    padding: 0;
}

.dxgvDataRow_DealerView td.dxgv.right {
    float: none;
    text-align: right;
}

.dxgvDataRow_DealerView td.dxgv.center {
    float: none;
    text-align: center;
}

.directory .dxcvControl_DealerView .dxflNestedControlCell_DealerView {
    vertical-align: top;
}

.dxgvDetailCell_DealerView {
    padding-right: 0 !important;
}

.dimmed {
    background-color: red;
    opacity: 0.5;
}

.userrights .dxeRadioButtonList_DealerView .dxichCellSys label {
    width: 85px !important;
    word-wrap: break-word;
}

.dxeButtonEdit_DealerView.yellow-bg, .dxeButtonEdit_DealerView.yellow-bg input {
    background-color: #EACF83;
}

.dxeButtonEdit_DealerView.grey-bg, .dxeButtonEdit_DealerView.grey-bg input {
    background-color: #C9C9C9;
}

.dxeButtonEdit_DealerView.red-bg, .dxeButtonEdit_DealerView.red-bg input {
    background-color: #9E4141;
    color: #FFF;
}

.fvrwdefinition .dxgv.actions {
    padding: 0 10px;
}

.activityreport .dxgvDetailCell_DealerView .htmlpreview {
    max-width: 1180px;
    overflow-x: auto;
}

.activityreportheader .dxisControl_DealerView .dxis-nbItem {
    width: 270px !important;
    padding: 10px;
    height: 55px !important;
    background-color: transparent;
    color: #555555;
}

#navBarCampaign.dxnbLite_DealerView .dxnb-header .dxnb-ghtext {
    overflow: hidden;
    width: 230px;
}

.dxgvTable_DealerView thead tr.multiline .dxgvHeader_DealerView {
    white-space: normal;
}

.dxgvTable_DealerView .dxgv .subtitle {
    font-size: 11px;
    margin-top: 3px;
}

    .dxgvTable_DealerView .dxgv .subtitle.br {
        /*position: absolute;
        bottom: 0;
        right: 0;
        margin: 0 5px 5px 0;*/
        font-size: 11px;
        text-align: right;
    }

.fvreport .dxgvTable_DealerView {
    border-collapse: collapse !important;
}

    .fvreport .dxgvTable_DealerView th.dxgvHeader_DealerView, .dxgvTable_DealerView.fixed th.dxgvHeader_DealerView {
        padding: 8px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .fvreport .dxgvTable_DealerView tr.dxgvDataRow_DealerView td, .dxgvTable_DealerView.fixed tr.dxgvDataRow_DealerView td {
        padding: 3px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .fvreport .dxgvTable_DealerView tbody tr.majorset,
    .fvreport .dxgvTable_DealerView tbody tr.minorset,
    .fvreport .dxgvTable_DealerView tbody tr.heading .name {
        border-color: #CBCBCB;
    }

    .fvreport .dxgvTable_DealerView tbody td {
        height: 22px;
    }

    .fvreport .dxgvTable_DealerView thead {
        background-color: #7799B3;
    }

        .fvreport .dxgvTable_DealerView thead th {
            border-top-width: 0 !important;
        }

.image-preview .dxizControl_DealerView {
    margin: auto;
    cursor: zoom-in;
}

    .image-preview .dxizControl_DealerView .dxiz-wrapper {
        cursor: zoom-in !important;
    }

a:hover .dxbButton_DealerView {
    background-color: #536482;
}

.networkperformance .dxgvControl_DealerView .dxgvHeader_DealerView {
    padding: 7px 2px;
}

.networkperformance .dxgvControl_DealerView .dxgvDataRow_DealerView td.dxgv {
    padding: 0;
}

    .networkperformance .dxgvControl_DealerView .dxgvDataRow_DealerView td.dxgv.commandcolumn {
        padding: 0 10px;
    }

.trainingview-networkperformancedetail .dxgvControl_DealerView .dxgvHeader_DealerView {
    padding: 7px 10px;
}

.trainingview-networkperformancedetail .dxgvDataRow_DealerView {
    background-color: white;
}

    .trainingview-networkperformancedetail .dxgvDataRow_DealerView.dxgvDataRowHover_DealerView {
        background-color: #D6E0EC;
    }

.dxssControl_DealerView .dxss-fbw {
    padding: 0px 3px 3px 3px !important;
}

    .dxssControl_DealerView .dxss-fbw textarea {
        line-height: 12px !important;
        font-size: 12px !important;
    }

.dxssControl_DealerView .dxmLite_DealerView .dxm-item {
    background-color: #FFF;
}

.dxssControl_DealerView .dxmLite_DealerView .dxm-main .dxm-hovered {
    background-color: #F8F8F8;
}

.dxssControl_DealerView .dxmLite_DealerView .dxm-item, .dxssControl_DealerView .dxmLite_DealerView.dxm-ltr .dxm-popup .dxm-noImage {
    color: #000;
}

    .dxssControl_DealerView .dxmLite_DealerView .dxm-item.dxm-hovered, .dxssControl_DealerView .dxmLite_DealerView.dxm-ltr .dxm-popup .dxm-noImage.dxm-hovered {
        color: #FFF;
    }

.dxrControl_DealerView.dxr-oneLineMode .dxr-tabContent, .dxrControl_DealerView.dxr-grLabelsHidden.dxr-oneLineMode .dxr-tabContent {
    height: 38px;
}

.dxrControl_DealerView.dxr-oneLineMode .dxr-groupContent {
    height: 38px;
}

.dxeToken_DealerView.red {
    background: #9E4141;
}

.dxeToken_DealerView.green {
    background: #3AA381;
}

.dx-dashboard-title .dx-dashboard-title-text {
    font-family: "Open Sans", sans-serif !important;
    display: none !important;
    height: 0px !important;
}

.dx-dsh-title {
    height: 0px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.dx-dashboard-title {
    height: 42px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
}

dashboard-title {
    height: 22px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    top: -10px !important;
}

.dx-dashboard-item, .dx-layout-item-container {
    background-color: #F9F9F9 !important;
}

.dx-dashboard-typography, .dx-dashboard-typography .dx-widget {
    font-family: "Open Sans", sans-serif !important;
}

.dx-dashboard-surface {
    background-color: white !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.dx-dashboard-title-toolbar {
    height: 22px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    line-height: 0px !important;
}

.dx-dashboard-viewer-content {
    margin-top: 0px !important;
    padding-top: 0px !important;
    top: 0px !important;
}

.dx-header-row {
    background-color: rgb(119, 153, 179) !important;
    color: rgb(255, 255, 255) !important;
}

.dx-dashboard-item-header-text, .dx-dashboard-item-header {
    background-color: rgb(119, 153, 179) !important;
    color: rgb(255, 255, 255) !important;
    font-family: "Open Sans", sans-serif !important;
    border-bottom: 0 !important;
}

.dx-dashboard-item-header-text {
    padding-left: 0px !important;
}

.dx-dashboard-item-header-text-caption {
    color: rgb(255, 255, 255) !important;
    font-family: "Open Sans", sans-serif !important;
    padding-left: 10px;
}

.dx-dashboard-item-toolbar {
    background-color: rgb(119, 153, 179) !important;
}

.dx-dashboard-toolbox-extension {
    border-right: none !important;
}

.dx-dashboard-toolbox-extension {
    z-index: 0 !important;
}

.dx-layout-item-wrapper .dx-layout-item-container:not(.dx-layout-item-container-transparent) {
    border: 0 none !important;
}

.customdashboard > div {
    margin-top: -35px;
}

.customdashboard .dx-dashboard-control, .customdashboard .dx-dashboard-surface {
    background-color: transparent !important;
}

.customdashboard dashboard-title {
    display: none;
}

.image-frame .dxizControl_DealerView .dxiz-wrapper > img {
    border-radius: 50%;
    height: 48px;
    width: 48px;
    display: inline-block;
    margin-right: 10px;
}

.dxis-nextBtnHorWrapper {
    background-color: rgba(0, 0, 0, 0) !important;
}

.dxis-prevBtnHorWrapper {
    background-color: rgba(0, 0, 0, 0) !important;
}

.dxisControl_DealerView.userguide .dxis-prevBtnHorWrapper,
.dxisControl_DealerView.userguide .dxis-nextBtnHorWrapper,
.dxisControl_DealerView.userguide .dxis-prevBtnVertWrapper,
.dxisControl_DealerView.userguide .dxis-nextBtnVertWrapper {
    background-color: #7799B3 !important;
}

.dxisControl_DealerView.userguide .dxis-nbSelectedItem {
    border-top: 5px solid #7799B3;
}

.dxisControl_DealerView.userguide .dxis-nbItem .dxis-nbHoverItem {
    border-color: #7799B3 !important;
}

.dxgvDataRow_DealerView.dxgvDataRowHover_DealerView td.bg-green,
.dxgvDataRow_DealerView.dxgvDataRowHover_DealerView td.bg-red,
.dxgvDataRow_DealerView.dxgvDataRowHover_DealerView td.bg-grey,
.dxgvDataRow_DealerView.dxgvDataRowHover_DealerView td.bg-silver,
.dxgvDataRow_DealerView.dxgvDataRowHover_DealerView td.bg-lightgray,
.dxgvDataRow_DealerView.dxgvDataRowHover_DealerView td.bg-orange {
    opacity: 0.7;
}

.dxgvDataRowAlt_DealerView.bg-orange {
    background-color: orange;
}

.dxgvDataRow_DealerView.bg-orange {
    background-color: orange;
}

.bg-orange.dxgvDataRowHover_DealerView {
    opacity: 0.7;
}

.dxgvDataRowAlt_DealerView.bg-cc10days-agedro {
    background-color: rgb(254, 188, 188);
}

.dxgvDataRow_DealerView.bg-cc10days-agedro {
    background-color: rgb(254, 188, 188);
}

.bg-cc10days-agedro.dxgvDataRowHover_DealerView {
    opacity: 0.7;
}

.dxgvDataRowAlt_DealerView.bg-cc4days-agedro {
    background-color: rgb(198, 223, 210);
}

.dxgvDataRow_DealerView.bg-cc4days-agedro {
    background-color: rgb(198, 223, 210);
}

.bg-cc4days-agedro.dxgvDataRowHover_DealerView {
    opacity: 0.7;
}

.dxgvDataRowAlt_DealerView.bg-ccwip-vor {
    background-color: rgb(252, 254, 188);
}

.dxgvDataRow_DealerView.bg-ccwip-vor {
    background-color: rgb(252, 254, 188);
}

.bg-ccwip-vor.dxgvDataRowHover_DealerView {
    opacity: 0.7;
}


.dxcvControl_DealerView .dxflItem_DealerView.file-title {
    overflow: hidden;
    margin-bottom: 4px;
}

.dxeRadioButtonList_DealerView, .dxeCheckBoxList_DealerView {
    border: 0 none !important;
}

.dxflFormLayout_DealerView .adBuilderDataItems .dxflCLLSys .dxflCaptionCell_DealerView {
    min-width: 70px !important;
    width: 70px !important;
}

.dxbButton_DealerView.small div.dxb {
    padding: 6px;
}

.dxtlControl_DealerView {
    font-size: 11px !important;
}

    .dxtlControl_DealerView.libraryallfiles .dxtlFocusedNode_DealerView {
        background-color: #9E4141;
    }

.dxigContent_DealerView {
    border: 0 none !important;
    padding: 0 !important;
}

.dxigControl_DealerView .dxig-thumbnailWrapper {
    background-color: #F5F5F5;
}

.dxigControl_DealerView .dxigItem_DealerView .dxig-thumbnailBorder {
    border: 0 none;
}

.filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea:not(:hover) {
    opacity: 1 !important;
}

.filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea,
.filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea > div {
    background-color: transparent !important;
    padding: 0 !important;
    height: 100%;
}

    .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata {
        position: absolute;
        bottom: 0;
        width: 100%;
        box-sizing: border-box;
        background-color: #FFF;
    }

        .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .filename {
            padding: 5px;
            height: 60px;
            box-sizing: border-box;
            font-weight: 700;
            font-size: 13px;
            word-wrap: break-word;
            white-space: normal;
            text-align: left;
            color: #565861;
            border-top: solid 1px #F5F5F5;
        }

        .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .filetags {
            padding: 5px;
            height: 30px;
            box-sizing: border-box;
            border-top: solid 1px #F5F5F5;
        }

        .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .filefooter {
            padding: 5px;
            height: 30px;
            box-sizing: border-box;
        }

            .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .filefooter.published {
                background-color: #F5F5F5;
            }

            .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .filefooter.saved {
                background-color: #81E5AC;
            }

            .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .filefooter.archived {
                background-color: #EACF83;
            }

    .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filebox,
    .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filesize {
        padding: 3px 5px;
        font-size: 10px;
        font-weight: 700;
        color: #565861;
        float: left;
    }

    .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filesize {
        margin-left: 10px;
    }

    .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filetags .filebox:not(:last-child) {
        border-right: solid 1px #F5F5F5;
    }

    .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .manage,
    .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .play,
    .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .share,
    .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .download,
    .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .usagenotes {
        background-size: cover;
        background-repeat: no-repeat;
        height: 20px;
        margin-left: 10px;
        cursor: pointer;
    }

    .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .manage {
        width: 20px;
        font-size: 19px;
        font-weight: 700;
        color: #989898;
    }

        .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .manage:hover {
            color: #354052;
        }

    .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .play {
        background-image: url('../Images/icon-play-dark.png');
        width: 20px;
    }

        .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .play:hover {
            background-image: url('../Images/icon-play-hover.png');
        }

    .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .share {
        background-image: url('../Images/icon-share-dark.png');
        width: 20px;
    }

        .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .share:hover {
            background-image: url('../Images/icon-share-hover.png');
        }

    .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .download {
        background-image: url('../Images/icon-download-dark.png');
        width: 22px;
    }

        .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .download:hover {
            background-image: url('../Images/icon-download-hover.png');
        }

    .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .usagenotes {
        background-image: url('../Images/icon-info-dark.png');
        width: 20px;
        border: 0 none;
    }

        .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .filedata .usagenotes:hover {
            background-image: url('../Images/icon-info-hover.png');
        }

    .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .fileheader {
        padding: 5px;
        box-sizing: border-box;
        width: 100%;
        display: none;
        background-color: transparent;
        height: 135px;
    }

    .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea:hover .fileheader {
        display: block;
        background-color: #565861;
        opacity: 0.75;
        text-align: center;
    }

    .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .fileheader .fileselect {
        width: 26px;
        float: right;
    }

        .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .fileheader .fileselect span.dxichCellSys.dxeTAR {
            padding: 0;
        }

    .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea:not(:hover) .fileheader.checked {
        display: block;
        background-color: transparent;
    }

    .filesgallery .dxigControl_DealerView .dxig-thumbnailTextArea .fileheader .view {
        font-size: 30px;
        padding: 5px;
        border: solid 1px #FFF;
        color: #FFF;
        margin: 37px 50px 0 50px;
    }

.filesgallery .dxtlControl_DealerView .dxtlFocusedNode_DealerView {
    background-color: #354052;
}

.filesgallery .dxigControl_DealerView .dxig-thumbnailWrapper .dxig-img {
    margin-top: 0 !important;
}

.filesgallery .dxigControl_DealerView .dxigItem_DealerView {
    padding-bottom: 6px;
}

.filesgallery .dxigControl_DealerView .dxig-thumbnailWrapper:hover .dxig-img {
    transform: scale(1.2);
    transition: transform .4s;
}

.librarymenu {
    background-color: #F5F5F5;
    border: solid 1px #C9C9C9;
    overflow-y: auto;
    width: 240px;
}

    .librarymenu .dxnbLite_DealerView {
        font-size: 14px;
    }

        .librarymenu .dxnbLite_DealerView .dxnb-header {
            background-color: #C9C9C9;
            /*padding: 9px 35px 9px 20px*/
            padding: 9px 10px 5px 20px
        }

            .librarymenu .dxnbLite_DealerView .dxnb-header span.dx-vam.dxnb-ghtext {
                /*width: 173px;*/
                /*width: 208px;*/
                overflow: hidden;
            }

        .librarymenu .dxnbLite_DealerView .dxnb-itemHover,
        .librarymenu .dxnbLite_DealerView .dxnb-itemHover a {
            background-color: #969696;
            color: #FFF;
        }

        .librarymenu .dxnbLite_DealerView .dxnb-itemSelected,
        .librarymenu .dxnbLite_DealerView .dxnb-itemSelected a {
            background-color: #F26824;
            color: #FFF;
        }

.filesgallery .dxigControl_DealerView .dxig-imageSliderWrapper .dxisControl_DealerView .dxis-item > img {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin-left: auto !important;
    margin-right: 30vw !important;
}

.filesgallery .dxisControl_DealerView .dxis-item {
    background-color: transparent;
}

.filesgallery .dxigControl_DealerView .dxig-fullscreenViewerTextArea {
    position: fixed;
    top: 50px;
    right: 60px;
    opacity: 1 !important;
    background-color: transparent !important;
    width: 25vw;
}

    .filesgallery .dxigControl_DealerView .dxig-fullscreenViewerTextArea .filemetadata {
        background-color: #FFF;
        padding: 15px;
    }

        .filesgallery .dxigControl_DealerView .dxig-fullscreenViewerTextArea .filemetadata table {
            color: #565861;
            width: 100%;
        }

            .filesgallery .dxigControl_DealerView .dxig-fullscreenViewerTextArea .filemetadata table td {
                padding: 5px 10px;
                border: solid 1px #F5F5F5;
                word-break: break-word;
                text-align: left;
                font-size: 13px;
                line-height: 20px;
            }

                .filesgallery .dxigControl_DealerView .dxig-fullscreenViewerTextArea .filemetadata table td.title {
                    font-weight: 700;
                    text-align: right;
                    width: 40%;
                }

                .filesgallery .dxigControl_DealerView .dxig-fullscreenViewerTextArea .filemetadata table td.usagerights {
                    color: #9E4141;
                }

        .filesgallery .dxigControl_DealerView .dxig-fullscreenViewerTextArea .filemetadata .actions {
            margin-bottom: 10px;
            text-align: left;
        }

            .filesgallery .dxigControl_DealerView .dxig-fullscreenViewerTextArea .filemetadata .actions .dxbButton_DealerView:hover {
                background-color: #E5E5E5;
            }

.filesgallery .dxigControl_DealerView .dxpcLite_DealerView .dxpc-contentWrapper,
.filesgallery .dxigControl_DealerView .dxpcLite_DealerView .dxpc-mainDiv {
    background-color: rgba(0, 0, 0, 0.65);
}

.filesgallery .dxigControl_DealerView .dxigEmptyData_DealerView {
    font-size: 16px;
    font-weight: 700;
    padding-top: 50px;
}

.filesgallery .dxigControl_DealerView .dxpLite_DealerView .dxp-summary {
    font-size: 16px;
    padding: 5px 10px 0 4px;
    margin: 0;
}

.filesgallery .dxigControl_DealerView .dxig-thumbnailWrapper {
    background-color: #F5F5F5;
    box-shadow: 0px 1px 2px 0px rgba(9, 30, 66, 0.25);
    -moz-box-shadow: 0px 1px 2px 0px rgba(9, 30, 66, 0.25);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(9, 30, 66, 0.25);
}

.breadcrumbs .filters .dxeTextBox_DealerView,
.breadcrumbs .fvfilters .dxeTextBox_DealerView {
    margin-top: 1px;
}

    .breadcrumbs .filters .dxeTextBox_DealerView:not(.dxeInvalid_DealerView),
    .breadcrumbs .fvfilters .dxeTextBox_DealerView:not(.dxeInvalid_DealerView) {
        border-color: #FFF;
    }

    .breadcrumbs .filters .dxeTextBox_DealerView td.dxic,
    .breadcrumbs .fvfilters .dxeTextBox_DealerView td.dxic {
        padding: 1px 2px 2px 7px !important
    }

.breadcrumbs .filters .dxeErrorFrameWithoutError_DealerView.dxeControlsCell_DealerView,
.breadcrumbs .fvfilters .dxeErrorFrameWithoutError_DealerView.dxeControlsCell_DealerView {
    padding: 0 !important;
}

.dxflGroupCell_DealerView .filter-hidden {
    display: none !important;
}

.smallmenu .dxmLite_DealerView .dxm-item {
    padding: 0 !important;
}

.smallmenu .dxmLite_DealerView.dxm-ltr .dxm-horizontal .dxm-image-l .dxm-content {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.dxgvControl_DealerView.editvor .rowError {
    background-color: lightyellow;
}

.dxgvControl_DealerView.multilineheaders .dxgvHeader_DealerView td {
    word-wrap: break-word;
    white-space: pre-wrap;
}

.uppercase input, .uppercase textarea {
    text-transform: uppercase;
}

.login .dxeBase_DealerView label {
    color: #FFF;
}

.dxpcLite_DealerView .dxeListBox_DealerView .dxeListBoxEllipsisSys {
    width: auto !important;
}

.dxgvControl_DealerView.dxgv.invalidGrid {
    border: 1px solid Red !important;
}

.dxeCalendarFastNavItem_DealerView {
    padding: 20px;
}

.dxeCalendarFastNavItemSelected_DealerView {
    background-color: #A6A6A6;
    color: #FFF !important;
}

.readonlystyle {
    background-color: #DEDEDE !important;
}

.previousleadscommentsloading span {
    display: none !important;
}

.previousleadsnocomments {
    display: none !important;
}

.previousleadscomments {
    padding-top: 20px !important;
}


.uon-inventoryrequestedit .dxflGroupContainerSys {
    height: auto !important;
}

.uon-button-margin-0 {
    margin: 0 !important;
}