/* HP HEADER */

.global_oxpd_masthead {
	background-color: #302980;
	padding: 0 20px;
	height: 74px;
	min-height: 74px;
	flex-basis: 74px;
	-webkit-flex-basis: 74px;
}

.global_oxpd_masthead.lg {
	height: 58px;
	min-height: 58px;
	flex-basis: 58px;
	-webkit-flex-basis: 58px;
}

.global_oxpd_masthead #page_title {
	padding-left: 16px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}

.global_oxpd_masthead #page_title.md,
.global_oxpd_masthead #page_title.sm {
	padding-left: 6px;
}

.global_oxpd_masthead #page_title.xl {
	letter-spacing: 2px;
}

.global_oxpd_masthead .hp-button.md,
.global_oxpd_masthead .hp-button.sm {
    margin: 0px 8px !important;
    height: 32px !important;
    min-width: 32px !important;
}

.hp-header {
	border-bottom: none;
	padding: 5px 37px 5px 20px;
	height: 62px;
	flex-basis: 62px;
	-webkit-flex-basis: 62px;
}

.hp-header.md,
.hp-header.sm {
	padding: 8px 46px 8px 30px;
	height: 64px;
	flex-basis: 64px;
	-webkit-flex-basis: 64px;
}

.headerTitle {
	font-size: 28px;
	font-weight: 700;
	margin-left: 23px;
}

#MainPanel.md,
#MainPanel.sm {
	zoom: 0.725;
}

#home_button:focus {
	outline: none;
	opacity: 1;
}

#page_title .hp-label-text {
    font-size: 28px;
}

#page_title.md .hp-label-text,
#page_title.sm .hp-label-text {
	font-size: 20px;
}

#menuButton {
	background-color: transparent;
	border-radius: 0;
	width: auto;
	height: 27px;
	margin-left: 67px;
	min-width: 40px;
	overflow: visible;
}

#menuButton .hp-button-text {
    font-size: 28px;
    font-weight: 700;
    margin-left: 23px;
	color: #000000;
	line-height: 1;
	overflow: visible;
}

#menuButton .hp-button-text > span {
	font-weight: 400;
	padding-left: 5px;
}

#menuButton:focus {
	outline: none;
}

#resetButton {
	margin-left: auto;
	background-color: transparent;
	border-radius: 0;
	width: 33px;
	height: 35px;
	min-width: 33px;
	outline: none;
	
}

#resetButton.rotate {
	transform: rotate(180deg);
	transition: all 0.3s ease-in-out;
}

#printButton,
#signinButton,
#copyButton,
#sendButton {
	background-color: #99C28B;
	font-size: 28px;
	line-height: 1;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	height: 70px;
	min-width: 205px;
	padding: 0 45px 0 55px;
	display: flex;
	display: -webkit-flex;
    flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
    justify-content: center;
	-webkit-justify-content: center;
}

#printButton.xl .hp-button-text,
#printButton.lg .hp-button-text,
#signinButton.xl .hp-button-text,
#signinButton.lg .hp-button-text,
#copyButton.xl .hp-button-text,
#copyButton.lg .hp-button-text,
#sendButton.xl .hp-button-text,
#sendButton.lg .hp-button-text {
	min-width: auto;
}

#printButton.md,
#printButton.sm,
#copyButton.md,
#copyButton.sm,
#sendButton.md,
#sendButton.sm {
	zoom: 0.78;
	border-bottom-left-radius: 20px;
	min-width: 205px;
	padding: 0px 60px 0 55px;
}

#copyButton.md,
#copyButton.sm,
#sendButton.md,
#sendButton.sm {
	min-width: 190px;
}

#signinButton.md {
	zoom: 0.78;
	border-bottom-left-radius: 20px;
	min-width: 120px;
	padding: 0px 95px 0 90px;
}

#signinButton.sm {
	zoom: 0.78;
	border-bottom-left-radius: 20px;
	min-width: 120px;
	padding: 0px 55px 0 60px;
}

#printButton .hp-button-arrow,
#signinButton .hp-button-arrow,
#copyButton .hp-button-arrow,
#sendButton .hp-button-arrow {
	background-color: #99C28B;
	width: 14px;
	height: 23px;
	margin: 23px 5px;
}

#printButton:focus,
#signinButton:focus,
#copyButton:focus,
#sendButton:focus {
	outline: none;
	background-color: #679B54;
}

#printButton:focus .hp-button-arrow,
#signinButton:focus .hp-button-arrow,
#copyButton:focus .hp-button-arrow,
#sendButton:focus .hp-button-arrow {
	background-color: #679B54;
}

