/* styles for elearning module contents */

header.elearningcategory
{
    padding: 6em 3em 5em 3em;
}
header.elearningcategory h2{
    text-align:center;
    color: #fff;
    text-shadow: 2px 2px #666666;
}

h3.coursetitle{
height:3em;
}


header.elearningcategory p{
    color:#000;
    background-color:#fff;
    padding:0.3em;
    font-weight:normal;
    text-align:center;
    
}

#gameboard{
height:50em;
background-image:url('/images/learning-path-bg.jpg');
background-size:cover;
background-position:center;
margin-top:1em;
margin-bottom:1em;
}
div.coursecoverimage
{
    overflow:hidden;
    height:0;
    padding-bottom:75%;
}
img.optionimage{
    max-width:300px;
    border-radius:5px;
    border:1px solid;
    -webkit-box-shadow: 10px 10px 20px -5px rgba(102,102,102,1);
    -moz-box-shadow: 10px 10px 20px -5px rgba(102,102,102,1);
    box-shadow: 10px 10px 20px -5px rgba(102,102,102,1);
}
#coursepagecontent h2.form-title{
    display:none;
    
}
body.game header.elearningcategory{
    /* Hide functions header from the game page, at least for now */
    display:none;
}
#coursepagecontent #submitnewbutton
{
    display:none;
}
tr.tableheader1 th{
    background-color:rgb(200,221,200);
}
tr.tableheader2 th{
    background-color:rgb(230,240,230);
}
div.updatecertificate {
    text-align:right;
}
td.completed {
    background-color:rgb(230,240,230);
}
li.draggable{
	list-style:none;
	margin-bottom:0.5em;
}
.ui-draggable{
	background-color:#ffffff;
	border-border-radius:4px;
	border:1px solid grey;
}
.ui-droppable-hover{
    background-color:yellow!important;
    color:#333333!important;
}
input.blanks{
	display:inline-block;
	clear:none;
	width:1.2em;
	padding-left:0.1em;
	padding-right:0.1em;
	text-align:center	
}

@media only screen and (max-device-width: 760px) {
  .not-mobile { display: none; }
}

@media only screen and (min-device-width: 761px) {
  .only-mobile { display: none; }
}

div.gridviewbox {
    height: 40em;
}

div.languageselect {
	position:relative;
	float: right;
	color: #6393F8;
	margin-right: 2em;
}

div.languageselect div.languagetitle {
	font-size: small;
	font-weight: bold;
	background-color: #C8DEFC;
	padding: 0.5em 1em 0.5em 1em;
	margin: 0 0 1em 1em;
}

div.languagedropdown {
	position: absolute;
	z-index: 200;
	display: none;
	width: 100%;
	font-size: small;
	font-weight: bold;
	margin-top: -1em;
	margin-left: 1em;
}

div.languagedropdown div.languagedropdowncontent {
	background-color: #C8DEFC;
	color: #6393F8;
	padding: 0.5em 1em 0.5em 1em;
	margin-right: 1em;
}
/*
div.languagedropdown form#languageform {
	background-color: #C8DEFC;
	color: #6393F8;
	padding: 0.5em 1em 0.5em 1em;
	margin-right: 1em;
}*/

div.languagedropdown input.submitbutton {
	width: 100%;
	background-color: #9ECAF5;
}

div.languageselect:hover div.languagedropdown {
	display: block;
}

span.sourcelanguagespan {
    font-weight:bold;
}

p.targetlanguagep {
    margin-top:0.4em;
    margin-bottom:0;
}
table#hotspotslist tr.rowtype-0 {
    background-color:#F7F7F7;
}
table#hotspotslist tr.rowtype-1 {
    background-color:#FFFFFF;
}
table#hotspotslist th.subheader {
    border-bottom:none;
    background-color:inherit;
    z-index:99;
}
table#hotspotslist td.imagetd {
    vertical-align:middle;
}
table#hotspotslist td p:last-child {
    margin:0;
}
table.hotspotslist tr.rowtype-0 {
    background-color:#F7F7F7;
}
table.hotspotslist tr.rowtype-1 {
    background-color:#FFFFFF;
}
table.hotspotslist th.subheader {
    border-bottom:none;
    background-color:inherit;
    z-index:99;
}
table.hotspotslist td.imagetd {
    vertical-align:middle;
}
table.hotspotslist td p:last-child {
    margin:0;
}
div.hotspotslistcontainer {
    overflow-x:auto;
}