.pagination > li > a {
      background-color: white;
      color: #343a40;
  }

  .pagination > li > a:focus,
  .pagination > li > a:hover,
  .pagination > li > span:focus,
  .pagination > li > span:hover {
      color: #5a5a5a;
      background-color: #eee;
      border-color: #ddd;
  }

  .pagination > .active > a {
      color: white;
      background-color: #343a40 !Important;
      border: solid 1px #343a40 !Important;
  }

  .pagination > .active > a:hover {
      background-color: #343a40 !Important;
      border: solid 1px #343a40;
  }

  #date_box {
    display: flex;
    padding-bottom: 5px;
  }

  #a_left {
    font-size: 17px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: white;
    background-color: #343a40;
    padding-left: 5px;
  }

  #b_right {
    flex-grow: 100;
    font-size: 17px; 
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #343a40;
    color:  white;
    text-align: right;
    padding-right: 5px;
  }

  #list tr:nth-child(4n), #list tr:nth-child(4n-1) {
      background: #FFFFFF;
  }

  #list tr:nth-child(4n-3), #list tr:nth-child(4n-2) {
      background: #F7F7F7;
  }

  table#list {
    display: table; 
    width: 100%;
    position: relative;

  }

  table#list  td.title {
    font-size: 17px;
    font-family: 'Roboto Condensed', 
    sans-serif; 
    font-weight: 400;
  }

  table#list  td.genre {
    width: 200px; 
    font-size: 12px; 
    text-align: right; 
    vertical-align: middle; 
    line-height: normal;
  }

  table#list  td.single_genre {
    width: 200px; 
    font-size: 12px; 
    text-align: right; 
    vertical-align: middle; 
    line-height: normal;
    background: #E8E8E8;
  }

  p#details {
    font-size: 14px; 
    margin-left: 5px;
    white-space: pre-line;
  }

img#cover {
    max-width:175px; 
    max-height:175px; 
    width: auto; 
    height: auto; 
    margin-top: 12px; 
    padding-right:15px;
    padding-left:15px;"
}

  .rowlink {
    font-size: 17px;
    font-family: 'Roboto Condensed', 
    sans-serif; 
    text-decoration: none;
    color:inherit;
  }
  .rowlink:hover {
    font-size: 17px;
    font-family: 'Roboto Condensed', 
    sans-serif; 
    color:inherit;
    font-weight:bold;
    text-decoration: none;
  }

  .rowlink::before {
    color:#FFF;
    cursor: default;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 97.4%;
    height: 1.5em; /* don't forget to set the height! */
  }

    .single_title {
    font-size: 17px;
    font-family: 'Roboto Condensed', 
    sans-serif; 
    color:inherit;
    font-weight:bold;
    text-decoration: none;
    background-color: #E8E8E8;
  }

  tr#fulltitle:hover {
    background: #E8E8E8;
    font-weight:bold;
  }

  .dltitle {
    background-color: #fff;
    font-weight:bold;
  }

  .downloadlink {
    text-decoration: none;
    color: inherit;
  }

  .downloadlink:hover {
    text-decoration: none;
    color: inherit;
  }

  div.pagup {
    margin-top: -16px;
    margin-bottom: -7px;
  }

  div.dlbutton {
    margin-left: 5px;
    padding-bottom: 15px;
  }

  div.paginationbar {
    margin-top: -15px;
  }

a.menulinks {
  font-size:12px;
}

a.menulinks:hover {
  font-weight: bold;
}

a.maylike {
  font-size:16px;
}

a.maylike:hover {
  font-weight: bold;
}

div.ui-datepicker{
 font-size:12px;
 width: 100%;
}

.ui-datepicker-header {

}

.ui-datepicker-prev, .ui-datepicker-next {

}

div.datebox {
  border-style: none;
}

div.space {
  padding-bottom: 25px;
}

.footerex {
  padding-bottom: 80px;
}

@media (max-width: 767px){
  .fap-wrapper.fap-fullwidth {
  max-height: 375px;
}
.fap-track-info{
  display:none;
}
}