#mainDecoratorHeader {
    display: flex;
    flex-flow: column;
    width: 100%;
    height: 100%;
    min-width: 1000px;
	background: linear-gradient(to bottom right, #363438 1%, #424043 50%, #49474a 100%);
}

#mainDecoratorLogo {
	height: 40px;
	background: url('../images/ascender-logo-full-horizontal-gray-green.png') no-repeat;
	width: 205px;
	background-size: 205px;
	float: left;
	position: absolute;
	margin-top: 10px;
	margin-left: 10px;
}

#header h1 {
	float: left;
	clear: both;
	margin-left: 8px
}

#mainDecoratorButtons a {
	background: linear-gradient(#1582c0 10%,#8dd6f5,#1582c0);
	box-shadow: 1px 1px 2px 2px #8dd6f5 inset;
	background-color: #1569b4;
	padding: 2px 10px 2px 10px;
	margin: 0;
	font-weight: bold;
	float: left
}

#mainDecoratorButtons a:hover {
	background: linear-gradient(#0d4d98 10%,#8dd6f5,#0d4d98);
	box-shadow: 2px 2px 2px 2px #8dd6f5 inset;
	background-color: #1582c0;
	padding: 2px 10px 2px 10px;
	margin: 0;
	text-decoration: none;
	float: left;
	text-decoration: none !important
}

#mainApplicationMenu {
	float: left;
	clear: both
}

#mainApplicationMenu a {
	padding: 2px 10px 2px 10px
}

#mainApplicationMenu a:hover {
	padding: 2px 10px 2px 10px;
	box-shadow: 2px 2px 2px 2px #8dd6f5 inset;
	background-color: #1582c0
}

/******************************************************************************
 * Header
 */

#header {
    flex: 0 1 auto;	
	margin: 0;
	padding: 0;
	width: 100%
}

#header table {
	width: 100%;
	margin: 0;
	border: 0
}

#header table td {
	padding-bottom: 5px;
	padding-top: 2px;
}

#logo {
	width: 90px;
	height: 64px;
	background-size: 85px
}

#logo img {
	margin: 0;
	vertical-align: bottom
}

#title {
	height: 40px
}

#title h1 {
	border: 0;
	font-size: 24px;
	margin: 8px 16px 0 30px
}

td#app_options table tbody tr td.item.hit_area a.application_menu_button.popup_trigger.hover_group_trigger.hit_area_target {
	background-color: #403d41;
	border-style: none;
	border-color: #403e41;
	font-weight: normal;
	font-style: normal;
	opacity: 1;
}

td#app_options table tbody tr td.item.hit_area a.hover_group_trigger.hit_area_target.metex_action.navigation_action {
	background-color: #403d41;
	border-style: none;
	border-color: #403e41;
	font-weight: normal;
	font-style: normal;
	opacity: 1;
}

a#upperRightHelpButton.hover_group_trigger.hit_area_target {
	background-color: #403d41;
	border-style: none;
	border-color: #403e41;
	font-weight: normal;
	font-style: normal;
	opacity: 1;
}


#header a:link, #header a:visited {
	text-decoration: none;
}

td#title h1 a {
	position: relative;
	left: 200px;
}

#header a:hover {
	text-decoration: none;
}

#system_alert {
	text-align: center
}

/******************************************************************************
 * Navigation
 */

#navigation {
	height: 24px;
	margin: 3px;
	padding: 3px;
}

#navigation table {
	height: 20px;
	margin-top: 4px;
	margin-left: 8px;
	width: auto;
	font-size: 12px;
	line-height: 12px;
	border-collapse: collapse;
	background: transparent
}

#navigation td.nav_item {
	padding: 4px 8px 0 8px
}

#navigation .side_item {
	width: 16px
}

#navigation td.item {
	font-size: 12px;
	line-height: 12px
}

#navigation .hover, #navigation .nav_popup {

}

#navigation .active {

}

#navigation .left_active {
	background: 0
}

#navigation .right_active {
	background: 0
}

#navigation .activehover, #navigation .activenav_popup {
}

