.col-xs-1-5,
  .col-sm-1-5,
  .col-md-1-5,
  .col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .col-xs-1-5 {
      width: 20%;
      float: left;
  }

  .col-xs-push-1-5 {
    left: 20%;
  }
  .col-xs-push-2-5 {
    left: 40%;
  }
  .col-xs-push-3-5 {
    left: 60%;
  }
  .col-xs-push-4-5 {
    left: 80%;
  }

  .col-xs-pull-1-5 {
    right: 20%;
  }
  .col-xs-pull-2-5 {
    right: 40%;
  }
  .col-xs-pull-3-5 {
    right: 60%;
  }
  .col-xs-pull-4-5 {
    right: 80%;
  }


  @media (min-width: 768px) {
    .col-sm-1-5 {
      width: 20%;
      float: left;
    }

    .col-sm-push-1-5 {
      left: 20%;
    }
    .col-sm-push-2-5 {
      left: 40%;
    }
    .col-sm-push-3-5 {
      left: 60%;
    }
    .col-sm-push-4-5 {
      left: 80%;
    }

    .col-sm-pull-1-5 {
      right: 20%;
    }
    .col-sm-pull-2-5 {
      right: 40%;
    }
    .col-sm-pull-3-5 {
      right: 60%;
    }
    .col-sm-pull-4-5 {
      right: 80%;
    }
  }
  @media (min-width: 992px) {
    .col-md-1-5 {
      width: 20%;
      float: left;
    }

    .col-md-push-1-5 {
      left: 20%;
    }
    .col-md-push-2-5 {
      left: 40%;
    }
    .col-md-push-3-5 {
      left: 60%;
    }
    .col-md-push-4-5 {
      left: 80%;
    }

    .col-md-pull-1-5 {
      right: 20%;
    }
    .col-md-pull-2-5 {
      right: 40%;
    }
    .col-md-pull-3-5 {
      right: 60%;
    }
    .col-md-pull-4-5 {
      right: 80%;
    }
  }
  @media (min-width: 1200px) {
    .col-lg-1-5 {
      width: 20%;
      float: left;
    }

    .col-lg-push-1-5 {
      left: 20%;
    }
    .col-lg-push-2-5 {
      left: 40%;
    }
    .col-lg-push-3-5 {
      left: 60%;
    }
    .col-lg-push-4-5 {
      left: 80%;
    }

    .col-lg-pull-1-5 {
      right: 20%;
    }
    .col-lg-pull-2-5 {
      right: 40%;
    }
    .col-lg-pull-3-5 {
      right: 60%;
    }
    .col-lg-pull-4-5 {
      right: 80%;
    }
  }


.sidebar-bottom-border {
  margin: 0;
  padding-bottom: 5px;
  position: relative;
  border-bottom: 1px solid #fff;
}

.sidebar-bottom-border:after{
  height: 1px;
  position: absolute;
  content: "";
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  background: #dedede;
}

.news.dl-horizontal > dd  {
  padding-bottom: 0;
}

.news.dl-horizontal > dd > a:hover {
  background-color: #f6f6f6;
  border-radius: 5px;
  border: 1px solid #ddd;
}

.news.dl-horizontal > dd > a {
  padding: 4px 5px 4px 10px;
  border: 1px solid transparent;
  display: block;
}

.news.dl-horizontal dt {
  padding: 5px 0;
}

.dogs .grid-box {
  height: auto;
}

@media (min-width: 992px) {
  .news.dl-horizontal dt {
    width: 100px;
  }
  .news.dl-horizontal dd {
    margin-left: 110px;
  }
}

.grid-box > .h3 {
    margin-top: 0;
}

/*x-small*/
.grid-box {
  height: 230px;
  width: 100%;
  background-color: #eee;
  padding: 10px;
  margin-bottom: 15px;
  border-radius:5px;
}

/*small*/
@media (min-width: 768px) {
  .grid-box {
    height: 215px;
  }
}

/*med*/
@media (min-width: 992px) {
  .grid-box {
    height: 230px;
  }
}

@media (min-width: 1200px) {
  .grid-box {
    height: 210px;
  }
}


.fg_widget {
    width: 100% !important;
}

.link-color {
    color: #0068FF;
    text-decoration: none;
}

#searchForm #q,
#loginPageForm #j_username,
#loginPageForm #j_password {
  background-color: #fff !important;
  border: 1px solid rgba(185, 185, 185, 0.75) !important;
}


.text-dark {
  color: #333 !important;
}

/* START - HIGHLIGHTS CAROUSEL */

#carousel-highlights .carousel-inner {
  border-radius: 5px;
}
#carousel-highlights .carousel-indicators {
  bottom: 0px;
}

/* START - HIGHLIGHTS CAROUSEL */


/* START - BUTTONSET */

.list-buttonset {
  list-style: none;
  padding: 0;
  margin: 0;
}

.list-buttonset li {
  height: auto;
  height: 300px;
  margin-bottom: 30px;
}

.list-buttonset li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  border-radius: 5px;
  overflow: hidden;
  transition: box-shadow .5s ease;
}

.list-buttonset li a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(120, 120, 120, 0.3);
  transition: background .5s ease;
}

