#TaxFormContainer {
	background: #f2f5fb !important;
	order: 2;
	flex-grow: 10;
}


.TaxFormBackgroundColor {
	background: #f2f5fb;
}

.taxFormDetailDone {
    margin:0px 20px 30px 30px; text-align: justify;
}

.TaxFormParagraphSmallBold
{
	font-family: Open Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 23px;
	letter-spacing: 0px;
	text-align: left;
}

.TaxFormParagraphSmallRegular
{
	font-family: Open Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0px;
	text-align: left;
    width: 620px;
}

#yearEndTaxFormRun_T4TaxFormSummary_RemittanceAmountPaid 
{
    margin-top: -8px; /* Counter the padding without changing padding of the input*/
    padding: 12px 16px;
}

.TaxFormParagraphMediumBold
{
	font-family: Open Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 23px;
	letter-spacing: 0px;
	text-align: left;
}

.TaxFormParagraphMediumRegular
{
	font-family: Open Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;

	letter-spacing: 0px;
	text-align: left;
}

.TaxFormHeading4
{
	/* heading.primary/h4 */
	font-family: Source Serif Pro;
	font-style: normal;
	font-weight: 700;
	font-size: 25px;
	/* or 132% */
    text-align: center;

	/* shades/black */
	color: #141C24;
}

.TaxFormHeading5
{
	width: 20px;
	font-family: Open Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px;
	letter-spacing: 0px;
	text-align: left;
    margin-left: -4px; /* offset the built-in margin */
}

.TaxFormLargeHeadingContainer
{
	text-align: center;
	padding: 8px;
    margin-top: 40px;
}

.TaxFormLargeHeading
{
	font-size:2.15em;
}

#enterYouRemittanceBalance {
    margin-top: 40px;
}

#optingInOutOfFilingTaxes {
    margin-bottom: 40px;
}

#helpArticleContainer {
    margin-top: 16px;

}

.TaxFormBannerInlineInfoLight
{
	/* banner-inline/info/light */

	width: 650px;
    height: 60px;
    margin-top: 20px;
	/* Auto Layout */

	display: flex;
	flex-direction: row;

	padding: 0px 0px 0px 16px;


	/* shades/3 */

	background: #DCE4EC;


	/* shades/5 */

	border: 2px solid #AAB2BA;
	box-sizing: border-box;
	border-radius: 8px;
}

.taxFormReviewConfirmContainer {
    display: flex;
    justify-content: center;
    margin-top: -20px;
}

#sideBarErrorSection > label,  #sideBarWarningSection > label  {
    font-family: Open Sans;
    font-size: 11px !important;
    font-weight: 400;
}


.TaxFormBannerInlineInfoLightCaution
{
	/* banner-inline/info/light */
    height: 60px;
	width: 650px;
	/* Auto Layout */

	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px 0px 0px 16px;

	/* shades/3 */

	background: #F08080;

	/* shades/5 */

	border: 2px solid #AAB2BA;
	box-sizing: border-box;
	border-radius: 8px;
}


.TaxFormBannerInlineText
{
	width: 560px;
	/* Check out our Help article on getting your CRA remittance balance */

	height: 60px;
	left: 56px;
	right: 86px;
	top: 16px;

	/* paragraph/primary/regular */

	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 26px;
	/* or 162% */

	display: flex;
	align-items: center;

	/* shades/black */

	color: #141C24;

	/* Inside Auto Layout */

	flex: none;
	order: 1;
	align-self: center;
	flex-grow: 0;
	margin: 8px 0px;
}

.TaxFormBannerInlineTextIndent {
	text-indent: 7px;
}

.TaxFormBannerInlineLink
{
	/* View */

	width: 54px;
	left: 593px;
	top: 20px;

	/* link/primary/active */
	font-family: Open Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	/* identical to box height, or 162% */
	display: flex;
	align-items: center;
	text-align: right;

	/* Brand/Deep blue */
	color: #09247C;

	/* Inside Auto Layout */
	flex: none;
	order: 2;
	align-self: flex-end;
	flex-grow: 0;
	margin: 16px 0px;
}

.TaxFormEmailPaper
{
	/* Rise will only be able to print hard copy tax forms for active employees. Tax slips for terminated employees can be accessed at any time from View Non-electronic Slips. */

	width: 664px;
	height: 45px;
	left: 105px;
	bottom: 454px;
    padding-bottom: 20px;
	text-indent: 28px;

	/* paragraph/small/regular */
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 23px;
	/* or 164% */
    color: #000000;
}

