/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.bbb-room-selection {
	display: block;
	min-width: 10em;
	margin-bottom: 2em;
	background: #fff;
}

.bbb-error {
	color: #f00;
}

.bbb-table-container,
.bbb-table-container > div {
	box-sizing: border-box;
}



@media all and (max-width: 1200px) {



.bbb-recording-table-input {
	width: 300px;
}

.bbb-icon {
	color: #1976d2;
	cursor: pointer;
}

.bbb-header-icon {
	color: #fff;
	cursor: pointer;
}

.dashicon-disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.bbb-inline-block {
	display: block;
}

.bbb-recording-link {
	max-width: 7em;
	margin: 0.2em 0.1em;
	padding: 0.2em 0.3em;
	color: #fff;
	background-color: #007acc;
}


.bbb-button {
	color: #fff;
	background-color: #000;
	text-align:center;
}


.bbb-button:hover,.bbb-button:focus,.bbb-button:active {
border:2px solid #000;
color: rgb(231, 231, 231);
}



.bbb-recording-link:hover,
.bbb-recording-link:focus,
.bbb-recording-link:active {
	border-color: #006799 !important;
	background-color: #0a9ed4 !important;
}

.bbb-recording-link > a {
	color: #fff;
	box-shadow: none !important;
	text-decoration: none !important;
}

.bbb-recording-link > a:hover,
.bbb-recording-link > a:focus,
.bbb-recording-link > a:active,
.bbb-recording-link > a:visited {
	color: #fff;
}

.bbb-column-header-highlight {
	background: #52a8fd !important;
}

.bbb-hidden {
	visibility: hidden;
}

.single-bbb-room .bbb-room .entry-content {

	width:300px;
}

.bbb-expandable-header {
	display: block;
	margin-top: auto;
	margin-bottom: auto;
	font-size: 1.2em;
	font-weight: 400;
	padding:3px 0px;
}

.bbb-recordings-display {
	cursor: pointer;
}

.bbb-recording-display-block {

	border-top: 2px solid #007acc;
	border-bottom: 2px solid #007acc;
	width: 90%;
}

.bbb-join-room-label {
	display: block;
	min-width: 20%;
}

.bbb-join-room-input {
	display: block;
	min-width: 70%;
}

.bbb-join-form-block {
	margin-bottom: 0.2em;
}