/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input, select, textarea, .g-input{
    margin: 0;
}

.g-input{
    max-width: 320px;
}

#periodSelector-custom-rage-container{
    max-width: 720px;
    margin: auto;
}

.report-icon{
  font-size: 2.2rem;
}

@media only screen and (min-width: 768px){
    .filter-container label{
        margin-left: .5rem;
    }
}

/* Make period select button group responsive */
@media only screen and (max-width: 767px) {
    input, select, textarea, .g-input{
        margin-left: auto;
        margin-right: auto;
    }

    .btn-group.btn-group-responsive > .btn {
      display: block;
      width: 100%;
      font-size: .9rem;
    }
    
    /* making the border-radius correct */
    .btn-group.btn-group-responsive > .btn:first-child {
      border-radius: 6px 6px 0 0;
    }
    .btn-group.btn-group-responsive > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
      border-top-right-radius: 6px;
    }
    .btn-group.btn-group-responsive > .btn:last-child:not(:first-child) {
      border-radius: 0 0 6px 6px;
    }
    
    /* fixing margin */
    .btn-group.btn-group-responsive .btn + .btn {
      margin-left: 0;
    }
}