#continueButton,
#otpContinueButton {
	color: #FFFFFF;
	background-color: #99C28B;
	font-size: 28px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	height: 70px;
	min-width: 145px;
    padding: 0 70px 0 80px;
}

#continueButton.md,
#continueButton.sm,
#otpContinueButton.md,
#otpContinueButton.sm {
	zoom: 0.78;
	border-bottom-left-radius: 20px;
	min-width: 150px;
	padding: 0 80px 0 85px;
}

#continueButton .hp-button-arrow,
#otpContinueButton .hp-button-arrow {
	background-color: #99C28B;
	width: 14px;
	height: 23px;
	margin: 23px 0;
}

#continueButton:focus,
#otpContinueButton:focus {
	outline: none;
	background-color: #679B54;
}

#continueButton:focus .hp-button-arrow,
#otpContinueButton:focus .hp-button-arrow {
	background-color: #679B54;
}

#continueButton.hp-disabled,
#otpContinueButton.hp-disabled {
	background-color: #CCCCCC;
}

#continueButton.hp-disabled .hp-button-text,
#otpContinueButton.hp-disabled .hp-button-text {
	color: #FFFFFF;
}

#continueButton.hp-disabled .hp-button-arrow,
#otpContinueButton.hp-disabled .hp-button-arrow {
	background-color: #CCCCCC;
}

/* BUTTON GROUP & SLIDER */

.slider-buttons {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	padding: 34px 104px;
}

.slider-buttons.hd {
	padding: 17px 110px;
}

.slider-buttons.lg {
	padding: 65px 60px;
}

.slider-buttons.md,
.slider-buttons.sm {
	padding: 0px 36px;
}

.slider-navigation {
	position: absolute;
	width: 70px;
	height: 70px;
}

.slider-navigation.md,
.slider-navigation.sm {
	width: 40px;
	height: 40px;
}

.slider-navigation.previous {
	left: 33px;
	top: 50%;
	margin-top: -104px;
}

.slider-navigation.previous.lg {
    left: 0px;
    margin-top: -95px;
}

.slider-navigation.previous.md,
.slider-navigation.previous.sm {
    left: 15px;
    margin-top: -58px;
}

.slider-navigation.next {
	right: 33px;
	top: 50%;
	margin-top: -104px;
}

.slider-navigation.next.lg {
    right: 0px;
    margin-top: -95px;
}

.slider-navigation.next.md,
.slider-navigation.next.sm {
    right: 15px;
    margin-top: -58px;
}

.slider-navigation .hp-button {
	background-color: transparent;
	outline: none;
	margin: 0;
	padding: 0;
	width: 70px;
	height: 70px;
	text-align: center;
}

.slider-navigation .hp-button.md,
.slider-navigation .hp-button.sm {
	width: 40px;
	height: 40px;
}

.slider-navigation .hp-button .hp-button-icon {
	float: none;
}

.button-group {
	position: relative;
	width: 200px;
	height: 200px;
	margin: 15px 34px;
}

.button-group.md,
.button-group.sm {
	width: 140px;
	height: 140px;
}

.button-group.lg {
	margin: 15px 13px;
}

.button-group.md,
.button-group.sm {
	margin: 15px 28px;
}

.button-group.hidden {
	display: none;
}

.button-group .hp-button {
	background-color: #fff;
	color: #000;
	border: 3px solid #302980;
	border-radius: 15px;
	margin: 0;
	outline: none;
	text-align: center;
    display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
}

.button-group .hp-button:focus {
	background-color: #EAE9F1;
}

.button-group .hp-button.xl,
.button-group .hp-button.lg {
	height: 194px;
    min-width: 194px;
}

.button-group .hp-button.md,
.button-group .hp-button.sm {
	height: 134px;
    min-width: 134px;
	border-radius: 10px;
}

.button-group .hp-button .hp-button-icon {
	float: none;
	width: auto;
	height: auto;
	align-self: center;
	-webkit-align-self: center;
}

.button-group .hp-button .hp-button-icon.md,
.button-group .hp-button .hp-button-icon.sm {
	height: 32px;
}

.button-group .hp-button .hp-button-text {
	color: #000;
	float: none !important;
	height: auto;
	padding: 0;
	font-size: 24px;
	font-weight: 400;
    position: absolute;
    bottom: 15px;
    right: 0;
    left: 0;
}

.button-group .hp-button .hp-button-text.md,
.button-group .hp-button .hp-button-text.sm {
	font-size: 22px;
	bottom: 10px;
}

.button-group .title {
	font-size: 20px;
	font-weight: 700;
	color: #302980;
    position: absolute;
    z-index: 10;
	text-align: center;
	left: 0;
	right: 0;
	top: 26px;
	pointer-events: none;
}

