.invoice-modal .invoice-box {
  background: #FFF;
  max-width: 500px;
  border-radius: 5px;
  font-size: 1rem; }
  .invoice-modal .invoice-box .form {
    position: relative; }
  .invoice-modal .invoice-box .close {
    position: absolute;
    right: 1rem;
    top: .2em;
    color: #979FA8;
    font-size: 1.5rem;
    font-weight: 200;
    cursor: pointer; }
  .invoice-modal .invoice-box .modal-body {
    padding-bottom: 1.5em;
    overflow-y: auto;
    max-height: 400px; }
  .invoice-modal .invoice-box .title {
    font-size: 1.4rem;
    color: #2D3238;
    line-height: 3;
    padding-left: 1em;
    border-bottom: 1px solid #eaecee; }
  .invoice-modal .invoice-box .form-group label {
    font-size: 1rem;
    color: #2D3238;
    margin-left: 2em;
    width: 7em;
    display: inline-block;
    font-weight: 300;
    vertical-align: top; }
  .invoice-modal .invoice-box .form-group {
    margin-top: 1.3em; }
  .invoice-modal .invoice-box .form-group .form-control {
    font-size: 1rem;
    color: #2D3238;
    display: inline-block;
    width: 61%;
    border-radius: 3px;
    border: 1px solid #ccc;
    height: 2.5em;
    padding: 0 .6em;
    background: #eef1f5; }
  .invoice-modal .invoice-box .form-group select.form-control {
    width: calc(61% + 1.2em); }
  .invoice-modal .invoice-box .form-group textarea.form-control {
    padding-top: .6em;
    height: auto; }
  .invoice-modal .invoice-box .file-upload-button {
    font-size: .8rem;
    background: #333333;
    color: #FFF;
    padding: .5em 1em;
    border-radius: .4em; }
  .invoice-modal .invoice-box .file-area .file-group {
    margin-bottom: .7em; }
  .invoice-modal .invoice-box .suffix {
    background: #8796A8;
    color: #FFF;
    font-size: .8rem;
    font-weight: 500;
    width: 3em;
    height: 2.4em;
    display: inline-block;
    line-height: 2rem;
    text-align: center;
    border-radius: .3em; }
  .invoice-modal .invoice-box .help-block {
    font-size: .8rem;
    color: #979FA8;
    line-height: 1.4;
    margin-top: .5em; }
  .invoice-modal .invoice-box .frame-text {
    border: 1px solid #4289DB;
    color: #4289DB;
    padding: .1em .5em;
    border-radius: .3em;
    margin-bottom: 0.3em;
    display: inline-block; }
  .invoice-modal .invoice-box div.buttons {
    border-top: 1px solid #eaecee;
    padding-top: 1.5em;
    padding-bottom: 1.5em; }
  .invoice-modal .invoice-box button.send {
    font-size: 1.3rem;
    background: #eb6133;
    border: none;
    color: #FFF;
    padding: .7em 0;
    width: 58%;
    margin-left: 7%;
    margin-right: 3%;
    border-radius: .3em; }
    .invoice-modal .invoice-box button.send:hover {
      cursor: pointer; }
  .invoice-modal .invoice-box button.cancel {
    font-size: 1.3rem;
    background: #FFF;
    color: #979FA8;
    padding: .6em 0;
    width: 20%;
    margin-right: 7%;
    border: 1px solid #cccfd3;
    border-radius: .35em; }
    .invoice-modal .invoice-box button.cancel:hover {
      cursor: pointer; }