.thread-tile {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 0;
}
.forum-group-list > li, .forum-media-list > li {
    margin-bottom: 20px;
}
.forum-group-list li a.group_tile, .forum-media-list li .card {
	text-decoration: none !important;	
	height: 100%;
    border-radius: 0;
}
.forum-media-list li .card, .forum-group-list li a.group_tile .card-body {
	display: flex;
    width: 100%;
}
.card.media-tile .btn {
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto 15px auto;
    width: 100px;
    text-transform: uppercase;    
}
.media-tile {
    padding-bottom: 60px;
}
.media-tile p.card-text {
	margin: 0;
    line-height: 18px;
    font-size: 15px;
    color: #666;
    white-space: nowrap;
    overflow-x: hidden;    
}
.media-tile p.card-text i {
    font-size: 12px;
    color: #888;
}

.forum-group-list li a.group_tile h3 {
	color: white;
    text-align: center;
    margin: auto;
    font-size: 16px;
    text-transform: uppercase;
    text-shadow: -1px 1px 1px rgba(0,0,0,0.2);
}
.thread-details {
    display: inline-block;
    width: calc(100% - 160px);
    padding: 15px;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    min-height: 160px;;
}
.thread-details .card-title a {
    white-space: normal;
    text-align: left;
}
.thread-details > a:not(.btn) {
	padding: 0 5px;
    font-size: 16px;
    line-height: 24px;
    color: inherit;
    font-weight: bold;
}
.card.media-tile h5.card-title {
	font-size: 16px;
    line-height: 20px;
}
@media screen and (max-width: 767px) {
	.thread-details {
	    display: block;
	    width: 100%;
	    clear: both;
	}	
}
div.forum-header, h2.forum-header {
	padding: 25px 0;
    clear: both;
    margin: 0 0 20px 0;
    position: relative;
}
.forum-header .btn {
    margin-left: 5px;
   
}
h2.forum-header, .forum-header h2 {
    font-size: 28px;
    line-height: 28px;
}
.forum-header h2 {
	display: inline-block;
	width: auto;
	margin: 0 0 0 0;
	line-height: 34px;
}
.thread-details h4.card-title {
	max-height: 44px;
    overflow-y: hidden;    
    font-size: 16px;
    line-height: 24px;    
}
.thread-photo {
    width: 140px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;    
}
.thread-photo img {
	width: 140px;
	height: 165px;
	opacity:0;
}
/*
.thread-stats {
    float: right;
    width: 140px;
    height: 160px;
    padding: 15px;
    text-align: right;
    position: relative;
}
.thread-stats .btn {
    position: absolute;
    bottom: 15px;
    right: 15px;
	font-size: 16px;
    text-transform: uppercase;    
}
*/
.thread-details .btn {
    font-size: 16px;
    padding: 0;
    font-weight: bold;
}
ul.thread-stats {
    position: absolute;
    bottom: 0;
    /*max-width: calc(100% - 140px);*/
    left: 0;
    padding: 0 5px 5px 5px;
}
ul.thread-stats .nav-link {
    padding: 0 12px !important;
    display: inline-block;
    border: none;
    border-left: 1px solid #ddd;
    border-radius: 0;
    line-height: 20px;
}
ul.thread-stats > li.nav-item:first-of-type > .nav-link {
	border-left: none;	
}
ul.thread-stats span.nav-link {
	color: #999;
}


