* {
  margin: 0;
  padding: 0;
}
body {
  background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#2f6d9b),
      to(#afcffe)
    )
    fixed;
  background: -webkit-linear-gradient(#2f6d9b, #afcffe) fixed;
  background: linear-gradient(#2f6d9b, #afcffe) fixed;
  background-repeat: no-repeat;
  user-select: none; /* Standard */
}
/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
  margin-bottom: 0;
  border-radius: 0;
}

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {
  height: 450px;
}

/* Set gray background color and 100% height */
.sidenav-bar {
  /* padding-top: 20px; */
  /* background-color: #f1f1f1; */
  height: 100%;
}

/* Set black background color, white text and some padding */
.footer-class {
  background-color: #555;
  color: white;
  padding: 15px;
}

.ads-block {
  background-color: tomato;
  padding: 5px;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
  .sidenav {
    height: auto;
    padding: 15px;
  }
  .row.content {
    height: auto;
  }

  .min-vh-100 {
    min-height: auto !important;
  }
}
.centent-color {
  background-color: #009a38;
  /* color: #fff; */
  border-radius: 10px;
  border: 2px solid #fff;
  box-shadow: 0px 0px 5px rgba(25, 25, 29, 0.8);
}
.img-size {
  width: 80px;
  height: 80px;
}