.img-preview-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(0,0,0,.8);
}

.sales-list{
margin:10px;
}

.img-preview-popover {
  position: fixed;
  z-index: 9999;

}
.img-preview-popover img{
 /*height: -webkit-fill-available;
 width: -webkit-fill-available;*/
    height: 100%;
    width: auto;
    /*position: absolute;*/
    /*right: 10%;*/
    top: 0;
    margin: auto auto;
}

.img-preview-box{
text-align: center;

    vertical-align: middle;
    height: 100%;
}

.img-preview-foot {
  width: 96%;
  padding: 0 2%;
  position: absolute;
  bottom: 0;
  background-color: rgba(0,0,0,.5);
  font-family:'Roboto';
}

.img-foot-title {
  font-size: 16px;
  color: #fff;
  margin-top: 5px;
}

.img-foot-desc {
  font-size: 12px;
  color: #fff;
  margin-top: 5px;
  line-height: 24px;
}
.wrapper {width:100%, height:100%;}
.highlight {background:#ddd}

#elements-container {
        text-align: center;
}

a.list-hd{
    background: #ebebeb;
    font-size: 16px;
    padding: 12px;
    width: 100%
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    float:right;
}
i.heading {
    float: right;
}
.cross-icon{
    color:red;
}

table.dataTable.no-footer th, table.table-bordered th{
    background-color: #001376;
    border-bottom: 1px solid #111;
    color: white;
}
.set-text {
    margin-left: 10px;
    font-size: 16px;
    color: green;
}
img.cover-img{
width:100%;
}
i.fa.fa-user-circle-o.public{
font-size:14px;
color:green;
}
i.fa.fa-times-circle-o.private{
font-size:14px;
color:red
}
td.no-data {
    text-align: center;
    font-size: 17px;
}