body {  padding-top: 80px; }
  @media ( min-width: 768px ) {
    #banner {
      min-height: 300px;
      border-bottom: none;
    }
    .bs-docs-section {
/*      margin-top: 8em;*/
    }
    .bs-component {
      position: relative;
    }
    .bs-component .modal {
      position: relative;
      top: auto;
      right: auto;
      left: auto;
      bottom: auto;
      z-index: 1;
      display: block;
    }
    .bs-component .modal-dialog {
      width: 90%;
    }
    .bs-component .popover {
      position: relative;
      display: inline-block;
      width: 220px;
      margin: 20px;
    }
    .nav-tabs {
      margin-bottom: 15px;
    }
    .progress {
      margin-bottom: 10px;
    }
    p.confirm{
        margin-top: 7px;
    }
    
  }
footer {
    padding: 40px 0;
    color: #eee;
    background-color: #333;
}

.label-help{
    font-size:12px;
}
.font-size-10
{
    font-size:16px;
}

.font-size-12
{
    font-size:16px;
}
.font-size-14
{
    font-size:16px;
}
.font-size-16
{
    font-size:16px;
}
.font-size-18
{
    font-size:16px;
}
.font-size-22
{
    font-size:22px;
}

.font-size-xlarge{
    font-size:x-large;
}

.frame-true{
    padding: 0.5em 1em;
    margin: 2em 0;
}
.frame-line-normal{
    border: solid 1px;
}
.frame-line-bold{
    border: solid 3px;
}
.frame-line-double{
    border: double;
}
.frame-line-dashed{
    border: dashed 1px;
}
.border-black{
    border-color: black;
}
.border-red{
    border-color: #ff7d6e;
}
.border-blue{
    border-color: blue;
}
.border-yellow{
    border-color: #ffc06e;
}

.date-pulldown {
    width: 90%;
    display: inline;
}