
.make-journal-entries{
  padding-bottom: 80px;
  display: flex;
  flex-direction: column;

  &__header{
    padding: 25px 27px 20px;
    background: #fbfbfb;

    .bp3-form-group{

      .bp3-label{
        font-weight: 500;
        font-size: 13px;
        color: #444;
      }
    }
  }

  &__table{
    padding: 15px 15px 0;

    .bp3-form-group{
      margin-bottom: 0;
    }
    .table{
      border: 1px dotted rgb(195, 195, 195);
      border-bottom: transparent;
      border-left: transparent;

      .th,
      .td{
        border-left: 1px dotted rgb(195, 195, 195); 

        &.index{

          span{
            width: 100%;
            font-weight: 500;
          }            
        }
      }

      .thead{
        .tr .th{
          padding: 10px 10px;
          background-color: #F2F5FA;
          font-size: 14px;
          font-weight: 500;
          color: #333;
        }
      }

      .tbody{
        .tr .td{
          padding: 7px;
          border-bottom: 1px dotted rgb(195, 195, 195);
          min-height: 46px;

          &.index{
            background-color: #F2F5FA;
            text-align: center;

            > span{
              margin-top: auto;
              margin-bottom: auto; 
            }
          }
        }
        .tr{
          .bp3-input,
          .form-group--select-list .bp3-button{
            border-color: #E5E5E5;
            border-radius: 3px;
            padding-left: 8px;
            padding-right: 8px;
          }

          .form-group--select-list{
            &.bp3-intent-danger{
              .bp3-button:not(.bp3-minimal){
                border-color: #efa8a8;
              }
            }  
          }

          &:last-of-type{

            .td{
              border-bottom: transparent;

              .bp3-button,
              .bp3-input-group{
                display: none;
              }
            }
          }

          .td.actions{
            .bp3-button{
              background-color: transparent;
              color: #E68F8E;

              &:hover{
                color: #c23030;
              }
            }
          }

          &.row--total{

            .account.td,
            .debit.td,
            .credit.td{
              > span{
                padding-top: 6px;
              }
            }
            .debit.td,
            .credit.td{
              > span{
                font-weight: 600;
                color: #444;
              }
            }
          }
        }
      }
      .th{
        color: #444;
        font-weight: 600;
        border-bottom: 1px dotted #666;
      }

      .td{
        border-bottom: 1px dotted #999;
      }

      .actions.td{
        .bp3-button{
          background: transparent;
          margin: 0;
        }
      }
    }
  }

  .bp3-button{
    &.button--clear-lines{
      background-color: #FCEFEF;
    }
  }
  .button--clear-lines,
  .button--new-line{
    padding-left: 14px;
    padding-right: 14px;
  }

  .dropzone-container{
    align-self: end;
  }

  .dropzone{
    
    width: 300px;
    height: 75px;

    margin-right: 20px;
  }
}