.button-group .title.md,
.button-group .title.sm {
	font-size: 18px;
	top: 14px;
}

.button-group .dots-menu {
	position: absolute;
	z-index: 10;
	right: 23px;
	top: 50%;
	margin-top: -19px;
	pointer-events: none;
}

.button-group .dots-menu.md,
.button-group .dots-menu.sm {
	right: 15px;
	margin-top: -15px;
}

.button-group .dots-menu.md img,
.button-group .dots-menu.sm img {
	height: 25px;
	width: auto;
}

/* HP LIST */

.hp-list {
	zoom: 1 !important;
	padding: 5px 35px;
}

.hp-list.lg {
	padding: 16px 35px;
}

.hp-list.md,
.hp-list.sm {
	padding: 0 43px;
}

.hp-listitem >.hp-listitem-container {
	padding-left: 2px;
}

.hp-listitem {
	border-bottom: none !important;
	margin: 6px 0 7px;
}

.hp-listitem.lg {
	margin: 3px 0 4px;
}

.hp-listitem.md,
.hp-listitem.sm {
	margin: 2px 0 3px;
	padding: 1px 3px;
}

.hp-listitem-title {
	font-size: 28px;
	color: #000000 !important;
	padding-bottom: 10px;
}

.hp-listitem-title.lg {
	padding-bottom: 3px;
}

.hp-listitem-title.md,
.hp-listitem-title.sm {
	padding-bottom: 5px;
	overflow: visible !important;
}

.hp-listitem-text {
	font-size: 22px;
	color: #666666 !important;
}

.hp-listitem.hp-selected,
.hp-listitem:active,
.hp-listitem.hp-listitem-active{
	background-color: #EAE9F1;
}

.hp-listitem:focus,
.hp-listitem.hp-focused-item {
	outline: none !important;
}

.hp-listitem.hp-selected + .listButton > .hp-button,
.hp-listitem.hp-listitem-active + .listButton > .hp-button {
	visibility: hidden;
}

/* LIST BUTTON */

.listButton {
	text-align: right;
	height: 1px;
	pointer-events: none;
	background-color: #302980 !important;
}

.listButton .hp-button {
	background-color: transparent !important;
	border-radius: 0;
	width: 50px;
	height: 50px;
	top: -70px;
	right: 4px;
	pointer-events: all;
	min-width: 50px;
	margin-left: auto;
    display: flex;
	display: -webkit-flex;
    justify-content: center;
	-webkit-justify-content: center;
    align-items: center;
	-webkit-align-items: center;
}

.listButton .hp-button .hp-button-icon {
	width: 36px;
	height: 36px;
}

.listButton .hp-button.lg,
.listButton .hp-button.md,
.listButton .hp-button.sm {
	top: -63px;
}

.listButton .hp-button:focus,
.listButton .hp-button:active {
	outline: none !important;
}

/* HP FOOTER */

.global_oxpd_footer {
	display: none;
}

.hp-footer {
	background-color: transparent;
	border-top: none;
	position: absolute;
	bottom: 35px;
	right: 87px;
	left: 35px;
	height: auto !important;
}

.hp-footer.md {
	bottom: 20px;
	right: 90px;
	left: 25px;
}

.hp-footer.sm {
	bottom: 20px;
	right: 20px;
	left: 25px;
}

.hp-footer .eprint-icon {
	width: 100%;
	align-items: end;
	-webkit-align-items: end;
	display: flex;
    display: -webkit-flex;
}

.hp-footer .eprint-icon.md img,
.hp-footer .eprint-icon.sm img {
	width: 170px;
	height: auto;
}

/* NO PRINT JOBS */

#noPrintJobs {
	color: #CCCCCC;
	font-size: 22px;
	padding: 35px 45px;
	position: absolute;
}

#noPrintJobs.md,
#noPrintJobs.sm {
	font-size: 20px;
	padding: 15px 30px;
}

/* OPTIONS */

.print-options {
	background-color: rgba(255, 255, 255, 0.75);
	z-index: 50;
}

.print-options.md,
.print-options.sm {
	zoom: 0.7;
}

.options-container {
	background-color: #FFF;
	margin: 0 auto;
	max-width: 650px;
	border: 1px solid #662d91;
}

.options-container.md,
.options-container.sm {
	max-width: 100%;
}

.options-header {
	font-size: 22px;
	color: #666666;
	background-color: transparent;
	height: 60px !important;
	line-height: 1.2;
}

.options-header.lg {
	height: 65px !important;
}

.options-header.md,
.options-header.sm {
	height: 43px !important;
}

.options-header.sm {
	font-size: 18px;
}

.options-header > div {
	margin: 0 auto;
}

