/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
  padding-top: 3.5rem;
}

/*
 * Typography
 */

h1 {
  margin-bottom: 20px;
  padding-bottom: 9px;
  border-bottom: 1px solid #eee;
}

#main {
  margin-top: 29px;
}

/*
 * Sidebar
 */

.main-sidebar{
  position: fixed;
}


/*
 * Dashboard
 */

/* Placeholders */
.placeholders {
  padding-bottom: 3rem;
}

.placeholder .img {
  display: inline-block;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  text-align: center;
  font-size: 50px;
  line-height: 200px;
  background: #777;
  color: #FFF;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  vertical-align: middle;
}

.form-inline .form-group{
  margin-right: 5px;
}

span.label{
  margin-right: 4px;
}

td .progress{
  height: 8px;
  max-width: 100px;
  box-shadow: inset 0 0 3px #7d7d7d;
}
td .progress .progress-bar{}


iframe.rampreceipts{
  border: none;
  width: 100%;
  min-height: 515px;
}


.panel{}
.panel .panel-heading{
  cursor: pointer;
}
.panel.collapsed .panel-body{
  display: none;
}

.main {
  margin-left: 230px;
  padding: 0 20px;
  /* position: absolute; */
}

.main > h1 {
  font-size: 30px;
}

.nav-sidebar li.active a{
  background-color: #2195f3;
  color: #FFF;
}
.clearbit-logo{
  /*background-image: url('//logo.clearbit.com/govisually.com');*/
  max-height: 30px;
  max-width: 30px;
  margin-right: 10px;
  overflow: hidden;
    height: 30px;
  background-position: center center;
  color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
}


.btn+.btn{
  margin-left: 20px;
}

.table.table-plan-metadata {}
.table.table-plan-metadata .col-1 {
  min-width: 200px;

}


.table.table-plan-metadata th:first-child ,
.table.table-plan-metadata td:first-child{
  background-color: #FFF;
}
.table.table-plan-metadata th:first-child span,
.table.table-plan-metadata td:first-child span{
  position: absolute;

  /* bold */
  font-weight: 700;

  display: block;
  background: #FFF;
  padding: 8px 8px;
  /* position: relative; */
  margin: -18px -8px;
  width: 200px;
  border-right: 1px solid #f4f4f4;
  border-left: 1px solid #f4f4f4;
}

.table.table-plan-metadata th:not(:first-child) {
  min-width: 200px;
}
