/*!
 * CDS v1.0 (http://champds.com)
 * Copyright 2016 Champion Data Systems, LLC
 */

html {
	
}

body {
  background-color: transparent;
}

.cdsVisuallyHidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.cdsSkipLink {
	position: absolute;
	top: -40px;
	left: 8px;
	z-index: 100000;
	padding: 8px 12px;
	background: #ffffff;
	border: 2px solid #005fcc;
	color: #000000;
	text-decoration: none;
}

.cdsSkipLink:focus {
	top: 8px;
}

.cdsBootboxOnTop{
 z-index: 99999 !important;
}

::cue {
  /* white-space: nowrap; */
  /* min-width: 400px !important; */
}

/* .media-controls-container { */
.visible-controls-bar {
  /* background: #FFCC00; */
  width: 100% !important;
}

::-webkit-media-text-track-container {
  
  /* display: flex;
  justify-content: center;
  align-items: center;
   */

  /* this is hard-coded from apple, so i cannot change */  
  width: 50% !important;  
  position: relative !important;  
  margin: 0 auto;
  /* left: unset; */
}
/* ::-webkit-media-text-track-display {
  margin: 0 auto;
  text-align: center !important;
} */

::-webkit-media-text-track-display99999 {
  flex-direction: row;
  /* left: 0% !important; this is hard-coded from apple, so i cannot change */
  /* margin-left: 35%; */
  flex-shrink: 0;
  display: flex;
  width: 100% !important;

  text-align: center !important;
  max-width: unset !important;
  min-width: unset !important;
  left: unset !important;
  /* max-width: 100%, !important; */
}
  /* overflow: hidden;22
  padding-bottom: 0;
  z-index: 0;

  text-align: center;
  color: rgb(255, 0, 0) !important;

  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0;
  text-decoration: none;
  pointer-events: none;
  -webkit-user-select: none;

  flex: 1 1 auto;

  -webkit-line-box-contain: block inline-box replaced;
} */

video::-internal-media-controls-overlay-cast-button {
    display: none;
}
	
#cdsWrapper { 
	display: none;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	height: 100%; 
	width: 100%;
	overflow: none;
	background-color: #fff;
}

.highlight{ background-color: #f0ad4e; } /* same as progress-bar-warning */
.highlightSearch{ background-color: #f0ad4e !important; } /* need unique for matching count of found */

.highlightSearch.highlight > .cdsTimelineItemTimeStart {
	background-color: #00cc00 !important;
}


/* http://stackoverflow.com/questions/25650553/how-to-pass-numbers-in-bootstrap-3-glyphicons */
/*
.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc);
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid black;
    color: black;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    display: none;
    margin-right: 3px;
    background-color: #ffcc00;
}
*/

.cdsHidden { display: none !important; }

#cdsContent {
	height: 100%; 
	overflow: auto;
	margin: 0;
	padding: 0;
}

#cdsMedia { 
	background-color: #000; 
	display:inline-block;
	float:left;
}

#cdsMediaPlayer { 
	float: left; 
	min-height: 72px;
}

#cdsSidebar { 
	margin-left: 20px;
	float: left;
	overflow: hidden;
}

#cdsSidebar.panel { margin-bottom: 0; }

#cdsSidebar .panel-body {
	margin: 0;
	padding: 0;
	overflow: auto;
}

.cdsTimelineItem {
	border-left: none;
	border-right: none;
}

#cdsTimeline .list-group-item:first-child { border-top: none; }

#cdsTimeline .list-group-item:last-child {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.cdsTimelineItemDirectLink {
	border: solid 1px #333333;
	border-radius: 2px;
	padding: 2px;
	cursor: pointer;
}

.cdsTimelineItemTitle:focus,
.cdsTimelineItemDirectLink:focus,
.cdsAgendaTimelineMap:focus,
#numberCircleAgenda:focus,
#numberCircleMinutes:focus,
#numberCircleTimeline:focus,
#numberCircleTimelineTop:focus {
	outline: 3px solid #005fcc;
	outline-offset: 2px;
}