.forum-comment .recommend {
    display: inline-block;
}
a.jump-to-latest {
    display: block;
    width: 100%;
    clear: both;
    padding: 10px 0 30px 0;
    text-align: right;
}
.card.forum-comment {
    border-radius: 0;
    border: 1px solid transparent;
    margin-bottom: 10px;
    position: relative;
    border-bottom: 3px solid #ddd;
    padding-bottom: 40px;
}
div > .card.forum-comment:last-of-type {
	border-bottom: none;
}
.card.forum-comment .post_author {
    width: 140px;
    text-align: center;
    line-height: 24px;
    display: block;
    position: absolute;
    height: 165px;
    left: 15px;
}
.card.forum-comment > .card-body {
    padding-left: 185px;
    min-height: 240px;
}
.card.forum-comment .card-header {
	border-bottom: none;
}
.card.forum-comment .author-stats a {
    display: block;
    line-height: 24px;
    padding-top: 5px;
    clear: both;
}
ul.comment-actions {
    /*position: absolute;
    bottom: 0;
	max-width: calc(100% - 205px);
    right: 0;    
    padding: 10px;*/
}
ul.comment-actions {
    padding: 20px 0 0 0;
    /*margin: 0 -15px;*/
}
ul.comment-actions .nav-link {
    padding: 0 12px !important;
    display: inline-block;
    border: none;
    border-left: 1px solid #ddd !important;
    border-radius: 0;
    line-height: 20px;
    background: transparent !important;
}
ul.comment-actions .nav-link:hover {
	/*color:inherit;*/
}
ul.comment-actions > li.nav-item:first-of-type > .nav-link {
	border-left: none !important;
}
ul.comment-actions span.nav-link {
	color: #999;
}
.media-tile .btn > i {
    position: absolute;
    left: 8px;
    top: 8px;
    opacity: 0;
    transition: opacity ease-in 100ms;
}
.media-tile .btn:hover > i {
	opacity: 1;
}
ul.nav.doc-tree > li {
	width: 100%;
    padding: 5px 35px;
    position: relative;
}
ul.nav.doc-tree > li:hover {
	/*background: #f3f3f3;*/	
}
ul.nav.doc-tree > li[aria-expanded="false"] > button > i:before {
	content: "\e081";  /* plus */
}
ul.nav.doc-tree > li[aria-expanded="true"] > button > i:before {
	content: "\e082";  /* minus */
}
ul.nav.doc-tree > li> i.glyphicon-folder-close {
    font-size: 24px;
    line-height: 24px;
    vertical-align: top;
}
ul.nav.doc-tree > li > button {
	background: transparent;
	padding: 0;
    position: absolute;
    left: 3px;
    top: 3px;
}
ul.nav.doc-tree > li > i, ul.nav.doc-tree > li > .btn > i {
    font-size: 32px;
    vertical-align: middle;	
    display: inline-block;    
	width: 32px;
    text-align: center;    
}
ul.nav.doc-tree > li > i {
    position: absolute;
    left: 3px;
    top: 3px;
}
ul.nav.doc-tree > li > a.btn > i, .folder-selector ul.nav.doc-tree > li > .btn-link > i {
    position: absolute;
    left: -35px;
    font-size: 24px;
    color: #999;
}
ul.nav.doc-tree > li > .btn-link {
    vertical-align: middle;
    display: inline-block;
    line-height: 24px;
    font-size: 18px;
    padding: 3px 10px;
    text-decoration: none !important;
    position: relative;
    text-align: left;
    width: calc(100% - 6px);
    text-transform: none;
}
.doc-node-toggle {
	cursor: pointer;
}
ul.nav.doc-tree > li .Hi5Form fieldset, ul.nav.doc-tree > li .Hi5Form .file-preview, ul.nav.doc-tree > li .Hi5Form fieldset, ul.nav.doc-tree > li .Hi5Form .file-input {
	margin:0;
	padding:0;
}
ul.nav.doc-tree > li .Hi5Form fieldset .file-preview {
	margin-bottom: 5px;
}
ul.nav.doc-tree > li .file-list > form {
	padding: 0;
	background: #f3f3f3;
    /*margin: 10px 10px 10px 45px;*/
    margin: 0;
}
ul.nav.doc-tree > li .file-drop-zone {
    min-height: 70px !important;
}
ul.nav.doc-tree > li .file-drop-zone-title {
    padding: 15px 0;
}
ul.nav.doc-tree > li .form-group {
	margin-bottom: 0;
}
.file-list table {
    margin: 0 !important;
}
.file-list table tbody td {
	background: white;
}
.file-list table thead.sticky {
    top: 0;
    position: sticky;
    z-index: 1;
}
section.file-section thead.sticky th {
    background: white !important;
    white-space: nowrap;
}
.file-list table tbody td, .file-list table tbody td button {
	font-size: 14px;
	line-height: 18px;
}
section.file-section {
	background: #f3f3f3;
    padding: 75px 20px 20px;
	margin: 0;
    /*height: calc(100% - 48px);*/
    /*overflow-y: auto;	
    overflow-x: hidden;*/
    clear: both;
    width: 100%;
}
.file-list.modal .modal-header {
    position: absolute;
    width: 100%;
}
/*.file-section .recent ul.nav {
    margin: 0 -13px;
}*/
section.file-section .recent h2 {
	margin: 0 0 10px 0;
    font-size: 20px;
    text-transform: uppercase;
}
section.file-section .table_wrap {
    position: relative;
}
section.file-section .table-info {
	position: absolute;
    right: 10px;
    top: 15px;
}


