body {
  padding: 10px;
  padding-bottom: 50px;
  background: linear-gradient(90deg,rgba(227, 227, 227, 0.9),rgba(227, 227, 227, 0.9),rgba(227, 227, 227, 0.9)), url('img/pattern.jpg') center top !important;
  background-size: 150px !important;
}
a, a:active, a:visited, a:hover {text-decoration: none;}

h1 {  margin-bottom: 2000px; }
.newline {
  clear: both;
}
.mobile-bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  will-change: transform;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  display: flex;
  height: 50px;
  box-shadow: 0 -2px 5px -2px #333;
  background-color: #fff;
}
.top-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  will-change: transform;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  display: flex;
  box-shadow: 0 1px 5px 1px #ababab;
  background-color: #fff;
}
#list-catalogue{  padding: 45px 0 15px 0; }
#list-search{ padding: 0px 0 15px 0; }
#fsearch{ padding: 45px 0 0 0; }

.item-catalogue{
  box-shadow: 0 1px 5px 1px #ababab;
  background-color: #fff;
  margin: 0.5em;
  padding: 0.5em 0.1em;
  border-radius: 5px;
}
.item-catalogue-info{
  box-shadow: 0 1px 5px 1px #ababab;
  background-color: #fff;
  margin: 0.5em 1em 0.5em 1em;
  padding: 0.7em;
  border-radius: 5px;
}

.icon-catalogue{
  font-size: 3em;
}
.catalogue-name{ font-size: 1.3em; padding: 8px 0 0 15px;  }
.catalogue-name2{ font-size: 1.3em; padding: 0px 0 0 15px;  }
.input-lg { padding: 15px 10px; margin: 2px 0; }

.mobile-bottom-nav__item {
  flex-grow: 1;
  text-align: center;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mobile-bottom-nav__item--active {
  color: #66b861;
}
.mobile-bottom-nav__item-content {
  display: flex;
  flex-direction: column;
}
.mobile-bottom-nav__item:hover{
  background-color: #f0f0f0; 
}
.active-bar{
  background-color: #f0f0f0; 
}
.icon{
    font-size: 2em;
}
.center{
    text-align: center;
}
.pcenter{ margin: 0.5em auto; text-align: center;  }
.recent-panel{  margin-top: 20px; }
.bspace{  clear: both; }
.imgcover{
  margin-bottom: 15px;
  border: 1px solid gray;
  border-radius: 8px;
  box-shadow: 3px 3px rgba(223,223,223,0.7); 
}
.coverhome{
  height: 170px;
}

.new-md {
  padding: 5px 15px;
}

.term {
  padding: 0 10px 0 20px;
  text-align: justify;
}