/* Force AA contrast for key action controls regardless of theme timing/overrides. */
#btnSearch.btn.btn-success,
#btnSharingLinkPlayerTime.btn.btn-success {
	background-color: #2c882c !important;
	border-color: #246f24 !important;
	color: #ffffff !important;
}

#btnSearch.btn.btn-success:hover,
#btnSearch.btn.btn-success:focus,
#btnSharingLinkPlayerTime.btn.btn-success:hover,
#btnSharingLinkPlayerTime.btn.btn-success:focus {
	background-color: #246f24 !important;
	border-color: #1d5a1d !important;
	color: #ffffff !important;
}

#aDownloadMedia.btn.btn-info {
	background-color: #1b809e !important;
	border-color: #166a82 !important;
	color: #ffffff !important;
}

#aDownloadMedia.btn.btn-info:hover,
#aDownloadMedia.btn.btn-info:focus {
	background-color: #166a82 !important;
	border-color: #12566a !important;
	color: #ffffff !important;
}

/* #txtSearch:focus{ width: 300px; }  */

#cdsMediaControls { 
	clear: both; 
	float: right;
	margin: 6px 360px -30px 0;
}

#cdsTitle { 
	clear: both;
	margin-left: 15px;
	padding-top: 6px;
}

#cdsTitle h3 { 
	margin: 3px 0 9px 0;
	padding: 0;
}

#cdsTitle h4 {
	margin: 6px 0;
	padding: 0;
}

#eventIcons {
	float: left;
	width: 500px;
	margin-left: 300px;
	margin-bottom: -120px;
	color: #A0A8A0;
}

#eventDate { color: #A0A8A0; }

#eventTitle { }

#cdsTabs { clear: both; }

#cdsFooter {
	clear: both;
	padding: 20px 0;
	color: #666 !important;
	text-align: center;
	background-color: #f9f9f9;
	border-top: 1px solid #e5e5e5;
}

#cdsFooter p:last-child { margin-bottom: 0; }

#cdsFooter a {
	color: #2b5d8a !important;
}

#cdsFooter a:hover,
#cdsFooter a:focus,
#cdsFooter a:visited {
	color: #1f4a70 !important;
}

.cdsEventTitle {  }
.cdsEventTimeStart {  }
.cdsEventTimeEnd  {  }

.cdsAgendaItem {
	padding: 5px;
	margin: 6px;
	background-color: #EEEEEE;
	border: solid 1px #999999;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
  -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

.cdsAgendaItemTitle {
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
} 

.cdsAgendaItemDescr { display: none; }


.cdsAgendaPDFLink {

}

.cdsAgendaPacketPDFLink {

}

.cdsAgendaGeneralLink {

}

.cdsAgendaItemAtt
{
	font-size: 0.8em;
	/* float:right; */
	font-weight: normal;

}

.cdsAgendaItemDescr a,
.cdsAgendaItemAtt a,
#tabAgenda a {
	color: #1f4a70 !important;
}

.cdsAgendaItemDescr a:hover,
.cdsAgendaItemDescr a:focus,
.cdsAgendaItemAtt a:hover,
.cdsAgendaItemAtt a:focus,
#tabAgenda a:hover,
#tabAgenda a:focus,
#tabAgenda a:visited {
	color: #163954 !important;
}

#divAgendaAttGlobal, #divMinutesAttGlobal
{
	text-align: right;
	width: 100%;
	padding: 10px 0 0 0; 
	display:inline-block;
	max-height: 70px;
	/*overflow: auto;*/
}

.divAttsAndExpand
{
	min-height:40px;
	max-height:78px;
	/*overflow: auto;*/
}


