/*
 * Author:	Doug Knight
 * Date:	5/31/2006
 * Purpose:	Defines default font family and color 
 *			for the entire site
 */
* {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

body, td, th, input, select {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #000000;
    font-size: 12px;
}

input {
    background-color: expression(readOnly?'#ccc':'');
}

    input[readonly], input[readonly="readonly"] {
        background-color: #ccc;
        /*color: #ccc;*/
    }

body {
    margin: 0px;
    /*text-align:center;*/
}

.wizardButton {
    min-width: 135px;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('NotoSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('GothaProReg.ttf') format('truetype');
}

@font-face {
    font-family: 'Gotham Pro Bol';
    src: url('GothaProBol.ttf') format('truetype');
}

@font-face {
    font-family: 'Gotham Pro Med';
    src: url('GothaProMed.ttf') format('truetype');
}

@font-face {
    font-family: 'Gotham Pro Bla Ita';
    src: url('GothaProBlaIta.ttf') format('truetype');
}

/*
 * Author:	Doug Knight
 * Date:	7/20/2006
 * Purpose:	Defines style rules for header text
 */
.header1 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-family: Noto Sans;
    font-size: 32px;
    font-weight: 700;
    line-height: 32.69px;
    text-align: center;
    color: #000000;
}

.header1-1 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-family: Gotham Pro;
    font-size: 32px;
    font-weight: 700;
    line-height: 32.69px;
    text-align: center;
    color: #000000;
}

.header1-2 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-family: Gotham Pro;
    font-size: 22px;
    font-weight: 700;
    line-height: 32.69px;
    text-align: center;
    color: #000000;
}

.header-gap {
    margin-top: 20px;
}


.header2 {
    margin-top: 0px;
    margin-bottom: 10px;
    color: #D00070;
    display: block;
    font-family: Noto Sans;
    font-size: 15px;
    font-weight: 700;
    line-height: 20.43px;
    text-align: center;
}

.header2-1 {
    margin-top: 20px;
    margin-bottom: 10px;
    color: #D00070;
    display: block;
    font-family: Noto Sans;
    font-size: 15px;
    font-weight: 700;
    line-height: 20.43px;
    text-align: center;
}

.header3 {
    font-family: Noto Sans;
    font-size: 15px;
    /*font-size:14px;*/
    margin-top: 0px;
    margin-bottom: 3px;
    /*color:#f9a595;*/
}

.header4 {
    /*font-size:14px;*/
    padding-top: 5px;
    margin-bottom: 5px;
    /*color:#f9a595;*/
    display: block;
}

.header5 {
    font-family: Noto Sans;
    font-weight: bold;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #555759;
    display: block;
    margin-left: 2px;
}

a:link, a:visited, a:active {
    color: #ed80a8;
    text-decoration: underline;
    font-weight: bold;
}

legend {
    color: #CC6699;
    font-weight: bold;
    padding: 0;
}


/*
 * Author:	Doug Knight
 * Date:	5/31/2006
 * Purpose:	Defines attributes of the outer page container element
 */

/*
 * Author:	Ken Huang
 * Date:	3/14/2012
 * Purpose: Brower compatibility between IE Safari FireFox
 */
.outerContainer {
    width: 998px;
    text-align: left;
    margin-top: 16px;
    margin: 0 auto;
    text-align: center
}

.topHeaderImage {
    height: 117px;
    background-image: url(../../Images/Header3.jpg);
    background-repeat: no-repeat;
    margin: 0px;
    text-align: right;
    /*line-height:5em;*/
}

.headerUserName {
    /*margin-left: 30px;*/
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    margin-right: 5px;
}

.innerContainer {
    padding: 4px 0 4px 0;
    /*border-bottom: 1px solid grey;*/
    text-align: left;
    padding: 10px 10px 80px 10px;
}

/*
 * Author:	Doug Knight
 * Date:	2/27/2007
 * Purpose:	Defines attributes for the welcome page
 */
.welcomePage {
    text-align: center;
}

/*
 * Author:	Doug Knight
 * Date:	2/27/2007
 * Purpose:	Defines attributes for the wizard (navigation panel)
 */
.wizard {
    display: block;
    margin-top: 0px;
    clear: both;
}

.wizardTitleLabel {
    font-size: 18px;
    color: #070707;
    font-weight: bold;
    display: block;
    margin-top: 1px;
    height: 100%;
}

/*
 * Author:	Doug Knight
 * Date:	3/1/2007
 * Purpose:	Defines attributes for instructional copy in the wizard
 */
.instructions {
    font-weight: bold;
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
    color: Black;
}

/*
 * Author:	Doug Knight
 * Date:	3/1/2007
 * Purpose:	Defines attributes the requirements on the requirements page
 */
.requirementList td {
    padding-top: 4px;
    padding-bottom: 4px;
}

/*
 * Author:	Doug Knight
 * Date:	3/1/2007
 * Purpose:	Defines attributes for sections of content on the agreement
 *			review page
 */
.reviewPanel {
    margin-top: 16px;
    margin-bottom: 8px;
}

.reviewButtonPanel {
    margin-top: 8px;
    margin-bottom: 4px;
}

/*
 * Author:	Doug Knight
 * Date:	3/1/2007
 * Purpose:	Defines attributes for summary blocks in the
 *			confirmation page
 */
.totalsContainer {
    float: right;
}

.shippingReviewContainer {
}

.productReviewContainer {
    float: right;
}

.totalsStarterContainer {
    float: right;
    padding-left: 5px;
}
/*
.totalsContainer, .shippingReviewContainer, .productReviewContainer 
{
	height:175px;
}
*/

/*
 * Author:	Doug Knight
 * Date:	3/1/2007
 * Purpose:	Defines attributes for the images on the
 *			wizard step pages
 */
.sideImage {
    float: left;
    margin: 20px auto auto 50px;
}

.confirmSideImage {
    float: left;
    margin: 40px auto auto 120px;
}

.confirmationInfo {
    height: 280px;
    margin-top: 15px;
    float: left;
}

.confirmationCaption {
    font-weight: bold;
    font-size: 13pt;
    margin-left: 20px;
    float: left;
    text-align: left;
}

    .confirmationCaption span {
        font-weight: normal;
    }

.confirmationLabel {
    float: left;
    font-weight: bold;
    font-size: 10pt;
    margin-top: 15px;
    margin-left: 39px;
    text-align: left;
    clear: both;
}

    .confirmationLabel span {
        font-weight: normal;
    }


.printViewLabel {
    font-size: 12px;
    text-align: left;
    height: 15px;
    min-width: 280px;
    font-weight: bold;
}

.printViewTopImage {
    margin: 0px auto;
    display: block;
}

.printIcon {
    float: left;
    margin: 35px 10px 10px 0;
}

.printLinkPanel {
    float: left;
    margin: 35px 0 10px 0;
    text-align: center;
    font-size: 15px;
}

.helplabel {
    clear: left;
}

.conditionalAcceptedLabel {
    font-size: 12px;
    text-align: justify;
    font-family: Arial;
}

.confirmationTips {
    clear: left;
    font-size: 12pt;
    margin-top: 15px;
    margin-bottom: 40px;
    margin-right: 80px;
}

.confirmationTipsText {
    text-align: left;
    margin-left: 39px;
    padding-top: 25px !important;
    padding-top: 2px
}

.PrintPageTopMenu {
    float: right;
    margin-right: 20px;
}

    .PrintPageTopMenu a {
        color: #0000ff;
        margin-right: 10px;
    }

/*
 * Author:	Doug Knight
 * Date:	3/2/2007
 * Purpose:	Defines attributes for the wizard progress bar
 */
.progressBar {
    display: block;
    float: right;
}

    .progressBar td {
        padding: 2px;
    }

/*
 * Author:	Doug Knight
 * Date:	3/2/2007
 * Purpose:	Defines attributes for the the section
 *			containing the accept/decline buttons
 */
.acceptDeclineContainer {
    text-align: center;
}


/*
 * Author:	Doug Knight
 * Date:	3/5/2007
 * Purpose:	Defines attributes for the main menu
 */
.menuItem {
    background-color: #FEE7EF;
    border-top: 1px solid #CC6699;
    cursor: pointer;
    color: #CC6699;
    font-weight: bold;
}

/*
 * Author:	Doug Knight
 * Date:	5/31/2006
 * Purpose:	Defines attributes of the page title element
 */
.pageTitle {
    display: block;
    font-weight: bold;
    /*padding:2px;*/
    text-align: left;
    color: #656363;
    font-size: 14px;
}

.pageTitleSpan {
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 2px;
    background-color: #F9A595;
}

.printAndView_title {
    padding: 0 10px;
}
/*
 * Author:	Doug Knight
 * Date:	3/22/2007
 * Purpose:	Defines attributes for error controls
 */
.error {
    display: block;
    padding: 6px;
    border: 2px inset #FEE7EF;
    background-color: #FFFFFF;
    color: #FF0000;
}

.errorToggle {
    float: right;
}

.errorContainer {
    display: block;
    overflow: auto;
}

.errorValidator {
    font-weight: bolder;
    font-size: 9pt;
    color: #FF5869;
}

.nameErrorValidator {
    font-weight: bolder;
    font-size: 9pt;
    color: #FF5869;
    padding-left: 5px;
    vertical-align: top;
}

/*
 * Author:		Doug Knight
 * Date:		7/25/2006
 * Purpose:		Defines style rules for field labels in data entry forms
 */
.label {
    font-size: 12px;
}

.consultantFormerSuffix {
    width: 20px;
}

.consultantDetailInfoWrapper {
    box-sizing: border-box;
    padding: 0 29px;
}

.confirmationLabelEmphasized {
    text-align: left;
    padding-Left: 5px;
}

.tableLabel {
    width: 180px;
    padding-left: 5px;
    vertical-align: top;
}

.personalInfoTableLabel {
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-right: 10px;
    vertical-align: top;
    width: 100px;
    text-align: right;
    margin-top: 5px;
}

.personalInfoTableLabel_Column1 {
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
    vertical-align: top;
    width: 100px;
    text-align: right;
}

.personalInfoTableLabel_Column2 {
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
    vertical-align: top;
    width: 130px;
    text-align: right;
}