.options-list {
	padding: 0 15px;
	height: auto !important;
}

.options-list.xl {
	height: 506px !important;
}

.options-list.lg {
	padding: 2px 35px;
	height: 359px !important;
}

.options-list.md {
	height: 189px !important;
}

.options-list.sm {
	height: 143px !important;
}

.options-list ul {
	border-top: 1px solid #302980;
	padding-bottom: 1px;
}

.options-list .hp-listitem {
	padding: 20px 17px;
}

.options-list .hp-listitem.lg {
	padding: 17px;
}

.options-list .hp-listitem.md,
.options-list .hp-listitem.sm {
	padding: 15px 10px;
}

.options-list .hp-listitem-title {
	padding-bottom: 0;
	padding-left: 65px;
	overflow: visible !important;
}

.options-list .hp-listitem-title.sm {
	padding-left: 45px;
}

.hp-listitem .hp-listitem-icon {
	height: auto !important;
	position: absolute;
}

.optionsButton {
	text-align: right;
	height: 1px;
	pointer-events: none;
	background-color: #302980 !important;
}

#optionsButtonCopies {
	top: -65px;
	right: 14px;
	pointer-events: none;
	position: relative;
}

#optionsButtonCopies.lg,
#optionsButtonCopies.md,
#optionsButtonCopies.sm {
	top: -59px;
}

#optionsButtonCopies.md,
#optionsButtonCopies.sm {
	right: 8px;
}

#optionsButtonCopies .hp-button {
	background-color: transparent;
	border-radius: 0;
	width: 37px;
	height: 37px;
	pointer-events: all;
	min-width: 37px;
}

#optionsButtonCopies .hp-button:focus {
	outline: none !important;
}

#optionsButtonCopies .hp-button:focus img {
	visibility: hidden;
}

#optionCopiesMinus:focus {
	background-image: url(lib/assets/MinusBtnPressed.png);
}

#optionCopiesPlus:focus {
	background-image: url(lib/assets/PlusBtnPressed.png);
}

.optionsButton #optionsButtonCopies .hp-label {
	color: #302980;
	font-size: 28px;
	min-width: 90px;
	display: inline-block;
	text-align: center;
	position: relative;
	top: -11px;
	left: 0;
}

.optionsButton .hp-label.md,
.optionsButton .hp-label.sm {
	min-width: 70px;
}

.optionsButton .hp-label {
	color: #302980;
	font-size: 28px !important;
	top: -60px;
	right: 18px;
	pointer-events: none;
	position: relative;
}

.optionsButton .hp-label.lg {
	top: -53px;
}

.optionsButton .hp-label.md,
.optionsButton .hp-label.sm {
	top: -51px;
}

.optionsButton .hp-label.md,
.optionsButton .hp-label.sm {
	right: 12px;
}

#optionDeleteButton {
	width: 28px;
	height: 42px;
	top: -68px;
	right: 18px;
	pointer-events: all;
	position: relative;
	background-color: transparent;
	border-radius: 0;
	min-width: 28px;
}

#optionDeleteButton.lg,
#optionDeleteButton.md,
#optionDeleteButton.sm {
	top: -63px;
}

#optionDeleteButton.md,
#optionDeleteButton.sm {
	right: 12px;
}

#optionDeleteButton:focus {
	outline: none !important;
	background-image: url(lib/assets/DeleteBtnPressed.png);
}

#optionDeleteButton:focus img {
	visibility: hidden;
}

.optionsButton .hp-checkbox {
	top: -67px;
	right: 12px;
	pointer-events: none;
	position: relative;
}

.optionsButton .hp-checkbox.lg,
.optionsButton .hp-checkbox.md,
.optionsButton .hp-checkbox.sm {
	top: -60px;
}

.optionsButton .hp-checkbox.md,
.optionsButton .hp-checkbox.sm {
	right: 6px;
}

.hp-checkbox .hp-checkbox-input {
	width: 38px !important;
	height: 38px !important;
}

.hp-checkbox .hp-checkbox-input:focus {
	outline: none !important;
}

.style-2.hp-checkbox {
	height: 34px !important;
}

.style-2 .hp-checkbox-input {
	background-image: url(lib/assets/checkbox_inactive_2.png);
}

.style-2 .hp-checkbox-input:checked {
    background-image: url(lib/assets/checkbox_active_2.png);
}

.style-2.hp-checkbox .hp-checkbox-input {
	width: 28px !important;
	height: 28px !important;
}

.style-2 .hp-checkbox-text {
	color: #FFF;
	font-size: 18px !important;
	margin: 5px 10px !important;
	padding: 0 !important;
}