.cdsMinute {
	padding: 5px;
	margin: 6px;
	background-color: #EEEEEE;
	border: solid 1px #999999;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
  -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

.cdsMinuteTitle {
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
} 

.cdsMinuteDescr { display: none; }





.cdsTimelineItemTitle {
	margin-right:5px;
	font-weight:bold;
	cursor: pointer;	
}

.cdsTimelineItemTimeStart {
	padding: 2px;
	margin-right:5px;
	background-color: #ccffcc;
	border: solid 1px #777777;
	font-size:0.85em;
}

.cdsTimelineItemTimeEnd {
	padding: 2px;
	background-color: #ffcccc;
	border: solid 1px #777777;
	font-size:0.85em;
}

@media all and (max-width: 479px) {
	body 
	{
		/* background-color: #fffb01; yellow */
		font-size: 0.85em;
	} 
	#cdsWrapper {  }
	#cdsMedia { 
		width: 100%;
		height: 180px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	#cdsMediaPlayer { 
		float: none;
		width: 320px;
		height: 180px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	#cdsSidebar { display: none; }
	#cdsMediaControls { display: none; }
	#cdsSearch { display: none; }
	/* switch from tabs to acordian */
}

@media all and (min-width: 480px) and (max-width: 749px) {
	/* body {background-color: #02fdfd; } teal */
	#cdsWrapper {  }
	#cdsMedia { 
		width: 100%;
		height: 270px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	#cdsMediaPlayer {
		float: none;
		width: 480px;
		height: 270px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	#cdsSidebar { display: none; }
	#cdsMediaControls { display: none; }
	#cdsSearch { display: none; }
}

@media all and (min-width: 750px) and (max-width: 999px) {
	/* body {background-color: #02f901; } green */
	#cdsWrapper { width: 750px; }
	#cdsMediaPlayer { 
		width: 480px; 
		height: 270px; 
	}
	#cdsSidebar { 
		width: 248px; 
		height: 270px;
	}
	#cdsMediaControls { display: none; }
	#eventIcons { margin-right: 260px; }
	.cdsEventNoTimeline div#cdsMediaControls {
		display: block;
		margin-right: 135px;
		padding: 0;
	}
	#cdsFooter { 
		width: 750px; 
		margin-left: auto;
		margin-right: auto;
	}
}

@media all and (min-width:1000px) and (max-width: 1199px) {
	/* body {background-color: #ff40ff; } magenta */
	#cdsWrapper { width: 1000px;}
	#cdsMediaPlayer {
		width: 640px;
		height: 360px;
	}
	#cdsSidebar { 
		width: 338px;
		height: 360px;
	}
	#cds-media-enlarge { display: none; }
	#cdsTitle h3 { max-width: 500px; }
	.cdsEventNoTimeline div#cdsMediaControls { margin-right: 180px; }
	#eventIcons { margin-right: 350px; }
	#cdsFooter { 
		width: 1000px; 
		margin-left: auto;
		margin-right: auto;
	}
}

@media all and (min-width: 1200px) and (max-width: 1499px) {
	/* body {background-color: #ff2500; }  red */
	#cdsWrapper { width: 1180px;}
	#cdsTitle h3 { max-width: 500px; }
	.cdsEventNoTimeline div#cdsMedia { width: 1200px; }
	#cdsMediaPlayer {
		width: 640px;
		height: 360px;
	}
	#cdsSidebar { 
		width: 515px;
		height: 360px;
	}
	#cdsMediaControls, #eventIcons { margin-right: 540px; }
	.cdsEventNoTimeline div#cdsMediaControls { margin-right: 268px; }
	#cdsFooter { 
		width: 1180px; 
		margin-left: auto;
		margin-right: auto;
	}
}

@media all and (min-width: 1500px) {
	/* body { background-color: #0432fd; }  blue */
	#cdsWrapper{ width: 1500px; }
	#cdsTitle h3 { max-width: 730px; }
	.cdsEventNoTimeline div#cdsMedia { 
		width: 1500px; 
		height: 486px;
	}
	#cdsMediaPlayer {
		width: 864px;
		height: 486px;
	}
	#cdsSidebar { 
		width: 612px;
		height: 486px;
	}
	#cdsMediaControls, #eventIcons { margin-right: 635px; }
	.cdsEventNoTimeline div#cdsMediaControls { margin-right: 318px; }
	#cdsFooter { 
		width: 1500px; 
		margin-left: auto;
		margin-right: auto;
	}
}

