

.PageContainer {
	width: 100% !important;
    min-width: 996px;
}

.PageBody {
    min-height: 500px;
    height: calc(100% - 190px); /* Minus Header + Footer Height which should be constant*/
    width: 100%;
}

.PageBody .MenuArea {
    padding-left: 20px;
    padding-right: 10px;
    width: 150px;
}

.PageBody .ClientArea {
    
}

.PageTrailer {
    height: 65px;
    background-size: cover;
    width: 100%;
}

.TabContainer {
    background-size: 100% 5% !important;
    height: 100%;
}

.FormTitle {
    background-position: right bottom !important;
    background-size: 103% 100% !important;
}


.ClientAreaNoMenu{
    height: 100% !important;
}

.ClientAreaRows {
    height: 100% !important;
}

.PageBody .ContentUpdatePanel .FormContainerRight,
.PageBody .ContentUpdatePanel .FormArea,
.PageBody .ContentUpdatePanel .LeftBorder,
.PageBody .FormContainerRight,
.MainForm,
.MainBody,
.MainPageHeader,
.MainHtml {
    background-color: #fbfbfb; /*#e0e0ee;*/ /* #fbfbfb will be the final one! */
    /*height: 100%;*/
}

.ContentUpdatePanel{
    width:100%;
    height: 100%;
    box-sizing: border-box;
}

.PageBody .ContentUpdatePanel .MenuArea {
    float: none;
    padding-right: 5px;
}

.PageBody .ContentUpdatePanel .ClientArea {
    float: none;
    width: unset;
    height: 100%;
}

.FormContainerRight .FormNavigator {
    background-size: cover;
    background-position: unset;
}

.PageBody .ContentUpdatePanel .TabbedContainer,
.PageBody .ContentUpdatePanel .LeftBorder {
    height: 100%;
    padding-bottom: 23px;
    box-sizing: border-box;
}

.FullHeightPageContainer {
    height:100%;
    box-sizing:border-box;
    margin-top: -23px;
    padding-top: 23px;
}

.PageBody .ContentUpdatePanel .RadGrid {
    box-sizing: border-box;
}

.PageBody .ContentUpdatePanel .rgHeader{
    text-overflow: ellipsis;
    white-space: nowrap;
}

.SearchContainer {
    height: 35px;
}

.GridBelowSearchContainer {
    height: calc(100% - 35px); /* Minus SearchContainer Height*/
}

.ApplicationLogo{
    max-height: 16px;
}

.ClientLogo {
    max-height: 30px;
}

.TextAfterLogo {
    margin-left: 10px;
}

/* Should match size of .PageContainer */
.Progress {
    width: 90%;
    height: 98%;
}

/* LPP Skin does not play well with responsive sizing so remove borders */
.PageContainer .PageHeader .BreadCrumbContainer,
.PageContainer .PageHeader .SubTitleArea,
div .PageBody {
    border-left: none;
    border-right: none;
}

/* LPP Skin does not play well with responsive sizing override and remove extra padding from right/top */
.PageContainer .PageHeader .TopContainer {
    background-color: #262626;
    padding-right: 0px;
}