#navigation .disabled {
	color: #BBB
}

/******************************************************************************
 * App Options
 */

#app_options {
	text-align: right;
	vertical-align: top
}

#app_options table {
	width: auto;
	float: right
}

#app_options td.item_left {
	width: 16px;

}

#app_options td.item_right {
	width: 16px;
}

#app_options td.left_hover, #app_options td.left_popup {
}

#app_options td.right_hover, #app_options td.right_popup {
}

#app_options table {
	margin: 0;
	height: 15px;

}

#app_options .hover, #app_options .popup_effect {
}

#app_options table td.item {
	line-height: 16px;
	margin: 5px;
}

#app_options a:hover {
	text-decoration: none
}
	
/******************************************************************************
 * Context Info
 */
 
#header table td#context_info {
	height: 48px;
	padding: 0 0 0 16px;
	text-align: left;
	color: #fff;
	font-weight: bold
}

/******************************************************************************
 * Breadcrumbs
 */

#breadcrumbs {
	background: linear-gradient(#38b148 47.3%, #38af47 100%) !important;
	height: 32px;
	margin: 0;
	width: 100%;
	float: left;
	flex: 0 1 auto;
}

#breadcrumbs td {
	padding: 8px 16px 8px 8px
}

#breadcrumbs td#screen_id {
	text-align: right;
	width: auto;
	padding-right: 16px;
	padding-left: 16px
}

#breadcrumbs td#district_id {
	text-align: right;
	width: 160px;
	padding-right: 32px;
	padding-left: 0
}
	
/******************************************************************************
 * Version
 */

#info {
	margin: 8px 0 0 0
}

#version {
	font-size: 10px;
	line-height: 16px;
	color: #fff;
	position: relative;
	float: none;
	clear: none;
}

/******************************************************************************
 * Window menu
 */

td#window_menu {
	padding: 0 16px 0 0;
	text-align: right;
	vertical-align: top;
	width: 245px
}

#window_menu table {
	margin: 0;
	margin-left: auto;
	height: 24px;
	width: auto;
	background: url('../images/bkg_sprites.gif') 0 -177px
}

#window_menu table td {
	padding: 0 8px;
	border-left: 1px solid #cfcfba;
	border-right: 1px solid #cfcfba
}

#window_menu a:link, #window_menu a:visited {
	text-decoration: none;
	color: #000
}

#window_menu a:hover {
	text-decoration: underline
}

#window_menu .down_arrow {
	margin: 0 4px
}

#window_menu td.hover, #window_menu td.popup_style {
	background: url('../images/bkg_sprites.gif') 0 -201px
}

#window_menu table .disabled {
	color: #888
}

/******************************************************************************
 * Content Area
 */

#content {
    display: flex;
    background: white;
    flex: 1 1 auto;
}
	
/**********************************************************************************
* Page structure
*/

html#page{
	height: 100%;
}

body{
	height: 100%;
}

form#wBudFrame, form#wBamFrame, form#exportImportForm ,form#wBarFrame,form#wBwhFrame, form#wReqFrame, form#wFinFrame{
    height: 100%;
    width: 100%;
    display: flex;
}

div#window {
    height: 100%;
    width: 100%;
    display: flex;
}

