/* Universal TAP CSS */



/* ----- Global ----- */

@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i');

body {
	margin: 0;
	padding: 0;
	width: auto;
	text-align: center;
	font-family: "Roboto", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
body.SelectSlice, .ClientLog, .StackTraceTitle, .StackTrace, .ManagerMobileMenuSlider,
.ManagerContainer, .AttachmentDialog, .ConfirmationDialog, .ImportDialog, .MaxRowsDialog, .ui-widget-content { text-align: left }



/* ----- Site Elements ----- */

.CV_PageHeader { padding: 20px }
.CV_PageWrapper {
	min-width: 950px;
	display: inline-block;
	text-align: left;
	margin: 20px;
	background: #fff;
	box-shadow: 0 0 5px black;
	-moz-box-shadow: 0 0 5px black;
	-webkit-box-shadow: 0 0 5px black;
}
.CV_FooterWrapper {
	margin: 1em 0 1em;
	color: #777;
	text-align: center;
	border-top: 1px solid #ccc;
}
.CV_FooterWrapper p { 
	margin: 1em;
	font-size: 0.9em;
}

.CV_ESVDESC ul, .CV_ESVDESC ol {
	margin-top: 0.35em;
	margin-bottom: 0.35em;
}
.CV_ESVDESC li { padding: 0.25em 0 }

.CV_Uppercase { text-transform: uppercase }
.CV_Lowercase { text-transform: lowercase }

.mobile-redirect {
	position: sticky;
	position: -webkit-sticky;
	left: 40px;
	width: calc(100vw - 80px);
	max-width: 970px;
	padding: 10px 30px;
	margin: 0 20px 20px;
	border-radius: 5px;
	background-color: #d9534f;
	background-image: repeating-linear-gradient(50deg, transparent 0px, transparent 3px, rgba(0,0,0,.075) 5px, transparent 7px, transparent 10px);
	border-color: #d43f3a;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	display: none
}
.mobile-redirect:hover {
	background-color: #c9302c;
	border-color: #ac2925;
	color: #fff;
}
.redirect-link:hover { text-decoration: none }
.FlexGridContainer.table-vertical-align-middle td.FGLC { vertical-align: middle }
.FlexGridContainer.table-fixed-column-first-55 col:first-child { width: 55px !important }
.FlexGridContainer.table-fixed-column-first-65 col:first-child { width: 65px !important } /* flex grid row template helpers */

.LoginPageMessage {
	margin: -20px 0 25px;
	color: #000;
	text-align: center;
	font-size: 11pt;
}
.TermsGrayBackground {
	background:#ededed;
	max-height: 250px; 
	overflow: scroll;
	border-style: solid;
	border-width: 8px;
	border-color: #8e8e8e;
	padding: 10px;
}



/* ----- Core Overrides ----- */


/* Navigation */

.ManagerLogonHeader {
	margin: -10px -10px 0 -10px;
	padding-left: 10px;
	padding-right: 10px;
} /* let the logon header hug the manager container */
.qtip.ManagerMenu { margin-top: 0 }
.SidebarSection.SidebarSectionDevelopment {
	top: -121px;
	left: auto;
	right: 0;
	max-height: 6em;
	overflow: hidden;
	transition: max-height 0.35s ease-out;
} /* reposition and shrink the dev panel */
.SidebarSection.SidebarSectionDevelopment:hover { max-height: 300px } /* expand dev panel on hover */
.SidebarNavigationMobileMode { display: none !important } /* hide core "Switch to Mobile Mode" button in favor of site redirect */


/* Wrappers */

.DocTypeFAST_XDHOM0 .DocumentContentWrapper > 
.ViewContainer > .ViewStackLayout > .ViewStackView:first-child { padding: 0 5px } /* this is a temporary workaround - CV.XDHOM needs to be 950px wide, not 940 as it is currently */
.WebListPanel { margin: 0 0 5px }


/* Launchpads */

.LaunchpadList .DTC { white-space: normal } /* allow long launchpad decodes to wrap instead of cut off the text */


/* Web Requests */

.StepSelectorContainer {
	padding: 5px;
	background: none;
	border-top-width: 1px;
	box-sizing: border-box;
}


/* Doc Groups */

.DocGrpStackEntry.DocGrpArea, .DocGrpStackEntry.DocGrpSummary,
.ControlGridControlLabel.DocGrpAreaTitle > label,
.ControlGridControlLabel.DocGrpSectionTitle > label {
	box-sizing: border-box;
	font-weight: normal;
	text-transform: none;
} /* remove text-transform on outline items */
.DocGrpPointer div.DTC { padding: 5px 3px } /* reduce core padding between outline items */
.DocGrpPointer.DocGrpCollapse .DCC a, .DocGrpPointer.DocGrpExpand .DCC a { padding: 0 } /* shrink collapse and expand icons */
.DocGrpStackEntry .DTC a,
.DocGrpStackEntry .DCC {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.25em;
} /* ellipsis overflow for long outline item decodes */
.DocGrpStackEntry .DCC {
	height: 24px;
	box-sizing: border-box;
	border-radius: 4px;
} /* standardize outline item height and increase border radius */
.DocGrpStackEntry.DocGrpCurrent .DCC { border-radius: 4px 0 0 4px } /* remove right border radius on current outline item */
.DocGrpPointer.DocGrpCurrent .DTC {
	border-left-width: 10px;
	border-top-width: 12px;
	border-bottom-width: 12px;
} /* reduce arrow strength on current outline item */


/* Input */

div.FieldRequiredIndicator, div.FieldErrorIndicator {
	height: 8px;
	width: 8px;
	border: none;
	top: -3px;
	left: -11px;
}
.FGControlCheckboxButton div.FieldRequiredIndicator, FGControlCheckboxButton div.FieldErrorIndicator {
	left: 100%;
	right: auto;
	margin-left: 2px;
}
div.FieldRequiredIndicator:after, div.FieldErrorIndicator:after {
	content: "*";
	color: #f00;
	font-size: 1.6em;
}
table.ConfirmationDialog div.FieldRequiredIndicator, table.ConfirmationDialog div.FieldErrorIndicator {
	left: -12px !important;
	right: auto;
}


/* JQuery Input */

input.DocControlDate.hasDatepicker, td.CellDate input { padding-right: 30px }
button.ui-datepicker-trigger {
	padding-left: 4px;
	padding-right: 4px;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}


/* Buttons */

.FastModal.ui-dialog .ui-dialog-buttonset > .ui-button, button.ActionButton { padding: 7px 12px }
.FastComboButtonSet .ui-button, .FastComboButtonSet .ui-button.ui-state-active {
	padding-top: 2px;
	padding-bottom: 2px;
}
.DocGrpButton > button { padding: 7px }
.NextButton:after, .DocGrpButtonNext>button:after, 
.PreviousButton:before, .DocGrpButtonPrevious > button:before {
	position: relative; 
	top: -1px;
}
.NextButton:after, .DocGrpButtonNext>button:after { margin-left: 7px }
.PreviousButton:before, .DocGrpButtonPrevious > button:before { margin-right: 7px }


/* Images */

.DocFieldLink .ColIconMedium { margin-top: -3px }


/* Flex Grids */

.FGBC { height: 24px } /* increase spacing caused by blank rows */


/* Media Queries */

@media screen and (max-width: 1023px) {
	.mobile-redirect { display: block }
	.SidebarSection.SidebarSectionDevelopment { top: -178px }
}