:root {
    /*--RCPT_Level1_BCGRND: #000099;*/
    /*--RCPT_Level1_Color: #ffffff;*/
    /*--RCPT_Level1_Borders: #000099;*/

    --RCPT_Level1_BCGRND: #e0e9f5;
    --RCPT_Level1_Color: #020242;
    --RCPT_Level1_Borders: #a4bed4;


    /*--RCPT_Level1_BCGRND: #ffffff;*/
    /*--RCPT_Level1_Color: #000000;*/
    /*--RCPT_Level1_Borders: #000000;*/


    --RCPT_DealerFontColor: #020242;
    --RCPT_CustFontColor: #020242;
    --RCPT_ShiptoIconColor: #020242;
    --RCPT_PartsInfoColor: #020242;
    --RCPT_SubtotalColor: #020242;
    --RCPT_TaxColor: #020242;
    --RCPT_ShippingColor: #020242;
    --RCPT_totalColor: #020242;
    --RCPT_NotesColor: #020242;
    --RCPT_PaymentTypeColor: #020242;


    /*Receipt Buttons*/
    --RCPT_ButtonColor: #000000;
    --RCPT_ButtonHoverColor: #ffffff;
    --RCPT_ButtonBCGRND: #eaebe8;
    --RCPT_ButtonHoverBCGRND: #000000;


    --RCPT_ChargeHeaderColor: #020242;
    --RCPT_ChargeAmountColor: #020242;
    --RCPT_AMTDueHeaderColor: #020242;
    --RCPT_AMTDueAmountColor: #020242;
    --RCPT_DisclaimerThankYouColor: #020242;
    --RCPT_DisclaimerItemsColor: #020242;

    --RCPT_LVL1_HeaderFont: 18px;
    --RCPT_LVL2_HeaderFont: 15px;
    --RCPT_LVL2_BTNFont: 13px;
    --RCPT_LVL1_CustInfo: 15px;
    --RCPT_LVL1_DealerInfoSize: 13px;
    --RCPT_LVL1_BillToSize: 13px;
    --RCPT_LVL1_ShipToSize: 13px;
    --RCPT_LVL1_MasterSize: 12px;
    --RCPT_LVL1_PartsHeaderSize: 15px;
    --RCPT_LVL1_PartsColHeaderSize: 12px;
    --RCPT_LVL1_PartsInfoSize: 12px;
    --RCPT_PartsFontFam: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.formRCPTHidden {
    display: none;
}

.formRCPTContainer {
    max-width: 600px;
    min-width: 320px;
    font-size: var(--RCPT_LVL1_MasterSize);
    font-family: var(--RCPT_PartsFontFam);
    color: var(--RCPT_Level1_Color);
    margin: 10px auto 30px;
}

.fromRCTBReceipt {
    width: 100%;
    margin: 0;
    padding: 0;
}

.formRCPTHeader1 {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 5px 0 5px 5px;
    color: var(--RCPT_Level1_Color);
    background-color: var(--RCPT_Level1_BCGRND);
    border: 1px solid var(--RCPT_Level1_Borders);
    border-radius: 25px 25px 0 0;
    font-weight: bold;
    font-size: var(--RCPT_LVL1_HeaderFont);
    font-family: var(--RCPT_PartsFontFam);
    display: inline-block;
}

.formRCPTOrderNo, .formRCPTDate {
    display: inline-block;
    padding-top: 10px;
}

.formRCPTOrderNo {
    float: left;
    text-align: left;
    padding-left: 10px;
}

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

.formRCPTHeader2 {

    border-left: 1px solid var(--RCPT_Level1_Borders);
    border-right: 1px solid var(--RCPT_Level1_Borders);

}

.formRCPTTopMessage {
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    text-align: left;
    font-weight: bold;
    font-size: var(--RCPT_LVL2_HeaderFont);
    font-family: var(--RCPT_PartsFontFam);
}


.formRCPTCustInfo {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}


.formRCPTInfo {
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    padding: 5px 0 5px 5px;
    color: var(--RCPT_Level1_Color);
    background-color: var(--RCPT_Level1_BCGRND);
    border-right: 1px solid var(--RCPT_Level1_Borders);
    border-left: 1px solid var(--RCPT_Level1_Borders);
    font-size: var(--RCPT_LVL2_HeaderFont);
    font-family: var(--RCPT_PartsFontFam);
    font-weight: bold;
    display: block;
}

.formRCPTInfo2, .formRCPTDealerInfo1 {
    /* border: 1px solid green; */
    width: 99%;
    display: inline-block;
    padding-left: 5px;
    border: 1px solid var(--RCPT_Level1_Borders);
    padding-bottom: 5px;
}

.formRCPTBTDealerInfo {
    width: 100%;
    text-align: left;
    font-size: var(--RCPT_LVL1_DealerInfoSize);
    font-family: var(--RCPT_PartsFontFam);
    color: var(--RCPT_DealerFontColor);
    font-weight: bold;
    padding: 5px;


}

.formRCPTBTInfo, .formRCPTSTInfo {
    /*border: 1px solid blue;*/
    width: 49%;
    /*padding: 10px 0 10px 0;*/
    padding-top: 5px;
    text-align: left;
    display: block;
    float: left;
}

.formRCPTBTInfo {
    color: var(--RCPT_CustFontColor);
    font-size: var(--RCPT_LVL1_BillToSize);
}

.formRCPTHeader3 {
    font-weight: bold;
}

.formRCPTSTInfo {
    color: var(--RCPT_ShiptoIconColor);
    font-size: var(--RCPT_LVL1_ShipToSize);
}

.formRCPTPaymentInfo {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.formRCPTPaymentInfoHeader {
    width: 99%;
    text-align: left;
    padding: 5px 0 5px 5px;
    color: var(--RCPT_Level1_Color);
    background-color: var(--RCPT_Level1_BCGRND);
    border-right: 1px solid var(--RCPT_Level1_Borders);
    border-left: 1px solid var(--RCPT_Level1_Borders);
    font-size: var(--RCPT_LVL2_HeaderFont);
    font-family: var(--RCPT_PartsFontFam);
    font-weight: bold;
    display: block;
}

.formRCPTPaymentInfoType {
    border-right: 1px solid var(--RCPT_Level1_Borders);
    border-left: 1px solid var(--RCPT_Level1_Borders);
    border-bottom: 1px solid var(--RCPT_Level1_Borders);
    text-align: left;
    padding: 5px 0 5px 5px;
    font-size: var(--RCPT_LVL1_PartsInfoSize);

}

.formRCPTPaymentInfoMainHeader {
    display: block;
}

.formRCPTPaymentInfoDiv {
    display: inline-block;
    font-size: var(--RCPT_LVL1_PartsInfoSize);

}

.formRCPTPaymentInfoDivHeader {
    width: 150px;
    text-align: left;
}

.formRCPTPaymentInfoDivValue {
    text-align: left;
    font-weight: bold;
}

/*================================*/
.formRCPTTrackingInfo {
    width: 100%;
    display: block;
    border-right: 1px solid var(--RCPT_Level1_Borders);
    border-left: 1px solid var(--RCPT_Level1_Borders);
    border-bottom: 1px solid var(--RCPT_Level1_Borders);
}

.formRCPTTrackingInfoHeader {
    width: 99%;
    text-align: left;
    padding: 5px 0 5px 5px;
    color: var(--RCPT_Level1_Color);
    background-color: var(--RCPT_Level1_BCGRND);
    font-size: var(--RCPT_LVL2_HeaderFont);
    font-family: var(--RCPT_PartsFontFam);
    font-weight: bold;
    display: block;
}

.formRCPTTrackingInfoRelated {
    font-size: var(--RCPT_LVL1_PartsInfoSize);
}

.formRCPTTrackingNum {
    width: 100%;
    display: block;
    padding: 5px;
    text-align: left;
    font-size: var(--RCPT_LVL1_ShipToSize);
}


.formRCPTPTable {
    font-size: var(--RCPT_LVL1_PartsInfoSize);
    font-family: var(--RCPT_PartsFontFam);
    text-align: left;
}

.formRCPTPOrdered, .formRCPTPShipping, .formRCPTPShippingChkBox {
    background-color: var(--RCPT_Level1_BCGRND);
    color: var(--RCPT_Level1_Color);
    font-size: var(--RCPT_LVL2_HeaderFont);
    font-family: var(--RCPT_PartsFontFam);
    height: 25px;
    text-align: left;

}

.formRCPTPOrdered_th, .formRCPTPHCell, .formRCPTPShipping_th, .formRCPTPShippingChkBox_th {
    border: 1px solid var(--RCPT_Level1_Borders);
}

.formRCPTPOrderedHeader, .formRCPTPShippingHeader, .formRCPTPShippingChkBoxHeader {
    padding-left: 5px;
    font-weight: bold;
}


.formRCPTPHeader {
    background-color: var(--RCPT_Level1_BCGRND);
    border: 1px solid var(--RCPT_Level1_Borders);
    color: var(--RCPT_Level1_Color);
    font-size: var(--RCPT_LVL1_PartsColHeaderSize);
    font-family: var(--RCPT_PartsFontFam);
}

.formRCPTPHCell_qtyToShip {
    width: 75px;
    text-align: center;
    vertical-align: middle;
}

.formRCPTPHCell_qtyOrdered, .formRCPTPHCell_qtyShipped {
    width: 50px;
    text-align: center;
    vertical-align: middle;
}

.formRCPTPHCell_pn {
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
}

.formRCPTPHCell_price, .formRCPTPHCell_total {
    text-align: center;
    vertical-align: middle;
}

.formRCPTPHCell_price {
    width: 80px;
}

.formRCPTPHCell_total {
    width: 80px;
}

.formRCPTPCell {
    border: 1px solid var(--RCPT_Level1_Borders);
    padding: 2px 10px 2px 10px;
}

.formRCPTPModelDiv {
    display: inline-block;
    font-family: var(--RCPT_PartsFontFam);
    font-size: var(--RCPT_LVL1_PartsInfoSize);
    padding: 2px 0;
}

.formRCPTPModelDivHeader {
    font-weight: bold;
}

.formRCPTPRow {
    font-family: var(--RCPT_PartsFontFam);
    font-size: var(--RCPT_LVL1_PartsInfoSize);
    color: var(--RCPT_PartsInfoColor);
}

.formRCPTPCell_qtyToShip {
    text-align: center;
}

.formRCPTPCell_qtyToShipText {
    font-family: var(--RCPT_PartsFontFam);
    font-size: var(--RCPT_LVL1_PartsInfoSize);
    padding: 3px;
    text-align: center;
}

.formRCPTPCell_qtyOrdered, .formRCPTPCell_qtyShipped {
    text-align: center;
}

.formRCPTPCell_pn {
    text-align: left;
}

.formRCPTPCell_price, .formRCPTPCell_total {
    text-align: right;
}

.formRCPTRowSubtotal {
    color: var(--RCPT_SubtotalColor);
}

.formRCPTRowTax {
    color: var(--RCPT_TaxColor);
}

.formRCPTRowShipping {
    color: var(--RCPT_ShippingColor);
}

.formRCPTRowTotal {
    color: var(--RCPT_totalColor);
}

.formRCPTCellSubtotal, .formRCPTCellTax, .formRCPTCellShipping, .formRCPTCellTotal, .formRCPTCellCharge, .formRCPTCellAMTDue {
    text-align: right;
}

.formRCPTCellChargeHeader {
    color: var(--RCPT_ChargeHeaderColor);
}

.formRCPTCellChargeAmount {
    color: var(--RCPT_ChargeAmountColor);
}

.formRCPTCellAMTDueHeader {
    color: var(--RCPT_AMTDueHeaderColor);
}

.formRCPTCellAMTDueAmount {
    color: var(--RCPT_AMTDueAmountColor);
    font-weight: bold;
}

/* Reciept Notes & Payment */
.formRCPTPayment, .formRCPTNotes {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--RCPT_Level1_Borders);
}

.formRCPTPaymentHeader, .formRCPTNotesHeader {
    text-align: left;
    font-family: var(--RCPT_PartsFontFam);
    font-size: var(--RCPT_LVL2_HeaderFont);
    font-weight: bold;
    background-color: var(--RCPT_Level1_BCGRND);
    border-bottom: 1px solid var(--RCPT_Level1_Borders);
    color: var(--RCPT_Level1_Color);
    padding: 5px 0 5px 5px;
}

.formRCPTNotesSent {
    display: block;
    overflow-wrap: break-word;
    margin: 5px;
    text-align: left;
    font-family: var(--RCPT_PartsFontFam);
    color: var(--RCPT_NotesColor);
    font-size: var(--RCPT_LVL1_PartsInfoSize);
}

.formRCPTPaymentType {
    text-align: left;
    margin: 5px;
    color: var(--RCPT_PaymentTypeColor);
}

.formRCPTPaymentName, .formRCPTPaymentID {
    display: inline-block;
    font-family: var(--RCPT_PartsFontFam);
    font-size: var(--RCPT_LVL1_PartsInfoSize);
    padding-right: 10px;
}

.formRCPTDisclaimer {
    padding-top: 5px;
    width: 100%;
}

.formRCPTDisclaimerThankYou {
    font-family: var(--RCPT_PartsFontFam);
    font-size: var(--RCPT_LVL1_PartsHeaderSize);
    color: var(--RCPT_DisclaimerThankYouColor);
    padding-bottom: 5px;
    overflow-wrap: break-word;
    font-weight: bold;
}

.formRCPTDisclaimerItems {
    font-family: var(--RCPT_PartsFontFam);
    font-size: var(--RCPT_LVL1_PartsHeaderSize);
    color: var(--RCPT_DisclaimerItemsColor);
    overflow-wrap: break-word;
    font-weight: bold;
}

.formRCPTBTButtonDiv {
    text-align: center;
}

.formRCPTBTButtonDivBTM {
    padding-top: 10px;
}

.formRCPTBTButton {

    font-family: var(--RCPT_PartsFontFam);
    font-size: var(--RCPT_LVL1_BillToSize);
    margin: 0 0 10px 5px;
    padding: 3px 5px;
    border-radius: 5px;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    background-color: var(--RCPT_ButtonBCGRND);
    color: var(--RCPT_ButtonColor);
}

.formRCPTBTButton:hover {
    cursor: pointer;
    background-color: var(--RCPT_ButtonHoverBCGRND);
    color: var(--RCPT_ButtonHoverColor);
}

.formRCPT_25_table1 {
    width: 100%;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid var(--RCPT_Level1_Borders);
}

.formRCPT_25_Level1TR1 {
    background-color: var(--RCPT_Level1_BCGRND);
}

.formRCPT_25_Level1TR1TD1 {
    width: 200px;
    text-align: left;
    padding: 5px;
    font-weight: bold;

}

.formRCPT_25_Level1TR1TD2 {
    text-align: left;
    font-weight: bold;
    padding: 5px;
}

.formRCPT_25_Level1TR2TD1 {


}

.formRCPT_25_text1, .formRCPT_25_text2 {
    font-size: Var(--RCPT_LVL1_PartsInfoSize);
    font-family: var(--RCPT_PartsFontFam);
    padding: 3px;
}

.formRCPT_25_Level1TR2TD2 {
    padding-left: 3px;
}


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

.formRCPT_25_Level2TR1TD1 {
    padding: 5px;
    font-size: Var(--RCPT_LVL1_PartsInfoSize);
    font-family: var(--RCPT_PartsFontFam);

}

.formRCPT_25_Level2TDRadio {
    text-align: left;
    width: 50%;

}

.formRCPT_25_Level2LBRadio {
    padding-left: 40px;
    font-size: Var(--RCPT_LVL1_PartsInfoSize);
    font-family: var(--RCPT_PartsFontFam);
}

.formRCPT_26_table1 {
    width: 100%;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid var(--RCPT_Level1_Borders);
}

.formRCPT_26_Level1TR1 {
    background-color: var(--RCPT_Level1_BCGRND);
}

.formRCPT_26_Level1TR1TD1 {
    text-align: left;
    padding: 5px;
    font-weight: bold;
}

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

.formRCPT_26_Level1TR2TD1Text {
    font-size: Var(--RCPT_LVL1_PartsInfoSize);
    font-family: var(--RCPT_PartsFontFam);
    padding: 3px;
}

.formRCPTBTSendToCust {
    font-size: Var(--RCPT_LVL2_BTNFont);
    font-family: var(--RCPT_PartsFontFam);
    background-color: var(--RCPT_ButtonBCGRND);
    color: var(--RCPT_ButtonColor);
    padding: 3px 5px;
}

.formRCPTBTSendToCust:hover {
    cursor: pointer;
    background-color: var(--RCPT_ButtonHoverBCGRND);
    color: var(--RCPT_ButtonHoverColor);

}


@media (max-width: 500px) {
    :root {
        --RCPT_LVL1_HeaderFont: 18px;
        --RCPT_LVL2_HeaderFont: 13px;
        --RCPT_LVL1_CustInfo: 13px;
        --RCPT_LVL1_BillToSize: 11px;
        --RCPT_LVL1_ShipToSize: 11px;
        --RCPT_LVL1_MasterSize: 10px;
        --RCPT_LVL1_PartsHeaderSize: 13px;
        --RCPT_LVL1_PartsColHeaderSize: 11px;
        --RCPT_LVL1_PartsInfoSize: 11px;

    }

}