/* hacks */
/* somewhere on the site there is a hack to take away margins.... this is to put it back to bootstraps original state for this page.*/
.threadView .row{
  margin-left: -15px !important;
  margin-right: -15px !important;
}
/* on mobile it was changing values... needed to keep it the same*/
.dForumAll .btn-primary{
  width: auto !important;
  font-size: 1em !important;
  padding: 6px 12px;
}


.dForumAll .commentActions div{
  cursor:pointer
}
.dForumAll .commentActions .inactive{
  color: #cccccc;
}
.dForumAll .commentActions .voters:hover{
  color:orange;
}

.dForumAll .commentActions .votersActive{
  color:gold !important;
}
.dForumAll .commentActions .followers:hover{
  color:rgb(0, 154, 205);
}
.dForumAll .commentActions .followersActive{
  color:deepskyblue !important;
}
.dForumAll .commentActions .flag:hover,.dForumAll .commentActions .hideButton:hover{
  color:#C95959;
}
.dForumAll .commentActions .flagActive{
  color:#E77272 !important;
}
.dForumAll ul{
  padding-left:0px;
}


.btn-customPrimary{
  color:white;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-customPrimary:hover{
  background-color: #3B7EB8;
  color:white;
}
.discussionForum .row.posts > div, .discussionForum .row.posts .column{
  padding-left:0px;
  padding-right:0px;
}
.discussionForumContainer{
  padding: 0 100px 20px 100px;
}
.discussionForumContainer h1.mainHeaderTitle{
  color:white;
  padding-left:15px;
  padding-right:15px;
}
.discussionForum .userImageInitials .forum-user-image-initials-text{
  line-height:initial;
}
.discussionForum{color:black}
.discussionForum .row{
  font-size: 14px;
  padding:10px 0px;
  color:#555;
  /*line-height:30px;*/
}
.discussionForum .header{
  background-color:white;
  padding:0px;
  border-bottom: 1px solid #d4d4d4;
}
.discussionForum .title{
  text-align:left;
}
.discussionForum .row > div{
  line-height:30px; /* allows all cell's to align vertically */
}
.discussionForum .row.posts{
  position: relative;
  overflow-x: hidden;
}
.discussionForum .row.posts:nth-child(odd){
  background-color: #f4f4f4;
}
.discussionForum .row.posts:nth-child(even){
  background-color:white;
}
.discussionForum .row.posts, .discussionForum .row.header{
  text-align:center
}
.discussionForum .row.posts:hover{
  background-color:#e5e5e5 !important;
  color:#000;
  cursor:pointer;
}
.discussionForum .userImageInitials,.discussionForum .userImage{
  width:30px;
  height:30px;
  float:left;
  margin-left:5px;
}
.discussionForum .filterButtons .categoryList{
  max-height:200px;
  overflow-y:scroll;
}
.discussionForum .filterButtons .categoryList li{
  margin-bottom: 5px;
  color:white;
  padding-left:10px;
  cursor:pointer;
}
.discussionForum .viewPostHover{
  position:absolute;
  top:-35px;
  width:20%;
  left:40%;
  color:black;
  background-color:rgba(255,255,255,0.8);
  border:1px solid #ccc;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  transition: all .2s ease-in-out;
  z-index:9999;
}
.discussionForum .showViewPostHover{
  top:0px;
}
.discussionForum .title{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.discussionForum .pagination{
  display:block;
}
.discussionForum .pagination ul{
  text-align: center;
  padding-left:0px;
}
.discussionForum .pagination ul li{
  padding:8px 13px;
  margin:3px;
  border:1px solid #ccc;
}
.discussionForum .pagination ul .numButtonActive{
  color:orange !important;
}
.discussionForum  .sagexInputTagContainer{
  margin-right: 0px;
  margin-left: 0px;
}
.discussionForum  .sagexInputTagContainer{
  margin-right: 0px;
  margin-left: 0px;
}

.discussionForum .categoryTag{
  color:white;
  padding: 5px;
  border-radius: 5px !important;
}
.discussionForum .buttonContainer{
  clear:both;
}
.discussionForum .filterButtons > .btn-group{
  background-color:white;
}
@media (min-width: 768px) and (max-width: 900px) {

  .discussionForumContainer{
    padding: 0 50px 20px 50px;
  }
}
@media(max-width:768px){
  .discussionForum .filter .btn-customPrimary{
    width: 100%;
  }
  .categoryListMobile{
    position:absolute;
    top:0px;
    right:0px;
  }
  .discussionForum .row{
    font-size: 14px;
    padding:10px 0px;
    color:#555;
    /*line-height:30px;*/
  }
  .discussionForumContainer{
    padding: 0 10px 20px 10px;
  }
  .discussionForum .filterButtons,
  .discussionForum .filterButtons > button,
  .discussionForum .filterButtons > div,
  .discussionForum .filterButtons .categoryDropDown,
  .discussionForum .filterButtons .categoryList,
  .discussionForum .filter .btn-success{
    width:100%;
  }
  .discussionForum .filterButtons > button,
  .discussionForum .filterButtons > div{
    margin-bottom:10px;
  }
  /* hides all images except first */
  .discussionForum .forum-user:not(:first-child){
    display:none;
  }
  .discussionForum .mobileBottomRow{
    margin-top:5px;
    padding-top:5px;
    border-top:1px solid #ccc;
  }
  .discussionForum .favorite{
    font-size: 18px;
  }
}

@media(min-width:768px){

}




/* new comment widget */
.newCommentModule{
  background-color: #fafafa;
  border: 1px solid #ccc;
  position:fixed;
  bottom:-800px;
  left:0px;
  width: 80%;
  margin-left: 10%;
  max-height:100%;
  z-index:100000;
  overflow-y:scroll;
  transition:all .3s;
}
.newCommentModule .checkbox{
  margin-top:0px;
}
.newCommentModule input[type=checkbox]{
  margin-left: 0px;
  margin-top: 8px;
  margin-right: 8px;
}
.newCommentModule #newCommentCategory ul.dropdown-menu{
  width: 400px;
  right: 0px;
  left: auto;
  max-height: 200px;
  overflow-y: scroll;
}
.newCommentModule #newCommentContent{
  /*margin-bottom:10px;*/
}
.newCommentModule #newCommentContent,.newCommentModule #newCommentContent .ta-scroll-window > .ta-bind, .newCommentModule #newCommentContent .ta-scroll-window.form-control{
  min-height: 150px !important;
  max-height: 200px !important;
}
.newCommentModule #newCommentContent{
  max-height:100% !important;
}
.widgetOpen{
  bottom:0px !important;
}
.newCommentModule .categoryListItem{
  padding:10px;
}