.btn-delete-media, .btn-move-media {
	position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    transition: opacity ease-in 100ms;
    text-shadow: none;
    font-size: 26px;
    color: white;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    opacity: 0;
    min-width: 32px !important;
}
.btn-delete-media {
	background: firebrick !important;
}
.btn-move-media {
    background: steelblue !important;
}
.forum-media-list li:hover .btn-delete-media, .forum-media-list li:hover .btn-move-media {
	opacity: 0.5;
}
.btn-delete-media:focus, .btn-delete-media:hover, .btn-move-media:focus, .btn-move-media:hover {
    text-decoration: none;
    opacity: 1 !important;
}
button.btn-move-media > i {
    font-size: 14px;
    line-height: 17px;
    vertical-align: top;
}



.forum-comment .original-post {
    background-color: #f3f3f3;
    display: block;
    width: 100%;
    margin: 0 0 25px 0;
    padding: 10px 15px 0 15px;
    border: 1px solid #ddd;
}
.forum-comment .original-post p {
	padding: 0 15px;
	margin-bottom: 10px;
}
.forum-comment .original-post em {
	display: block;
	font-weight: bold;
	font-style: normal;	
	padding-bottom: 10px;
}
.forum-comment .original-post article + [data-readmore-toggle] {
    display: block;
    width: calc(100% + 30px);
    text-decoration: none !important;
    font-weight: bold !important;
    margin: 0 -15px;
    background: transparent;
}
.forum-comment .original-post article.readmore {
	max-height: 80px;
}
article.readmore.forum-group-members-section-readmore {
	max-height: 450px;
}
.readmore.forum-groups {
	max-height: 500px;
}
.card.forum-comment {
    clear: both;
}
h1.forum-header {
	display: inline-block;
	width: auto;
}
.folder-selector {
    height: 300px;
    overflow-y: auto;
    margin: 0;
}
.modal-footer .form-group {
	width: 100%;
    margin: 0;
}
.modal-footer .control-label {
	padding-top: 0 !important;
    font-size: 14px;
    text-transform: uppercase;
}
.modal-footer span.help-block {
    padding: 3px;
    color: #999 !important;
	line-height: 35px;    
    display: inline-block;
}
.folder-selector ul.nav.doc-tree > li:has(button.folder-select[value="1"]) {
    background: #eaeaea !important;
    width: calc(100% - 50px);
    text-align: left;
    color: white !important;
}
section.file-section .table_wrap {
	margin: 0 0 20px 0;
    max-height: calc(80vh - 400px);
    min-height: 200px !important;
    overflow-y: auto;
}
ul.nav.doc-tree {
    padding: 5px 0;
	border-top: 3px solid #bbb;
    border-bottom: 3px solid #bbb;    
}
.folder-selector ul.nav.doc-tree {
	border:none;
}
.folder-selector ul.nav.doc-tree > li {
	padding: 0 0 0 35px;
	min-height: 42px;
	border-radius: 5px;
}
.folder-selector ul.nav.doc-tree > li > .btn-link {
    margin-top: -3px;
    min-height: 42px;
    filter: none !important;
}
.folder-selector ul.nav.doc-tree > li > .btn-link > i {
    top: 6px;
}
ul.nav.doc-tree > li:hover {
    background: #f3f3f3;
}
.file-list {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    background: wheat;
    padding: 0 !important;
    top: 10%;
    left: 10%;
    right: 10%;
    display: none;
    opacity: 0;
    transition: opacity ease-in 100ms;
    width: auto;
    height: auto;
    max-height: 80vh;
    overflow-y: auto;
}
.file-list.modal.show {
	opacity:1;
}
a.loading, button.loading, ul.nav.doc-tree > li > .btn-link:active {
	cursor: wait !important;
}
.file-list fieldset {
    margin: 0 !important;
    padding: 0 !important;
}
.doc-tree > li .tile-nav {
    position: absolute;
    right: 5px;
    top: 5px;
    opacity:0;
    transition: opacity ease-in-out 150ms;
}
.doc-tree > li .tile-nav > button.dropdown-toggle, .Hi5-button-column button.dropdown-toggle, .tile-nav > button.dropdown-toggle {
	outline: none !important;
	color: #444 !important;
}
.doc-tree > li .tile-nav.show, .doc-tree > li:hover .tile-nav {
	opacity:1;
}
.doc-tree > li .tile-nav .menu-item {
	padding: 10px 20px;	
    display: block;	
    text-decoration: none !important;
}
.doc-tree > li .tile-nav ul.dropdown-menu {
    box-shadow: 6px 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 6px 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 6px 5px 10px rgba(0, 0, 0, 0.2);
}
#doc-tree > li.active {
	z-index: 1000;
}