.TaxFormReviewQuestion
{
	width: 400px;
	height: 23px;
	left: 428px;
	top: 319px;

	/* paragraph/small/regular */
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 23px;
	/* identical to box height, or 164% */

	/* shades/black */
	color: #141C24;
}

.TaxFormReviewAnswer
{
	width: 200px;
	height: 23px;
	left: 926px;
	top: 324px;

	/* paragraph/small/bold */
	font-family: Open Sans;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 23px;
	/* identical to box height, or 164% */

	color: #000000;
}

.TaxFormReviewConfirm
{
	/* I confirm that all of the information I have provided is accurate. I understand that once I submit the tax form run, the data cannot be modified. Any further changes will require the creation of an amended run */

	width: 560px;
	height: 69px;
	left: 8px;
	top: 8px;

	/* paragraph/small/semibold */
	font-family: Open Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 23px;
	/* or 164% */
	display: flex;
	align-items: center;

	/* shades/6 */
	color: #636B73;

	/* Inside Auto Layout */
	flex: none;
	order: 0;
	align-self: center;
	flex-grow: 0;
	margin: 10px 0px;
}


.TaxFormMyRemittanceBalance {
	/* Label */

	height: 21px;
	left: 8px;
	right: 8px;
	top: 8px;

	/* overline.primary/regular */
	font-family: Open Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	line-height: 21px;
	/* identical to box height, or 162% */

	/* shades/6 */
	color: #636B73;
}

.TaxFormTaxFormTaxInfoContainer
{
	padding: 8px;
}

.TaxFormTaxFormTaxInfo {
    margin: 8px;
    width: 243px;

	/* shades/white */
	background: #FFFFFF;
}

.TaxFormTaxFormTaxInfoLabel
{
	left: 6.58%;
	right: 73.66%;

	/* paragraph/xx-small/bold */
	font-family: Open Sans;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	/* identical to box height, or 164% */

	/* shades/5 */
	color: #AAB2BA;
}

.TaxFormTaxFormTaxInfoText
{
	left: 6.58%;
	right: 75.31%;

	/* paragraph/x-small/semibold */
	font-family: Open Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	line-height: 21px;
	/* identical to box height, or 162% */

	/* shades/black */
	color: #141C24;
}

#backButtonContainer {
    width: 1393px; /* aligns the back button with the left wrapper even when zooming in and out.  */
    display: flex;
    flex-direction: row;

}

.TaxFormAppoveButtonContainer > div > #finalizeYearEndTaxFormRun {
    margin-left: 671px;
}

.TaxFormCompleteButtonContainer > div > #finalizeYearEndTaxFormRun {
    margin-left: 441px;
}

.TaxFormWrapper {
  display: flex;
  background:  #f2f5fb;
    justify-content: center;
  /* TODO: the requirement is to center, but the way the left and right sides are implemented make this difficult  */
  /*       They Payroll Index page centers it's contents properly; it could server as a pattern for rearchitecting */
  /*       In the meantime, push it over a bit.                                                                    */
  margin: auto;
    padding-bottom: 10px;
}

.TaxFormWrapperLeft 
{
  margin-bottom: auto;
  background: #FFFFFF;
  border:8px solid #f2f5fb;
    width: 1110px;
}

#TaxFormLeftContent {
    margin: 0 45px;
}

.TaxFormLeftContent {
	padding: 16px;
}

.TaxFormWrapperApproveLeft {
    margin-left: -1155px; /* keeps the page consistent after zooming in and out */
}

.TaxFormWrapperApproveRight {
    margin-left: auto;
    margin-right: 270px;
}


.TaxFormReviewWrapperLeftHeight, .TaxFormReviewWrapperLeft, .TaxFormReviewLeftContent
{
	height: 530px;
}



.TaxFormReviewWrapperLeft 
{
  width: 1110px;
  height: auto;
  background: #FFFFFF;
  border: 8px solid #f2f5fb;
  justify-content: center;
  flex-direction: column;
}

.TaxFormReviewLeftContent {
	padding: 16px;
}

.TaxFormDoneWrapperLeft {
  flex:  0 0;
  background: #FFFFFF;
  border:8px solid #f2f5fb;
  margin-bottom: auto;
  padding-top: 10px;
}

.TaxFormDoneLeftContent {
	padding: 16px;
	width: 800px;
}

.TaxFormEndPadding {
	padding: 16px;
}

.TaxFormReviewEndPadding {
	padding: 16px;
	height: 900px;
}

.TaxFormDoneEndPadding {
	padding: 16px;
	height: 900px;
}

#taxFormBubbleContainer {
    display: flex;
    margin-top: 5px;
    align-items: center;

}

