* {
  box-sizing: border-box;
}

body {
  background-color: #fff;
  font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6 {

}


.bg-white {
  background-color: $body-bg;
}

.shadow{
  box-shadow: 0px 0px 20px #ddd;
}

img {
  max-width: 100%;
  height: auto;
}

table {
  width: 100%;
  margin-bottom: 20px;
  margin-bottom: 2rem;
  border: 1px solid $blockquoteBorder;
  border-collapse: collapse;
  border-spacing: 0;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  border: 1px solid $blockquoteBorder;
  line-height: 1.42857;
  padding: 5px;
  padding: 0.5rem;
  vertical-align: middle;
  text-align: center;
}

table > thead > tr > th, table > thead > tr > td {
  border-bottom-width: 1px;
}

.left_side {

}

.right_side {

}

img {
  max-width: 100%;
}

.border-search  {
  border: 1px solid $searchBorderColor;
}

.color-search {
  color: $searchBorderColor;
}

.border-img {
  border: double 2px #D4D4D4;
  padding: 3px;
}

.ToTopBtn {
  cursor: pointer;
  display: block;
  position: fixed;
  bottom: 10px;
  left: 10px;
  background: rgba(51,51,51,.58);
  padding: 1px 10px;
  font-size: 30px;
  color: #fff;

  span {
    vertical-align: middle;
  }

}

iframe {
  min-width: 100%;
  max-width: 100%;
}

.tags-list {
  .single-tag {
    a {
      color: #ffffff;
    }
  }
}

.resize-img {
  overflow: hidden;
  img {
    transition: all 0.5s linear 0.2s;
    -webkit-transition: all 0.5 linear 0.2;
  }
}

.resize-img:hover {
  img {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
}


.page-link {
  color: #2b2b2b;
}

.page-link:focus, .page-link:hover {
  color: #2b2b2b;
 }

.page-item.active {
  .page-link{
    background-color: #2b2b2b;
    border-color: #2b2b2b;
  }
}

.pagination-lg {
  .page-item:first-child, .page-item:last-child  {
    .page-link {
      border-radius: 0;
    }
  }

}