.options-done.hp-button {
	background-color: #ccc;
	font-size: 28px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	height: 70px;
	min-width: 120px !important;
	padding: 0 40px 0 40px !important;
	margin-left: auto;
	margin-right: auto;
}

.options-done.hp-button.md,
.options-done.hp-button.sm {
	zoom: 0.92;
	height: 62px;
	border-bottom-left-radius: 15px;
}

.options-done.hp-button .hp-button-text {
	color: #000 !important;
	min-width: 100px !important;
}

.options-done.hp-button:focus {
	outline: none;
	background-color: #999999;
}

.hp-footer.options-footer {
	position: relative;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
	height: auto;
	padding: 15px 0 35px;
}

.hp-footer.options-footer.lg {
	padding: 10px 0 30px;
}

.hp-footer.options-footer.md,
.hp-footer.options-footer.sm {
	padding: 5px 0 15px;
}

/* CUSTOM OPTIONS STATES */

#optionSides.hp-selected,
#optionColor.hp-selected,
#optionName.hp-selected,
#optionCopies.hp-selected,
#optionSize.hp-selected,
#accountUser.hp-selected,
#accountCredits.hp-selected,
#accountDetails.hp-selected,
#optionScanSided.hp-selected,
#optionCopySided.hp-selected,
#optionCollatePages.hp-selected,
#optionPromtPages.hp-selected,
#optionPreviwCopy.hp-selected,
#optionRemoveBlanks.hp-selected,
#optionJobBuild.hp-selected {
	background-color: transparent;
}

#optionCopies:active,
#optionName:active,
#accountUser:active,
#accountCredits:active {
	background-color: transparent;
}

#optionSides:active,
#optionColor:active,
#optionSize:active,
#accountDetails:active,
#optionScanSided:active,
#optionCopySided:active,
#optionCollatePages:active,
#optionPromtPages:active,
#optionPreviwCopy:active,
#optionRemoveBlanks:active,
#optionJobBuild:active {
	background-color: #EAE9F1;
}

/* DIALOG */

.print-dialog {
	background-color: rgba(255, 255, 255, 0.75);
	z-index: 50;
}

.print-dialog.md,
.print-dialog.sm {
	zoom: 0.7;
}

.print-dialog .hp-content {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}

.dialog-container {
	background-color: #99C28B;
	margin: 0 auto;
	max-width: 650px;
	width: 100%;
	position: relative;
}

.dialog-container.md {
	max-width: 600px;
}

.dialog-container.sm {
	max-width: 430px;
}

.dialog-header {
	font-size: 28px;
	font-weight: 700;
	color: #FFFFFF;
	background-color: transparent;
	height: auto!important;
	padding: 55px;
}

.dialog-header.md,
.dialog-header.sm {
	padding: 30px;
}

.dialog-header > div {
	margin: 0 auto;
}

.dialog-content {
    font-size: 22px;
    color: #FFFFFF;
}

.dialog-content.md {
	font-size: 20px;
	padding-bottom: 10px;
}

.dialog-content.sm {
	font-size: 18px;
	padding-bottom: 10px;
}

.dialog-content .loading,
.loading-content .loading {
	text-align: center;
	margin: 0 auto;
 	width: 90px;
}

.dialog-content .loading > div,
.loading-dialog .loading > div {
	margin: 0 4px;
	width: 14px;
	height: 14px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: epc-bouncedelay 1.4s infinite ease-in-out both;
    animation: epc-bouncedelay 1.4s infinite ease-in-out both;
}

#loadingDialog .loading > div {
	background-color: #99C28B;
}

