/* Main */
* {
    font: 14px 'Segoe UI','Helvetica Neue',Helvetica,Verdana,san-serif;
}

html, body, form {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
}

form {
    position: relative;
    min-height: 100%;
    background-color: #F5F5F5;
    min-width: 200px;
}

h1, h3, h5 {
    font-weight: 400;
}

h1, h3 {
    font-size: 20px;
    line-height: 32px;
    color: #252525;
    margin-top: 0;
}

h5 {
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.verticalAlignMiddle {
    vertical-align: middle !important;
    display: inline-block !important;
}

.verticalAlignTop {
    vertical-align: top !important;
    display: inline-block !important;
}

.horizontalAlignRight {
    float: right;
}

.horizontalAlignLeft {
    float: left;
}

.clear {
    clear: both;
}

/* Layout */
.contentBox {
    min-width: 800px;
    width: 94%;
    padding: 0 50px;
    margin: 0 auto;
    overflow:auto;
}

.content {
    padding-bottom: 20px;
    padding-top: 20px;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}

.push {
    height: 4em;
}

.top-logo {
    background: url(../Content/Images/Logo.png) no-repeat;
    width: 180px;
    height: 30px;
    display: block;
    background-position: left;
    line-height: 60px;
    margin-top: 15px;
    float: left;
}

.header {
    height: 60px;
    background: #343547;
}

.menu {
    line-height: 60px;
}

.footer {
    height: 100%;
    background: #343547;
}

    .footer > h2 {
        font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,san-serif !important;
        float: left;
        color: white;
        font-size: 18px;
        padding: 5px 50px;
    }

.footerHolder {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 60px;
}

.contentHolder {
    padding-bottom: 60px; /* should equal the height property of the .footerHolder class*/
}

/* Progress Bars */
.dbProgress {
    width: 100%;
}

.pvProgressBar {
    width: 50px;
    background-color: #f5f5f5 !important;
}

    .pvProgressBar .dxe {
        color: black !important;
    }

    .dbProgress .indicator,
    .pvProgressBar .indicator {
        background-color: #DB5859;
    }

/* PivotGrid */
.pivotGridPercentsFieldCell > .pivotGridCellText {
    margin-top: -20px;
}

.pivotGridPercentsFieldCell > div {
    height: 20px;
}

.pivotGridPercentsFieldCell .dataCell {
    background-color: #F394A4;
}

.pivotGridPercentsFieldCell .grandTotalCell {
    background-color: #86CE80;
}

.pivotGridPercentsFieldCell .totalCell {
    background-color: #94B8F3;
}

/* GridView */
.gridView {
    outline: none;
    border-style: none;
}

.gridViewFilterRow {
    border-right-style: none;
    padding-top: 6px;
    padding-bottom: 6px;
}

.gridViewRow,
.gridViewRowFocused {
    height: 34px;
}

.gridViewRowFocused {
    background-color: #DA5859;
    color: White;
}

.gridViewHeader {
    color: gray;
    height: 30px;
    border-style: solid;
    border-color: #d2d2d2;
    border-width: 1px 0 !important;
}

/* mainMenu */
div.mainMenu {
    float: right;
}

.mainMenu .dx-vam {
    font: 16px 'Segoe UI','Helvetica Neue','Droid Sans',Arial,Tahoma,Geneva,Sans-serif;
    color: #fff;
}

.mainMenu .dxm-popup .dx-vam {
    color: #000;
}

.mainMenu .dxm-separator {
    display: none;
}

.mainMenu .dxmLite_Moderno.dxm-ltr .dxm-horizontal .dxm-image-l .dxm-content {
    padding: 16px 28px 17px 26px;
}

.mainMenu .dxm-horizontal .dxm-hovered {
    background-color: #87464F !important;
}

.mainMenu .dxm-selected {
    background-color: #DA5859 !important;
    border-color: transparent !important;
}

.mainMenu .dxm-popup {
    padding: 0 !important;
    border: 1px solid #cfc7bc !important;
}

    .mainMenu .dxm-popup .dxm-hovered {
        background-color: #FEF4E7 !important;
    }

    .mainMenu .dxm-popup .dxm-selected .dx-vam {
        color: #fff !important;
    }

    .mainMenu .dxm-popup .dxm-item {
        padding: 7px 26px 7px 6px;
    }

    .mainMenu .dxm-popup .dxm-spacing {
        background-color: #cfc7bc;
    }

.mainMenu .dxm-popOut .dxm-pImage {
    height: 11px;
    width: 12px;
    background: url(../Content/Images/down.png) !important;
}

#mainMenu > ul > .dxm-item,
#mainMenu > ul > .dxm-item.dxm-hovered {
    height: 58px !important;
}