body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* 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 {
    /*max-width: 280px;*/
}

.sortable-placeholder {
    border: 1px solid #cccccc;
    border-radius: 0;
    background-color: #e7e7e7;
    margin-bottom:5px;
    margin-top:5px;
    display: block;
}

.sortable-placeholder-tr {
    border: 1px solid #cccccc;
    border-radius: 0;
    background-color: #e7e7e7;
    margin-bottom:5px;
    margin-top:5px;
}

.bg,
.overlay {
  text-align: center;
}

img,
.overlay {
  transition: .3s all;
}

.bg {
  position: relative;
  margin: 0px;
}
.bg img {
  max-width: 100%;
  margin-bottom: 10px;
}
.bg .overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  /*background: rgba(0, 0, 0, 0.2);*/
  color: #fff;
  opacity: 0;
}
.bg .overlay .glyphicon {
  margin-top: calc(50% - 30px);
  font-size:30px;

  background-color:white;
  border-radius: 50%;
  padding:8px;
}
.bg:hover .overlay {
  opacity: 1;
}
.bg:hover img {
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
.form-group.required label::after {
    content:"*";
    color:red;
}

@media print {
    .page-break {
        display: block;
        page-break-before: always;
    }
}