.personalInfoTableLabel_Column3 {
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
    vertical-align: top;
    width: 145px;
    text-align: right;
}

.recruiterInfoTableLabel {
    display: block;
    font-size: 12px;
    font-weight: bold;
    width: 130px;
    padding-right: 10px;
    vertical-align: top;
    text-align: right;
}

.recruiterInfoContentTableLabel {
    display: block;
    font-size: 12px;
    padding-right: 50px;
    vertical-align: top;
}

.reviewPhoneEmailContent {
    padding-left: 30px;
}

.reviewPersonalInfo {
    display: block;
    float: left;
}

.reviewPersonalName {
    padding-left: 255px;
    display: block;
}

.sessionTimeOutWindow {
    position: absolute;
    visibility: visible;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -250px;
    width: 500px;
    height: 100px;
    border: 2px solid #000000;
    background-color: #EBEBEB;
    z-index: 10;
    vertical-align: middle;
    text-align: center;
}

.sessionTimeOutWindow2 {
    position: absolute;
    visibility: visible;
    top: 50%;
    left: 50%;
    margin-top: -73px;
    margin-left: -164px;
    width: 329px;
    height: 146px;
    border: 1px solid red;
    background-color: #F0EEEB;
    z-index: 10;
    vertical-align: middle;
    text-align: center;
    border-radius: 0px;
}

.addressInformation {
    width: 430px;
}

.addressInfoAddressLabel {
    text-align: right;
    padding-right: 10px;
}

.addressInfoViewAddressLabel {
    text-align: right;
    padding-right: 10px;
}

.addressInfoAddressCaptionLabel {
    display: block;
    width: 115px;
}

.addressInfoPhoneLabel {
    width: 115px;
    padding-right: 10px;
    text-align: left;
}

.addressInfoEmailLabel {
    width: 115px;
    padding-right: 5px;
    text-align: right;
}

.addressInfoZipCodeLabel {
    width: 71px;
    padding-right: 10px;
    text-align: right;
}

.addressInfoViewZipCodeLabel {
    width: 115px;
    padding-right: 10px;
    text-align: right;
}

.addressInfoTableLabelForEmail {
    width: 105px;
    padding-left: 4px;
}

.addressInfoTableLabelForPhone {
    width: 180px;
}

.addressInfoTableLabelForPhoneTypeLabel {
    width: 107px;
}

.addressInfoTableLabelForPhoneDescriptionLabel {
    width: 60px;
}

.addressInfoTableLabelForPhoneTypeCell {
    width: 70px;
}

.totalsLabel {
    width: 100px;
    padding-left: 5px;
    vertical-align: top;
}

.totalsValue {
    text-align: right;
    vertical-align: top;
}

.recruiterTableLabel {
    width: 100px;
    padding-left: 5px;
    vertical-align: top;
    display: block;
    float: left;
}

.shorterRecruiterTableLabel {
    width: 170px;
    padding-left: 5px;
    vertical-align: top;
}

.shortRecruiterTableLabel {
    width: 120px;
    padding-left: 5px;
    vertical-align: top;
}

.dataEntryTable tr {
    vertical-align: top;
}

.consultantSuffix {
    width: 24px;
}

.consultantSuffixText {
    width: 21px;
}

.consultantId {
    width: 64px;
}

.unitId {
    width: 40px;
}

.unitIdLabel {
    display: inline-block;
    width: 140px;
}

.consultantUnitIdText {
    display: inline;
}

.consultantSuffixText {
    display: inline;
}

/*****************
 * Not Confirmed *
 ****************/

/*
 * Author:		Kevin Nobles
 * Date:		5/11/2006
 * Elements:	
 * Purpose:		Defines style rules for the table on the order total controls
 * References:	Totals.ascx and OrderTotals.ascx
 */
.retailTotalTable {
    padding: 0;
    border: 0;
    border-collapse: collapse;
    font-size: 12px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    width: 650px;
}

.additionalTotalsHeader {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    width: 650px;
    height: 20px;
    vertical-align: bottom;
    background-color: #E6E6FA;
    border-top: #006699 1px solid;
}

.orderTotalTextColumnStyle {
    text-indent: 10px;
    text-align: left;
    width: 400px;
    font-size: 12px;
}

.orderTotalNumericColumnStyle {
    text-align: right;
    width: 250px;
    font-size: 12px;
}

.orderTotalHeader1 {
    font-weight: bold;
    text-align: left;
    background-color: #E6E6FA;
    font-size: 12px;
}

.orderTotalHeader2 {
    font-weight: bold;
    text-align: right;
    background-color: #E6E6FA;
}

.orderTotalHeader3 {
    font-weight: bolder;
    text-align: left;
    vertical-align: bottom;
    font-size: 12px;
}

.orderTotalText {
    border-top: #006699 1px solid;
    text-indent: 10px;
}

.orderTotalNumeric1 {
    border-top: #006699 1px solid;
    text-align: right;
}

.orderTotalNumeric2 {
    border-top: #006699 1px solid;
    font-weight: bold;
    font-size: 12px;
    text-align: right;
}