.card.media-tile .tile-nav {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    width: 32px;
    height: 32px;
    opacity: 0;
    transition: opacity ease-in-out 100ms;
}
.card.media-tile {
	transition: background-color ease-in-out 100ms;
}
.card.media-tile:hover {
	background-color: rgba(0,0,0,0.25);
}
.card.media-tile:hover .tile-nav {
	opacity: 1;
}
.media-tile .dropdown-accordion .dropdown-menu li .menu-item {
    padding: 5px 10px;
}
.forum-media-list li.active {
    z-index: 100;
}
.modal.always-on-top {
	z-index: 200000 !important;
}
.popover {
	z-index: 300000 !important;
}
.file-list td button.btn-link {
    padding: 0 !important;
    text-decoration: none;
    color: inherit;
    text-align: left;
    width: 100%;
    text-transform: none;
}
/*.page-content{
	background: none !important;	
}*/
.mainnode,.childnode{
	background:#fff;	
}
.grandchildnode{
	background:#f5f5f5;	
}
.target-node, .childnode:hover, .grandchildnode:hover{
	background: #ffffe0 !important;	
}
@media only screen and (min-width: 768px) {
	#storyintro ul:not(.nav) {
		/* this has been disabled due to reported issue in tracker 4417 */
	    /*display: inline-block;*/
	    width: 75%;
	}	
	.childnode:after{
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		width: 0;
		height: 0;
		border: 20px solid transparent;
		border-right-color: #fff; 
		border-left: 0;
		border-bottom: 0;
		margin-top: -10px;
		margin-left: -20px;
  }
  .grandchildnode:after{
	  content: '';
		position: absolute;
		right: 0;
		top: 50%;
		width: 0;
		height: 0;
		border: 20px solid transparent;
		border-left-color: #f5f5f5;  
		border-right: 0;
		border-bottom: 0;
		margin-top: -10px;
		margin-right: -20px;
  }
  .target-node.childnode:after,.childnode:hover:after{
	  border-right-color: #ffffe0; 
  }
  .target-node.grandchildnode:after,.grandchildnode:hover:after{
	  border-left-color: #ffffe0; 
  }
}


.forum-threads .childnode a {
	display: block;
    width: 100%;
    height: 100%;
    text-decoration: none !important;
    color: inherit;
}
/*
.card .glyphicon{
	color:#999;	
}
.card .btn .glyphicon{
	color:#fff;	
}
*/
.forum-media-list a {
	text-decoration: none !important;
}
.forum-media-date {
    position: absolute;
    left: 0;
    right: 0;
}
.forum-group-list a, .forum-media-list a {
	text-decoration: none !important;
}
.forum-media-list .card-title {
	font-size: 18px;
}
.forum-media-list li.w-100 {
	max-width: calc(100% - 100px);    
}
.confirm-criteria-form {
    background: white;
    padding: 10px;
    font-weight: bold;
}
.confirm-criteria-form label {
	line-height: 20px;
	min-height: 20px;
	padding-left: 50px;
	position: relative;
}
.confirm-criteria-form label input {
    position: absolute;
    left: -5px;
}
.confirm-criteria {
    position: absolute;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    line-height: 20px;
}
.forum-media-list .dropdown-menu, .tile-nav .dropdown-menu, .related_goals .dropdown-menu {
	border-radius: 0px;
    background: #333;
    padding: 0px;
}
.related_goals .dropdown-menu {
	width: 300px;
}
.file-list form {
	padding-top: 0;
    margin-top: 0;
}
.file-section .table-info {
    display: none;
}
#field-media .forum-media-list {
    margin-bottom: 25px;
}
.Hi5Form .file-input {
    padding: 0;
}
#storyintro ul li {
    text-align: left;
}