.number {
  white-space: nowrap;
}

.btn-green {
background-color: #1ab394;
color: #fff;
border-radius: 3px;
}
.btn-green:hover, .btn-green:focus {
background-color: #18a689;
color: #fff;
}

.panel-footer {
padding: 0 15px;
border:none;
text-align: right;
background-color: #fff;
}

.title-left {
  width: 30%;
  text-align: right;
}
.content-left .form-control {
  width: 50%;
}


.ui-panel  {
  padding-top: 0.3rem;
  border-width: 1px;
  border-style: solid;
  border-radius: .25rem;
}

table th, 
table td {
  text-align: right;
}

tr.attention td,
tr.attention td span {
    color: red !important;
}


#summary table {
  min-width: 23rem;
  margin: auto;
}
#summary .ui-bold {
  font-weight: bold;  
}


#summary th.ui-cols {
  text-align: center;
}
#summary .ui-cols {
  min-width: 5.5rem;
  width: 22%;
}
#summary .ui-colhead {
  min-width: 6.5rem;
  width: 34%;
}

#summary .ui-header {
  text-align: center;
  font-weight: bold;  
}
#summary .ui-header-r {
  text-align: right;
  font-weight: bold;  
}

#summary .ui-smaller {
  font-size: smaller;
}

#summary .ui-stripe {
  background-color: rgba(0, 0, 0, 0.05);
}

#deductions td, #deductions th,
#summary td, #summary th {
  vertical-align: top;
  padding-left: .25rem;
  padding-right: .25rem;
}

#summary table, #summary thead th {
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

#summary tr td {
  border: 1px solid #dee2e6;
}

#summary tr.ui-noborder td {
  border: none;
}

#summary tr.ui-total td, #summary td.ui-total {
  border-top: 2px solid #6f7173 !important;
  border-bottom: 2px solid #6f7173 !important;
}

#deductions tr th,
#deductions tr td {
  border: 1px solid #dee2e6;
}

#deductions tr td:not(:first-child){
  background-color: rgba(0, 0, 0, 0.05);
}
#deductions .ui-cols {
  min-width: 5.5rem;
  width: 30%;
}
#deductions .ui-colhead {
  min-width: 6.5rem;
  width: 58%
}
#deductions table {
  min-width: 23rem;
  margin: auto;
}


@media (max-width: 600px) {
  .title-left {
    width: 100%;
    text-align: left;
  }
  .content-left .form-control {
    width: 100%;
  }

  #summary {
    font-size: smaller;
  }
  #summary .ui-cols {
    min-width: 0;
  }
  #summary .ui-colhead {
    min-width: 0;
  }

  #deductions table,
  #summary table {
    min-width: 0;
    width: 100%;
  }
}