html, body {
    margin: 0;
    padding: 0;
    background-color: whitesmoke;
    height: 100%;
}

.mainform {
    height: 100%;
}

.logonPage {
    background-image: url('background50.png');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

.navigation {
    padding: 0px;
}

.dxnbLite_rip .dxnb-content {
    border: whitesmoke solid 1px;
}

.dxnbLite_rip .dxnb-item a {
    color: #555555;
}

.dxnbLite_rip .dxnb-item {
    font-family: Geneva, Verdana, sans-serif;
    background: #DDDDDD;
}

.dxnbLite_rip .dxnb-itemSelected {
    background: #678bb2;
}

.dxnbLite_rip .dxnb-btn {
    display: none;
}

.dxnbLite_rip .dxnb-gr {
    min-height: 40px;
}

.dxnbLite_rip .dxnb-headerCollapsed, .dxnbLite_rip .dxnb-header {
    font-family: Geneva, Verdana, sans-serif;
    font-size: 1.3em;
    border: whitesmoke solid 1px;
    vertical-align: middle;
    min-height: 40px;
    padding-top: 10px;
}

.dxnbLite_rip .dxnb-header {
    background: #777777;
}

.dxnbLite_rip .dxnb-headerCollapsed {
    background: #AAAAAA;
}

.dxgvControl_rip {
    border: none;
    background: none;
}

.dxgvTitlePanel_rip {
    background: none;
}

.dxgvTable_rip {
    background: none;
}

.dxgvFilterBar_rip {
    background: none;
}

.dxrpControl_rip .dxrpcontent {
    background: none;
}

.dxtcLite_rip .dxtc-content, .dxtcLite_rip.dxtc-top .dxtc-activeTab.dxtc-lead {
    background-color: #EEEEEE;
}

.dxrpControl_rip .dxrpHeader_rip {
    font: normal 12px Tahoma, Geneva, sans-serif;
    vertical-align: middle;
    color: #AAAAAA;
}

.dxtcLite_rip .dxtc-tab a, .dxtcLite_rip .dxtc-tab a:hover {
    color: white;
}

.dxnbLite_rip .dxnb-headerCollapsed a {
    text-decoration: none !important;
}

.dxgvFilterRow_rip {
    background-color: #AAAAAA;
}

.dxgvGroupRow_rip, .dxgvFocusedGroupRow_rip, .dxgvDataRow_rip .dxgvIndentCell {
    background-color: #EEEEEE !important;
}

.dxpLite_rip .dxp-current {
    background-color: #678bb2;
}

.fill {
    height: -webkit-calc(100% - 115px);
    height: -moz-calc(100% - 115px);
    height: calc(100% - 115px);
}

.loginValidationStar {
    font-size: 1rem;
    margin-left: 5px;
}

.tvcode, input.dxeEditAreaSys[type="text"] {
    font-family: Geneva, Verdana, sans-serif;
    text-align: center;
    font-size: 1rem;
    color: #555555;
}

#tvCode_EC {
    display: none;
}

.jumbotron-root {
    padding: 20px;
    margin: 0px;
}

.jumbotron {
    padding: 2rem 1rem;
    border-radius: .3rem;
    background-color: transparent;
}

.loginControl {
    float: right;
}

    .loginControl a {
        color: black;
        text-decoration: none;
        border-bottom: dashed 1px black;
        display: inline-block;
    }

.nopadding {
    padding: 0px;
}

/* Account */
.accountHeader h2 {
    margin: 10px 0 7px 0;
    font-size: 16px;
}

.accountHeader p {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.accountHeader {
    margin-bottom: 20px;
}

.form-field {
    margin-bottom: 8px;
}

/* BlackGlass */
.dxsplControl_BlackGlass_rip {
    font-family: Tahoma;
}

    .dxsplControl_BlackGlass_rip .headerPane,
    .dxsplControl_BlackGlass_rip .footerPane,
    .dxsplControl_BlackGlass_rip .footerMenu li {
        background-color: #2A2A2A;
        color: white;
    }

    .dxsplControl_BlackGlass_rip .headerPane {
        background-image: url('images/BlackGlassHeader.jpg');
    }

    .dxsplControl_BlackGlass_rip .leftPanel li[class$="dxnb-last"] ul {
        border-bottom: 1px solid black;
    }

    .dxsplControl_BlackGlass_rip .accountHeader p {
        color: #585858;
    }

    .dxsplControl_BlackGlass_rip .loginControl a,
    .dxsplControl_BlackGlass_rip .templateTitle a {
        color: White;
        border-color: White;
    }


/* BlackGlass 2*/
.dxsplControl_rip {
    font-family: Tahoma;
}

    .dxsplControl_rip .headerPane,
    .dxsplControl_rip .footerPane,
    .dxsplControl_rip .footerMenu li {
        background-color: #2A2A2A;
        color: white;
    }

    .dxsplControl_rip .headerPane {
        background-image: url('images/BlackGlassHeader.jpg');
    }

    .dxsplControl_rip .leftPanel li[class$="dxnb-last"] ul {
        border-bottom: 1px solid black;
    }

    .dxsplControl_rip .accountHeader p {
        color: #585858;
    }

    .dxsplControl_rip .loginControl a,
    .dxsplControl_rip .templateTitle a {
        color: White;
        border-color: White;
    }

td {
    vertical-align: top;
}

.CaptionStyle {
    width: 200px !important;
    margin-left: 0px;
}

.CellRight {
    text-align: right;
    vertical-align: middle;
}

.CellRightTop {
    text-align: right;
    vertical-align: top;
}

.CellCenter {
    text-align: left;
    vertical-align: middle;
}

.CellVMiddle {
    vertical-align: middle;
}

.CaptionHeader {
    font-size: medium;
    padding-left: 15px;
    vertical-align: middle !important;
    text-align: left !important;
    color: #000000;
}

.HeaderTable {
    width: 100% !important;
    vertical-align: middle !important;
    text-align: left !important;
    height: 26px;
    margin-bottom: 0px;
}

.TextBlack {
    color: #000000;
}

.TextCenter {
    text-align: center;
}

.ShowDetailIco {
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

#speedtest {
    padding-top: 150px;
    font-size: 12px;
    color: blue;
}

.template-hyperlink {
    text-decoration: underline;
    cursor: pointer;
}

.generic-tile {
    border-width: 1px;
    border-color: darkgray;
    border-radius: 15px;
    background-color: #EEEEEE;
}

    .generic-tile:focus {
        outline: none;
    }

.generic-tile-first {
    border-radius: 15px 0px 0px 15px;
}

.generic-tile-middle {
    border-radius: 0px 0px 0px 0px;
}

.generic-tile-last {
    border-radius: 0px 15px 15px 0px;
}