.imagePreview {
  width: 100%;
  height: 180px;
  background-position: center center;
  background:url(http://cliquecities.com/assets/no-image-e3699ae23f866f6cbdf8ba2443ee5c4e.jpg);
  background-color:#fff;
  background-size: cover;
  background-repeat:no-repeat;
  display: inline-block;
}
.imgUp .btn-primary
{
  display:block;
  border-radius:0px;
  margin-top:-5px;
}
.imgUp
{
  margin-bottom:15px;
}
.del
{
  position:absolute;
  top:0px;
  right:15px;
  width:30px;
  height:30px;
  text-align:center;
  line-height:30px;
  background-color:rgba(255,255,255,0.6);
  cursor:pointer;
}
.imgAdd
{
  width:30px;
  height:30px;
  border-radius:50%;
  background-color:#4bd7ef;
  color:#fff;
  box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);
  text-align:center;
  line-height:30px;
  margin-top:0px;
  cursor:pointer;
  font-size:15px;
}

.gap-6{gap:4rem!important}

li.settings a.active{
  color: #fff !important;
  background-color: #556ee6;
}

.hidden{
  display:none;
}

article {
  padding-top:20px;
  background: linear-gradient( to right, #f8f9fa, rgb(255 255 255 / 50%) );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}


.dt-button-collection{
  left: -78px !important;
  top: 30px !important;
  position:relative !important;
  margin-top: 0px !important;
}

.addnew{
  padding: 2px 7px;
  font-size: 16px;
}

.pagination .page-link {
    border-radius: 30px!important;
    margin: 0 3px!important;
    border: none;
    width: 32px;
    height: 32px;
    padding: 0;
    text-align: center;
    line-height: 32px;
}

.settings a.mm-active{
  color:#485ec4!important;
  font-size: 13px;
  font-weight: 600;
}

.settings a.mm-active>i {
    color: #485ec4!important;
    font-weight: bold!important;
}