.subTitle{
    background-size: auto;
    text-align: center;
    margin-top: 20px;
    text-transform: uppercase;
}
.hr-content{
    margin-bottom: 20px;
    text-align: center;
}

.scroller{
  background-color: #fff;
  padding: 30px;
  padding-bottom: 0px;
}

.scroller img{
  height: 200px;
}
.scroller div[data="title"]{
  height: 40px;
  font-weight: 600;
}
.scroller div[data="body"]{
  color: #888;
  height: 70px;
}
.scroller div[data="control"]{
  margin-bottom: 20px;
  color: #428bca;
  font-weight: 600;
}
.scroller div[data="control"] .btn{
  padding: 6px;
  text-transform: capitalize;
}
.scroller hr{
  border-bottom: 1px solid;
  border-bottom-color: #ccc; 
}

#pagination-container{
  background-color: #fff !important;
  vertical-align: middle !important;
  padding-left: 30px;
  padding-right: 30px;
  line-height: 50px;
  height: 50px;
  margin-top: 20px;
}
#pagination-container span{
  font-weight: 500;
}
#pagination-container .bold{
  font-weight: 600;
}
body ul.lined-pager{
  padding: 0px;
  margin-right: 20px;
  margin-left: 20px;
}
body ul.lined-pager li{
  list-style: none;
  display: inline-block;
}
body ul.lined-pager li a{
  font-size: 13pt;
  color: #999;
}
body ul.lined-pager li.active a{
  color: #428bca !important;
  text-decoration: underline;
}
.clickable{
  color: #428bca;
  cursor: pointer;
}
.clickable:hover{
  text-decoration: underline;
  
}
.briefView{
  cursor: pointer;
}
.detailedView{
  display: none;
  position: absolute;
  top: 50%;
  text-transform: uppercase;
  font-weight: 600;
  left: 35%;
}