body {
	background-color: #fff;
}

.table {
	margin-bottom: 0;
}

/*---------------------------------------------*/
/* Full screen height */ 
/*---------------------------------------------*/
@media (min-width: 992px) {
	html,
	body,
	#fullscreen-player,
	#fullscreen-player .table-wrapper,
	.full-height {
		height: 100%;
	}
	#fullscreen-player {
		min-height: 475px;
	}
	@media (max-height: 500px) {
		.col-slim .panel .panel-heading {
		    padding: .67em;
		}
		.col-slim .panel .panel-heading .panel-title {
			font-size: 1em;
		}
		.col-slim .panel .panel-body {
			margin-top: -2.34em !important;
			padding-top: 2.917em !important;
		}
	}

	/*---------------------------------------------*/
	/* Table */
	/*---------------------------------------------*/
	#fullscreen-player > .table-wrapper > .table {
		display: table;
		height: 100%;
		margin: 0;
	}
	#fullscreen-player > .table-wrapper > .table > .col-wide,
	#fullscreen-player > .table-wrapper > .table > .col-slim {
		display: table-cell;
		height: 100%;
		float: none;
		vertical-align: top;
	}
	#fullscreen-player > .table-wrapper > .table > .col-wide {
		width: 70%;
	}
	#fullscreen-player > .table-wrapper > .table > .col-slim {
		width: 30%;
	}
}

#fullscreen-player .table-wrapper {
	position: relative;
}
	#fullscreen-player > .table-wrapper > .table > .col-wide,
	#fullscreen-player > .table-wrapper > .table > .col-slim {
		padding: 0;
	}

/*---------------------------------------------*/
/* Branding */
/*---------------------------------------------*/
#fullscreen-player #branding {
	background-color: #fff;
	border-bottom: 1px solid #eee;
	left: 0;
	padding: 0 15px;
	position: absolute;
	top: 0;
	width: 100%;
}

#fullscreen-player #branding img {
	display: inline-block;
	max-width: 100%;
}

/*---------------------------------------------*/
/* Left Column */
/*---------------------------------------------*/
#fullscreen-player > .table-wrapper > .table > .col-wide {
	background-color: #eee;
}

	/* Player */
	.player {
		height: 0;
		overflow: hidden;
		position: relative;
	}
	.player.hd {
		padding-bottom: 56%;
	}
	.player.sd {
		padding-bottom: 75%;
	}
	@media (min-width: 992px) {
		.player.full {
			height: 100%;
		}
		.player.full.hd,
		.player.full.sd {
			padding: 0;
		}
	}
	@media (max-width: 991px) {
		#panel-player.full-height {
			height: auto !important;
			max-height: initial;
		}
	}
	.player iframe {
		border: 0;
		display: block;
		height: 100%;
		left: 0;
		max-width: 100%;
		position: absolute;
		top: 0;
		width: 100%;
	}

	/* Panels */
	.col-wide .panel-wrapper {
		padding-top: 15px;
	}

	.form-group-buttons {
		margin-bottom: 0;
	}


/*---------------------------------------------*/
/* Right Column */
/*---------------------------------------------*/
#branding + .col-wide + .col-slim {
	border-top: 1px solid #ddd;
}

.col-slim {}

	.panel-wrapper {
		padding: 15px 15px 0;
	}

	.panel-wrapper:last-child {
		padding-bottom: 15px;
	}


	.quarter-height {
		height: 25%;
	}


	.half-height {
		height: 50%;
	}

	.third-height {
		height: 33.3%;
	}

	.twothird-height {
		height: 66.6%;
	}

	.threequarter-height {
		height: 75%;
	}

	.col-slim .panel {
		height: 100%;
		margin: 0;
	}

		.col-slim .panel .panel-heading {
			position: relative;
			z-index: 1;
		}

		.col-slim .panel .panel-body {
			height: 100%;
			margin-top: -38px;
			padding-top: 53px;
			overflow: auto;
			position: relative;
		}

		.col-slim #panel-chat .panel .panel-body {
			padding-bottom: 64px;
		}

			.col-slim .panel .panel-body #wrapper {
				height: 100%;
				overflow-y: auto;
			}

			.col-slim .panel .panel-body form {
				bottom: 0;
				display: block;
				left: 0;
				padding: 15px;
				position: absolute;
				width: 100%;
			}

				.col-slim .panel .panel-body form .form-group {
					margin: 0;
					width: 100%;
				}

					.col-slim .panel .panel-body form .form-group input {
						float: left;
					}

					.col-slim .panel .panel-body form .form-group input#usermsg {
						margin-right: 2%;
						width: 78%;
					}

					.col-slim .panel .panel-body form .form-group input#submitmsg {
						width: 20%;
					}

	.col-slim .tabs {
		height: 100%;
		position: relative;
	}

		.col-slim .tabs .nav-tabs {
			position: relative;
			z-index: 10;
		}

		.col-slim .tabs .tab-content {
			height: 100%;
			margin-top: -42px;
			padding-top: 42px;
			position: relative;
		}

		.col-slim .tabs .tab-content .tab-pane {
			height: 100%;
			overflow-y: auto;
			padding: 15px;
		}

		.col-slim .tabs .tab-content .tab-pane > *:first-child {
			margin-top: 0;
		}

@media (max-width: 991px) {
	#fullscreen-player #branding {
		text-align: center;
	}
	.full-height, .half-height, .third-height {
		max-height: 250px;
	}
}

#footer {
	background: #4d4f53;
	bottom: 0;
	color: #fff;
	left: 0;
	position: absolute;
	width: 100%;
}

.footer-contain {
	margin: 0 auto;
	padding: 15px 15px 20px;
	text-align: center;
	max-width: 250px;
}

#footer .social-icons {
	height: 32px;
	margin-top: 10px;
}

#fullscreen-player .btn-primary {
	background-color: #1879B9;
	border: 0;
}
#fullscreen-player .btn-primary:hover {
	background-color: #41B6E6;
}


/*---------------------------------------------*/
/* New Flex Styles */
/*---------------------------------------------*/
#panel-player .panel-player-child + .player,
#panel-player .player + .panel-player-child {
  margin-top: 20px;
}
#panel-player img {
  max-width: 100%; 
}
.panel-wrapper.full-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
#download_tech_support .panel {
  margin-bottom: 0;
}

@media (min-width: 992px) {
    .panel-player-child-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
        max-height: 30vh;
        margin-right: -5px;
        margin-left: -5px;
    }
    .panel-player-child-half {
		width: 50%;
        padding-right: 5px;
        padding-left: 5px;
    }
    .panel-player-child-half .panel {
        height: 100%;
        margin: 0;
    }
    .panel-player-child-half .panel-heading {
        position: relative;
        z-index: 1;
    }
    .panel-player-child-half .panel-body {
        height: 100%;
        margin-top: -38px;
        padding-top: 53px;
        overflow: auto;
        position: relative;
    }
}

/*
#panel-announcement .panel-body {
  padding: 38px 0 0;
}
*/