.cdsEventNoTimeline div#cdsSidebar { display: none; }

.cdsEventNoTimeline div#cdsMedia {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.cdsEventNoTimeline #cdsMediaPlayer { 
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.cdsEventNoTimeline div#cdsMediaControls { 
	clear: both; 
	float: right;
	margin-top: 6px
}

.cdsEventNoTimeline #tabControlTimeline { display: none; }

.cdsEventNoTimeline #btnMediaUnEnlarge, #btnMediaEnlarge { display: none; }

.cdsEventUnpublished {  }

.cdsEventNoMinutes {  }

.cdsEventNoExtra {  }

/*.cdsExtra {
	border-bottom: solid 1px #555555;
}*/

.cdsItemDetailTableTop th {
	vertical-align: top;
	font-weight: bold;
	font-size: 2em;
	padding-right:  10px;
}

.cdsItemDetailTableTop td {
	vertical-align: top;
	font-weight: bold;
	font-size: 1em;
	padding-right:  10px;
}

.cdsItemDetailTitle {
	margin-left:  20px;
}

.cdsItemDetailDescription {
	margin-left:  20px;
}

/*.cdsItemDetailAttachments {
	margin-left:  20px;
}*/

.cdsItemDetailAttachment {
	margin-left:  20px;
}

/* ------------------------------------------------------------------
 * Video.js caption (WebVTT) placement -- global defaults
 *
 * .vjs-text-track-display is the box vtt.js lays the cues out inside.
 * A larger `bottom` pushes the captions further up off the control bar.
 * vtt.js gives individual cues cached absolute pixel positions, so the
 * direct child overlay is translated after cue layout for a reliable shift.
 *
 * The bottom and font-size values stay close to stock video.js, while the
 * default translation moves the rendered caption layer up by 20px. To
 * reposition captions for one customer, redefine the properties on
 * #cdsMediaPlayer in that customer's /<customer>/css/event.css. That
 * wins two ways -- higher specificity than :root, and #cdsMediaPlayer is
 * the nearer ancestor of the caption box -- so it does not depend on
 * which stylesheet loads first.
 *
 * The rules below are ID-scoped so they outrank video-js.css, which is
 * appended to <head> at player-load time in an order we do not control.
 * ------------------------------------------------------------------ */

:root {
	--cds-caption-bottom: 3em;			/* offset from bottom of video, controls visible */
	--cds-caption-bottom-inactive: 1em;	/* offset when the controls have auto-hidden */
	--cds-caption-font-size: 2em;		/* caption text size */
	--cds-caption-font-size-fullscreen: 4vh;	/* scale captions with fullscreen height */
	--cds-caption-translate-y: 32px;		/* final visual shift after vtt.js cue layout */
	--cds-native-caption-translate-y: -32px;	/* OMG Safari; native caption container adjustment */
}

#cdsMediaPlayer .vjs-text-track-display {
	bottom: var(--cds-caption-bottom);
}

#cdsMediaPlayer .vjs-text-track-display > div {
	transform: translateY(var(--cds-caption-translate-y));
}

#cdsMediaPlayer .video-js video::-webkit-media-text-track-container {
	transform: translateY(var(--cds-native-caption-translate-y));
}

#cdsMediaPlayer .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display,
#cdsMediaPlayer .video-js.vjs-controls-disabled .vjs-text-track-display {
	bottom: var(--cds-caption-bottom-inactive);
}

#cdsMediaPlayer .video-js .vjs-text-track-cue {
	font-size: var(--cds-caption-font-size) !important;
	height: auto !important;
	top: auto !important;
}

#cdsMediaPlayer .video-js.vjs-fullscreen .vjs-text-track-cue {
	font-size: var(--cds-caption-font-size-fullscreen) !important;
}