.bill-invoice-receipt-box{
    grid-template-columns: 440px 480px !important;
}
.invoice-receipt-output-basic-data{
    display: flex;
    justify-content: space-between;
}
.invoice-receipt-output-basic-data-row{
    display: grid;
    grid-template-columns: 100px 1fr;
    column-gap: 5px;
}
.invoice-receipt-output-basic-data-row div:nth-child(1){
    text-align: right;
    font-weight: bold;
}
.invoice-receipt-output-basic-data-col-1-cell-1{
    display: flex;
    column-gap: 5px;
    align-items: center;
}
.invoice-receipt-output-address-details{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.invoice-receipt-output-billing-to-first-address,.invoice-receipt-output-shipping-to-first-address{
    font-weight: bold;
    margin-bottom: 5px;
}
.invoice-receipt-output-item-details{
    margin-top: 10px;
}
.invoice-receipt-output-item-details-row-header,.invoice-receipt-output-item-details-row,.invoice-receipt-output-items-footer,.sub-total-price-calculation-row{
    display: grid;
    grid-template-columns: 50px 1fr 70px 80px 70px;
}
.application-tax-calculation-row{
    display: grid;
    grid-template-columns: 10px 10px 1fr 50px 70px;
}
.invoice-receipt-output-item-details-row-header{
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dotted gray;
}
.invoice-receipt-output-item-details-row-header .sum{
    text-align: right;
}
.invoice-receipt-input-primary-information-row{
    display: grid;
    grid-template-columns: 150px 1fr;
    margin-bottom: 10px;
}
.sub-total-price-calculation-row{
    margin-bottom: 10px;
}
.sub-total-price-calculation-row div:nth-child(4),.sub-total-price-calculation-row div:nth-child(5){
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    padding-top: 5px;
    padding-bottom: 5px;
}
.application-tax-calculation-row{
    margin-bottom: 5px;
}
.input-receipt-applicable-tax-name{
    text-align: right;
    margin-right: 10px;
}
.invoice-receipt-output-item-details-row .sum,.sub-total-caculation-price-box,.input-receipt-applicable-tax-amount-box,.invoice-receipt-output-total-amount-text,.sub-total-text{
    text-align: right;
}
.invoice-receipt-input-wrapper label{
    font-weight: bold;
}
.invoice-receipt-input-wrapper input[type="text"]{
    border:none;
    outline: none;
    border-bottom: 1px solid blue;
    padding-bottom: 2px;
    width: 100%;
}
.invoice-receipt-input-wrapper input[type="number"],.invoice-receipt-input-wrapper select,.invoice-receipt-input-wrapper input[type="date"],.invoice-receipt-input-wrapper input[type="time"]{
    border:1px solid blue;
    padding: 2px;
}

.invoice-receipt-input-key-value-pair-data-edit-row,.invoice-receipt-input-bill-duration-edit-row{
    display: grid;
    grid-template-columns: 100px 150px 1fr;
    align-items: center;
    margin-bottom: 10px;
    column-gap: 5px;
}
.invoice-receipt-input-bill-duration-edit-title-text-box{
    display: grid;
    grid-template-columns: 120px 1fr;
    margin-bottom: 10px;
}
.applicable-tax-details-each{
    display: flex;
    margin-bottom: 10px;
}
.applicable-tax-name{
    width: 150px !important;
}
.applicable-tax-percentage{
    width: 50px !important;
}
.applicable-tax-details{
    margin-top: 10px;
}
.invoice-receipt-input-items-list-each{
    margin-bottom: 20px;
}
.invoice-receipt-input-items-list-each .slnum{
    text-align: center;
    color: red;
    margin-bottom: 10px;
    font-size: 20px;
    border-bottom: 1px dotted gray;
    padding-bottom: 2px;
}
.invoice-receipt-input-items-list-each .item-name-set-box{
    display: grid;
    grid-template-columns: 85px 1fr;
    column-gap: 5px;
    margin-bottom: 10px;
}
.invoice-receipt-input-items-list-each-price{
    width: 100px;
}
.invoice-receipt-input-items-list-each-quantity{
    width: 100px;
}
.invoice-receipt-input-payment-Mode-box-inner{
    display: flex;
    column-gap: 15px;
    flex-wrap: wrap;
}
.delete-invoice-receipt-input-items-list-each-box{
    text-align: right;
    margin-top: 10px;
}
#invoice-receipt-input-instruction-content,#invoice-receipt-input-bottom-content,#invoice-receipt-input-billing-option-details{
    width: 100%;
    height: 70px;
    outline: none;
    border: 1px solid blue;
    padding: 5px;
}
#invoice-receipt-input-billing-option-details{
    margin-top: 10px;
}
.invoice-receipt-output-item-details-rows{
    height: 180px;
}
.invoice-receipt-output-items-footer{
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}
.price-text{
    margin-left: 5px;
}
.invoice-receipt-output-logo-box{
    display: none;
}
.invoice-receipt-logo-remove-option-box{
    margin-top: 10px;
    display: none;
}
#invoice-receipt-input-office-shop-address,#invoice-receipt-input-billing-to-address,#invoice-receipt-input-Shipping-to-address{
    height: 100px;
    outline: none;
    border:1px solid blue;
    padding: 5px;
}
#invoice-receipt-input-billing-to-address, #invoice-receipt-input-Shipping-to-address{
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}
.invoice-receipt-input-billing-shipping-information-row input{
    margin-bottom: 10px;
    margin-top: 10px;
}
.invoice-receipt-items-payment-mode{
    margin-top: 10px;
    margin-bottom: 5px;
}
.invoice-receipt-output-extra-note{
    margin-bottom: 10px;
    font-weight: bold;
}
.invoice-receipt-output-bottom-content{
    border-top: 1px solid gray;
    padding-top: 5px;
}
.bill-invoice-receipt-output-wrapper{
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}
.invoice-receipt-output-title{
    text-align: center;
    border-bottom: 1px solid gray;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.applicable-tax-details-rows{
    margin-top: 20px;
}
.invoice-receipt-input-bill-duration-box{
    margin-top: 15px;
    margin-bottom: 10px;
}
.invoice-receipt-output-billing-period-details-box{
    display: flex;
    column-gap: 5px;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 10px;
}
.invoice-receipt-output-billing-option-details{
    margin-top: 10px;
    margin-bottom: 10px;
    font-style: italic;
}
.invoice-receipt-items-payment-mode-text{
    font-weight: bold;
}
.optional-invoice-receipt-titles-text-reset-row{
    display: grid;
    grid-template-columns: 100px 1fr;
    column-gap: 5px;
    margin-bottom: 10px;
}
.invoice-receipt-download{
    margin-left: 50px;
}
.vehicle-related-data-input-box .vehicle-details-input-each-row{
    display: flex;
    column-gap: 5px;
    margin-bottom: 10px;
}
.ride-details-input-each-row{
    margin-bottom: 10px;
}
.ride-details-input-box{
    padding: 30px;
}
.ride-details-count-text{
    text-align: center;
    border-bottom: 1px dotted gray;
}
.vehicle-details-key-value{
    display: flex;
    column-gap: 5px;
    row-gap: 5px;
    flex-wrap: wrap;
    margin-bottom: 5px;
}
.invoice-receipt-output-ride-travel-details-box{
    margin-top: 10px;
    margin-bottom: 10px;
}
.vehicle-details-key{
    font-weight: bold;
}
.vehicle-details-value{
    text-decoration: underline;
}
.ride-details-receipt-output-wrapper span{
    margin-right:5px;
}
.ride-details-receipt-output-wrapper span:first-of-type{
    margin-left: 0;
}
.ride-details-receipt-output-wrapper{
    margin-bottom: 10px;
}
.remove-ride-details-input-box{
    text-align: right;
    margin-top: 5px;
}
@media (max-width: 767px){
    .bill-invoice-receipt-output{
        overflow-x: auto;
    }
}