.TaxFormStatusBubble
{
	/* light/info/default */

	/* Auto Layout */


	padding: 4.5px 2.5px;
    justify-content: center;

	/* Brand/Deep blue */
	background: #09247C;
	border-radius: 32px;

	/* In Progress */

	width: 96px;
	height: 16px;

    font-family: Open Sans;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;

	/* identical to box height, or 160% */
	display: flex;

	letter-spacing: 1px;
	text-transform: uppercase;
    
	/* shades/white */
	color: #FFFFFF;



}

.TaxFormTaxFormTaxInfoViewLink
{
	/* view */

	left: 37.86%;
	right: 50.62%;
	top: 89.76%;
	bottom: 5.95%;

	
	line-height: 18px;
	/* identical to box height, or 150% */
	letter-spacing: 0.25px;
	text-decoration-line: underline;

	color: #000000;
}

.TaxFormTaxFormTaxInfoViewLink > a,
.TaxFormErrorsViewLink > a{
    font-family: Open Sans;
    font-weight: 600;
    font-size: 11px;
}

.ViewLinksContainerLinks > a
{
    font-family: Open Sans;
    font-size: 11px !important;
    font-weight: 400;
}

.TaxFormButton
{
	/* light/btn-primary/label/active */

	height: 36px;
	width: 100px;

	/* Brand/Deep blue */
	background: #09237C;
	border-radius: 8px;

	/* paragraph/primary/semibold */
	font-family: Open Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	/* identical to box height, or 162% */
	align-items: center;

	/* shades/white */
	color: #FFFFFF;
}

#errorContainer, #warningContainer {
    margin-top: 16px;
}

button.TaxFormButton:hover {
  background: #3A4F96;
}

button.TaxFormButton:disabled {
  background: #dddddd;
}

.TaxFormSaveButton
{
	/* light/btn-primary/label/active */

	height: 36px;
	width: 100px;

	/* Brand/Deep blue */
	background: #09237C;
	border-radius: 8px;
    border: 0;
	/* paragraph/primary/semibold */
	font-family: Open Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	/* identical to box height, or 162% */
	align-items: center;

	/* shades/white */
	color: #FFFFFF;

    margin-top: -20px;
}

button.TaxFormSaveButton:hover {
  background: #3A4F96;
}

.TaxFormSavedButton
{
	/* light/btn-primary/label/active */

	height: 36px;
	width: 100px;

	/* System/success-shade  */
	background: #42BC79;
	border-radius: 8px;

	/* paragraph/primary/semibold */
	font-family: Open Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	/* identical to box height, or 162% */
	align-items: center;

	/* shades/white */
	color: #FFFFFF;
}

button.TaxFormSavedButton:hover {
  background: #67c87d;
}

.TaxFormSavedButtonImage 
{
	position: relative;
	left: -3px;
	bottom:-3px;
}

.TaxFormSavedButtonText {

	font-family: Open Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	/* identical to box height, or 162% */
}


.TaxFormFinalizeButtonContainer {
	 margin-left: 26px; margin-right: 26px; text-align: justify;
}

.completeOption {
    height: 36px;
    width: 250px;
}

.TaxFormVector {

	height: 0px;
	top: 270px;
    margin: 40px 0;
	/* shades/3 */
	border: 1px solid #DCE4EC;
}

.TaxFormVectorReview
{
	width: 600Px;
	/* shades/3 */
	border: 6px solid #DCE4EC;
}

.TaxFormReviewAnswerContainer 
{
	text-align: center;
}

.TaxFormReviewBorderQuestion
{
	border: 1px solid #DCE4EC;
	width: 550Px;
    padding: 20px;
}

.TaxFormReviewBorderAnswer
{
	border: 1px solid #DCE4EC;
	width: 100Px;
}

.TaxFormReviewBannerInlineInfoLight
{
	/* banner-inline/info/light */

	width: 650px;
	/* Auto Layout */

	display: flex;
	flex-direction: row;
	align-items: flex-start;
	margin: 26px;

	/* shades/3 */

	background: #DCE4EC;

}

.TaxFormDetailOptionYesLine2Indent {
	padding: 0px 25px;
}

.TaxFormDetailOptionNoLine2Indent {
	padding: 0px 25px;
}

.TaxFormReviewWrapperLeft > fieldset {
    border-width: 0px !important;
}

.TaxFormReviewWrapperLeft > fieldset > #taxFormDetailReview {
    display: flex;
    justify-content: center;
}

#confirmOption {
    margin-right: 15px;
}

#finalizeYearEndTaxFormRun {
    margin-left: 193px;
}

#taxFormReviewTitle {
    margin-top: 30px;
}

div.validationMessage {
    margin: 0 !important /* override the built-in margin */
}