body{
  background: url('/static/vivi/img/halftone.png') repeat;
}

label {
  display: inline-block;
  max-width: 90%;
  margin-bottom: 10px;
  margin-left: 5px;
  font-weight: bold;
}

.currname {
  color:#cfcfcf;
}
.noMargin{
  margin:0px;
}
.curriculaImage{
  max-width:100%;
}

.levelGraphic{
  max-width:100%;
}

.levelIcon{
  width: 43px;
  height: 43px;
  margin-left: -15px;
  margin-top: -10px;
  margin-right: 10px;
}

.lowSaturation{
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.logoImg{
  max-width:100%;
}

.white{
  background: #fff;
}

.rounded {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.activeNav{
  font-weight: bold;
  color:black;
}

.badge{
  font-weight: normal;
}

.footer{
  background:rgba(0,0,0,.1);
  padding-top:25px;
  margin-top: 10px;
  padding-bottom: 25px;
}

.right{
  float:right;
}

.left{
  float:left;
}

.no-bullet{
  list-style-type: none;
  padding-left:0px;
}  

.select.form-control {
  white-space: normal;
}  

#forumApp{
  width: 70%;
  background-color: rgba(255, 255, 255, 0.4);
}
#talk{
  padding: 0px;
  padding-top: 15px;
}

.col-sm-8{
  padding: 20px;
}

#mb_post {
  width: 100%;
  font-size: 1em;
  display: inline;
  border: none;
  overflow: auto;
  outline: none;
  resize: none;  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#forum_div {
  background-color: #fff;
  margin-top: 20px;
  border: solid #d7ccc8 .5px;
}

.post_div {
  width: 100%;
  background-color: #fff ;
  position: relative;
  float: left;
  border: solid #d7ccc8 .5px;

}

.comment_div{
  width: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  position: relative;
  float:right;
  margin-bottom: 15px;
  font-size: 1em;
  border-left: solid #d7ccc8 .5px;
  border-right: solid #d7ccc8 .5px;
  border-bottom: solid #d7ccc8 .5px;
}
.commentList{
  padding-bottom:20px;
  border-bottom: solid #d7ccc8 .5px;


}
.edit_text{
  width: 66%;
  margin: 20px;
  font-size: 1em;
}
.comment_text{
  padding: 3px;
  width: 70%;
  font-size: 1em;
  margin-bottom: 30px;
  margin-top: 30px;
  margin-left: 10px;


}
.comment{
  padding: 15px;
}

.comments{
  font-size: 1em;
  margin:10px;
}

.comment_btn{
  padding:3px;
  margin-bottom: 30px;
  margin-top: 30px;
  margin-right: 30px;


}
.created_post{
  padding: 10px;
  font-size: 1em;
  margin: 10px;
}
.commentInfo{
  text-align: right;
  font-size: .75em;
  width:50%;
  margin-right: 20px;
}

.leaveCommentForm{
  width: 80%;
  display:inline;


}

.postInfo{
  width:50%;
  text-align: right;
  font-size: .75em;
}

.postTime{
  color:#9e9e9e;
}

#postBtn{
  width:60px;
  padding:3px;


}

.commentBtnGroup{
  margin:10px;

}
.postBtnGroup{
  margin:10px;
}
.editPostBtn{
  display: inline;
  width:95%;
  margin:5px;
  font-size: 1em;
  padding-top: 10px;
}

.level_graphic{
  max-width: 100%;
}

.graph{
  width:600px;
  height:300px;
}
.starDeposit{
  width: 100%;
  margin-top: 30px;
  margin-bottom: 10px;

}
.starWithdrawl{
  width: 100%;
}

#videoUpload{
  margin-bottom:10px;
}

#uploadForm{
  background-color: #e0e0e0;
  padding: 10px;
  padding-bottom: 50px;
}

.updateNotes{
  width:100%;
}
.starsLink{
  padding-left: 20px;
}
.badgesLink{
  padding-left: 10px;
}

.panel-heading{
  padding: 15px;
}

.language_switch{
  /*font-size: 1.5em;*/
  text-align: center;
}

h4.panel-title {
  text-align: center;
}

@media only screen and (max-width: 1200px) {
  .sections_div { width: 100% }
}

.resource-pages {
  margin-top: 30px;
}

.resource-pages .panel-title {
  text-align: left;
}

.resource-pages .fa-icon {
  float: right;
  font-size: 1em; 
  display: inline;
  text-align: right;
  font-color: blue;


}

/* ELM TABLES FORMATTING  */

#tables-elm table {
  width: 90%;
  display: block;
  margin:auto;
  margin-bottom: 100px;
  margin-top: 50px;
}

#tables-elm td {
  padding: 14px;
  border: 2px solid #c1c1c1;
  text-align: center; 
}