div#wBudFrameContent,div#wBwhFrameContent, div#wBamFrameContent, div#wBarFrameContent, div#wBanRec, form#massDeleteForm, form#AMUCRReportForm, form#optionsForm, form#layoutForm, 
form#inquiryForm, form#autoBankRecForm, form#reportParametersForm, form#forecastConversionForm, form#firstForecastForm, form#DistrictInfoForm, form#electronicSignaturesForm, 
form#DA1230Form, form#PMISOptions, form#SessionTimers, form#Login, form#EmailTest, div#wReqFrameContent, form#BundleRequisitionsForm, form#ApproveBundleRequisitionsForm, form#ReceivingForm, 
form#ReversePoForm, form#CreateModifyBidForm, form#RequestVendorQuoteForm, form#VendorResponsesForm, form#AwardBidForm, form#ActualCost, form#RequsitionStatusInquiryForm,
div#wReq4100GenLedgerInquiry_tab_1_tabDiv, form#MassDeleteRequisitionRecordsForm, form#MassReversePendingReqForm, form#MassPurchaseOrderReversalForm, form#Req9310UCRPurRRCommand,
form#Req9330UCRPurRIARCommand, form#Req9320UCRPurRIRCommand, div#wBud6500MassIncreaseDecrease_tab_1_tabDiv, form#firstApproversForm, div#mainDivDA, form#approvalRulesForm, 
form#fileRecoveryForm, form#ReceivingAddressesForm, form#DA1300ACAForm, form#UserProfilesForm, form#StmntPrtOptForm, div#mainDivFin, form#bankCodesForm, form#vendorCategoriesForm,
form#CreditCardCodesForm, div#wFinFrameContent, form#AccountCodesForm, form#vendorInfoForm, form#ChartOfAccountsForm, div#coaMainDiv, form#EFTForm, form#CreditCardForm, 
div#wFin34001099InfoContent, form#CheckProcessingForm, form#NonEmployeeForm, form#approvalPathForm, form#OutstandingPayablesForm, form#GLInquiryForm, 
div#wFin3000VendorInfo_tab_1_tabDiv, form#BudgetAmendmentMaintenanceForm, form#ApproveBudgetAmendmentForm, form#MoveCurrToNewFileIdForm, form#OOBCorrectionForm,
form#FiscalYearCloseForm, form#importJV, form#massActivateInactivateFundForm, form#ImportCashReceiptTransForm, form#PositivePayExportForm, form#wHrs5410EmpStatSurveyForm,
form#eaForm, form#MergeW2FilesForm, form#MassUpdW2EmplSponHlthCare, form#Hrs7950ImpActHrsWrkedForm, form#exportImportForm, form#imputedIncExtForm, 
form#importOnlineLeaveRequestsForm, form#ffcraForm, form#MainDataForm, form#PMISChangePosForm, form#DistrictLogos{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #eaf1f4;
}


div#wBudFrameContent > div, div#wBamFrameContent > div ,div#wBwhFrameContent > div, div#wReqFrameContent > div, div#wFinFrameContent > div {
    width: auto;
    display: flex; 
    height: 100%;
    flex-flow: column;
    overflow:hidden
}

div#wBarFrameContent > div  {
    width: auto;
    display: flex; 
    height: auto;
    flex-flow: column;
    overflow:auto;
}


div#wBudFrameContent > table:only-child,div#wBwhFrameContent > table:only-child, div#wBamFrameContent > table:only-child, div#wBarFrameContent > table:only-child {
	padding-top: 15px;
	display: inline-block;
}


div#wBudFrameContent > div > table ,div#wBarFrameContent > div > table,div#wBwhFrameContent > div > table {
	/*padding-top: 15px;*/
    display: inline-block;
}

div#wBudFrameContent > div > div:only-child,div#wBwhFrameContent > div > div:only-child, div#wBamFrameContent > div > div:only-child, div#wBarFrameContent > div > div:only-child{
    width: 100%;
    display: flex;
    height: 100%;
    flex-flow: column;
}

.tabs> tbody {
    height: 100%;
    display: flex;
    flex-flow: column;
    width: 100%;
}

#wBusBudReportList_dw_report_list_detail li, #wBusBamReportList_dw_report_list li, #wBusBarReportList_dw_report_list li {
    margin: 5px 0px 5px 0px;
}

#wBusBudReportList_dw_report_list_detail a, #wBusBamReportList_dw_report_list a, #wBusBarReportList_dw_report_list a, {
    text-decoration: none;
    color: #2381A5;
    font-size: 14px;
    font-weight: 600;
}
.utilitiesSectionHolder{
	flex: 0 0 57px;
	height: 57px;
	background: white;
	display: flex;
	align-items: center;
	flex-direction: row !important;
	order: -1;
}

.utilitiesSectionHolder > table {
	margin-bottom: 0px;
}