.dialog-content .loading .bounce1,
.loading-dialog .loading .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.dialog-content .loading .bounce2,
.loading-dialog .loading .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes epc-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes epc-bouncedelay {
    0%, 80%, 100% { 
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% { 
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.dialog-content .loading.md,
.dialog-content .loading.sm {
	zoom: 1.45;
}

.dialog-content .loading > * {
	margin: 0 auto;
}

.dialog-done.hp-button {
	background-color: #fff;
	font-size: 28px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	height: 70px;
	min-width: 140px !important;
	padding: 0 30px 0 30px !important;
	margin-left: 24px;
	margin-right: 24px;
}

.dialog-done.hp-button.md,
.dialog-done.hp-button.sm {
	zoom: 0.8;
	height: 70px;
	border-bottom-left-radius: 15px;
	font-size: 34px;
}

.dialog-done.hp-button .hp-button-text {
	color: #000 !important;
	min-width: 0 !important;
	min-width: 120px !important;
}

.dialog-done.hp-button .hp-button-text.md,
.dialog-done.hp-button .hp-button-text.sm {
	min-width: 140px !important;
}

.dialog-done.hp-button:focus {
	outline: none;
	background-color: #cccccc;
}

.hp-footer.dialog-footer {
	position: relative;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
	height: auto;
	padding: 65px 0 40px;
	display: flex;
	display: -webkit-flex;
    justify-content: center;
	-webkit-justify-content: center;
}

.hp-footer.dialog-footer.md,
.hp-footer.dialog-footer.sm {
	padding: 30px 0;
}

/* AUTHENTICATION */

.authentication-header {
	font-size: 28px;
	color: #CCCCCC;
    padding: 70px 88px 62px;
}

.authentication-header.lg {
	padding-bottom: 15px;
}

.authentication-header.md {
	font-size: 19px;
	padding: 20px 30px 20px;
}

.authentication-header.sm {
	font-size: 19px;
	padding: 20px 30px 0px;
}

.authentication-header br.md,
.authentication-header br.sm {
	display: none;
}

.authentication-icon {
	text-align: center;
}

.authentication-icon.md img {
	width: 125px;
	height: auto;
}

.authentication-icon.sm img {
	width: 95px;
	height: auto;
}

/* LOADING DIALOG */

.loading-dialog {
	background-color: rgba(255, 255, 255, 1);
}

#loadingDialogPanel.loading-dialog {
	background-color: rgba(255, 255, 255, 0.75);
}

.loading-dialog.md,
.loading-dialog.sm {
	zoom: 0.7;
}

.loading-dialog .hp-content {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}

.loading-container {
	width: 100%;
}

.loading-content .loading.md,
.loading-content .loading.sm {
	zoom: 1.45;
}

/* SIGNIN DIALOG */

.signin-dialog {
	background-color: rgba(255, 255, 255, 1);
}

.signin-dialog.md,
.signin-dialog.sm {
	zoom: 0.7;
}

.signin-dialog .hp-content {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}

.signin-dialog .signin-container {
	width: 100%;
}

.signin-dialog .signin-content {
	margin: 0 auto;
	max-width: 700px;
}

.signin-dialog .signin-content.xl {
	padding-top: 100px;
}

.signin-dialog .signin-content.lg {
	max-width: 75%;
}

.signin-dialog .signin-content.md,
.signin-dialog .signin-content.sm {
	max-width: 95%;
}

.signin-dialog .form-group {
	margin: 30px 40px 30px;
	position: relative;
}

.signin-dialog .form-group.md,
.signin-dialog .form-group.sm {
	margin: 10px 15px 15px;
}

.signin-dialog .hp-label {
	font-size: 28px;
	color: #CCCCCC;
	font-weight: normal;
	position: absolute;
	top: 30px;
	pointer-events: none;
}

.signin-dialog .hp-label.lg {
	top: 15px;
}

.signin-dialog .hp-label.md,
.signin-dialog .hp-label.sm {
	top: 20px;
}

.signin-dialog .hp-label.focus {
	font-size: 18px;
	top: -20px;
}

.signin-dialog .hp-label.focus.md,
.signin-dialog .hp-label.focus.sm {
	top: -10px;
	display: none;
}

.signin-dialog .hp-textbox {
	width: 100%;
}

.signin-dialog .hp-textbox .hp-textbox-input {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #662D91;
	border-radius: 0;
	padding: 20px 0px;
    font-size: 22px;
    height: 60px;
}

.signin-dialog .hp-textbox .hp-textbox-input.lg,
.signin-dialog .hp-textbox .hp-textbox-input.md,
.signin-dialog .hp-textbox .hp-textbox-input.sm {
	font-size: 28px;
}

.signin-dialog .notice {
	font-size: 22px;
	color: #CCCCCC;
	padding: 25px 0;
}

.signin-dialog .notice.md,
.signin-dialog .notice.sm {
    font-size: 20px;
    padding: 10px 0;
    line-height: 1.2;
}

#cancelButton,
#cancelButton:focus {
	background-color: transparent;
	font-size: 28px;
	font-weight: normal;
	outline: none;
}

#cancelButton.md, #cancelButton.md:focus,
#cancelButton.sm, #cancelButton.sm:focus {
	font-size: 23px;
}

#cancelButton .hp-button-text {
	color: #99C28B;
}

.signin-dialog .cancel-button {
	padding: 15px 0;
}

.signin-dialog .cancel-button.md,
.signin-dialog .cancel-button.sm {
	padding: 5px 0;
}

/* OTP DIALOG */

.otp-dialog {
	background-color: rgba(255, 255, 255, 1);
}

.otp-dialog.md,
.otp-dialog.sm {
	zoom: 0.7;
}

.otp-dialog .hp-content {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}

.otp-dialog .otp-container {
	width: 100%;
}

