@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

body {
	font-family: "Source Sans 3", "serif";
}

html, body {
	background: #fff;
}

a, .btn-link  {
	color: #2878bb;
}

.btn-primary {
	background: #2878bb;
}

.menu {
	border-bottom: 1px solid silver;
}

.menu button {
	text-transform: uppercase !important;
	color: gray;
	padding-top: 3px;
	padding-bottom: 3px;
}

.menu button.active {
	color: 	#203567;
}

#tabContent {
	padding-left: 5px;
	padding-right: 5px;
}

.title {
	width: 70%;
}

ul.nav {
    white-space: nowrap;
    overflow-x: auto;
}

ul.nav li {
    display: inline-block;
    float: none;
}

.menuContainer {
	width: 100%;
	z-index: 1030;
	flex-wrap: nowrap !important;
	overflow-y: hidden;
	overflow-x: scroll;
	height: 43px;
}

.menuContainer > ul {
	background: #fff;	
}

.menuContainer::-webkit-scrollbar,
.nav-underline::-webkit-scrollbar {
  display: none;
}

.nav-underline {
	height: 32px;
	overflow-y: hidden;
	overflow-x: scroll;
}

.top {
	position: fixed;
	width:100%;
	top: 0;
	z-index: 1030;
}

main {
	margin-top: 80px;
	padding-bottom: 100px;
}

.bookmarked {
	background: #c6dfed !important;
}

	.refresh {
		position: fixed;
		z-index: 99999;
		background: rgba(0,0,0,.8);
		text-align: center;
		color: white;
		bottom: 15px;
		height: 50px;
		line-height: 50px;
		width: 300px;
		margin-left: -150px;
		left: 50%;
		border-radius: 5px;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	}


	
	body {
      touch-action: pan-y, pan-x;
    }
    	
	#audioPlayer {
/* 		display: block; */
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		min-height: 100%;
		background-color: #000;
		opacity: 0.9;
		filter: alpha(opacity=90);
		z-index: 9999;
	}
	
	.card, .item {
		border: 1px solid silver;
		border-radius: 5px;
		-webkit-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.66);
		-moz-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.66);
		box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.66);
/* 		min-height: 385px; */
	}
	
	.card:hover, .item:hover {
		border: 1px solid gray;
		border-radius: 5px;
		-webkit-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.66);
		-moz-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.66);
		box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.66);	
	}
	
	.card-body, .card img {
		margin-top: 1em;
	}
	
	.item {
		padding: 10px;
		width: 100%;
	}
	
	.item span {
		display: block;
		bottom: 5px;
		right: 10%;
		text-align: right;
	}
	
	.refresh {
		position: fixed;
		z-index: 99999;
		background: rgba(0,0,0,.8);
		text-align: center;
		color: white;
		bottom: 15px;
		height: 50px;
		line-height: 50px;
		width: 300px;
		margin-left: -150px;
		left: 50%;
		border-radius: 5px;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	}
	#files-tab-pane .table {
		font-size: 16px !important;
	}
	
	#files-tab-pane td {
		padding: 20px !important;
	}
	
	.html5-elem-data-box,
	#html5lightbox-watermark {
		display: none !important;
		}
		
	#html5-lightbox-box,
	.html5-elem-box,
	.html5-elem-wrap {
		height: 100% !important;
		width: 100% !important;
		}
	.html5-elem-box {
		max-height: 100% !important;
	}
		
	a.html5lightbox, a.audioplayer {
		text-decoration: none !important;
	}
	
	#html5-lightbox-box {
		margin-top: 0px !important;
	}
	
	#html5-close-fullscreen, #audioPlayer #close-fullscreen {
		z-index: 999999 !important;
		background: black !important;
	}
	
	#audioPlayer audio
	{
		top: 50%;
		width: 90%;
		position: absolute;
		margin-left: -85%;
		left:90%;
	}
	
	#audioPlayer #close-fullscreen div
	{
		font-size: 24px;
		padding: 4px;
		color: #eee;
		background-color: rgba(0,0,0,0.7);
	}
	
	
	.category
	{
		background: #f3f3f3;
		margin-top: 20px;
		padding: 15px;
	}
	
	.highlight {
	   background: rgba(35, 169, 241, 0.34) !important;
	}
	
	.category h3
	{
		margin-top: 0;
		margin-bottom: 0;
	}
	
.tab-content {
	min-height: calc(100% - 100px);
}	

.top_bar {
	background: white;
	z-index: 999;
	top: 55px;
	position: absolute;
	width: 100%;
	transition: top .5s;
}

html[data-bs-theme="dark"] .top_bar {
	background: #151719;
}

#meetings-tab-pane .container {
	margin-top: 170px;
}

.tooltip {
	position: relative !important;
	margin-top: 20px !important;
}

.tooltip.show {
	opacity: 1 !important;	
}

.tooltip a {
	color: white !important;
}

.tooltip-inner {
	width: 90px;
	margin-left: calc(50% - 25px);
	background-color: #323232 !important;
}


.tooltip-arrow {
	margin-left: 20px !important;
}

.tooltip-arrow:before {
	border-top-color: #323232 !important;
}

td {
	vertical-align: middle;
}