.row-repor {
  padding:5px 0 5px 4px;
}

.row-report  .panel-heading { font-size:16px;}
.report-cont {
  display:inline-block;
  margin:10px auto;
}
.report-info-1 {
  padding-right:15px;
}
.report-info-2 {
  border-left: 1px solid #ccc;
}
.report-info-2-1, .report-info-2-2 {
  margin-left:10px;
}
.report-info-2-1 div, .report-info-2-2 div {
  margin:2px 0;
}

.comments { font-size::14px; }

.report-footer {
  background-color: #EAEDF2 !important;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top: none !important;
  color: #333 !important;
  font-size: 13px;
  font-family: Roboto, Arial;
}

.panel-heading .fa-lg {
  margin: 0 8px;
  vertical-align: 0;
}

.s-report-1 td , .s-report  td {
  border: none !important;
  padding: 2px 4px !important;
}
.s-report-1, .s-report  {
  font-family:'Roboto';
  color:#333;
  text-align: left;
}

.report-cont .s-report  {
  float: left !important;
}
.s-report-1 { margin-top:10px;}

.s-report td:first-child  {
  text-align: right;
  font-family: Arial;
  font-weight: 600;
  padding-right: 8px !important;
}
.s-report-1 td:first-child { padding-right:8px !important;}

.s-report td  {
  /*vertical-align: bottom;*/
  padding-left:10px;
}
.s-report-main {
  float:none !important;
}
.tdalto {vertical-align:top;}

h3.panel-title {color:#01A9E0;}

.panel-text-icon h3 {
  font-size:22px;
  color:#01A9E0;
}
.panel.panel-circle-contrast .panel-text-icon {
  color:#01A9E0;
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -110px;
  text-align: center;
  background-color: #FFF;
  line-height: 60px;
  width: 220px;
  height: 60px;
}
.review-panel {
  border-color: #01A9E0 !important;
}
.review-panel, .report-sample:hover{
  background-color:#F4FFFE;
}

.review-panel, .panel-react:hover {
  border-color: #01A9E0;
}

/**************************************************/
.fa-plus-square {color:blue;}

td.details-control {
  background: url('/assets/images/blue-plus.png') no-repeat center center;
  cursor: pointer;
}
td.details-control.control-delete {
  background: url('/assets/images/red-x.png') no-repeat center center;
}
tr.checked td.details-control {
  background: url('/assets/images/rep-check.png') no-repeat center center;
}
tr.shown td.details-control {
  background: url('/assets/images/red-minus.png') no-repeat center center;
}
.th-name { width:120px;}
.th-short { width:48px;}
.th-s2 { width:90px;}
.th-date { width:60px; text-align:center;}
.th-large-name { width:120px; text-align:center;}
.td-date, .td-center { text-align:center }
.td-right { text-align:right }
.details-control {width:40px;}
/*ddf */
          