.otp-dialog .otp-content {
	margin: 0 auto;
	max-width: 700px;
}

.otp-dialog .otp-content.xl {
	padding-top: 100px;
}

.otp-dialog .otp-content.lg {
	max-width: 75%;
}

.otp-dialog .otp-content.md,
.otp-dialog .otp-content.sm {
	max-width: 95%;
}

.otp-dialog .form-group {
	margin: 30px 40px 30px;
	position: relative;
}

.otp-dialog .form-group.md,
.otp-dialog .form-group.sm {
	margin: 10px 15px 15px;
}

.otp-dialog .hp-label {
	font-size: 28px;
	color: #CCCCCC;
	font-weight: normal;
	position: absolute;
	top: 30px;
	pointer-events: none;
}

.otp-dialog .hp-label.lg {
	top: 15px;
}

.otp-dialog .hp-label.md,
.otp-dialog .hp-label.sm {
	top: 20px;
}

.otp-dialog .hp-label.focus {
	font-size: 18px;
	top: -20px;
}

.otp-dialog .hp-label.focus.md,
.otp-dialog .hp-label.focus.sm {
	top: -10px;
	display: none;
}

.otp-dialog .hp-textbox {
	width: 100%;
}

.otp-dialog .hp-textbox .hp-textbox-input {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #662D91;
	border-radius: 0;
	padding: 20px 0px;
    font-size: 22px;
    height: 60px;
}

.otp-dialog .hp-textbox .hp-textbox-input.lg,
.otp-dialog .hp-textbox .hp-textbox-input.md,
.otp-dialog .hp-textbox .hp-textbox-input.sm {
	font-size: 28px;
}

.otp-dialog .notice {
	font-size: 22px;
	color: #CCCCCC;
	padding: 25px 0;
}

.opt-dialog .notice.md,
.opt-dialog .notice.sm {
    font-size: 20px;
    padding: 30px 0;
    line-height: 1.2;
}

#otpResendButton,
#otpResendButton:focus {
	background-color: transparent;
	font-size: 28px;
	font-weight: normal;
	outline: none;
}

#otpResendButton.md, #otpResendButton.md:focus,
#otpResendButton.sm, #otpResendButton.sm:focus {
	font-size: 23px;
}

#otpResendButton .hp-button-text {
	color: #99C28B;
}

.otp-dialog .otp-button {
	padding: 75px 0 15px;
}

.otp-dialog .otp-button.md,
.otp-dialog .otp-button.sm {
    padding: 5px 0 5px;
}

.otp-dialog .black {
	color: #606060;
}

/* OTP INVALID DIALOG */

.otp-invalid-dialog {
	background-color: rgba(255, 255, 255, 0.75);
}

/* DASHBOARD */

#dashboardPrintButton {
	background-color: #796FAC;
}

#dashboardPrintButton:focus {
	background-color: #494196;
	outline: none;
}

#dashboardCopyButton {
	background-color: #99C28B;
}

#dashboardCopyButton:focus {
	background-color: #679B54;
	outline: none;
}

#dashboardScanButton {
	background-color: #302980;
}

#dashboardScanButton:focus {
	background-color: #14125B;
	outline: none;
}

.dashboard-buttons {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	height: 100%;
}

.dashboard-buttons > div {
	margin: 0 30px;
}

.dashboard-buttons.sm > div {
	margin: 0 15px;
}

.dashboard-buttons .hp-button {
	width: 200px;
	height: 200px;
	border-radius: 15px;
}

.dashboard-buttons .hp-button.md {
	width: 135px;
	height: 135px;
	border-radius: 10px;
}

.dashboard-buttons .hp-button.sm {
	width: 105px;
	height: 105px;
	border-radius: 10px;
}

.dashboard-buttons .button-text {
	text-align: center;
	color: #000;
	font-size: 24px;
	padding: 15px 0;
}


/* ACCOUNT OPTIONS AND DETAILS */

#accountUserLabel,
#accountCreditsLabel {
	color: #000;
	font-size: 28px;
	font-weight: normal;
	top: -60px;
	right: 18px;
	pointer-events: all;
	position: relative;
}

#accountUserLabel.lg, 
#accountCreditsLabel.lg {
	top: -55px;
}

#accountUserLabel.md,
#accountUserLabel.sm,
#accountCreditsLabel.md,
#accountCreditsLabel.sm {
	top: -52px;
}

#accountOptionsPanel .options-list.xl {
	height: 506px !important;
}

#accountDetailsPanel .options-list.xl {
	height: 506px !important;
}

/* BALANCE DIALOG */

#printBalanceDialog .dialog-header,
#printBalanceQRDialog .dialog-header {
	padding: 55px 0 25px;
}

