/* bootstrap style callouts */
.bs-callout {
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    background-color:#ffffff;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}

.required::after {
  content: " *";
  color: red;
}

/* enable seamless embedding */
body {
    background-color:transparent!important;
}

/* panel headings seem to have a margin that pushes them out of place. A bug? */
.panel > .panel-heading {
    margin-top:0!important;
 }
/* panel footers do not have color class applied. A bug? Can be fixed by applying
   the panel-heading class, but then we need to fix the border radius */
.panel > .panel-footer {
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
}
.panel > .panel-footer:last-child {
    border-bottom:none!important;
}
/* use a form as a panel */
form.panel {
    padding-top:0!important;
}

/* specific widgets */
.vgmh-yup {color: green;}
.vgmh-nope {color: red;}

.vgmh-panel-titlebar-controls {
    float:right;
}
.vgmh-panel-titlebar-controls .btn,
.vgmh-panel-titlebar-controls .form-control {
    position:relative;
    top:5px;
    right:5px;
    margin-left:5px;
    display:inline-block;
    width:auto;
}

td > .checkbox {
  margin:0;
  padding:0;
}