html, body{
	background-color: #018490;
	font-family: "Open Sans";
}

.panel-educate{
	border: 0px;
	border-radius: 0px;
	background-color: transparent;
}

.panel-educate > div.panel-heading{
	color: white;
	font-size: 35px;
	border-radius: 0px;
	background-color: #9C8ABB;
}

.panel-educate > div.panel-body{
	padding: 0px;
	height: 550px;
	background-color: #FFF2C6;
	background-image: url('https://s3-eu-west-1.amazonaws.com/educate-interfaces/jc-irish/mobile/Slide60jPInTcstN.jpg');
	background-size: 100%;
}

.sidebarmenu{
	height: 100%;
	padding: 0px;
	background-color: rgba(156, 138, 187, 0.8);
}

.list-group{
	margin: 0px;
	border-radius: 0px;
}

.list-group-item, .list-group-item:first-child, .list-group-item:last-child, a.list-group-item, button.list-group-item{
	border: 0px;
	color: white;
	padding: 20px;
	cursor: pointer;
	font-size: 18px;
	font-weight: 200;
	border-radius: 0px;
	background-color: transparent;
}

.list-group-item:hover, a.list-group-item:hover{
	color: white;
	background-color: #712aa2 !important;
}

a.list-group-item:focus, .list-group-item:focus{
	color: white;
	/*background-color: transparent;*/
}

.pane{
	padding: 20px;
}

.audiobox{
	margin: 1%;
	padding: 0%;
	color: white;
	height: 100px;
	cursor: pointer;
	line-height: 100px;
	text-align: center;
	margin-bottom: 13px;
	background-color: #08828F;
    background-size: 40px 40px;
    background-repeat: no-repeat;
	background-position: right top;
	background-image: url('../img/corner.png');
}

.col-sm-3.audiobox{
	width: 23%;
}

.col-sm-4.audiobox{
	width: 31.3333333333%;
	height: 130px;
	line-height: 130px;
}

.audiobox:hover{
	box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
}

.audiobox img{
	width: 100%;
}

.list-group-item .active{

	background-color: #712aa2;
}

.scrollable{
	height:99%;
	overflow-y: auto;
}

td{
	padding: 10px;
}

td > .dl-horizontal dd {
    margin-left: 100px;
}

td > .dl-horizontal dt {
    width: 80px;
}

td > .dl-horizontal.longdt dd {
    margin-left: 110px;
}

td > .dl-horizontal.longdt dt {
    width: 90px;
}

td > dl{
	margin-bottom: 0px;
}

.table > tbody > tr > td{
	padding: 15px;
	border-top: 0px;
}

.table-striped > tbody > tr:nth-of-type(odd){
	background-color: rgba(255, 255, 255, 0.65);
}

.table-striped > tbody > tr:nth-of-type(even){
	background-color: rgba(240, 240, 240, 0.65);
}

.middle {
  line-height: normal;      
  display: inline-block;
  vertical-align: middle;
}

.fw100{
	font-weight: 100;
}

.fw600{
	font-weight: 600;
}


td > h4{
	margin-top: 5px;
	font-weight: 600;
}

.audio{
	width: 100%;
	display: block;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
}

.audiobox.purple{
	background-color: #9790C3;
}

h2.purple{
	color: #9790C3;
	font-size: 40px;
	font-weight: 700;
	line-height: 50px;
	margin-top: 100px;
	margin-bottom: 20px;
}

#panecontainer.purple{
	margin-left: 50px;
}

#panecontainer.purple > p{
	font-size: 20px;
}

a > .middle{
	color: white;
}

.panelogo{
	float: right;
	margin-top: 50px;
}

.panelogo img{
	height: 60px;
	margin-left: 20px;
}

.middle > h4{
	line-height: 30px;
}

.middle .fw100{
	font-size: 16px;
}

.audiobuttons{
	display: none;
}

.sphead1, .sphead2{
	text-align: center;
}
.sphead1{
	font-weight: bold;
}

ul.hyphenlist {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}
ul.hyphenlist > li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em;
}


ul.hyphenlist > li{
    margin-bottom: 10px;
}