#newCommentContent ul{
  padding-left:40px !important;
}





/* tags input styles */
table.sagexInputTag{
  width:100%;
  border:1px solid #ccc;
  /*margin:5px 0px;*/
}
/*table.sagexInputTag tbody{*/
/*margin:0px 0px;*/
/*}*/
table.sagexInputTag td{
  padding:0px !important;
}
table.sagexInputTag .tagUser input{
  outline:none;
  border:0px;
  margin:4px 0px;
  padding:5px;

}
table.sagexInputTag .tag{
  border: 1px solid #acacac;
  border-radius: 3px;
  background: linear-gradient(to bottom,#f0f9ff 0,#cbebff 47%,#a1dbff 100%);
  padding: 5px 5px !important;
  margin: 2px;
  position: relative;
  border-radius: 5px !important;
}
table.sagexInputTag .tag:hover{
  color:rgb(51, 51, 51) !important;
}
table.sagexInputTag .tagText{
  margin-right:20px;
  white-space: nowrap;
  display:inline-block;
}
table.sagexInputTag .closeButton{
  cursor: pointer;
  position: absolute;
  font-size: .9em;
  font-weight: bold;
  top: 8px;
  right: 5px;
  vertical-align: middle;
  font: 700 16px Arial,sans-serif;
  color: #585858;
}
table.sagexInputTag .tagUser{
  width: 100%;
  text-align: left;
}

table.sagexInputTag .closeButton:hover{
  text-decoration: underline;
}
/*.menuButtons {*/
/*width:150px;*/
/*}*/

/*.newCommentButton{*/
/*width:80px;*/
/*float:right;*/
/*}*/
/*.displayMobile{*/
/*display:none;*/
/*}*/
/*.hideMobile{*/
/*display:block;*/
/*}*/
/*@media(max-width:768px){*/
/*.menuButtons {*/
/*width:100%;*/
/*margin-bottom:5px;*/
/*}*/
/*.discussionMenu.menu-options{*/
/*width:96%;*/
/*margin-left:2%;*/
/*}*/
/*.newCommentButton{*/

/*width:96%;*/
/*margin-left:2%;*/
/*float:none;*/
/*}*/
/*.newCommentButton button{*/

/*padding:10px 0px;*/
/*}*/
/*.newCommentButton button i{*/
/*width: 140px;*/
/*}*/
/*.newCommentButton button i:before{*/
/*float:left;*/
/*}*/
/*.displayMobile{*/
/*display:block;*/
/*}*/
/*.hideMobile{*/
/*display:none;*/
/*}*/

/*}*/
.threadContainer{
  padding:0 100px;
}
.threadView .comment, .threadView .reply{
  overflow-x:hidden;
  position:relative;
  margin-bottom:20px;
}
.threadView .threadPost{
  /*position:relative;*/
  /*left:0%;*/
  /*z-index:999;*/
  /*transition: all .4s ease-in-out;*/
  border-top: 1px solid #f1f1f1;
  padding-top:10px;
}
.threadView .panel{
  margin-bottom:0px;
}
.threadView .commentActions{
  float:right;
  margin-bottom:5px;
  clear:both;
}

.threadView .commentActions button.fa{
  padding: 8px 0px;
  border:0px;
  font-size: 16px;
  width: 33px;
  background-color: transparent;
  transition: background-color 0.25s ease;
}
.threadView .commentActions button.fa:hover{
  background-color:#f3f3f3;
}

.threadView .commentReplyClose{
  left:0%;
  opacity:1;
}
.threadView .userImageInitials,.threadView .userImage{
  width:30px;
  height: 30px;
}
.threadView .commentUserImage{
  margin-right:10px;
  float: left;
}
.threadView .commentUserImage .userImage,.threadView .commentUserImage .userImageInitials{
  width:30px;
  height:30px;
}
.threadView h1.userName, .threadView .timeStamp h3.created{
  font-size: 14px;
  margin: 0;
  padding-top: 8px !important;
}
.forum-user-image-initials-text{
  padding: 5px;
  padding-top: 8px;
  padding-left: 4px;
  line-height: 1em;
}

.threadView ul.postInfo{
  font-size: 12px;
  clear:both;
  background-color:#f1f1f1;
  margin-top:5px;
}
.threadView > h1{
  padding-left:10px;
  padding-right:10px;
}
/*.postInfo .categoryTag{*/
/*border-radius: 5px !important;*/
/*padding: 0px 10px;*/
/*color:white;*/
/*}*/
.threadView ul.postInfo .count{
  color:orange;
}
.threadView ul.postInfo {
  padding-left:0px;
}
.threadView ul.postInfo li{
  display:inline-block;
  padding: 7px 10px;
  text-align:Center;
  vertical-align: middle;
}
.threadView .postContent{}
.threadView .timeStamp{
  text-align:right;
  float: right;
}
.threadView .timeStamp h3.created{
  /*position: absolute;*/
  /*top: 10px;*/
  /*right: 0px;*/
}
.threadView .timeStamp .edited{
  font-size:0.8em;
  padding:0px;
  margin:0px;
}

@media(max-width:768px){
  .threadContainer{
    padding:0;
  }

  .newCommentModule{
    height:100%;
    width:100%;
    margin-left: 0%;
    transition-duration:.2s;
  }
  .newCommentModule #newCommentCategory ul.dropdown-menu{
    width:auto !important;
  }
  .newCommentModule .row, .discussionForum #newCommentCategory{
    padding: 5px 0px;
  }
  .discussionForum #newCommentCategory{
    padding-top: 10px;
  }
  .threadView .row.col-sm-12.sagexInputTagContainer.ng-scope {
    padding-left: 15px;
    padding-right: 15px;
  }

  /*.discussionForum #newCommentCategory{*/
  /*padding: 5px 0px;*/
  /*}*/
  .threadView .timeStamp{
    position:absolute;
    top:8px;
    right:0px;
  }
  .hiddenMobile{
    display:none;
  }

  .threadView .commentReplyClose{
    left:-90%;
    opacity:1;
  }
}
@media(min-width:768px){

  .onlyMobile{
    display:none !important;
  }
  .hiddenMobile{
    display:initial;
  }
  .newCommentModule .sagexInputTagContainer{
    margin: 0px;
    padding: 0px;
    /*padding-left: 15px;*/
    margin-top:10px;
    margin-left:0px !important
  }

  .newCommentModule .bottomButtons{
    padding-top:10px;
    padding-bottom:10px;
  }
  .threadView .postContent{
    width: 75%;
    float: left;
  }
}


.threadView .newCommentModule #newCommentCategory{
  padding:0px;
  padding-top:10px;
}