.dataedit
{
  margin: 4px;
  /*max-width: 80em;*/
}

.dataedit img
{
  margin: 4px;
  display: inline-block;
}

.dataedit span.view-img
{
  padding: 0px;
  display: block;
  text-align:center;
}

.dataedit span.view-img p
{
  display: none;
}

.te-view,
.te-edit
{
  width: 100%;
  max-width:100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

.te-view tr th
{
  vertical-align:middle;
}

.te-view tr td
{
  margin: 0;
  padding: 0 4px;
}

.te-view tr.active td
{
 background-color: #ffd040;
}

.te-view tr td a,
.te-view tr th a
{
  display: block;
  margin: 0px;
  padding: 4px;
  text-align:center;
}

.te-view tr td a:hover,
.te-view tr th a:hover
{
 background-image: none;
 background-color: rgba(0, 192, 0, 0.5); 
}

.te-view a img
{
  margin: 0px;
}

.form-line-md,
.form-line-sm
{
  display: block;
  margin-bottom: 0.05rem !important;
}

.form-line-md label,
.form-line-sm label,
.col-form-label-sm,
.col-form-label-md
{
  text-align: left;
  margin-bottom:0px !important;
}

.tab-content
{
  border: 1px solid #ddd;
  border-color: #fff #ddd #ddd #ddd;
  padding:0.5em;
  margin-bottom:8px;
}

.dataedit .nav-tabs
{
  margin-top:8px;
}

.dataedit label
{
  margin-top:3px;
}

.fsline
{
  border: 1px solid #ddd;
  border: 0;
  width:100%;
}

@media (min-width: 576px)
{
  .form-line-sm
  {
    display: flex;
  }

  .form-line-sm label,
  .col-form-label-sm
  {
  }

  .col-md-3
  {
    flex: 0 0 10em;
    max-width:10em;
  }

  .tab-content .col-md-3
  {
    flex: 0 0 9.4em;
    max-width:9.4em;
  }
}

@media (min-width: 768px)
{
  .form-line-md
  {
    display: flex;
  }

  .form-line-md label,
  .col-form-label-md
  {
    text-align: right !important;
    margin-bottom:0.5rem;
  }
}