.imagedet {
  width: 200px; }

#user-details input {
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  width: auto;
  padding-left: 5px;
  background: white; }

#user-details input:disabled {
  border-color: grey;
  background: #ccc;
  border-bottom: 1px solid rgba(0, 0, 0, 0.26); }

.invoice-box {
  max-width: 800px;
  margin: auto;
  padding: 30px;
  border: 1px solid #eee;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  font-size: 16px;
  line-height: 24px;
  color: #555; }

.invoice-box table {
  width: 100%;
  line-height: inherit;
  text-align: left; }

.invoice-box table td {
  padding: 5px;
  vertical-align: top; }

.invoice-box table tr td:nth-child(2) {
  text-align: right; }

.invoice-box table tr.top table td.title {
  font-size: 45px;
  line-height: 45px;
  color: #333; }

.invoice-box table tr.information table td {
  padding-bottom: 40px; }

.invoice-box table tr.heading td {
  background: #eee;
  border-bottom: 1px solid #ddd;
  font-weight: bold; }

.invoice-box table tr.details td {
  padding-bottom: 20px; }

.invoice-box table tr.item td {
  border-bottom: 1px solid #eee; }

.invoice-box table tr.item.last td {
  border-bottom: none; }

.invoice-box table tr.total td:nth-child(2) {
  border-top: 2px solid #eee;
  font-weight: bold; }

@media only screen and (max-width: 600px) {
  .invoice-box table tr.top table td {
    width: 100%;
    display: block;
    text-align: center; }
  .invoice-box table tr.information table td {
    width: 100%;
    display: block;
    text-align: center; } }

/** RTL **/
.rtl {
  direction: rtl; }

.rtl table {
  text-align: right; }

.rtl table tr td:nth-child(2) {
  text-align: left; }

#payinvoice {
  width: 150px;
  float: right; }

#takeload {
  width: 150px;
  float: left; }