/******* BS4 CSS *******/
#libchat_bbb68dafdbe67aaddcceeb82a1459f51 {

}

#bs4-library-image .text-right, #bs4-library-image .text-right a {
	color:white;
}

.bs4-searchbox {
	background-color:gray;
}
#bs4-library-image {
	background-image:url(/https/library.usu.edu/images/banners/exterior.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-bottom:0;
}

#bs4-blanding-image {
	background-image:url(/https/library.usu.edu/images/blanding/banners/blanding-banner.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-bottom:0;
}

#bs4-library-image h3 {
	margin-top:0;
}

#bs4-library-image #form1 .input-group-append .btn{
	background-color:#455165;
}

.bs4-main-container-wrapper .bs4-main-content .row {
	margin-bottom: 0;
}

/* BS-4 Form Hidden Fields */ 
.hidden {
	display:none;
}

/* BS-4 Opacity */
.opacity-0 {
  opacity:0!important;
}
.opacity-1 {
  opacity:0.2!important;
}
.opacity-2 {
  opacity:0.4!important;
}
.opacity-3 {
  opacity:0.6!important;
}
.opacity-4 {
  opacity:.8!important;
}
.opacity-5 {
  opacity:1!important;
}

/* Maybe even support hover opacity shifts */
.opacity-0h5 {
  opacity:0!important;
  transition: opacity .25s ease-in-out!important;
  -moz-transition: opacity .25s ease-in-out!important;
  -webkit-transition: opacity .25s ease-in-out!important;
}
.opacity-0h5:hover {
  opacity:1!important;
}

#bs4-hours-info {
	display: grid;
	grid-template-columns: 1fr 6fr;
}

#bs4-hours-info-1, #bs4-hours-info-2 {
	grid-column: 1 / 3;
}

#bs4-hours-info-3, #bs4-hours-info-4 {
	grid-column: 2 / 3;
}


/* Media Queries */

@media (max-width:575px) {
	#bs4-library-image {
		min-height:100px;
		max-height:105px;
	}
	#bs4-library-image .col{
		max-width:70%;
	}
	#bs4-library-image .col h2{
		line-height:0;
	}
}

@media (min-width: 576px){
	#bs4-library-image {
		min-height:130px;
		max-height:160px
	}
	#bs4-library-image .col{
		max-width:70%;
	}
	#bs4-library-image .col h2{
		line-height:0;
	}
}

@media (min-width: 768px){

	#bs4-library-image {
		min-height:180px;
		max-height:200px
	}
	#bs4-library-image .col{
		max-width:70%;
	}

}

@media (min-width: 992px){
	#bs4-library-image {
		min-height:230px;
		max-height:260px
	}
	#bs4-library-image .col{
		max-width:70%;
		padding: 2rem;
	}
}

@media (min-width:1200px){
	#bs4-library-image {
		min-height:332px;
	}
	#bs4-library-image .col{
		max-width:70%;
		padding: 5rem
	}
}

#bs4-library-warning > div.row {
	margin-top: 0;
}

table#loganspecialhours {
	height: 260px;
    display: flex;
    flex-flow: column;
    width: 100%;
	overflow-y: scroll; /* Show vertical scrollbar */
}


table#loganspecialhours thead {
    flex: 0 0 auto;
}

table#loganspecialhours tbody {
    flex: 1 1 auto;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
	scrollbar-color: #fff #aaa;
    scrollbar-width: thin; 
}

table#loganspecialhours tr {
    width: 100%;
    display: table;
    table-layout: fixed;
}

table#loganspecialhours tbody.show-slider::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #aaa; /* or add it to the track */
}

/* Add a thumb */
table#loganspecialhours tbody.show-slider::-webkit-scrollbar-thumb {
    background: #000;
}

/* testing libcal css */
.s-lc-whw td {font-size:small;}
.s-lc-whw td.s-lc-whw-locname {font-size:inherit;}
.s-lc-whw thead { background-color: #F5F5F5; }
.s-lc-whw-head-date { color: #5F5F5F; }
.s-lc-whw-today-h {  background-color: #ddd; }
.s-lc-whw-today { background-color: #F5F5F5; }
thead th.s-lc-whw-bh { text-align: center; vertical-align: middle; white-space: nowrap; }
thead th.s-lc-whw-bh .btn { background-color: #ddd; width:50%; }
.s-lc-whw-locname { font-weight: bold;}
.s-lc-whw-sublocname{ padding-left: 10px!important; }
.s-lc-whw-footnote { color: #555; font-size: 80%; }
.s-lc-whw-footnote td:hover { background-color:#fff!important;}

/* libcal daily */
.s-lc-w-today { border-spacing: 0; border-collapse: collapse; width: 100%; }.s-lc-w-today td, .s-lc-w-today th { padding: 8px 5px; }
.s-lc-w-head { text-align: center; border-bottom: 1px solid #ddd; }
.s-lc-w-loading { margin-top: 80px; text-align: center; }
.s-lc-w-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.s-lc-w-btn { line-height: 1.5; border-radius: 3px; display: inline-block; padding: 3px 6px; margin-bottom: 0; font-size: 12px; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; border: 1px solid #ccc; color: #333; background-color: #fff; }
.s-lc-w-btn:active, .s-lc-w-btn:hover { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; }
.s-lc-w-previous { float: left;}
.s-lc-w-next { float: right; }
.s-lc-w-location td { font-weight: bold; }
.s-lc-w-department .s-lc-w-name { padding-left: 20px; }
.s-lc-w-times { border-bottom: 1px solid #ddd; }
.s-lc-w-today-view-link { text-decoration: none; }
.s-lc-w-today-view-all { padding: 8px 5px; }

/* float chat widget */
.s-lch-widget-float.open { margin-top:170px !important; min-height:400px; height: calc(100% - 172px) !important; padding-bottom: 60px !important;}
.s-lch-widget-float {padding-bottom: 60px !important;}

/* springshare calevent */
div#mini-calendar div#calevent-mini-list ul.claevent-mini {padding: 5px};