.list-buttonset li a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.list-buttonset li a span {
  color: white;
  display: block;
  /*font-size: 1.5em;*/
  font-weight: 700;
  left: 0;
  line-height: 1.2em;
  margin-top: 60px;
  padding: 20px;
  position: absolute;
  text-align: center;
  text-shadow: 2px 2px 2px #000000;
  text-transform: uppercase;
  transition: text-shadow .5s ease;
  width: 100%;
  z-index: 1;
}

.list-buttonset li a:hover {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, .5);
  transition: box-shadow .5s ease;
}

.list-buttonset li a:hover::after {
  background: rgba(12, 71, 157, .7);
  transition: background .5s ease;
}

.list-buttonset li a:hover img {
  filter: grayscale(100%);
  transition: box-shadow .5s ease;
}

.list-buttonset li a:hover span {
  transition: text-shadow .5s ease;
  text-shadow: 2px 2px 10px #000000;
}


/* sm */
@media (min-width:767px) {
  .list-buttonset li {
    height: 300px;
  }
}

/* md */
@media (min-width:768px) {
  .list-buttonset li {
    height: 225px;
  }
}

/* lg */
@media (min-width:992px) {
  .list-buttonset li {
    height: 250px;
  }
}

/* xl */
@media (min-width:1200px) {
  .list-buttonset li {
    height: 225px;
  }
}

/* END - BUTTONSET */

/* START - DROPDOWN TAB SELECTOR */
.nav-tabs-dropdown {
  display: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.nav-tabs-dropdown:before {
  content: "\e114";
  font-family: 'Glyphicons Halflings';
  position: absolute;
  right: 30px;
}

@media screen and (min-width: 769px) {
  #nav-tabs-wrapper {
    display: block!important;
  }
}
@media screen and (max-width: 768px) {
    .nav-tabs-dropdown {
        display: block;
    }
    #nav-tabs-wrapper {
        display: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        text-align: center;
    }
   .nav-tabs-horizontal {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
   }
    .nav-tabs-horizontal  > li {
        float: none;
    }
    .nav-tabs-horizontal  > li + li {
        margin-left: 2px;
    }
    .nav-tabs-horizontal > li,
    .nav-tabs-horizontal > li > a {
        background: transparent;
        width: 100%;
    } 
    .nav-tabs-horizontal  > li > a {
        border-radius: 4px;
    }
    .nav-tabs-horizontal  > li.active > a,
    .nav-tabs-horizontal  > li.active > a:hover,
    .nav-tabs-horizontal  > li.active > a:focus {
        color: #ffffff;
        background-color: #428bca;
    }
}
/* END - DROPDOWN TAB SELECTOR */


/* START - OFFICE HOURS */
.img-library {
  width: 100%;
}
.office-hours {
  width: 100%;
  margin: 0;
  display: flex;
}
.office-hours__item {
  flex: 1;
  border-radius: 3px;
  margin: 15px 2px;
  background-color: #f6f6f6;
  text-align: center;
  border: 1px solid #e6e6e6;
}
.office-hours__item-label {
  /*font-size: .8em;*/
  font-weight: bold;
  display: block;
}
.office-hours__item-slots {
  display: block;
  /*font-size: .8em;*/
}
.library-loc small {
  margin-top: -15px;
}
/* END - OFFICE HOURS */

.room-carousel img {
  min-width: 100%;
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}
.shadow {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)!important
}
.shadow-none {
  box-shadow: none!important
}

/* TREE VIEW */

ul.tree {
    padding-left: 0;
}

.tree{
  --spacing : 2.5rem;
  --radius  : 10px;
}

.tree li{
  display      : block;
  position     : relative;
  padding-left : calc(2 * var(--spacing) - var(--radius) - 2px);
}

.tree ul{
  margin-left  : calc(var(--radius) - var(--spacing));
  padding-left : 0;
}

.tree ul li{
  border-left : 2px solid #ddd;
}

.tree ul li:last-child{
  border-color : transparent;
}

.tree ul li::before{
  content      : '';
  display      : block;
  position     : absolute;
  top          : calc(var(--spacing) / -2);
  left         : -2px;
  width        : calc(var(--spacing) + 2px);
  height       : calc(var(--spacing) + 1px);
  border       : solid #ddd;
  border-width : 0 0 2px 2px;
}

.tree summary{
  display : block;
  cursor  : pointer;
}

.tree summary::marker,
.tree summary::-webkit-details-marker{
  display : none;
}

.tree summary:focus{
  outline : none;
}

.tree summary:focus-visible{
  outline : 1px dotted #000;
}

.tree li::after,
.tree summary::before{
  content       : '';
  display       : block;
  position      : absolute;
  top           : calc(var(--spacing) / 2 - var(--radius));
  left          : calc(var(--spacing) - var(--radius) - 1px);
  width         : calc(2 * var(--radius));
  height        : calc(2 * var(--radius));
  border-radius : 50%;
  background    : #ddd;
}

.tree summary::before{
  content     : '+';
  z-index     : 1;
  background  : #0c479d;
  color       : #fff;
  line-height : calc(2 * var(--radius) - 2px);
  text-align  : center;
}

.tree details[open] > summary::before{
  content : '−';
}


/* TREE VIEW END */