html {
  overflow-x: hidden;
}

html, body {
  height: 100%;
}

#ermsFontAwesome {
  font-size: 18px;
  margin-top: 4px;
  color: gray;
}

#backToTop {
  display: none;
  position: fixed;
  bottom: 11%;
  right: 0;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #48206E7F;
  color: #FFFFFF7F;
  cursor: pointer;
  padding: 5px;
  height: 45px;
  width: 45px;
}

#backToTop:hover {
  background-color: #48206E;
  color: #FFFFFF;
}

.hanging-indent {
  padding: 10px 100px 10px 75px;
  text-indent: -50px;
}

.flex-0 {
  flex: 0!important;
}

.searchThrough .eresourceSearchItem {
  -moz-page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  column-break-inside: avoid;
  page-break-inside: avoid;
}

.img-1 {
  width: 100px;
}

.img-2 {
  width: 200px;
}

.img-3 {
  width: 300px;
}

.col-overflow-2 {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  column-fill: auto;
}
.col-overflow-3 {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  column-fill: auto;
}
.col-overflow-4 {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
  column-fill: auto;
}

.col-overflow-2 > col {
  width: 50%;
}
.col-overflow-3 > col {
  width: 33%;
}
.col-overflow-4 > col {
  width: 25%;
}

@media only screen and (min-width: 0px) { /* xs */
  .w-xs-0 {
    width: 0%!important;
  }
  .w-xs-25 {
    width: 25%!important;
  }
  .w-xs-50 {
    width: 50%!important;
  }
  .w-xs-75 {
    width: 75%!important;
  }
  .w-xs-100 {
    width: 100%!important;
  }

  .col-overflow-xs-2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    column-fill: auto;
  }
  .col-overflow-xs-3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    column-fill: auto;
  }
  .col-overflow-xs-4 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    column-fill: auto;
  }

  .col-overflow-xs-2 > col {
    width: 50%;
  }
  .col-overflow-xs-3 > col {
    width: 33%;
  }
  .col-overflow-xs-4 > col {
    width: 25%;
  }
}

@media only screen and (min-width: 576px) { /* sm */
  .w-sm-0 {
    width: 0%!important;
  }
  .w-sm-25 {
    width: 25%!important;
  }
  .w-sm-50 {
    width: 50%!important;
  }
  .w-sm-75 {
    width: 75%!important;
  }
  .w-sm-100 {
    width: 100%!important;
  }

  .col-overflow-sm-2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    column-fill: auto;
  }
  .col-overflow-sm-3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    column-fill: auto;
  }
  .col-overflow-sm-4 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    column-fill: auto;
  }
  
  .col-overflow-sm-2 > col {
    width: 50%;
  }
  .col-overflow-sm-3 > col {
    width: 33%;
  }
  .col-overflow-sm-4 > col {
    width: 25%;
  }
}

@media only screen and (min-width: 768px) { /* md */
  .w-md-0 {
    width: 0%!important;
  }
  .w-md-25 {
    width: 25%!important;
  }
  .w-md-50 {
    width: 50%!important;
  }
  .w-md-75 {
    width: 75%!important;
  }
  .w-md-100 {
    width: 100%!important;
  }

  .col-overflow-md-2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    column-fill: auto;
  }
  .col-overflow-md-3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    column-fill: auto;
  }
  .col-overflow-md-4 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    column-fill: auto;
  }
  
  .col-overflow-md-2 > col {
    width: 50%;
  }
  .col-overflow-md-3 > col {
    width: 33%;
  }
  .col-overflow-md-4 > col {
    width: 25%;
  }
}

@media only screen and (min-width: 992px) { /* lg */
  .w-lg-0 {
    width: 0%!important;
  }
  .w-lg-25 {
    width: 25%!important;
  }
  .w-lg-50 {
    width: 50%!important;
  }
  .w-lg-75 {
    width: 75%!important;
  }
  .w-lg-100 {
    width: 100%!important;
  }

  .col-overflow-lg-2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    column-fill: auto;
  }
  .col-overflow-lg-3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    column-fill: auto;
  }
  .col-overflow-lg-4 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    column-fill: auto;
  }
  
  .col-overflow-lg-2 > col {
    width: 50%;
  }
  .col-overflow-lg-3 > col {
    width: 33%;
  }
  .col-overflow-lg-4 > col {
    width: 25%;
  }
}

@media only screen and (min-width: 1200px) { /* xl */
  .w-xl-0 {
    width: 0%!important;
  }
  .w-xl-25 {
    width: 25%!important;
  }
  .w-xl-50 {
    width: 50%!important;
  }
  .w-xl-75 {
    width: 75%!important;
  }
  .w-xl-100 {
    width: 100%!important;
  }

  .col-overflow-xl-2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    column-fill: auto;
  }
  .col-overflow-xl-3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    column-fill: auto;
  }
  .col-overflow-xl-4 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    column-fill: auto;
  }
  
  .col-overflow-xl-2 > col {
    width: 50%;
  }
  .col-overflow-xl-3 > col {
    width: 33%;
  }
  .col-overflow-xl-4 > col {
    width: 25%;
  }
}

@media only screen and (min-width: 1400px) { /* xxl */
  .w-xxl-0 {
    width: 0%!important;
  }
  .w-xxl-25 {
    width: 25%!important;
  }
  .w-xxl-50 {
    width: 50%!important;
  }
  .w-xxl-75 {
    width: 75%!important;
  }
  .w-xxl-100 {
    width: 100%!important;
  }

  .col-overflow-xxl-2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    column-fill: auto;
  }
  .col-overflow-xxl-3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    column-fill: auto;
  }
  .col-overflow-xxl-4 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    column-fill: auto;
  }
  
  .col-overflow-xxl-2 > col {
    width: 50%;
  }
  .col-overflow-xxl-3 > col {
    width: 33%;
  }
  .col-overflow-xxl-4 > col {
    width: 25%;
  }
}