#printBalanceDialog .dialog-header.md, 
#printBalanceQRDialog .dialog-header.md,
#printBalanceDialog .dialog-header.sm, 
#printBalanceQRDialog .dialog-header.sm {
	padding: 30px 0 15px;
}

#printBalanceDialog .checkbox-content,
#printBalanceQRDialog .checkbox-content {
	padding: 25px 0;
}

#printBalanceDialog .checkbox-content.md,
#printBalanceQRDialog .checkbox-content.md,
#printBalanceDialog .checkbox-content.sm,
#printBalanceQRDialog .checkbox-content.sm {
	padding: 10px 0;
}

#printBalanceDialog .dialog-content.md, 
#printBalanceQRDialog .dialog-content.md,
#printBalanceDialog .dialog-content.sm, 
#printBalanceQRDialog .dialog-content.sm {
	padding-bottom: 0;
}

#printBalanceDialog .hp-footer.dialog-footer,
#printBalanceQRDialog .hp-footer.dialog-footer{
	padding-top: 0;
}

#printBalanceQRDialog .qr-content {
	position: absolute;
	right: 35px;
	bottom: 40px;
}

#printBalanceQRDialog .qr-content img {
	display: block;
}

#printBalanceQRDialog .qr-content.md {
	right: -30px;
	bottom: -20px;
}

#printBalanceQRDialog .qr-content.sm {
	right: -5px;
	bottom: -5px;
}

#printBalanceQRDialog .qr-content.md img {
	width: 150px;
	height: auto;
}

#printBalanceQRDialog .qr-content.sm img {
	width: 100px;
	height: auto;
}

/* NUMBER OF COPIES */

.number-of-copies {
	display: flex;
	display: -webkit-flex;
	margin-right: auto;
	margin-left: 50px;
	margin-top: -90px;
}

.number-of-copies.hd {
	margin-top: -25px;
}

.number-of-copies.lg {
	margin-top: 0px;
	margin-left: 20px;
}

.number-of-copies.md,
.number-of-copies.sm {
	margin-left: 5px;
	margin-top: 4px;
}

.number-of-copies .title {
	font-size: 28px;
	margin-right: 50px;
}

.number-of-copies .title.lg {
	width: 120px;
	margin-right: 20px;
}

.number-of-copies .title.md,
.number-of-copies .title.sm {
	font-size: 22px;
	margin-right: 25px;
	line-height: 1.1;
}

.number-of-copies .title br {
	display: none;
}

.number-of-copies .title br.lg,
.number-of-copies .title br.md,
.number-of-copies .title br.sm {
	display: block;
}

.number-of-copies .buttons.lg,
.number-of-copies .buttons.md,
.number-of-copies .buttons.sm {
	align-self: center;
	-webkit-align-self: center;
}

.number-of-copies .buttons.md,
.number-of-copies .buttons.sm {
	height: 38px;
}

.number-of-copies .hp-button {
	background-color: transparent;
	border-radius: 0;
	width: 37px;
	height: 37px;
	pointer-events: all;
	min-width: 37px;
}

.number-of-copies .hp-button:focus {
	outline: none !important;
}

.number-of-copies .hp-button:focus img {
	visibility: hidden;
}

#numberCopiesMinus:focus {
	background-image: url(lib/assets/MinusBtnPressed.png);
}

#numberCopiesPlus:focus {
	background-image: url(lib/assets/PlusBtnPressed.png);
}

#numberCopiesLabel {
	color: #302980;
	font-size: 28px;
	font-weight: 700;
	min-width: 85px;
	display: inline-block;
	text-align: center;
	position: relative;
	top: -9px;
	left: 0;
}

#numberCopiesLabel.lg,
#numberCopiesLabel.md,
#numberCopiesLabel.sm{
	min-width: 60px;
}

/* PREVIEW BEFORE SEND */

.preview-before-send {
	display: flex;
	display: -webkit-flex;
	margin-right: auto;
	margin-top: -88px;
	margin-left: 46px;
}

.preview-before-send.hd {
	margin-top: -25px;
}

.preview-before-send.lg {
	margin-top: -10px;
	margin-left: 20px;
}

.preview-before-send.md,
.preview-before-send.sm {
	margin-left: 0;
	margin-top: 4px;
}

#previewBeforeSend .hp-checkbox-text {
	color: #000;
	font-size: 28px;
	margin: 0 0 0 17px;
	padding: 4px;
}

#previewBeforeSend .hp-checkbox-text.md,
#previewBeforeSend .hp-checkbox-text.sm {
	font-size: 22px;
	margin: 0 0 0 14px;
	padding: 7px;
}





