﻿/********************************************************************/
/*                                                                  */
/*                         Ordrekvitering                           */
/*                                                                  */
/********************************************************************/


#panOrderReceiptWrapper_OrderReceipt {
background: #FFF;
padding: 1em 1em 4em 1em;
box-shadow: 0 38px 20px -31px rgba(0,0,0,0.2);
}

#panOrderReceiptHeadline_OrderReceipt {
font-size: 2.5em;
font-weight: 800;
padding: .5em 0 .5em 0;
line-height: 1em;
}

/********************************************************************/
/*                                                                  */
/*                           First table                            */
/*                                                                  */
/********************************************************************/

#panAddressSection_OrderReceipt {
    display: table;
    width: 100%;
    margin: 2em 0 1em 0;
}

/********************************************************************/
/*                                                                  */
/*                          Left first table                        */
/*                                                                  */
/********************************************************************/

#panDeliveryInformation_OrderReceipt {
    display: table-cell;
    width: 20%;
}

#panBillingInformation_OrderReceipt, #panShippingInformation_OrderReceipt {
    margin: 0 0 1em 0;
}

#labBillingInformationHeader_OrderReceipt, #labShippingInformationHeader_OrderReceipt {
    font-weight: bold;
    font-size: 1.5em;
}

#panBillingInformation_OrderReceipt span, #panShippingInformation_OrderReceipt span {
    display: block;
}



/********************************************************************/
/*                                                                  */
/*                        Right first table                         */
/*                                                                  */
/********************************************************************/

 #panBusinessCard_OrderReceipt {
    display: table-cell;
    width: 50%;
}

 #panBusinessCardAddressInformation_OrderReceipt, #panBusinessCardAdditionalInformation_OrderReceipt {
     margin: 0 0 1em 0;
 }

 #labBusinessCardHeader_OrderReceipt, #labBusinessCardAdditionalInformationHeader_OrderReceipt {
         font-weight: bold;
    font-size: 1.5em;
 }

 #panBusinessCardAddressInformation_OrderReceipt span, #panBusinessCardAdditionalInformation_OrderReceipt span {
     display: block;
 }

 #panBusinessCardAdditionalInformation_OrderReceipt a {
     color: #000;
     text-decoration: none;
 }

  #panBusinessCardAdditionalInformation_OrderReceipt a:hover {
        text-decoration: underline;
 }

/********************************************************************/
/*                                                                  */
/*                           Second table                           */
/*                                                                  */
/********************************************************************/

  #labTransactionNumberLabel_OrderReceipt, #labCardNumberLabel_OrderReceipt, #labOrderNumberLabel_OrderReceipt, #labOrderDateLabel_OrderReceipt {
      font-weight: bold;
      font-size: 1.2em;
  }

  #panTransactionInformation_OrderReceipt {
      margin: 0 0 2em 0;
     
  }

/********************************************************************/
/*                                                                  */
/*                           Product table                          */
/*                                                                  */
/********************************************************************/


      #panOrderlineSection_OrderReceipt table {
        margin-top: 10px;
        border: none;
        width: 100%;
        box-shadow: 0px 8px 5px -2px rgba(0, 0, 0, 0.2);
          margin-bottom: 1em;
    }

          #panOrderlineSection_OrderReceipt th {
        border: none;
        background-color: #3b3b3b;
        color: #FFF;
        border-bottom: solid 4px #222;
        font-weight: 400;
        height: 2em;
        font-size: 1.2em;
    }

        #panOrderlineSection_OrderReceipt th:nth-child(6) {
            text-align: right;
            padding-right: 10px;
        }

        #panOrderlineSection_OrderReceipt th:nth-child(4) {
            text-align: right;
            padding-right: 50px;
        }

    #panOrderlineSection_OrderReceipt td {
        border: none;
        border-bottom: solid 1px #e7e5e5;
        padding: 10px 5px 5px 5px;
        text-align: center;
        font-size: 1.2em;
        background: #ffffff; /* Old browsers */

    }

    #panOrderAmountSection_OrderReceipt {
        float: right;

    }

    #panShoppingTotal_OrderReceipt {
        font-size: 1.2em;
        margin-bottom: 1em;
    }

        .panOrderlineAmountLine_OrderReceipt span:nth-child(1) {
            margin-right: 8em;

        }

    .panOrderlineAmountLine_OrderReceipt span:nth-child(2) {
        float: right;
    }

    #panPurchaseOrderTotal_OrderReceipt {
        font-weight: bold;
    }

    #labPurchaseOrderTaxLabel_OrderReceipt, #labPurchaseOrderTax_OrderReceipt {
        font-size: 0.9em;
    }


/********************************************************************/
/*                                                                  */
/*                              Text                                */
/*                                                                  */
/********************************************************************/

    #panReturnInformation_OrderReceipt_OrderReceipt {
        clear: both;
        margin-bottom: 1em;
    }

    #labReturnInformationHeader_OrderReceipt {
        font-size: 1.5em;
        font-weight: bold;
    }


    #panWarrantyInformation_OrderReceipt {
        margin-bottom: 1em;
    }

    #panWarrantyInformationHeader_OrderReceipt {
        font-size: 1.5em;
        font-weight: bold;
    }

/********************************************************************/
/*                                                                  */
/*                            Responsive                            */
/*                                                                  */
/********************************************************************/

@media all and (max-width : 1000px) {
    #panDeliveryInformation_OrderReceipt {
        width: auto;
    }

    #panOrderAmountSection_OrderReceipt {
        float: none;
    }
}