.yAxisOverFlowDiv {
	overflow: auto !important; 
	height: 500px !important;
}

.overflowDiv{
	overflow: auto;
	height:100%;
	padding-top: 15px;
	background: #eaf1f4;
}

.overflowDivParent{
	overflow: hidden !important;
	display: flex;
	width: 100%;
	flex-direction: column;
}

.flexDiv{
	display: flex;
	overflow: hidden;
}

#wStuReportParameter_dw_report_parameter table input{
	width:100px!important;
}
#reportContent table input{
	width:100px!important;
}
/* aus-613 */
.rootContainer .mainCotentContainer {
	justify-content: flex-start!important;
}
/* AMP-964 */
.bottomNotificationContainer .bottomNotificationAlert {
	background-color: #db813b;
	color: #fff;
}
.notificationMessageContainer {
    max-height: 96px;
    overflow-y: auto;
}
.notificationMessageContainer::-webkit-scrollbar {
	width: 5px;
  }
.notificationMessageContainer::-webkit-scrollbar-track {
    background: #414042;
  }  
.notificationMessageContainer::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.5); 
  }
.bottomNotificationContainer #system_alert{
	  width: auto;
	  display: block;
  }
.bottomNotificationContainer  .bottomNotificationMessage{
	  max-height: initial;
	  display: block;
  }
/* AUS-611 #1 */
.topNav .topNavSectionRight{
	font-size: 13px;
}
.topNav .topNavSectionRight .accountDropGroup button{
	font-size: 13px!important;
	font-weight: normal!important;
	font-family: "Nunito", sans-serif!important;
}
/* AUS-611 #3,#4 */
a.medicalAlertBtn,
button.medicalAlertBtn,
.button.medicalAlertBtn{
	display: flex;
    justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: 120px!important;
	height: 25px!important;
	border:2px solid #c32433 !important;
	color: #c32433 !important;
}
a.medicalAlertBtn img,
button.medicalAlertBtn img,
.button.medicalAlertBtn img{
	padding: 0px 4px 0px 0px !important;
    margin-top: 2px !important;
}
/* AUS-611 #6 */
a.saveButton,
a#SaveAllTabsButton,
a#mySaveButton,
.pageUtilitiesButton.saveButton{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 120px!important;
	height: 25px!important;
	border-width: 1px!important;
}
#stuInfoBox > .pageUtilitiesSection:first-child:not(:last-child){
	flex-grow:1.5!important;
}
#stuInfoBox > .pageUtilitiesSection:last-child:not(:first-child){
	flex-grow:1!important;
}
.pageUtilitiesSectionChange .changeButton{
	width: 120px !important;
    height: 25px !important;
}
/* AUS-611 #7,#9 */
.pageUtilitiesB .pageUtilitiesSection:last-child:not(:first-child)>div.retrieveButton {
	margin-left: 60px;
}
#stuInfoBox > .pageUtilitiesSection:last-child:not(:first-child)>div#retrieveButton{
	margin-left: 60px;
}
#stuInfoBox > .pageUtilitiesSection:last-child:not(:first-child)>div#myRetrieveButton{
	margin-left: 50px;
}
#stuInfoBox > .pageUtilitiesSection:last-child:not(:first-child)>div#stuBoxButtons{
	margin-left: 50px;
}
.pageTemplateContainer>.bottomNotificationError{
	max-height: 96px;
    overflow-y: auto;
}
.pageTemplateContainer>.bottomNotificationError::-webkit-scrollbar,
.pageTemplateContainer.noteMsgBox::-webkit-scrollbar {
	width: 5px;
  }
.pageTemplateContainer>.bottomNotificationError::-webkit-scrollbar-track,
.pageTemplateContainer .noteMsgBox::-webkit-scrollbar-track {
    background: #414042;
  }  
.pageTemplateContainer>.bottomNotificationError::-webkit-scrollbar-thumb,
.pageTemplateContainer .noteMsgBox::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.5); 
}
.pageTemplateContainer .noteMsgBox{
max-height: 96px;
overflow-y: auto;
}