.orderTotalViewLarge {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.totalRowStyle {
    height: 25px;
    font-weight: bold;
    vertical-align: bottom;
}

.orderTotalRowStyle td {
    border-top: solid 1px #006699;
    border-bottom: solid 1px #006699;
}

.orderTotalViewSmall {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-color: #006699;
    border-style: solid;
    border-width: thin;
    width: 100px;
}
/*
 * Author:	Gamini Wickramage
 * Date:	7/14/2006
 * Purpose:	Defines instructions of inline frame view button panel
 */
.inlineFrameButtonPanel {
    float: right;
    padding: 5px;
}

.inlineFrameButtonSpacer {
    float: left;
    width: 40px;
    display: block;
}

/*
 * Author:	Gamini Wickramage
 * Date:	7/14/2006
 * Purpose:	Defines instructions of inline frame view 
 */
.inlineFrame {
    width: 100%;
    margin: 10px;
    text-align: center;
}

/*
 * Author:	Doug Knight
 * Date:	7/20/2006
 * Purpose:	Defines rules for the display of the list of orders
 *			used on the saved order page
 */
/*
.orderList 
{
	font-size:12px;
}
.orderList.date 
{
	width:64px;
}
.orderList.name 
{
	width:256px;
}
.orderList.retail 
{
	text-align:right;
	width:48px;
}
.orderList.wholesale
{
	text-align:right;
	width:48px;
}
.orderList.cost
{
	text-align:right;
	width:48px;
}
.orderList.type
{
	padding-left:4px;
	width:64px;
}
.orderList.command
{
	padding-left:4px;
	padding-right:4px;
}
*/

/*
 * Author:	Gamini Wickramage
 * Date:	7/14/2006
 * Purpose:	Defines instructions of inline frame view Container
 */
.inlineFrameContainer {
    width: 700px;
    height: 400px;
}

/*
 * Author:	Gamini Wickramage
 * Date:	7/19/2006
 * Purpose:	Defines the blue color button
 */
.button {
    font-weight: normal;
    font-size: 8pt;
    margin: 1px;
    color: #FFFFFF;
    font-family: Arial;
    height: 19px;
    padding-top: 0px;
    background-color: #ED80A8;
}

.button1 {
    font-weight: normal;
    font-size: 18pt;
    /*margin: 24px;*/
    margin-top: 24px;
    margin-bottom: 24px;
    color: #FFFFFF;
    font-family: Noto Sans, Arial;
    padding-top: 0px;
    height: 56px;
    width: 304px;
    border-radius: 32px;
    background-color: #D00070;
    border-color: #D00070;
}

    .button1:disabled, .button1[disabled="disabled"],
    .button3:disabled, .button3[disabled="disabled"] {
        background-color: #F1F0F1 !important;
        border: 0 !important;
    }

.button2 {
    font-family: 'Gotham Pro Bol';
    font-size: 12pt;
    margin-top: 35px;
    margin-left: 5px;
    margin-right: 5px;
    color: black;
    padding-top: 0px;
    height: 44px;
    width: 165px;
    border-radius: 0px;
    /*background-color: #D00070;*/
    background-color: white;
    border-color: #0000005C;

    @media ((min-width: 240px) and (max-width: 279px)) {
        width: 100%;
    }

    @media (max-width: 992px) {
        width: calc(100% - 30px);
    }
}

    .button2:disabled, .button2[disabled="disabled"] {
        background-color: #F0EEEB !important;
        border: 0 !important;
    }

.button3 {
    font-weight: normal;
    font-size: 12pt;
    margin-top: 24px;
    margin-bottom: 24px;
    color: #FFFFFF;
    font-family: Gotham Pro Bol;
    padding-top: 0px;
    height: 44px;
    width: 96%;
    border-radius: 0px;
    background-color: #000000;
    border-color: #0000005C;
    align-content: center;
    justify-content: center;

    @media ((min-width: 320px) and (max-width: 349.99px)) {
        margin-left: 4%;
        width: 265px;
    }

    @media ((min-width: 280px) and (max-width: 319.99px)) {
        margin-left: 5%;
        width: 220px;
    }

    @media ((min-width: 240px) and (max-width: 279.99px)) {
        margin-left: 4%;
        width: 190px;
    }
}

.defaultButton {
    /*background-color: #B7B7B7;*/
}

button[disabled=disabled],
button:disabled,
input[type=button][disabled=disabled],
input[type=button]:disabled, button:disabled,
input[type=submit][disabled=disabled],
input[type=submit]:disabled {
    background-color: #B7B7B7;
    color: #0000005C;
    border: 1px solid #444;
}

.wineButtonNew {
    FONT-WEIGHT: normal;
    font-size: 9pt;
    MARGIN: 1px;
    /*WIDTH: 120px;*/
    /*COLOR: #000000;  */
    color: Black;
    FONT-FAMILY: Arial;
    HEIGHT: 22px;
    BACKGROUND-COLOR: #ED80A8;
    cursor: pointer;
}

/*
 * Author:	Gamini Wickramage
 * Date:	7/19/2006
 * Purpose:	Defines right aligned blue color button
 */
.rightalignedbutton {
    color: white;
    background-color: #044899;
    border-left: #2d6b9a 3px solid;
    border-right: #284f7f 3px solid;
    border-top: #e1f2f5 3px solid;
    border-bottom: #2a5077 3px solid;
    font-size: 9pt;
    font-weight: bold;
    height: 22px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    text-align: center;
    left: 89%;
    cursor: pointer;
}


/*
 * Author:	Gamini Wickramage
 * Date:	7/19/2006
 * Purpose:	Defines wine color button
 */
.winebutton {
    border-right: #6d193b 3px solid;
    padding-right: 0px;
    border-top: #dacbce 3px solid;
    padding-left: 0px;
    font-weight: bold;
    font-size: 9pt;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #83234b 3px solid;
    color: white;
    padding-top: 0px;
    border-bottom: #6c183a 3px solid;
    height: 22px;
    background-color: #ad2a60;
    cursor: pointer;
}

.trademark {
    FONT-WEIGHT: normal;
    font-size: 12px;
    COLOR: black;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

/* 
 * Author:	Doug Knight
 * Date:	7/21/2006
 * Purpose:	Defines attributes for the order list category headers in the saved order page
 */
.orderCategoryHeader {
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    margin-left: 4px;
    margin-top: 16px;
    margin-bottom: 4px;
}

/*
 * Author:		Doug Knight
 * Date:		7/21/2006
 * Elements:	.tabpage, .tab, .selTab
 * Purpose:		Defines style rules for tabbed pages
 * References:	OrderTemplate.aspx
 */
.tabPage {
    border-left: 1px solid #92A6BA;
    border-right: 1px solid #92A6BA;
    border-bottom: 1px solid #92A6BA;
    background-color: #FFFFFF;
    height: 300px;
    padding: 4px;
}

.tab td, .selTab td {
    color: #044899;
    cursor: pointer;
    font-size: 12px;
    height: 28px;
}

.tab {
}

.selTab td {
    font-weight: bold;
}

/*
 * Author:		Gopi Krishna
 * Date:		7/24/2006
 * Purpose:		Defines style rules for Upsell Items control
 * References:	PleaseRemember.aspx
*/
.numericColumnStyle {
    text-align: right;
    width: 200px;
    font-size: 12px;
}

.upsellItemHeaderStyle1 {
    font-weight: bold;
    text-align: left;
    width: 70px;
    font-size: 12px;
}

.upsellItemTextColumnStyle1 {
    text-align: left;
    width: 70px;
    font-size: 12px;
}

.upsellItemHeaderStyle2 {
    font-weight: bold;
    text-align: left;
    width: 500px;
    font-size: 12px;
}

.upsellItemTextColumnStyle2 {
    text-align: left;
    width: 500px;
    font-size: 12px;
}

.upsellItemRightHeaderStyle {
    font-weight: bold;
    text-align: right;
    width: 90px;
    font-size: 12px;
}

.upsellItemNumericTextColumnStyle {
    text-align: right;
    width: 90px;
    font-size: 12px;
}

.upsellItemRow {
    color: black;
    font-size: 12px;
}

.upsellItemControl {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 800px;
}

/*
 * Author:		David Pemberton
 * Date:		10/13/2006
 * Purpose:		Defines style rules for PleaseRemember.aspx
 * Reference:	PleaseRemember.aspx
 */
.PleaseRememberShippingButton {
    float: right;
    height: 100px;
    padding-top: 64px;
    padding-left: 10px;
    padding-right: 60px;
    cursor: pointer;
}

.PleaseRememberShippingInfo {
    float: left;
    text-align: left;
    margin-bottom: 10px;
}


/*
 * Author:		David Pemberton
 * Date:		10/13/2006
 * Purpose:		Defines style rules for OrderTotals.aspx
 * Reference:	OrderTotals.aspx
 */
.OrderTotals_ButtonContainer {
    margin-top: 8px;
    margin-bottom: 8px;
}


/*
 * Author:		David Pemberton
 * Date:		10/13/2006
 * Purpose:		Defines style rules for BonusPage.aspx
 * Reference:	BonusPage.aspx
 */
.BonusPage_OuterContainer {
    text-align: left;
}

.BonusPage_Container {
    height: 300px;
}

.BonusPage_Content {
    float: left;
    width: 500px;
}

.BonusPage_Info {
    float: right;
    width: 200px;
}

.BonusPage_NavButtons {
    padding-left: 15px;
    cursor: pointer;
}

.BonusPage_OrderTotals {
    float: right;
    width: 100px;
    margin-bottom: 15px;
}

/*
 * Author:		David Pemberton
 * Date:		10/13/2006
 * Purpose:		Defines style rules for PaymentInfo.aspx
 * Reference:	PaymentInfo.aspx
 */
.PaymentInfo_InsetWindow {
    width: 100%;
}

/*
 * Author:		David Pemberton
 * Date:		10/16/2006
 * Purpose:		Defines style rules for ReviewOrder.aspx
 * Reference:	ReviewOrder.aspx
 */
.ReviewOrder_Container {
    width: 100%;
    text-align: left;
}

.ReviewOrder_SideA {
    float: left;
}

.ReviewOrder_SideB {
    float: right;
    width: 30%;
}

/*
 * Author:		David Pemberton
 * Date:		10/16/2006
 * Elements:	
 * Purpose:		Defines style rules for OrderConfirmation
 * References:	OrderConfirmation.aspx
 */
.OrderConfirmation_Container {
    background-image: url(../../Images/Order-Confirm.jpg);
}

.OrderConfirmation_TextContainer {
    text-align: left;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    margin-top: 250px;
}

.OrderConfirmation_Text {
    padding-bottom: 15px;
}

/*
 * Author:	Doug Knight
 * Date:	9/27/2007
 * Purpose:	Defines style rules for debug warning text
 */
.debugWarning {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    height: 100px;
    width: 600px;
    font-size: 24pt;
    font-weight: bold;
    color: Red;
    background-color: White;
    border: 2px solid red;
    margin: 12px;
    padding: 12px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50);
}

.legalAcceptanceCheckBox {
    margin: -2px 0 0 0;
    padding: 0 0 5px 0;
    display: block;
    width: 25px;
    float: left;
}

    .legalAcceptanceCheckBox input {
        margin: 0;
        padding: 0;
    }

.reviewLabel {
    width: 250px;
    padding-left: 5px;
    padding-bottom: 0.5em
}

.country {
    color: #CD6B62;
    font-size: 9pt;
    font-weight: bold;
}

.getStartedMain {
    border-style: solid;
    border-color: #FBD6DE;
    border-right-width: 1px;
    border-top-width: 0px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    text-align: center;
    width: 800px;
}

.getStarted {
    border-width: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    padding: 0px;
    width: 100%;
}

.getStartedWineButton {
    background-color: #ED80A8;
    border: 2px outset #ED80A8;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color= '#9F9E9E', Positive= 'true' );
    vertical-align: middle;
    text-align: center;
    white-space: normal;
    cursor: pointer;
    margin-right: 20px;
}


.getStartedButton {
    background-color: #615d5b;
    border: 2px outset #615d5b;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color= '#9F9E9E', Positive= 'true' );
    vertical-align: middle;
    text-align: center;
    white-space: normal;
    cursor: pointer;
    margin-left: 20px;
}

.launchAgreementWelcomeLabel {
    color: #f2797f;
    font-size: 40px;
    font-weight: bold;
    font-family: "Trebuchet MS", "arial";
    margin-top: 20px;
}

.launchAgreementGetStartedLabel {
    color: #615d5b;
    font-size: 24px;
    font-weight: bold;
    font-family: "Trebuchet MS", "arial";
}

.smallGetStartedButton {
    padding: 12px;
    cursor: pointer;
}

.largeGetStartedButton {
    width: 300px;
    height: 96px;
    padding: 4px;
    cursor: pointer;
}

.errorMessage {
    text-align: center;
    color: #CC6699;
    font-size: 16px;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    margin: 100px auto 200px auto;
}

/*
 * Author:	Hameedha Mubeen
 * Date:	02/29/2008
 * Purpose:	Defines style for asynchronous progress indicators
 */
.asyncProgress {
    background-image: url(../../App_Themes/Default/loading.gif);
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}
/*
 * Author:	Rohan Penkar
 * Date:	07/18/2008
 * Purpose:	Defines attributes for the address Lookup Dialog
 */

.addressLookupDialog {
    width: 450px;
    height: 550px;
}
/*
 * Author:	Doug Knight
 * Date:	12/15/2007
 * Purpose:	Defines attributes common to all dialog boxes
 */
.dialog {
    border: 2px solid black;
    background-color: #fee7ef;
    z-index: 100;
    text-align: left;
}

.dialogContainer {
    z-index: 100;
}
/*
 * Author:	Doug Knight
 * Date:	12/15/2007
 * Purpose:	Defines attributes for the dialog title bars
 */
.dialogTitle {
    display: block;
    background-color: #FFC1B5;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px;
}

.dialogTitle2 {
    font-family: 'Noto Sans';
    font-size: 15px;
    font-weight: 700;
    line-height: 14.52px;
    text-align: left;
    color: #555759;
    font-weight: bold;
    padding: 10px;
    display: inline;
    float: left;
}

.dialogText2 {
    font-family: 'Noto Sans';
    font-size: 15px;
    text-align: left;
    color: #555759;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}

.dialogTextClose {
    float: right;
    padding: 10px;
}
/*
 * Author:	Doug Knight
 * Date:	12/15/2007
 * Purpose:	Defines attributes for the dialog box button container
 */
.dialogButtons {
    margin: 4px;
    cursor: pointer;
}

    .dialogButtons input {
        margin-left: 4px;
        cursor: pointer;
    }
/*
 * Author:	Doug Knight
 * Date:	12/15/2007
 * Purpose:	Defines attributes for the dialog box main content area
 */
.dialogContent {
    margin: 4px;
}

/*
 * Author:	Ugur Sener
 * Date:	12/20/2007
 * Purpose:	Defines attributes for the dialog box header area
 */
.dialogHeader {
    padding: 4px;
}

.AdditionalInforLine {
    float: left;
    padding-left: 5px;
    clear: both;
    width: 700px;
}

    .AdditionalInforLine span {
        float: left;
        margin-top: 5px;
        max-width: 520px;
    }

    .AdditionalInforLine table {
        float: left;
    }

.AddtionalInformation_Validate {
    float: right;
}

.recruiterSearchDialog {
    width: 450px;
    height: 580px;
}

/*
 For New RecruitInfo Page
 Author: Liu Kai
 Date:2009-03-27

*/
.OneRecruitInfoLine {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 5px;
    padding-left: 20px;
}

    .OneRecruitInfoLine span {
        float: left;
        min-width: 2px;
    }

.RecruitInfoLabel {
    width: 150px;
    float: left;
    font-size: 9pt;
    font-weight: bold;
}

.RecruitInfoInput {
    width: 200px;
    float: left;
}

    .RecruitInfoInput input {
        width: 180px;
        float: left;
    }

.PartGovernmentIDStyle {
    width: 90px;
    float: left;
}

    .PartGovernmentIDStyle input {
        width: 80px;
        float: left;
    }

.GoverIDSeperatorStyle {
    width: 20px;
    height: 100%;
    float: left;
    text-align: center;
}

.RecuritAccountNum {
    width: 45%;
    float: right;
}

.RecruiterSearchLabel {
    width: 100px;
    float: left;
}

.TermsAndConditions {
    width: 97%;
    clear: both;
    padding-left: 20px;
    margin-top: 15px;
}

    .TermsAndConditions div {
        margin-top: 5px;
    }

.TermsAndConditionsTitle {
    font-size: 12pt;
    font-weight: bold;
    clear: both;
}

.TermsAndConditionsContent {
    clear: both;
    font-size: 9pt;
}


/*
 For New RecruitInfo Control in PersonalInformation page
 Author: Liu Kai
 Date:2009-03-30
*/

.RecruitInfo_KisLik {
    clear: both;
    text-align: left;
    padding-left: 10px;
    margin-top: 10px;
}

.RecruitInfoCtrl {
    padding-left: 10px;
}


.ApplicatInfo_OneGovernmentID {
    clear: both;
    width: 100%;
    float: left;
}

.ApplicatInfo_Control {
    clear: both;
}

.ApplicatInfo_Control_ApplicatInfo_GovernmentID {
    clear: both;
}

.ApplicatInfo_Control input {
    width: 73px;
}

.ApplicatInfo_Control select {
    width: 79px;
}

.ApplicatInfor_LabelField {
    width: 100px;
    float: left;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    font-weight: 700;
    margin-top: 3px;
    margin-right: 20px;
    padding-left: 5px;
    text-align: right;
}

.ApplicatInfor_TextBoxField {
    min-width: 180px;
    float: left;
    margin-top: 3px;
}

    .ApplicatInfor_TextBoxField .ValidatedInputControl_BankAccount {
        width: 180px;
    }

    .ApplicatInfor_TextBoxField input {
        float: left;
    }

    .ApplicatInfor_TextBoxField span {
        float: left;
    }


.ApplicatInfo_Control_ApplicatInfo_Name input {
    width: 158px;
}

.ApplicatInfo_Control_ApplicatInfo_EnglishName {
    margin-left: 4px;
    float: left;
}

    .ApplicatInfo_Control_ApplicatInfo_EnglishName .ApplicatInfor_TextBoxField {
        width: 320px;
        word-break: break-all;
    }


.ValidatedInputControl_EnglishName1 {
    width: 70px;
}

.ApplicatInfo_Control_ApplicatInfo_BankInfo {
    clear: both;
}

/*For Recruit page*/

.RecruitInfoCtrl_ApplicatInfo_Name input {
    width: 164px;
}

.RecruitInfoCtrl_ApplicatInfo_GovernmentID {
    clear: both;
}

    .RecruitInfoCtrl_ApplicatInfo_GovernmentID input {
        width: 76px;
    }

.RecruitInfoCtrl_ApplicatInfo_BankInfo {
    clear: both;
}

    .RecruitInfoCtrl_ApplicatInfo_BankInfo input {
        width: 76px;
    }

    .RecruitInfoCtrl_ApplicatInfo_BankInfo select {
        width: 82px;
    }

.EmailAreaDropDown {
    width: auto;
    float: left;
}

    .EmailAreaDropDown input {
        float: left;
        width: 116px;
        margin-left: 5px;
    }

    .EmailAreaDropDown select {
        float: left;
        width: 118px;
    }

    .EmailAreaDropDown span {
        float: left;
        margin-top: 2px;
    }

.KRinformationSection, KRinformationSection table {
    width: 100%;
}

    .KRinformationSection input {
        width: 118px;
    }

    .KRinformationSection label {
        white-space: nowrap;
    }

.PersonalInfoConfirmField_CheckBox {
    float: left;
    padding-left: 5px;
    padding-top: 8px;
}

.PersonalInfoConfirmField_Text {
    float: left;
    padding-left: 5px;
    padding-top: 11px;
}

.CatalogAddressViewLong input {
    width: 290px !important;
}


.printButtonField {
    clear: both;
    float: right;
    height: 20px;
    padding-right: 10px;
    padding-bottom: 5px;
    cursor: pointer;
}

    .printButtonField input {
        width: 140px;
        cursor: pointer;
    }

.CommunityIdValidateTextBox {
    margin-left: 10px;
    margin-right: 10px;
}

.CommunityIdValidateResult {
    text-align: center;
}

.ValidateConfirmCheckBox {
    clear: both;
    padding-left: 20px;
}

.MobilePhoneValidator {
    position: relative;
    top: 39px;
    right: 17px;
}

.PhoneListView {
    float: left;
}

.termsDiv {
    padding-top: 5px;
    text-align: center;
}

.issuedByField {
    width: 200px;
    height: 50px;
    text-align: left;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.requiredFieldsAsterisk {
    color: #CC0000;
}

.requiredFieldsIntroduction {
    margin-left: 10px;
}

.videoDemoLinkDiv {
    padding-top: 5px;
    padding-left: 5px;
    float: left;
}

.personalInfoButtonPanel {
    padding-right: 5px;
}

.RecruiterInfoInnerBorder {
    border-right: 1px solid silver;
}

.RecruiterInfoInnerHr {
    color: Silver;
}
/*
 * Author:	Ken Huang
 * Date:	3/15/2012
 * Purpose: Brower compatibility between IE Safari FireFox
 */
.ShippingLabelTableCell {
    width: 198px !important;
}


.ReportListViewInfo {
    min-height: 500px;
    margin-top: 15px;
    border-top: 1px solid #CC6699;
    border-bottom: 1px solid #CC6699;
}

.ReportListViewColumn {
    text-align: center;
    margin-left: 0px !important;
    margin-left: 20px;
}

.ReportListViewGridView {
    margin: 0 auto;
    text-align: center
}

.ReportListViewGridRow {
}

.ReportListViewGridAltRow {
    background-color: Silver;
}



/*
* Flyout Styles
*/
.flyOut, .flyOutStop, .flyOutError {
    margin: 0px !important;
    background-color: white;
    /*border: buttonshadow;
    border-width: 1px;
    border-style: solid;*/
    cursor: 'default';
    min-height: 20px;
    overflow: visible;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#666666', Positive='true');
    text-align: left;
    padding-left: 2px;
}

.flyOut {
    color: Black;
    font-weight: normal;
    width: 200px;
    z-index: 999;
}

.flyOutStop, .flyOutError {
    color: #FF5869;
    font-weight: bold;
    width: 200px;
}

.flyOutContinue {
    color: #FF5869;
}


/*
 * Author:      Sehgal Latish
 * Date:        07/15/2008
 * Purpose:     Defines styles for editable web controls when they have focus
 */
.editableControlFocus {
    border: 2px solid #0000FF;
}

    .editableControlFocus select, .editableControlFocus input, .editableControlFocus button {
        margin: 2px 0px 2px 0px !important;
    }
/*
 * Author:      Sehgal Latish
 * Date:        09/17/2008
 * Purpose:     Defines styles for editable web controls when they do not have focus
 */

/*.editableControlNotInFocus 
{
	margin: 2px 2px 2px 2px !important; 	
}*/

.editableControlNotInFocus select, .editableControlNotInFocus input, .editableControlNotInFocus button {
    margin: 2px 2px 2px 2px;
}

.controls_LoginInformationForm input, .controls_LoginInformationForm select, .controls_LoginInformationForm button, .controls_LoginInformationForm checkbox {
    margin: 2px 2px 2px 2px;
}

.ControlsLoginInformationForm {
    margin-left: 20px;
    margin-top: 60px;
    margin-bottom: 20px;
    background-color: #FFFFFF;
    min-height: 700px;
    /*
    @media (max-width: 400px) {
        margin-left: 0%;
    }

    @media ((min-width: 401px) and (max-width: 480px)) {
        margin-left: 2%;
    }

    @media ((min-width: 481px) and (max-width: 530px)) {
        margin-left: 5%;
    }

    @media ((min-width: 531px) and (max-width: 575px)) {
        margin-left: 10%;
    }*/

    @media (max-width: 515px) {
        margin-top: 0px;
        margin-left: 0;
    }
}

.innerContainer input, .innerContainer select, .innerContainer button, .innerContainer checkbox {
    /*margin: 2px 2px 2px 2px;*/
}

/*
 * Author:      Ruslan Sokolov
 * Date:        09/16/2008
 * Purpose:     Defines styles for lookup textboxes in EEU address control
 */
.lookup-selected {
    color: #fff !important;
    background-color: #666 !important;
}

.lookup-valid {
    background-color: #9f9;
}

.lookup-invalid {
    color: #fff;
    background-color: #f00;
}

.lookup-disabled {
    background-color: #ccc
}

.lookup-hint {
    margin-left: 3px;
    margin-top: 1px;
    padding: 2px;
}

.relatedContactView,
.relativeQuestionPanel,
.familyInformationLabels,
.familyInformationLabelStyle,
.beautyLocatorLabel {
    margin-bottom: 5px;
    margin-top: 5px;
}

.lookup {
    background-color: #FFFFFF;
    border: 2px solid #b3bcc5;
    border-radius: 6px;
}

.lookup-highlight {
    color: #FFFFFF;
    background-color: #555759;
}

.moreResultsStyle {
    text-align: right;
    cursor: hand;
    font-weight: bold;
}

.required {
    font-weight: bold;
}

.addessRequiredFieldLabel {
    font-weight: normal;
    text-align: justify;
    display: block;
    width: 160px;
}

.addressNotRequiredFieldLabel {
    font-weight: normal;
    text-align: right;
}

.wizardContent {
    display: block;
    margin-top: 30px;
    margin-bottom: 0px;
}


/*
 * Author:	Doug Knight
 * Date:	10/19/2005
 * Purpose:	Defines style rules for pop-up calendars
 */
.datePicker {
    display: inline;
}

    .datePicker tr td:first-child {
        width: 140px !important;
    }

.calendar {
    border: 2px solid black;
    background-color: #F4F4F4;
}

.calendar-day, .calendar-today, .calendar-selectedDay {
    padding: 2px;
    cursor: pointer;
    text-align: center;
}

.calendar-day-disabled, .calendar-today-disabled, .calendar-selectedDay-disabled {
    padding: 2px;
    text-align: center;
    color: #707070;
}

.calendar-selectedDay {
    color: #FFFFFF;
    background-color: #483d8b;
}

.calendar-selectedDay-disabled {
    color: #707070;
    background-color: #483d8b;
}

.calendar-today {
    font-weight: bold;
    border: 1px solid #483d8b;
}

.calendar-today-disabled {
    font-weight: bold;
    border: 1px solid #483d8b;
}

.calendar-dayHeader {
    font-weight: bold;
    text-align: center;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.calendar-activator {
    cursor: pointer;
}

.calendar-nextPrev {
    cursor: hand;
    text-align: center;
    font-weight: bold;
}


/*
 * Author:	Doug Knight
 * Date:	11/11/2005
 * Purpose:	Defines attributes tables used to present
 *			a list of data
 */
.listGridHeader {
    background-color: #483d8b;
    color: #ffffff;
    padding: 2px;
    font-weight: bold;
}

    .listGridHeader th {
        padding: 2px;
        border-style: solid;
        border-width: 1px;
        border-color: White;
        height: 2px;
    }

    .listGridHeader a {
        color: #ffffff;
    }

.listGridRow td, .listGridAltRow td {
    padding: 2px;
    height: 20px;
    border-style: solid;
    border-width: 1px;
}

.listGridAltRow {
    background-color: #dcdcdc;
}

.listGridEmpty {
    font-weight: bold;
}


.shippingInfoBlock {
    width: 235px;
}

.pickupFieldsetBlock {
    width: 235px;
}

.deliveryPanelOptionsBlocks {
    width: 235px;
}

.deliveryDisclaimer {
    color: #cc0000;
    font-weight: bold;
    display: block;
    font-size: 11px;
}

.notes {
    font-size: 10px;
}

.contactUsImage {
    width: 100%;
}

.contactUsImageLabel1 {
    margin: 20px auto 0;
    z-index: 1;
    position: relative;
    width: 500px;
    font-size: 35px;
    font-weight: bold;
    font-family: "Trebuchet MS", "arial";
    display: block;
    text-align: center;
}

.contactUsImageLabel2 {
    margin: 0 auto;
    z-index: 1;
    position: relative;
    width: 400px;
    font-size: 35px;
    font-weight: bold;
    font-family: "Trebuchet MS", "arial";
    color: #f2797f;
    display: block;
    text-align: center;
}

.contactUsLabel {
    font-size: 15px;
    font-weight: bold;
}

.sectionField {
    width: 400px !important;
}

.terms_innerContainer {
    height: 100%;
    width: 100%;
    background-color: #999;
    position: fixed;
    left: 0px;
}

.terms_pageTitle {
    height: 40px;
    padding: 2px;
    text-align: right;
    border: 1px solid #333;
}

.terms_inlineFrame {
    width: 100%;
    height: 100%;
    clear: both;
}

.terms_frameContainer {
    text-align: left;
    background-color: white;
    clear: both;
    position: fixed;
    left: 10px;
    top: 60px;
    right: 10px;
    bottom: 10px;
    overflow: auto;
}

.terms_outerContainer {
}

.terms_printLink {
    display: block;
    text-align: right;
    padding: 2px;
    color: #0000ff;
}

.rightAlignMyPrimaryPhoneLabel {
    font-size: 10px;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    width: 200px;
}

.onlineAccessLabels {
    width: 200px;
    display: inline-block;
    font-size: 12px;
}

.onlineAccessLabelsUseSufixList {
    width: 180px;
    display: inline-block;
    font-size: 12px;
}

.onlineAccessLabelsPilot {
    width: 70px;
    display: inline-block;
    font-size: 12px;
    text-align: right;
}

.onlineAccessLabelsColumn2 {
    display: inline-block;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 3px;
    min-width: 80px;
    max-width: 185px;
    box-sizing: border-box;
}

.onlineAccessLabelsColumn2UseSufixList {
    display: inline-block;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 3px;
    min-width: 80px;
    max-width: 120px;
    box-sizing: border-box;
}

.forgotPasswordLink {
    display: block;
    margin-left: 205px;
    margin-bottom: 5px;
    text-align: left;
}

.onlineAccessRightPanel {
    width: 405px;
    height: 580px;
    margin-left: 20px;
    margin-top: 10px;
    display: block;
    float: left;
}

.onlineAccessRightImage {
    /* width: 464px;
    height: 434px;
    background: top center no-repeat;
    margin: 0px; */
    border-radius: 8px;

    @media (not (min-width:1200px)) {
        /* width: calc(420px + (80vw - 992px)); */
        width: 420px;
        height: 640px;
    }

    @media (min-width:1200px) {
        /* width: calc(485px + (80vw - 1200px)); */
        width: 485px;
        height: 630px;
    }
}

.onlineAccessContent {
    float: left;
    width: 550px;
    clear: both;
}

.passwordAssistanceContent {
    width: 100%;
    clear: both;
    margin-top: 10px;
}

.onlineAccessContinueLabel {
    font-weight: bold;
    display: block;
    padding: 10px 0px 10px 0px;
}

.onlineAccessRequiredNotes {
    font-size: 10px;
    font-weight: bold;
    display: block;
    padding-bottom: 20px;
}

.onlineAccessDataPrivacyLink {
    display: block;
    padding-top: 10px;
    padding-left: 50px;
    /*max-width: 380px;*/
    @media (max-width: 992px) {
        padding-left: 15px;
    }
}

.onlineAccessVerificationCodeLink {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}

.lineSpace {
    margin-top: 20px;
}

.passwordInputPanel {
    margin-left: 15px;
}

.passwordRadioButton {
    font-weight: bold;
    font-size: 14px;
    padding-right: 15px;
}

.passwordTextBox {
    vertical-align: middle;
}

.reviewAgreementRightImage {
    height: 385px;
    width: 540px;
    display: block;
    background: top center no-repeat;
    float: right;
    margin: 0px 0px 0px 10px;
}

.familyInformationNotes {
    padding-left: 5px;
    vertical-align: top;
    display: inline-block;
}

.familyInformationLabel {
    padding: 0px 20px 0px 5px;
    vertical-align: top;
}

.familyInformationRow {
    padding-bottom: 10px;
}

ruitStarterFormRoot table {
    border-spacing: 0;
}

.recruitStarterFormContainer {
    padding: 0;
}

.addrUpdatePanel1,
.addrUpdatePanel1 table,
.addrUpdatePanel1 td,
.addressPanel1CustomStyle,
.addressPanel1CustomStyle table,
.addrUpdatePanel2,
.addrUpdatePanel2 table,
.addrUpdatePanel2 td,
.personalInfoView table,
.PhoneListViewPlaceholder table,
.PhoneListViewPlaceholder td {
    border-spacing: 0;
    padding: 0;
}

    /*.addrUpdatePanel1 input,
.addrUpdatePanel1 select
{
    margin-left:0;
    margin-right:0;
}*/

    .addressPanel1CustomStyle td, tr:first-child,
    .addrUpdatePanel1 table tr td:first-child,
    .addrUpdatePanel2 table tr td:first-child,
    .personalInfoView table tr td:first-child,
    .PhoneListViewPlaceholder table table tr td:first-child,
    .recruitGovtIssuedIdView table tr td:first-child {
        width: 160px;
    }

.recruitGovtIssuedIdView td,
.PhoneListViewPlaceholder td {
    padding-bottom: 0.5em;
    padding-right: 10px;
}

.personalInfoView td {
    border-spacing: 0;
    padding-bottom: 0.5em;
}

.addressPanel1CustomStyle td,
.addrUpdatePanel1 td,
.addrUpdatePanel2 td {
    padding-bottom: 0.5em;
}

.recruiterId,
.unitId,
.consultantNameLabel,
.notReqdLabelComment {
    display: inline-block;
    padding-bottom: 0.5em;
    width: 160px;
}

.familyInformationLabels,
.familyInformationLabelStyle {
    padding-bottom: 0.5em;
    display: inline-block;
}

.FamilyInformationrelativeQuestion {
    width: 75%;
    margin-top: -1em;
    padding-bottom: 0.5em;
    display: inline-block;
}

.personalInfoView .label:after,
.languagePreference :after,
.recruitStarterFormRoot .label:after,
.addessRequiredFieldLabel:after,
.requiredFieldsLabel:before,
.rightAlignMyPrimaryPhoneLabel:after,
.reqdLabel:after,
.onlineAccessLabels:after,
.onlineAccessLabelsColumn2:after,
.redAsterixReqdLabel:after,
.familyInformationLabels:after,
.header4:after,
.beautyLocatorLabel:after {
    content: "*";
    color: Red;
}

.FamilyInfoRadioButtons {
    display: inline-block;
    border-spacing: 0;
    vertical-align: bottom;
}

.familyInfoPanel {
    clear: both;
}

.beautyLocatorProgramPanel {
    clear: both;
}

.beautyLocalProgramoRadioButtons {
    display: inline-block;
    border-spacing: 0;
    vertical-align: bottom;
}

.consultantIdText, .consultantUnitIdText {
    width: 145px;
}



.languagePreference input,
.languagePreference select {
    min-width: 230px !important;
}


.rightInputControlStyle {
    float: left;
    display: block;
    padding-left: -2em;
}

.personalInfoLeft {
    float: left;
    /*width:470px;*/
}

.personalInfoRight {
    float: right;
    margin-right: 5px;
    width: 400px;
}

.personalInfoImage {
    width: 400px;
    height: auto;
    float: right;
}

.requiredFieldsLabel {
    display: inline-block;
}

.reqdLabel {
    font-weight: bold;
}

.personalDataInfoPanel {
    clear: both;
}

.welcomeImage {
    margin: 0 auto;
    justify-content: space-between;

    @media (min-width: 992px) {
        width: 1440px;
        margin-left: 5px;
    }

    @media ((min-width: 515px) and (max-width: 991px)) {
        width: 480px;
    }

    @media (max-width: 514px) {
        width: 93vw;
    }
}

.startPanel {
    /*background-color: #F4F4F4;*/
    overflow: hidden;
    width: 100%;
    text-align: center;
    flex-basis: 50%;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.gateStartPanel {
    /*background-color: #F4F4F4;*/
    overflow: hidden;
    width: fit-content;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.startOASection {
    background-image: url(../../App_Themes/Default/LaunchAgreement-Registration1.png);
    width: 720px;
    height: 740px;
    background-size: contain;
    background-repeat: no-repeat;

    @media (max-width: 515px) {
        height: auto;
    }
}


.noConsultantIDSection {
    background-image: url(../../App_Themes/Default/noConsultantIDSection.png);
    width: 720px;
    height: 740px;
    background-size: contain;
    background-repeat: no-repeat;

    @media (max-width: 515px) {
        height: auto;
    }
}
/*
.startOASection, .noConsultantIDSection {
    display: inline-block;
    float: left;
    margin-right: 1px;
    width: 394px;
    height:269px;
    
}*/
.sectionsVerticalSeparator {
    top: 10px;
}

.findIbcSection {
    float: left;
    margin-left: 1px;
    margin-top: 2px;
    width: 471px;
    min-height: 200px;
}

.gateTextSection {
    float: left;
    margin: 5px;
    width: fit-content;
    /* min-width: 240px; */
    /* max-width: 1000px; */
    display: table;
    height: fit-content;
    /* min-height: 240px; */
    /* max-height: 1000px; */
}

.gateTextInnerContainer {
    display: table-cell;
    vertical-align: middle;
}

    .gateTextInnerContainer img {
        width: 100%;
    }

.gateButtonPanel {
    margin-top: 20px;
}


.gatePictureSection {
    float: left;
    margin: 5px;
    width: fit-content;
    height: fit-content;
    /* min-width: 240px;
    max-width: 1000px;
    min-height: 240px;
    max-height: 1000px; */
    @media (max-width: 991.99px) {
        display: none;
    }
}


.findIBCLabel,
.startOALabel {
    height: 55px;
    padding-top: 70px;
    font-size: 14px;
    padding-left: 5px;
}
/*
.startOASection .button,
.findIbcSection .button {
    color: #FFFFFF;
    background-color: #fe9abc;
    font-weight: bold;
    padding: 0 10px 0 10px;
    height: 20px;
    border: 0;
    margin-bottom: 45px;
    width: 394px;
    height: 269px;
}*/

.recruiterIdStartPanel,
.unitIdStartPanel {
    width: 70px;
    display: inline-block;
}

.recruiterFormNonEditableField {
    width: 70px;
    margin-left: 2px;
}

.suffixStartPanel {
    width: 25px;
    display: inline-block;
}

.welcomeRecruiterForm table tr td {
    padding: 0;
}

    .welcomeRecruiterForm table tr td img {
        width: 12px;
    }

.welcomeRecruiterFormLabel1 {
    padding-bottom: 5px;
    padding-top: 5px;
}

.welcomeRecruiterFormLabel2 {
    padding-bottom: 5px;
    color: #fe9abc;
}

.popupDisclaimerStyle {
    margin-left: 10px;
    background-color: #FFFECE;
    border-width: 1px;
    border-style: solid;
    min-height: 20px;
    padding: 0 10px 0 10px;
}

    .popupDisclaimerStyle ol, .popupDisclaimerStyle ul {
        margin-top: 10px;
        margin-bottom: 10px;
    }

.welcomeForm_RecruiterValidator {
    display: none;
}

.secQuestField {
    padding-left: 4px;
    padding-bottom: 2px;
}

.spacePanel {
    display: none;
}

.persInfNote {
    margin-top: 5px;
    margin-bottom: 5px;
    content: none;
}

.addressViewNote {
    margin-top: 5px;
    margin-bottom: 5px;
    content: none;
}

.commandDiv {
    display: none;
    margin: 0px;
}

.contactInformation {
    clear: left;
    margin-top: 8px;
}

.startPanelPilot {
    margin: 0 auto;
    width: 300px;
    text-align: left;
}

    .startPanelPilot .button {
        width: 70px;
        margin-left: 75px;
    }

    .startPanelPilot input {
        margin: 5px 0 5px 0;
    }

.recruiterIligibilityValidator {
    display: block;
}

.bankAccountInfo {
    width: 75%;
    padding: 5px 0 5px 0;
}

.launchAgreementRDAStartPanel {
    margin: 50px 0 75px 0;
    text-align: center;
}

.launchAgreementRDAStartButton {
    margin-top: 25px;
}

.recruitIdPanelStyle {
    /*width:800px;*/
    margin-bottom: 0px;
}

    .recruitIdPanelStyle input {
        width: 200px;
    }


.printableContentStyle {
    display: none;
}

.confirmationDialog, .confirmationContainer {
    width: 400px;
    height: 150px;
    z-index: 9999;
}

.confirmationContent {
    height: 70px;
    text-align: left;
    padding: 10px;
}

.languageSelection {
    text-align: right;
    position: relative;
    top: -50px;
    left: -10px;
    color: #BBBBBB;
    font-weight: bold;
    font-size: 13px;
}

    .languageSelection a {
        color: #BBBBBB;
    }

.ageConfirmationPanel {
    clear: both;
    display: table;
}

    .ageConfirmationPanel label, .ageConfirmationPanel span {
        cursor: pointer;
        vertical-align: middle;
        display: table-cell;
        padding: 0 3px 0 0;
    }

    .ageConfirmationPanel label {
        padding: 0px;
    }

.noticeRegardingPersonalData {
    font-family: Arial;
    font-size: 8pt;
    text-align: justify;
}

.printHeader {
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FDEBE7;
    border: solid 1px black;
    padding-top: 10px;
    padding-bottom: 10px;
}

.printOrderSubHeader {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
}

.printInfoContainer {
    padding: 5px;
    border: solid 1px black;
    vertical-align: top;
    text-align: left;
}

.printOrderFullName {
    padding: 5px 0 5px 0;
}

.shipping-field-annotation {
    display: block;
    font-size: 90%;
    color: #333;
    margin-left: 5px;
    margin-top: 3px;
}

.closePrintLink {
    display: block;
    text-align: right;
    padding: 4px;
    font-size: smaller;
    color: #0000ff;
    font-size: 12px;
}

.printReviewOrder,
.termPrint,
.noticeRegardingPersonalDataPanel,
.personalDataInfo,
.bankInformation {
    page-break-before: always;
}

.paddedContainer {
    padding-top: 2px;
    padding-bottom: 5px;
}

.reviewAgreementLabel {
    width: 150px;
    vertical-align: top;
    font-weight: bold;
    padding: 5px 0 5px 0;
}

.printPageTitle {
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    color: #f9a595;
}

.legalAcceptanceCheckBoxLogInfo {
    padding: 0 3px 0 0;
    display: table-cell;
}

.legalAcceptanceLabelLogInfo {
    vertical-align: middle;
    display: table-cell;
}

.legalAcceptanceValidatorLogInfo {
    display: table-cell;
}

/*********** Login information page ***********/

#LoginInformationTabsWrapper {
    display: none;
    border-bottom: 5px solid #F9A595;
    width: 100%;
    margin: 20px 0;
}

.loginInformationTabs {
    padding: 5px;
    cursor: pointer;
    color: #444;
    background: #ffffff;
    border: 1px solid #F9A595;
    border-bottom: none;
    display: table-cell;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
    color: #F9A595;
}

    .loginInformationTabs.active {
        color: white;
        background: #F9A595;
        cursor: default;
    }

.orderDetailsLabel {
    padding-right: 15px;
}

.recruiterDataRow {
    height: 20px;
}
/**********************************************/

@media print {
    .terms_outerContainer {
        display: none;
        visibility: hidden;
    }

    .printableContentStyle {
        display: block;
    }

    .closePrintLink {
        display: none !important;
    }

    .printReviewOrder,
    .termPrint,
    .noticeRegardingPersonalDataPanel,
    .personalDataInfo {
        page-break-before: always;
    }

    .termPrint,
    .noticeRegardingPersonalDataPanel,
    .noticeRegardingPersonalData,
    .personalDataInfo {
        line-height: 1.15em;
        font-size: 8px;
    }

    .termsInternal_headerStyle {
        padding-top: 5px !important;
    }
}

input.widthAuto {
    width: auto;
}


/*Guidelines-specific classes*/

#orderingGuidelinesStyle, #orderingGuidelinesStyle * {
    font-family: Arial;
    font-size: 9pt;
}

    #orderingGuidelinesStyle, #orderingGuidelinesStyle * li {
        margin-top: 10px;
    }

.guidelineActiveBox {
    border: 2px solid #000000;
    padding: 4px;
}

.mod-header {
    position: relative;
    top: 15px;
    text-align: right;
}

.grid-945-center {
    width: 945px;
    margin: 0 auto;
    display: block;
}

.mod-header .grid-945-center {
    position: relative;
    height: 90px;
}

.mod-header .s-header-logo-new {
    width: 235px;
    height: 35px;
    display: block;
    position: absolute;
    top: 10px;
    left: 0px;
}

.s-header-logo-new {
    padding-bottom: 15px;
    padding-left: 15px;

    @media ((min-width: 320px) and (max-width: 349px)) {
        padding-left: 2%;
    }

    @media ((min-width: 240px) and (max-width: 319px)) {
        padding-left: 0%;
    }
}

.s-header-links {
    position: relative;
    text-align: right;
}

.mod-header .s-group-nav, .mod-header .mod-lang-nav {
    display: inline-block;
    margin: 0 5px;
    font-size: 10px;
    line-height: 10px;
    color: #ccc;
    vertical-align: middle;
}

.fn-offscreen {
    position: fixed !important;
    left: -9999999px;
    top: -9999999px;
    display: inline !important;
}

.mod-header .s-group-nav a, .mod-header .mod-lang-nav a {
    display: inline-block;
    padding: 7px 1px 2px 20px;
    color: #D00070;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Arial';
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.002em;
}


.callbackButton {
    position: fixed;
    bottom: 75px;
    right: 10px;
    margin: 2px;
    background-color: #399E58;
    border-radius: 5px;
    color: #fff;
    min-width: 193px;
    height: 30px;
    z-index: 1;
    cursor: pointer;
    text-align: center;
    font-size: 17px;
}

.callbackFormButton {
    background-color: #399E58;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    height: 28px;
}

.callbackFormButtonClose {
    background-color: grey;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    height: 28px;
}

.callbackButton span {
    margin-top: 10px;
}

.callbackForm {
    width: 100%;
    min-height: 100%;
    /*background-color: rgba(0,0,0,0.5);
    overflow: hidden;
    position: fixed;
    top: 0px;
    z-index: 1010;*/
}

.callbackContent {
    padding: 30px;
    background: #FFF;
    width: 500px;
    margin: 0 auto 0px auto;
}

    .callbackContent textarea {
        resize: vertical;
        max-height: 200px;
    }

.error {
    color: #FF5869;
}

.timeInterval {
    font-size: 13px;
}

    .timeInterval option {
        font-size: 11px;
    }

.EeuConsultantIdPanel_SuffixList {
    min-width: 95px;
}

.WelcomeRectruiterForm_SuffixList {
    min-width: 50px;
    max-width: 110px;
}



.dropDownDatePicker div {
    margin-left: 0px;
}

.buttonTitleList_NotSelected {
    background-color: silver;
    margin: 0px !important;
    color: white;
    border: 1px solid lightgray;
    height: 20px;
    font-weight: normal;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}

.buttonTitleList_Selected {
    background-color: white;
    margin: 0px !important;
    color: black;
    border: 2px solid black;
    height: 20px;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}

.buttonTitleList {
    margin-left: 3px;
    width: 195px;
    display: inline-block;
}

.wideButtonTitleList {
    margin-left: 3px;
    width: 300px;
    display: inline-block;
}

.modalScreen {
    background-color: #FFC1B5;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE */
    opacity: 0.3; /* Firefox */
    z-index: 1000;
    font-size: 14px;
}

.modalScreenForAsync {
    background-color: #FFC1B5;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE */
    opacity: 0.3; /* Firefox */
    z-index: 9999;
    font-size: 14px;
}

.cookieDisclaimerContainerPanel {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    align-content: center;
    justify-content: center;
}

.cookieDisclaimer {
    width: 70%;
    display: block;
    text-align: center;
    background-color: #D74176;
    border: 1px solid #555759;
    border-radius: 0px;
    position: fixed;
    bottom: 15px;
    min-width: 240px;
    min-height: 50px;
    /*left: 18%;*/
    /*margin-left: -489px;*/
    border: 1px solid #E5E5E5;
}

.cookieDisclaimerTextArea {
    padding: 30px;
    width: 85%;
    float: left;
    font-family: 'Inter', 'Noto Sans';
    font-size: 12px;
    font-weight: 400;
    line-height: 14.52px;
    text-align: left;
    /* text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-position: from-font;
    text-decoration-skip-ink: none; */
    color: #FFFFFF;

    @media (max-width: 610px) {
        width: 80%;
        padding-right: 10px;
    }
}

.cookieDisclaimerTextArea a {
    color: white !important;
    text-decoration:underline;
}

.cookieDisclaimerCloseArea {
    padding: 10px;
    padding-top: 30px;
    padding-right: 20px;
    float: right;
    font-weight: bold;
    font-size: 15px;

    @media ((min-width: 400px) and (max-width: 610px)) {
        padding-right: 10px;
    }

    @media ((min-width: 240px) and (max-width: 399px)) {
        padding-right: 10px;
    }
}

.cookieDisclaimerCloseArea img {
    outline: 1px solid white;
    outline-offset: 5px;
}

.cookieDisclaimerCloseArea :hover {
    cursor: pointer;
}

.validationResultFooter {
    text-align: left;
}

.phoneFieldCell {
    min-width: 150px;
}

.govServicesError {
    background-color: #ed80a8;
    padding: 5px;
    border-radius: 4px;
}

    .govServicesError a:link,
    .govServicesError a:visited,
    .govServicesError a:active {
        color: black;
        text-decoration: underline;
        font-weight: bold;
    }

.ttAttributesPanel span:nth-child(2) {
    color: red;
}

.ttAttributesLabel {
    width: 250px;
    padding-left: 5px;
    padding-bottom: 0.5em;
    display: inline-block;
}

.ogrnipSwitch input[type="checkbox"] {
    width: auto;
}

.cellphonePanel {
    display: flex;
    flex-direction: row;
}


.inputTextBox-container {
    background-color: #fff;
    border-bottom: 1px solid #00000014;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
    box-sizing: border-box;
    color: #001a34;
    display: flex;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    transition: border-color .2s cubic-bezier(.25,.8,.25,1);
    white-space: nowrap;
    will-change: transform,border-color,top,background-color;
    height: 57.6px;
    margin-top: 1.5rem;
    width: 99%
}

.inputTextBox-wrp {
    display: flex;
    flex: 1;
    max-width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    color: #001a34;
    white-space: nowrap;
    text-align: left;
}

    .inputTextBox-wrp .inputTextBox {
        padding: 18px 10px 6px;
        font-size: 16px;
        line-height: 20px;
        padding: 12px 10px;
        -webkit-text-fill-color: #001a34;
        background-color: hsla(0,0%,100%,0);
        border: 0;
        box-sizing: border-box;
        caret-color: #005bff;
        color: inherit;
        font-family: var(--mainFont);
        font-size: 18px;
        line-height: 1.15;
        margin: 0;
        outline: none;
        padding: 0 10px;
        text-align: inherit;
        vertical-align: top;
        width: 100%;
        padding-top: 0px;
        margin-top: 22px;
        overflow: hidden;
        font-style: normal;
        letter-spacing: normal;
        text-decoration: none;
        text-transform: none;
        word-spacing: normal;
    }

    .inputTextBox-wrp .floating-label-txb {
        position: absolute;
        pointer-events: none;
        top: 14px;
        left: 10px;
        transition: 0.2s ease all;
        font-size: 16px;
        opacity: 50%;
    }

    .inputTextBox-wrp .floating-label-sel {
        position: absolute;
        pointer-events: none;
        top: 5px;
        left: 10px;
        font-size: 12px;
        opacity: 80%;
    }

    .inputTextBox-wrp:has(input:disabled),
    .inputTextBox-wrp:has(span),
    .inputTextBox-wrp:has(select:disabled) {
        /*background-color: #F0EEEB;*/
        margin: 0 0 0 0;
        background-image: none;
    }

    .inputTextBox-wrp input:focus ~ .floating-label-txb,
    /*.inputTextBox-wrp input:not(:focus):valid ~ .floating-label-txb,*/
    .inputTextBox-wrp input:not(:focus):not(:placeholder-shown) ~ .floating-label-txb {
        top: 5px;
        left: 10px;
        font-size: 12px;
        opacity: 80%;
    }

    .inputTextBox-wrp select {
        padding-left: 5px !important;
    }

    .inputTextBox-wrp textarea:focus ~ .floating-label-txb,
    .inputTextBox-wrp textarea:not(:focus):valid ~ .floating-label-txb {
        top: 5px;
        left: 10px;
        font-size: 12px;
        opacity: 80%;
    }

.inputTextBox-container:has(textarea) {
    height: 85px;
}



.inputTextBox-wrp span:not(:empty) ~ .floating-label-txb {
    top: 5px;
    left: 10px;
    font-size: 12px;
    opacity: 80%;
}

.inputTextBox-wrp:has(input:read-only), .inputTextBox-wrp:has(input[readonly="readonly"]) {
    /*background-color: #f0eeeb !important;*/
    color: #00000033;
}

.backToMKBtn {
    font-family: 'Noto Sans';
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
    position: absolute;
    width: 209px;
    height: 40px;
    top: -58px;
    right: 15px;
    background: #FFCDE0;
    border: 1px solid #D00070;
    border-radius: 32px;
}

.backToMKBtn2 {
    font-family: 'Noto Sans';
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
    position: absolute;
    width: 109px;
    height: 40px;
    top: -58px;
    right: 15px;
    background: #FFCDE0;
    border: 1px solid #D00070;
    border-radius: 32px;

    @media ((min-width: 240px) and (max-width: 339px)) {
        right: 0px;
    }
}

.backToMKLabel {
    width: 200px;
    height: 24px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.002em;
    color: #D00070;
}

.mainContainer {
    /*position: relative;*/
    padding-top: 25px;
}

.laMainContainer {
    align-content: center;
    justify-content: center;
    min-width: 240px;

    @media (min-width: 992px) {
        max-width: 1440px;
    }

    @media ((min-width: 515px) and (max-width: 991px)) {
        max-width: 480px;
    }
}

.contentContainer {
    box-sizing: border-box;
    position: absolute;
    width: 944px;
    height: 540px;
    left: 248px;
    top: 72px;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
}

.phoneConfirmationHeader {
    position: relative;
    width: 944px;
    height: 30px;
    left: 290px;
    top: 20px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: #555759;
}

.twoSidedContent {
    position: fixed;
}

.leftContent {
    position: relative;
    /*width: 400px;*/
    height: 500px;
    top: 40px;
    display: inline-block;
    float: left;
}

.phoneNumberBox {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0px 16px 8px;
    position: relative;
    width: 326px;
    height: 56px;
    right: -50px;
    top: 0px;
    border: 1px solid #B7B7B7;
    border-radius: 8px;
    font-family: 'Arial';
    color: #555759;
}

.grayGetCodeButton {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
    position: relative;
    width: 224px;
    height: 40px;
    right: -50px;
    top: 30px;
    background: #F0EEEB;
    border-radius: 32px;
    border-width: none;
    font-family: 'Arial';

    @media ((min-width: 240px) and (max-width: 279px)) {
        width: 150px;
    }
}

.timeRemainingText {
    position: relative;
    width: 304px;
    height: 16px;
    left: 50px;
    top: 50px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #555759;
}

.codeConfirmationBox {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0px 16px 8px;
    position: relative;
    width: 224px;
    height: 56px;
    right: -50px;
    top: 70px;
    border: 1px solid #B7B7B7;
    border-radius: 8px;
    font-family: 'Arial';
    color: #555759;
}

.rightContent {
    position: relative;
    width: 500px;
    height: 450px;
    top: 40px;
    display: inline-block;
    float: left;
}

    .rightContent img {
        max-width: 100%;
        max-height: 100%;
    }

.confirmButton {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 72px;
    gap: 16px;
    position: relative;
    width: 304px;
    height: 56px;
    right: -50px;
    top: 130px;
    background: #D00070;
    border-radius: 32px;
    font-family: 'Arial';
    color: white;
}

.cbSel {
    position: relative;
    width: 16px;
    height: 16px;
    left: 50px;
    top: 80px;
}

.consultantNotFound {
    font-family: 'Noto Sans';
    color: #FF5869;
    text-align: left;
}


a.linkNavigate:link, a.linkNavigate:visited, a.linkNavigate:active {
    font-family: 'Noto Sans';
    color: #D00070;
}

.fs16 {
    font-size: 16px;
    font-family: 'Noto Sans';
}

.fs14 {
    font-size: 14px;
    font-family: 'Noto Sans';
}

.ErrorSummary {
    background-color: #fff;
    border: 1px solid #FF5869;
    border-radius: 0px;
    box-sizing: border-box;
    color: #FF5869;
    font-family: 'Noto Sans';
    text-align: left;
    font-size: 16px;
}

    .ErrorSummary:empty,
    .ErrorSummary:has(ul:empty) {
        display: none;
    }

.containerPanel {
    border: 1px solid #E5E5E5;
    border-radius: 0px;
    background-image: url(../../App_Themes/Default/LaunchAgreement-Registration2.png);
    background-repeat: no-repeat;
    background-size: cover;
    @media (max-width: 992px) {
        background-image: none;
        width: 100%;
        border: 0px
    }
}

.containerPanel1 {
    border: 1px solid #E5E5E5;
    border-radius: 0px;
}

.centeredContainerPanel {
    display: flex;
    align-content: center;
    justify-content: center;

    @media ((max-width: 319px) or (min-width: 515px)) {
        margin-right: 100%; /* HACK */
    }
}

.no-border {
    border: 0 !important;
    padding-left: 0 !important;
}

.tooltipq {
    margin-right: 8px;
    margin-top: 8px;
}

.AlertRequiredMessage {
    font-family: 'Noto Sans';
    color: #555759;
    font-size: 15px;
}

.wizardTitleBar {
    display: none;
}

.cellPhoneNumberContainer {
    /*width: 375.6px !important;*/
    width: 320px !important;
    /*height: 56px !important;*/
    margin-left: 50px;

    @media (max-width: 992px) {
        margin-left: 15px;
    }
}
.smart-captcha {
    margin-left: 50px;
    @media (max-width: 992px) {
        margin-left: 15px;
    }
}

.verificationCodeCountdownTimerContainer {
    margin-top: 20px;
    margin-left: 50px !important;
    margin-bottom: -15px;
    width: 20em;
}

.verificationCodeContainer {
    width: 340px !important;
    /*height: 56px !important;*/
    margin-left: 40px;

    @media ((min-width: 240px) and (max-width: 279px)) {
        width: 210px !important;
    }

    @media (max-width: 992px) {
        margin-left: 15px;
    }
}

.createAgreementBlockContainer {
    text-align: left;
    margin-left: 50px;

    @media (max-width: 992px) {
        margin-left: 15px;
    }
}

.loginFormTitleContainer {
    text-align: left;
    margin-left: 50px;

    @media (max-width: 992px) {
        margin-left: 15px;
    }
}

.loginFormTitle1Container {
    text-align: left;
    margin-left: 50px;
    margin-top: 30px;

    @media (max-width: 992px) {
        margin-left: 15px;
    }
}

.termsOfAgreementLinkContainer,
.onlineAccessDataPrivacyLink a {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    /*text-decoration-line: underline;*/
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

    .termsOfAgreementLinkContainer a {
        color: #000000 !important;
        /*margin-left: 38px;*/
        margin-bottom: 50px;
        font-family: 'Gotham Pro Bol';
        font-size: 12px;
        text-decoration-line: none !important;
    }

.AlertRequiredMessage a,
.onlineAccessDataPrivacyLink a {
    color: #D74176 !important;
    text-decoration: none;
    /*font-weight: bold;*/
}

.loginInformation_CheckboxNewStyle,
.onlineAccessDataPrivacyLink input[type="checkbox"],
.ageConfirmationPanel input[type="checkbox"] {
    color: #D00070 !important;
    width: 16px;
    height: 16px;
    outline-width: 1px !important;
    outline-color: #D00070 !important;
    /* outline-radius: 4px; */
}

.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

    .custom-checkbox + label {
        /*display: inline-flex;
    align-items: center;*/
        user-select: none;
    }

        .custom-checkbox + label::before {
            content: '';
            display: inline-block;
            width: 18px;
            height: 18px;
            flex-shrink: 0;
            flex-grow: 0;
            border: 1px solid black;
            border-radius: 0px;
            margin-right: 0.5em;
            background-repeat: no-repeat;
            background-position: center center;
            /*background-size: 70% 70%;*/
        }

    .custom-checkbox:checked + label::before {
        /*background-color: #F2F2F7;*/
        background-image: url(../../App_Themes/Default/Fill.svg);
    }

    .custom-checkbox:not(:disabled):not(:checked) + label:hover::before {
    }

    .custom-checkbox:not(:disabled):active + label::before {
    }

    .custom-checkbox:focus + label::before {
        box-shadow: 0 0 0 0.2rem #C9C9C9;
    }

    .custom-checkbox:focus:not(:checked) + label::before {
        border-color: #C9C9C9;
    }

    .custom-checkbox:disabled + label::before {
        background-color: #C9C9C9;
    }

.review-label {
    margin-top: 20px;
    margin-bottom: 10px;
    color: #555759;
    font-family: Noto Sans;
    font-size: 15px;
    font-weight: 400;
    line-height: 20.43px;
}

.review-value {
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 10px;
    color: #555759;
    font-family: Noto Sans;
    font-size: 15px;
    font-weight: 700;
    line-height: 20.43px;
}

.wizardButtonLink {
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    padding: 0px;
}

    .wizardButtonLink:disabled {
        background-color: transparent !important;
        border: none !important;
        text-decoration: underline;
        padding: 0px;
        color: #B7B7B7 !important;
        cursor: default
    }


.startOAImgBtn,
.noConsultantIDImgBtn {
    width: 394px;
    height: 269px;
    margin-top: 450px;
    margin-bottom: 20px;
    margin-left: 20px;
    display: flex;
    flex-direction: column; /* Stacks items vertically */
    align-items: flex-start;
    background-blend-mode: multiply, normal;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 1px;
    border-color: #00000014;
    background-color: white;
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: #000000;

    @media (max-width: 515px) {
        width: 95%;
        height: 240px;
        margin-left: 10px;
        margin-top: 100%;
        margin-bottom: 20px;
    }
}

.ImageArrowButton {
    /*padding-top: 100px;*/
    margin-left: auto;
    margin-top: auto;
    bottom: 0; /* Aligns the bottom edge of the element to the bottom edge of the parent */
    margin-bottom: 20px;
    margin-right: 20px;
}

.ImageArrowButton1 {
    /*padding-left: 20px;*/
}

.RegistrationButtonLabel {
    display: block;
    text-align: left;
    font-family: Gotham Pro Med;
    font-weight: 400;
    font-style: Medium;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    margin-left: 30px;
    margin-top: 20px;
}

.RegistrationButtonLabel1 {
    display: block;
    text-align: left;
    font-family: Gotham Pro,Open Sans;
    font-weight: 400;
    font-style: Regular;
    font-size: 17px;
    leading-trim: NONE;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    margin-left: 30px;
    margin-top: 20px;
}

.noConsultantIDImgBtn:hover,
.startOAImgBtn:hover {
    color: #D74176;
}



.startOAImgBtn span,
.noConsultantIDImgBtn span,
.contentOnHover {
    /*background: linear-gradient(180deg, rgba(85, 87, 89, 0) 0%, rgba(85, 87, 89, 0.9) 100%) !important;*/
}

.startOAImgBtn:hover,
.noConsultantIDImgBtn:hover {
    /* background: linear-gradient(180deg, rgba(85, 87, 89, 0) 0%, rgba(85, 87, 89, 0.9) 100%); */
    -webkit-filter: brightness(100%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.startOAImgBtn .contentOnHover,
.noConsultantIDImgBtn .contentOnHover {
    display: none;
}

.startOAImgBtn:hover .contentOnHover,
.noConsultantIDImgBtn:hover .contentOnHover {
    display: inherit;
    align-content: center;
    justify-content: center;
    font-family: Noto Sans;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.002em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}


.tooltip-main {
    border-radius: 50%;
    font-weight: 700;
    border: 1px solid #737373;
    color: #737373;
    margin: 4px 121px 0 5px;
    float: right;
    text-align: left !important;
}

.tooltip-qm {
    float: left;
    margin: -2px 0px 3px 4px;
    font-size: 12px;
}

.tooltip-inner {
    max-width: 236px !important;
    font-size: 12px;
    padding: 10px 15px 10px 20px;
    /*background: #FFFFFF;*/
    background: #F0EEEB;
    color: rgba(0, 0, 0, .7);
    border: 1px solid #737373;
    text-align: left;
}

.tooltip.show {
    opacity: 1;
}