/*----------------------------------------
				Global
------------------------------------------*/
.show-collab {
  display: none;
}

.collab .show-collab {
  display: block !important;
}

.collab .hide-collab {
  display: none;
}

.content h1 {
	font-size: 24px;
}

.content h2 {
	font-size: 20px;
}

.content h3 {
	font-size: 18px;
}

.content h4 {
	font-size: 16px;
}

.content h5 {
	font-size: 14px;
}

.content h6 {
	font-size: 12px;
}

.content h1, .content .h1, .content h2, .content .h2, .content h3, .content .h3 {
	margin-top: 20px !important;
    margin-bottom: 10px !important;
}

/*----------------------------------------
	Modals
------------------------------------------*/
.modal-backdrop {
  background-color: #101f47;
}

.modal-backdrop.in {
  opacity: 0.5;
}

.modal-content {
  border-radius: 0px;
  border: none;
  box-shadow: 0 20px 65px rgba(28,37,69,0.3);
}

.modal-content .modal-header {
  border: none;
  padding: 20px 30px 15px 24px;
}

.modal-content .modal-header h3 {
  color: #293a5c;
  font-weight: 500;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.modal-content .modal-header input[type="text"] {
  border: 1px solid #c0c4cc;
  border-radius: 1px;
  box-shadow: none;
  color: #697187;
  font-weight: normal;
  font-size: 13px;
  outline: none;
}

.modal-content .modal-body {
  padding: 20px 26px;
}

.modal-content .modal-body .list-group {
  background: #f4f5f7;
  border-color: #dcdde5;
  border-radius: 0px;
}

.modal-content .modal-body .list-group a {
  color: #2e5099;
  font-weight: 500;
  font-size: 14px;
}

.modal-content .modal-body .list-group a i.icon:last-child {
  color: #37405c;
}

.modal-content .modal-body .list-group a.active i.icon {
  color: #fff;
}

.modal-content .modal-body .list-group-item {
  background: #f4f5f7;
  border-radius: 0px;
}

.modal-content .modal-body .list-group-item:hover {
  background: #e8eaed;
}

.modal-content .modal-body .list-group-item.active,
.modal-content .modal-body .list-group-item.active:hover {
  background: #0484FF;
  color: #fff;
}

.modal-content .modal-footer {
  border: none;
}

.modal-content .modal-footer .btn-primary {
  font-size: 13px;
  padding: 8px 26px;
  background-color: #01386E;
  color: #fff;
}

.modal-content .modal-footer .btn-primary[disabled] {
  	background-color: #ced4e0;
    color: #8b8f9e;
}

.modal-content .modal-footer .btn-primary:hover{
	background-color:#014D97;
}

.email-share-btn {
	background-color: #01386E;
	color: #fff;
}

.modal-content .email-share-btn:hover {
	background-color: #014D97;
}

.form-group .emblem .form-control {
	background-color: #ebedf0;
}

/*----------------------------------------
	Page Tabs
------------------------------------------*/
#page-tabs {
  background: #fff;
  margin-bottom: 25px;
}

#page-tabs .topbar .btn-toolbar {
  margin-top: 10px;
  float: right;
}

#page-tabs .navbar-default {
  background: #f4f5f7;
  border: none;
  border-radius: 0px;
  padding-top: 20px;
  margin-bottom: -25px;
}

#page-tabs .navbar-default.subnav {
  background: #fff;
  float: right;
  margin: 0;
  padding: 0;
}

#page-tabs .navbar-default.subnav .navbar-collapse a {
  	color: #37415b;
}

#page-tabs .navbar-default.subnav .navbar-collapse a:hover {
  	color: #0582ff;
}

#page-tabs .navbar-default.subnav .navbar-collapse li {
  	margin-left: 20px;
}

#page-tabs .title h2 {
	display: block;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#page-tabs .navbar-default.subnav .navbar-collapse .active > a {
	  background: #fff;
	  border-bottom: 2px solid #0582ff;
	  color: #0582ff;
}	
	
@media (min-width: 768px) {
	#page-tabs .navbar-default.subnav .navbar-collapse {
	  	padding: 0;
	}
	
	#page-tabs .navbar-default.subnav .navbar-collapse a span {
	  	display: none;
	}
	
	#page-tabs .navbar-default.subnav .navbar-collapse a span i {
	  	font-size: 1.5em;
	}
	
}


	
@media (max-width: 767px) {
	#page-tabs .flex {
		display: block;
		flex-direction: row;
	}
}

	
.page-actions .btn-default {
	color:#01386E;
	background-color:transparent;
  	font-weight: normal;
}

.page-actions .btn-default:hover {
	color:#0484FF;
}

.page-actions .btn[disabled] {
	background-color:transparent;
}

.sidepanel-actions {
	margin-bottom: 15px;
}

.sidepanel-actions .btn {
    color: #01386E;
    background-color: transparent;
    font-weight: normal;
    text-align: left;
}

.sidepanel-actions .btn[disabled] {
	opacity: 0.8;
}

.sidepanel-actions .btn.btn-block {   
	padding : 0;
}
  
.text-white {
	color: #fff;
}

.fa-1-5x {
  	font-size: 1.5em !important;
}

/*----------------------------------------
	Header
------------------------------------------*/
#header .nav-meta {
  margin-right: 0px;
}

#header .nav-meta .open > a.dropdown-toggle {
  background: #014D97;
  color: #fff;
}

#header .nav-meta .open > a.dropdown-toggle > .badge {
  border-color: #101f47;
}

#header #nav-usermenu > div > a.dropdown-toggle,
#header .nav-meta div a.dropdown-toggle,
#header .nav-meta div a.search {
  display: block;
  text-align: center;
  line-height: 54px;
  height: 60px;
  width: 60px;
}

#header  #nav-usermenu > div > a.dropdown-toggle:hover,
#header .nav-meta div a.dropdown-toggle:hover,
#header .nav-meta div a.search:hover {
  background: #014D97;
  color: #fff;
}

#header .nav-meta div a.dropdown-toggle:hover > .badge,
#header .nav-meta div a.search:hover > .badge {
  border-color: #101f47;
}

#header .nav-meta div a.dropdown-toggle i,
#header .nav-meta div a.search i {
  vertical-align: middle;
}

#header #nav-usermenu {
	margin-right: 15px;
}

#header #nav-usermenu:hover {
  background: #014D97;
}

#header #nav-usermenu a img {
  height: 37px;
  width: 37px;
}

#header #nav-usermenu .dropdown-menu {
  padding: 0;
}

#header #nav-usermenu .dropdown-menu li.header.title {
  background: #f7f7f6;
  color: #293a5c;
  font-weight: 500;
  font-size: 16px;
  padding: 20px;
  text-align: center;
}

#header #nav-usermenu .dropdown-menu li:not(.title) a {
  color: #293a5c;
  font-weight: 500;
  font-size: 15px;
  padding: 12px 50px;
  text-transform: uppercase;
}

#header #nav-usermenu .dropdown-menu li:not(.title) a:hover {
  background-color: #0582ff;
  color: #fff;
  cursor: pointer;
}

#header #nav-usermenu .dropdown-menu li:not(.title) a:hover i {
  color: #fff;
}

#header #nav-usermenu .dropdown-menu li:not(.title) a i {
  color: #0082d9;
  font-size: 1.5em;
  vertical-align: middle;
  padding-right: 8px;
}

#header #navtop .collab-create-menu {
  float: left;
  margin-bottom: -18px;
  margin-right: 10px;
}

#header #navtop .collab-create-menu a.create {
  background: #01386E;
  color: #fff;
  font-weight: normal;
  line-height: 25px;
  padding: 7px 7px;
  height: 39px;
  width: auto;
}

#header #navtop .collab-create-menu a.create .icon {
	color: #fff;
	font-size: 26px;
}

#header #navtop .collab-create-menu a.create .text {
	display: none;
}

#header #navtop .collab-create-menu a.create:hover {
  background: #014D97;
}

#header #navtop .collab-create-menu a .icon {
  color: #014D97;
}

#header #navtop .collab-create-menu a:hover .icon {
  color: #fff;
}

#header #navtop .collab-create-menu a small {
  display: none;
}

#header #navtop #navnode-nav li a {
  color: #1c3060;
  font-size: 16px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#header #navtop #navnode-nav li a i.nc-smalldown {
  color: #01386E;
  font-size: 1.5em;
}

/*----------------------------------------
	Forms
------------------------------------------*/
.collab .panel-heading {
  background-color: #e6e8ed;
  border-radius: 2px;
}

form.ng-dirty .form-control.ng-invalid {
  border-color: #e64545;
  box-shadow: none;
}

form.ng-dirty .form-control.ng-invalid:focus {
  border-color: #e64545;
  box-shadow: none;
}

form .label-danger {
  border-color: #e64545;
  border-radius: 0px;
}

form .main-form .panel-heading {
  background-color: transparent;
}

form .main-form .panel-heading .sub-heading {
  border-bottom: 1px solid #dfe2e8;
  color: #1d232c;
  font-weight: 500;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-bottom: 20px;
}

form .main-form .panel-heading .main-heading {
  color: #1d232c;
  font-weight: 500;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 10px 0;
}

form .control-label {
  color: #697187;
  font-weight: normal;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: left;
}

form .checkbox label {
  color: #354052;
  font-weight: normal;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

form .emblem {
  background-color: #ebedf0;
  border: none;
  border-radius: 0px;
  color: #354052;
  font-weight: 500;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

form .form-control {
  border: 1px solid #c0c4cc;
  border-radius: 2px;
  box-shadow: none;
  color: #354052;
  padding: 5px 10px;
}

form .form-control:focus {
  border-color: #0582ff;
  box-shadow: none;
}

form .form-control.rte-editor {
  padding: 12px 10px;
}

form .input-lg, .input-lg {
	font-size: 14px;
	height: 34px;
	padding: 5px 10px
}



form.fixed-tiles .panel .tile {
  box-shadow: none;
}

form.fixed-tiles .panel .tile:before {
  padding: 0;
}

form.fixed-tiles .panel .tile .panel-body {
  position: relative;
}

form.fixed-tiles .panel .tile .tile-front {
  border: 1px solid #c0c4cc;
  height: 125px;
  width: 125px;
}

form.fixed-tiles .panel .tile .tile-front:hover {
  background-color: #f4f6f8;
  border-color: #0582ff;
}

form.fixed-tiles .panel .tile .tile-front .placeholder {
  padding-top: 60%;
}

form.fixed-tiles .panel .tile .panel-footer {
  background-color: transparent;
  color: #697187;
  font-weight: 500;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 125px;
}

.form-control {
  border: 1px solid #c0c4cc;
  border-radius: 2px;
  box-shadow: none;
  color: #354052;
  padding: 5px 10px;
}

.form-control:focus {
  border-color: #0582ff;
  box-shadow: none;
}

.form-control.rte-editor {
  padding: 12px 10px;
}

/*----------------------------------------
	Dropdown-Menu
------------------------------------------*/
.dropdown-menu {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.09);
  border-radius: 0px;
  box-shadow: 0px 40px 60px 0px rgba(102,102,102,0.25) !important;
  margin-top: 0px;
  transition: all 1s cubic-bezier(0.25, 2, 0.25, 1) !important;
  transform: translate(0, -18px);
}

.dropdown-menu.append-to-body {
  transform: none ;
}

.dropdown-menu.menu {
  top: inherit;
}

.dropdown-menu > .active > a {
  background-color: #014D97;
}

.dropdown-menu > .active > a:hover {
  background-color: #0484FF;
}

.collab-create-menu .dropdown-menu a {
  padding: 3px 15px;
}

.collab-create-menu .dropdown-menu a:hover {
  background-color: #0484FF;
  color: #fff;
}

.collab-create-menu .dropdown-menu a span.hidden-sm {
  padding-left: 7px;
}

.open > .dropdown-menu {
  transform: translate(0, 0);
}

[uib-typeahead-popup].dropdown-menu {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  margin-top: 20px;
  z-index: 3000;
}

/*----------------------------------------
	Page
------------------------------------------*/
#page .title {
	max-width: 100%;
	color: #293a5c;
	padding: 0;
}

#page .title h2 {
	
	font-size: 34px;
	padding: 0 0 20px 0;
}

.page-content_create #page .title h2 span,
.page-container_create #page .title h2 span {
	vertical-align: middle;
}

#page .title h2 .icon {
  border-radius: 2px;
  color: #fff;
  font-size: 24px;
  padding: 10px;
}

#page .title h2 .icon.fa-fw {
	width: 44px;
}

.subnav-icon {
	background-color: #01386E;
}

/*----------------------------------------
	Browse Entities / Tile
------------------------------------------*/

.tile-entity {
    background: #fff;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 30px;
    position: relative;
    box-shadow: 0 19px 25px -13px rgba(44,41,51,0.1);
}

.tile-entity .preview {
	margin-top: 50px;
}

.tile-entity-type {
	position: absolute;
	top: 0;
	left: 5%;
	background-color: #01386E;
	color: #fff;
	padding: 8px;
	z-index: 1;
}

.tile-entity-extra {
	position: absolute;
	top: 0;
	right: 5%;
	padding: 8px;
	z-index: 1;
	text-align: right;
}

.tile-entity .panel-footer {
	background-color: #fff;
	border-top: 1px #eee solid;
}

.tile-entity .panel-footer .author a {
	color: #333;
}

.common-actions-dropdown .dropdown-toggle {
	background-color: transparent;
	color: #01386E;
}

.common-actions-dropdown .dropdown-toggle:hover {
	color: #0484FF;
}

.common-actions-dropdown .like .icon {
	color: #E98A00;
}

.common-actions-dropdown .like .badge {
	background-color: #00AB3A;
}

/*----------------------------------------
	Calendar
------------------------------------------*/
#page .calendar {
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(28,37,69,0.18);
}

#page .calendar h2 {
  color: #293a5c;
  font-weight: normal;
  font-size: 34px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-top: 30px;
  padding-bottom: 10px;
}

#page .calendar th {
  background-color: #fafbfc;
}

#page .calendar th.fc-day-header span {
  color: #101f47;
  font-weight: 500;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
}

.calendar-body {
	margin-bottom: 15px;
}

.calender-actions .btn {
  background: transparent;
}

.calender-options .btn {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.calender-options .btn.active{
	color: #0484FF;
}

.fc-day-grid-event .fc-content {
	text-overflow: ellipsis;
}

.fc-day-grid-event .fc-time {
	font-weight:normal;
}

.fc-unthemed td.fc-today {
  background: #f0f7fc;
}

.fc-row .fc-content-skeleton td {
  background: 0 0;
}

.bg-default-event,
.fc-event,
.fc-event.bg-warning,
.fc-event.bg-danger {
  background-color: #e6e8ee !important;
  color: #3f5575 !important;
  border: none !important;
  border-radius: 0 !important;
}

.fc-event:hover,
.fc-event .fc-title:hover {
  color: #0484FF;
}

.fc-event .fc-content i {
  background-color: #3f5575;
  color: #fff;
  padding: 6px 4px 4px 4px;
  margin-right: 4px;
}

.fc-event.bg-warning .fc-content i {
  background-color: #E98A00;
}

.fc-event.bg-danger .fc-content i {
  background-color: #e9324c;
}

.fc-event.bg-success .fc-content i {
  background-color: #00AB3A;
}

.fc-event.bg-primary .fc-content i {
  background-color: #0484FF;
}
/*----------------------------------------
	Inbox
------------------------------------------*/
.collab-inbox-threads .threads a.list-group-item {
  border: none;
  border-bottom: 1px solid #d7dae0;
  color: #585d68;
}

.collab-inbox-threads .threads a.list-group-item:nth-last-child(2) {
  box-shadow: 0 1px 3px rgba(28,37,69,0.18);
}
.collab-inbox-threads .threads a.list-group-item:hover {
  background-color: #37405c;
  border-color: #37405c;
  color: #fff;
}

.collab-inbox-threads .threads a.list-group-item:hover span {
  color: #fff;
}

.collab-inbox-threads .threads a.list-group-item .author {
  color: #2e5099;
  font-weight: 500;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.collab-inbox-threads .threads a.list-group-item .time {
  font-weight: normal;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.collab-inbox-threads .threads a.list-group-item .list-group-item-heading {
  color: #585d68;
  font-weight: normal;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.collab-inbox-threads .threads .list-group-item.active {
  background-color: #0582ff;
  border-color: #0582ff;
  color: #fff;
}

.collab-inbox-threads .threads .list-group-item.active .author,
.collab-inbox-threads .threads .list-group-item.active .list-group-item-heading {
  color: #fff;
}

.collab-inbox-threads .threads .list-group-item.active:hover {
  background-color: #0582ff;
  border-color: #0582ff;
  color: #fff;
}

.collab-inbox-threads .threads .list-group-item-info.unread {
  background: #dae7f2;
  border-color: #dae7f2;
}

.thread-view .thread-header {
  padding: 21px 25px 0 25px;
  margin: 0;
  margin-bottom: 20px;
}
.thread-view .thread-header .readby i.icon {
  color: #d3d8e0;
}

.thread-view h3 {
  color: #293a5c;
  font-weight: normal;
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  margin-bottom: 15px;
}

.thread-view .thread-header h3 i.icon {
	color: #2557a8;
	font-size: 24px;
	padding-right: 34px;
	padding-top: 5px;
	display: block;
	float: left;
	vertical-align: middle;
}

.thread-view .thread-header h3 span {
	display: block;
	margin-right: 40px;
}

.thread-view .thread-header .meta {
	display: inline-block;
	width: 100%;
	min-height: 37px;
}

.thread-view .thread-messages {
  background-color: #f7f8fa;
  margin: 10px 25px 10px 25px;
}

.thread-view .thread-messages .thread-message {
  background-color: transparent;
  border: none;
  padding: 0;
}

.thread-view .thread-messages .thread-message a {
  color: #2e5099;
  font-size: 13px;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.thread-view .thread-messages .thread-message .time {
  font-weight: normal;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.thread-view .thread-messages .thread-message p {
  color: #585d68;
  font-size: 14px;
  line-height: 24px;
  margin-top: 20px;
}

@media (max-width : 767px) {
	.thread-view .thread-messages,
	.thread-reply-form {
	  margin: 3px 0;
	}
}

/*----------------------------------------
	Collab Space/User/Content Page
------------------------------------------*/
.page-container .title h2 {
  padding: 0;
}

.page-container.page-container-edit .title h2 {
  padding: 0 0 20px 0;
}

.content-edit, .message-compose,
.page-container_create .container-edit {
	padding: 40px 0 0;
}

.container-edit .context .btn-default,
.content-edit .context .btn-default {
	background: #d8dae0;
}

.page-container .container-info .info .visibility,
.page-container .container-info .info .sub,
.page-container .container-info .info .admins,
.page-content .content-info .info .sub,
.page-content .content-info .info .edited,
.page-content .comment .author,
.page-user .user-profile-info .sub,
.user-settings .sub, .user-info-profile .sub {
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.page-container .container-info .info .sub,
.page-content .content-info .info .sub {
	padding: 0 0 15px 3px;
}

.page-content .content-info .info:first-child,
.page-container .container-info .info:first-child {
    padding: 0 0 20px 0;
}

.page-container .container-info .info,
.page-content .content-info .info,
.page-user .user-profile-info .profilefields {
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
}

.page-container .info .status,
.page-container .info .visibility {
  padding-bottom: 10px;
}

.page-container .info .description {
  border-left: 2px solid #5cb85c;
  border-radius: 0;
  margin-bottom: 10px;
  background-color: #eee;
}

.info .category, .info .tag {
	word-break: break-all;
}


.tag-cloud {
	color : #888;
}

.tag-cloud .tag {
	color : #888;
	cursor: pointer;
	display: inline-block;
	word-break: break-all;
	margin: 3px 5px;
}

.page-container .container-info .info .admins {
  padding: 5px 0;
}

.page-container_create form.split-form .sidebar .btn-default:hover,
.page-container-edit form.split-form .sidebar .btn-default:hover,
.page-content_create form.split-form .sidebar .btn-default:hover,
.page-content-edit form.split-form .sidebar .btn-default:hover {
	background-color: #01386E;
}

@media (max-width: 767px) {
	.edit-content-actions .list-group {
		margin-bottom: 5px;
	}
}

.collab-browse-row-info span {
	margin: 0 5px 0 0;
}

/*----------------------------------------
	Profile
------------------------------------------*/
.user-profile .entity-profile-container h3 {
	margin-top: 0; 
}

.user-profile .entity-profile-container h3 > img {
	display: inline-block;   
	height: 42px;
    width: 42px;
}

.user-profile .entity-profile-container h3 > span {
	vertical-align: middle;
}

.user-settings-details,
.user-settings-profile,
.user-settings-misc,
.user-profile-info .i18n{
	padding-top: 20px;	
}

.user-settings-profile .col-md-11 {
	padding-left: 0;	
}

.page-settings .user-settings,
.page-settings .user-push-notifications {
	padding-top: 40px;
	background-color: #fff;
}

.page-settings .user-push-notifications-extended .sub {
	margin-left: 15px;
}

.user-settings .user-settings-sub {
	padding: 20px 5px;
	border-bottom: 1px solid #ddd;
}

/*----------------------------------------
	Collab Page
------------------------------------------*/
.collab .panel {
  border: none;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(28,37,69,0.18);
}

.collab .panel-heading {
  background-color: #e6e8ed;
  border: none;
}

.collab .panel-primary {
    border: 1px solid #0582ff;
}

form.split-form .sidebar .btn-default {
	background: #999;
	color: #fff;
}

form.split-form .sidebar .options h3 {
  border-top: 1px solid #dfe2e8;
  color: #1c2545;
  font-weight: normal;
  font-size: 15px;
  margin-top: 30px;
  padding: 22px 0 13px 0;
}

form.split-form .sidebar .panel {
  border-radius: 2px;
  box-shadow: none;
}

form.split-form .sidebar .panel .panel-heading {
  background-color: #e6e8ed;
  padding: 13px 10px 13px 8px;
}
form.split-form .sidebar .panel .panel-heading h4 {
  font-weight: 500;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}

/*----------------------------------------
				Navbar Top
------------------------------------------*/
@media (min-width: 768px) {
  
  .collab-sidebar-wrapper {
    background-color: #01386E;
    position: fixed;
    width: inherit;
    height: 100%;
  }
  
  .collab-sidebar {
    padding: 0;
    width: 100%;
  }
  
  .collab-sidebar ul,
  .collab-sidebar-user ul {
    width: 100%;
  }
  
  .collab-sidebar-apps li,
  .collab-sidebar-user li,
  .collab-sidebar li {
    width: 55px;
    float: none;
  }
  
  .collab-sidebar-user ul {
    border-bottom: 1px solid #eee;
  }
  
  #sidebar .collab-sidebar-node,
  #sidebar .collab-sidebar-app {
    color: #e6effe;
  }
  
  .collab-sidebar-user>div {
    padding: 25px;
  }
  
  .collab-toggle-sidebar {
    padding: 10px;
  }
  
  .collab-message-menu>a.dropdown-toggle,
  .collab-notification-menu>a.dropdown-toggle {
    color: #fff;
  }
  
  #sidebar .nav.navbar-nav>li.active,
  .collab-sidebar-user ul>li.active {
    background-color: #0484FF;
  }
  
  #sidebar .nav > li > a:hover,
  #sidebar .nav > li > a:focus {
    background-color: #1985fb;
  }
  
}

@media ( max-width : 767px) {

	.btn {
		padding: 5px;
	}

	h2 {
		font-size: 1.5em;
	}

	#sidebar .collab-sidebar-node, #sidebar .collab-sidebar-app {
		padding-left: 15px;
		color: #e6effe;
	}

	#page-body .container {
		padding-left: 5px;
		padding-right: 5px;
	}

	#page-body .row {
		margin-right: -5px;
		margin-left: -5px;
	}

	#page-body [class*="col-"] {
		padding-right: 5px;
		padding-left: 5px;
	}

	.form-horizontal .form-group {
	    margin-right: -5px;
	    margin-left: -5px;
	}

	#page-tabs {
		margin-bottom: 5px;
	}

	#page-tabs .title {
		padding: 0 5px 0 5px;
	}

	#page-tabs .title h2 {
		font-size: 20px;
		float: left;
	}

	#page-tabs .title .navbar-toggle.btn-circle {
		margin-right: 0;
		position: fixed;
		bottom: 15px;
		right: 10px;
		z-index: 1000;
		color:  #ffffff;
		background-color: #01386E;
	}

	#page-tabs .page-actions {
		padding: 5px;
		margin: 0;
	}

	#page-tabs .navbar {
		min-height: 0;
	}

	#page-tabs .navbar-default.subnav {
		float: none;
	}

	#page-tabs .navbar-default.subnav .navbar-collapse li,
	.subnav-features  .page-filters.filters .list-inline {
		margin-left: 0;
	}
	
	#page-tabs .navbar-default.subnav .navbar-collapse .navbar-nav {
	    margin: 7.5px 0px;
	}

	#page-features.modal {
		z-index: 1041;
	}

	.subnav-features  .page-filters.filters .list-inline > div,
	.subnav-features  .page-filters.filters .list-inline > li {
		float: left;
		clear: both;
		padding: 5px;
		width: 100%;
	}
	
	.subnav-features  .page-filters.filters .list-inline > li .btn.dropdown-toggle,
	.subnav-features  .page-filters.filters .list-inline > li .select-dialog .btn-default	
	.subnav-features  .page-filters.filters .list-inline > div .btn.dropdown-toggle,
	.subnav-features  .page-filters.filters .list-inline > div > .btn-group,
	.subnav-features  .page-filters.filters .list-inline > div .select-dialog .btn-default {
		width: 100%;
	}

	.modal .modal-close-btn {
		background:#fff;
		margin: 10px;
	}

	.subnav-features .navbar-header {
		padding: 10px;
	}

	.subnav-features .page-options.options {
		margin:0;
	}
	
	.subnav-features  .page-options.options .btn-toolbar {
		background-color:#d8dae0;
		margin: 0 5px
	}

	.responsive-navtop .collab-create-menu a.create {
		background: #0582ff;
		color: #fff;
		font-weight: normal;
		line-height: 25px;
		padding: 10px 10px;
	}
	
	.responsive-navtop .collab-create-menu a.create .icon {
		color: #fff;
		font-size: 26px;
	}
	
	.responsive-navtop .collab-create-menu a.create .text {
		display: none;
	}
	
	
	.navbar-header.responsive-navtop .navbar-toggle.sidebar-collapse-action .collab-create-menu .open a.dropdown-toggle .icon {
		color: #fff;
		font-weight: normal;
	}
	
	.responsive-navtop .collab-create-menu .dropdown-menu {
		z-index: 1001;
	}

	.collab-collapse-create {
		list-style: none;
		margin-left: inherit;
	}

	.collab-collapse-create>li {
		padding-bottom: 10px;
	}

	.collab-collapse-create li>a>i {
		font-size: 1.5em;
	}

	#navnode-search.navbar-nav {
		padding: 10px 0 0;
		margin: auto;
	}

	#nav-search-collapse .dropdown-menu {
		list-style: none;
		background: #fff;
	}

	.page-container #container-info {
		padding: 0 0 20px 0;
	}
	
	#page-tabs .title h2 {
		width: calc(100% - 38px);
	}
	
	.level2 .navbar-toggle {
		margin: 0;
		margin-top: 5px;
	}
	
	.subnav-features .filters {
		padding: 5px 0;
		margin: 0;
		border: none;
		margin-top: 50px;
	}
	
	#page-tabs .navbar-default {
		padding: 5px 0;
		margin: 0;
		border: none;
	}
	
	.subnav-features #page-features .navbar-nav {
		background: #f4f5f7;
		padding-bottom: 20px;
	}
}


@media ( min-width : 992px) {
	.page-actions {
		min-height: 36px;
	}
	
	.page-container-index .topbar .page-actions, 
	.page-user-index .topbar .page-actions,
	.page-content-index .topbar .page-actions {
		visibility: hidden;
	}
}

#navnode-usermenu.anonymous-user {
  padding: 20px 5px 0px 15px;
}

#navnode-inbox .badge,
#navnode-tasks .badge,
.collab-message-menu .badge,
.collab-notification-menu .badge {
  background-color: #00AB3A
}

@media (min-width: 768px) {
  #navtop #navnode-usermenu {
    padding: 10px 25px 10px 25px;
    border-left: 1px solid #ccc;
  }
  #navtop #navnode-create {
    padding: 10px 20px 0px 15px;
  }
}

#navnode-inbox .badge,
#navnode-tasks .badge {
  position: absolute;
  top: 10px;
}

#navtop .collab-create-menu .dropdown-menu {
  	margin-top: 10px;
}

.collab-message-menu .dropdown-toggle .badge,
.collab-notification-menu .dropdown-toggle .badge {
  border-radius: 60px;
  border: 1px solid #fff;
  font-weight: 500;
  font-size: 10px;
  min-width: 18px;
  min-height: 18px;
  padding: 4px 6px;
  position: absolute;
  top: 7px;
  right: 8px;
  height: auto;
  width: auto;
}

.collab-notification-menu .dropdown-toggle .badge {
  right: 12px;
}

.collab-message-menu .dropdown-menu,
.collab-notification-menu .dropdown-menu {
  margin-top: 0px;
}

#nav-search.navbar-form {
  padding-top: 0px;
}

/*----------------------------------------
	Message/Notifications Dropdown
------------------------------------------*/
.collab-message-menu .dropdown-menu,
.collab-notification-menu .dropdown-menu {
  max-height: calc(100vh - 100px);
  min-width: 535px;
  padding: 0;
  height: auto;
  width: 100%;
}

.collab-message-menu .dropdown-menu .dropdown-header,
.collab-notification-menu .dropdown-menu .dropdown-header {
  padding: 0;
  min-height: 40px;
}

.collab-message-menu .dropdown-menu .dropdown-header h4,
.collab-notification-menu .dropdown-menu .dropdown-header h4 {
  color: #293a5c;
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  padding: 12px 0 0 15px;
  margin: 0;
}

.collab-message-menu .dropdown-menu .dropdown-header h4 span,
.collab-notification-menu .dropdown-menu .dropdown-header h4 span {
  display: none;
}

.collab-message-menu .dropdown-menu .message-menu-wrapper,
.collab-notification-menu .dropdown-menu .message-menu-wrapper,
.collab-message-menu .dropdown-menu .notification-menu-wrapper,
.collab-notification-menu .dropdown-menu .notification-menu-wrapper {
	min-height: 75px;
	border-top: 1px solid #e7eaec;
}

.collab-message-menu .dropdown-menu .message-menu-wrapper .message-menu-item,
.collab-notification-menu .dropdown-menu .message-menu-wrapper .message-menu-item,
.collab-message-menu .dropdown-menu .notification-menu-wrapper .message-menu-item,
.collab-notification-menu .dropdown-menu .notification-menu-wrapper .notification-menu-item {
	margin: 0 0 1px;
	padding: 20px;
	cursor: pointer;
}

.collab-notification-menu .dropdown-menu .notification-menu-wrapper .notification-menu-item.actions {
	cursor: auto;
}
	
.collab-message-menu .dropdown-menu .message-menu-wrapper .message-menu-item.unread,
.collab-notification-menu .dropdown-menu .message-menu-wrapper .message-menu-item.unread,
.collab-message-menu .dropdown-menu .notification-menu-wrapper .message-menu-item.unread,
.collab-notification-menu .dropdown-menu .notification-menu-wrapper .message-menu-item.unread {
  background: #dae7f2;
  border-left: 1px solid #014D97;
  cursor: pointer;
}

.collab-message-menu .dropdown-menu .message-menu-wrapper .message-menu-item p.sender,
.collab-notification-menu .dropdown-menu .message-menu-wrapper .message-menu-item p.sender,
.collab-message-menu .dropdown-menu .notification-menu-wrapper .message-menu-item p.sender,
.collab-notification-menu .dropdown-menu .notification-menu-wrapper .message-menu-item p.sender {
  font-weight: 500;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-left: 46px;
}

.collab-message-menu .dropdown-menu .dropdown-footer .all-messages,
.collab-notification-menu .dropdown-menu .dropdown-footer .all-messages {
  background-color: #eef0f3;
  border-radius: 0px;
  color: #2e5099;
  font-weight: 500;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 20px 25px;
}

.collab-message-menu .dropdown-menu .dropdown-footer .all-messages i.icon,
.collab-notification-menu .dropdown-menu .dropdown-footer .all-messages i.icon {
  color: #363c4c;
  padding-right: 20px;
}

.collab-message-menu .dropdown-menu .dropdown-footer .all-messages:hover,
.collab-notification-menu .dropdown-menu .dropdown-footer .all-messages:hover {
  background: #0582ff;
  color: #fff;
}

.collab-message-menu .dropdown-menu .dropdown-footer .all-messages:hover i,
.collab-notification-menu .dropdown-menu .dropdown-footer .all-messages:hover i {
  color: #fff;
}

.collab-notification-menu .dropdown-menu .dropdown-header h4 {
  padding: 12px 0 13px 15px;
}

.collab-notification-menu .dropdown-menu .notification-menu-wrapper .notification-menu-item,
.notification .panel-body {
  position: relative;
  margin: 0 0 1px;
  padding: 15px;
}

.page-message-notifications .notification-view-item-link,
.collab-notification-menu .dropdown-menu .notification-menu-wrapper .notification-menu-item .notification-menu-item-link {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 40px;
  z-index: 1;
  cursor: pointer;
}

.collab-notification-menu .dropdown-menu .notification-menu-wrapper .notification-menu-item.unread {
  background: #dae7f2;
  border-radius: 0px;
  border: none;
  border-left: 1px solid #0582ff;
}

.collab-notification-menu .dropdown-menu .notification-menu-wrapper .notification-menu-item.archived {
  background: none;
}

.collab-message-menu .dropdown-menu .dropdown-header .filters .btn,
.collab-notification-menu .dropdown-menu .dropdown-header .filters .btn {
	height: inherit;
	width: 40px;
	padding: 10px;
	border-radius: 0;
}

.collab-notification-menu .dropdown-menu .notification-menu-wrapper .notification-menu-item .meta
	{
	z-index: 8;
}


.collab-message-menu .dropdown-menu .message-menu-wrapper .message-menu-item .meta > *,
.collab-notification-menu .dropdown-menu .notification-menu-wrapper .notification-menu-item .meta > *
	{
	margin-top: 4px;
	margin-left: 4px;
}

.collab-message-menu .dropdown-menu .message-menu-wrapper .message-menu-item .thread,
.collab-notification-menu .dropdown-menu .notification-menu-wrapper .notification-menu-item .thread {
	margin-bottom: 8px;
	z-index: 8;
}


.collab-message-menu .dropdown-menu .message-menu-wrapper .message-menu-item img.author,
.collab-notification-menu .dropdown-menu .notification-menu-wrapper .notification-menu-item img.author
	{
	display: block;
	float: left;
	vertical-align: middle;
}


.collab-message-menu .dropdown-menu .message-menu-wrapper .message-menu-item .title,
.collab-notification-menu .dropdown-menu .notification-menu-wrapper .notification-menu-item .sender
	{
	display: block;
	min-height: 32px;
	font-weight: normal;
	font-size: 13px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-top: 5px;
	margin-left: 40px;
	margin-right: 120px;
	color: #1c2545;
	z-index: 5;
	cursor: initial;
}

.collab-notification-menu .dropdown-menu .notification-menu-wrapper .notification-menu-item .notification-menu-item-info {
  color: #1c2545;
  min-height: 12px;
}

.collab-notification-menu .dropdown-menu .notification-menu-wrapper .notification-menu-item .notification-menu-item-info .btn{
  padding: 1px 5px;
}

.collab-notification-menu .dropdown-menu .notification-menu-wrapper .notification-menu-item .notification-menu-item-info a {
  background-color: transparent;
  color: #2e5099;
}

.collab-notification-menu .dropdown-menu .notification-menu-wrapper .notification-menu-item .notification-menu-item-info a:hover {
  color: #3963bd;
}

.message-menu-item:first-child,
.notification-menu-item:first-child {
	border-top: 0px;
}
	
.message-menu-item,
.notification-menu-item {
  padding: 10px;
  margin: 5px;
  background: #fcfcfc;
  border-top: 1px solid #e7eaec;
  white-space: normal;
}

.message-menu-item.unread,
.notification-menu-item.unread {
  background: #f5f5f5;
}

.message-menu-item .icon,
.notification-menu-item .icon {
  vertical-align: text-top;
}

.message-menu-item-body,
.notification-menu-item-body {
  white-space: normal;
  color: initial;
  margin-left: 40px;
  font-size: 90%;
}

.message-menu-wrapper,
.notification-menu-wrapper {
  height: auto;
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}

.notification-menu-item-info span {
  margin-top: 4px;
}


@media ( max-width : 767px) {
	.collab-message-menu .dropdown-menu .message-menu-wrapper,
		.collab-notification-menu .dropdown-menu .message-menu-wrapper,
		.collab-message-menu .dropdown-menu .notification-menu-wrapper,
		.collab-notification-menu .dropdown-menu .notification-menu-wrapper {
		min-height: 100%;
	}
	.message-menu-wrapper, .notification-menu-wrapper {
		max-height: calc(100vh - 158px);
	}
	.collab-message-menu .dropdown-footer, .collab-notification-menu .dropdown-footer
		{
		position: absolute;
		width: 100%;
		height: 115px;
		bottom: 0;
	}
}

/*----------------------------------------
	Notification
------------------------------------------*/
.notification-info,
.notification-state {
	float: right;
}

.notification-body {
	margin-left: 60px;
}

@media ( max-width : 767px) {
	.notification-body {
		margin-left: 0;
	}
}	

.notifications .notification.notification-link {
	cursor: pointer;
}

/*----------------------------------------
	Message
-----------------------------------------*/
.collab-inbox-threads {
  padding: 0px 5px 0px 0px;
}

.collab-inbox-threads .thread:first-child {
  border-radius: 0px;
}

.thread-header .message-recipients, .thread-header .time {
  padding-top: 8px;
}

.thread-view {
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 1px 3px rgba(28,37,69,0.18);
  border: none !important;
}

.thread-reply-form .rte-editor.form-control {
	min-height: 50px;
}

.thread-reply-form .rte-editor.form-control.mce-edit-focus,
	.thread-reply-form .rte-editor.form-control.ng-touched {
	min-height: 200px;
}

.thread-reply-form .thread-reply-toolbar {
  margin-top: -45px;
  position: relative;
}

.thread-messages {
  padding: 15px;
}

.thread-reply {
	margin: 15px 5px 15px 5px;
}

@media (min-width : 768px) {

	.page-message .page-filters div.toolbar-filter-container > div:first-child {
		padding-left: 0;
	    flex-grow: unset;
	    flex-basis: unset;
	    width: 24%;
	}
	
	.thread-reply {
  		margin: 55px 25px 20px 35px;
	}

	.thread-reply-form {
	  margin-left: 50px;
	}
}

.thread-message {
  background-color: #fcfcfc;
  border: 1px solid #e7eaec;
  text-align: left;
  display: block;
  padding: 10px 20px;
  position: relative;
  border-radius: 3px;
  margin-left: 50px;
}

.thread-meta {
  margin: 10px;
  padding-bottom: 20px;
}

.thread-header {
  margin: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e2e2e2;
}

.message .meta,
.comment .meta,
.statuspost .meta {
  margin: 0 0 10px;
}

.message .excerpt img {
  max-width: 100%;
}

.thread-message.unread {
  border-right: 3px solid #428bca;
}

/* *************** */
.page-container-edit #page-tabs .subnav {
  display: none;
}

.panel-heading .type-info {
  margin-top: 2px;
}

.content-view .content-main {
  padding: 40px;
}

.content-view .content-main .subject {
  text-align: center;
  margin: 0 0 40px;
}

.content-view .content-main .info {
  text-align: center;
  margin: 20px 0;
}

.content-view .content-main img, .short-content img  {
  max-width: 100%;
  height: auto;
}

.content-view .content-main .upload-content {
  margin: 0 0 20px;
}

.content-view.content-type-blog .content-main {
	padding: 0 40px 40px 40px;
}

.content-view.content-type-blog .pager {
  position: relative;
}

.content-view.content-type-discussion .discussion-correct-answer {
  margin-top: 40px;
}

.short-content.short-content-upload .image {
  margin: 20px 10px 0 0;
}

.content-full .body {
	overflow-x: auto;
}

.attachment-drop {
	border: 1px #333 dashed !important;
	margin: -1px;
}

.attachment-drop-margin {
	margin: -15px;
	padding: 14px;
}

.btn-upload-drag {
	width: 100%;
	padding: 15px;
	text-align: center;
	background-color: #efefef;
}

.btn-upload-drag.active {
	background-color: #e6e6e6;
	color: #0484FF;
}

.btn-upload-drag input {
	height: 100%;
}

.container-info .description img {
  max-width: 100%;
}

.container-info-description .description {
	overflow-x: auto;
}

.message .meta .author,
.commen0t .meta .author {
  color: inherit;
  font-size: 140%;
}

.message .excerpt img {
  max-width: 100%;
}

.statuspost .meta .author {
  font-size: 120%;
}

.statuspost.collapsed .meta {
  margin: 0;
}

.statusform-form .statuspost-target {
	float: right;
}

/*----------------------------------------
	Comment
------------------------------------------*/

.comment .avatar {
	padding: 15px;
}

.comment .attachments {
  margin-top: 10px;
}

.comment .attachments .list-group {
  margin: 0;
}

.comment-form .attachments .list-group {
  margin-bottom: 15px;
}

.comments-heading {
  text-align: center;
  position: relative;
}

.comments-heading .unread {
	position: absolute;
	right: 15px;
}

.comments-heading .unread .badge {
	background-color: #00AB3A;
}

.comment textarea {
  resize: vertical;
}

.comment.comment-inline {
  margin: 20px 10px 0 0px;
}

.stream .comment .comments {
  padding-left: 25px;

}

.stream .comment .sub-comments {
  margin-top: 15px;
}

.stream .comment .sub-comments .comments-heading .unread {
	display: none;
}

.stream .comment {
	margin-bottom: 15px;
	border: 1px solid #e7e7e7;
}

.stream .comment .parent-hint {
	margin-top: 15px;
	margin-right:15px;
}

.stream .comment .panel {
	box-shadow: none;
	margin: 0;
}

#collab-comments .stream,
.activity .panel-footer.entity-comments {
	padding: 0;
	border: none;
}

.stream .comment-form .comment .panel {
	border-top: 0;
}


#collab-comments .comment .entity-actionbar,
.activity .entity-comments .comment .panel-footer.entity-actionbar {
	background-color: transparent;
	border: none;
	padding: 10px 0 10px 75px;
}

.stream .comment .panel.unread {
/* 	border-left: 1px solid #014D97; */
}

@media (min-width : 768px) {
	.comment .comment-body,
	.comment .comment-inreply {
		margin-left: 75px;	
	}
}

.comment .comment-parent .comment-body {
	margin-left: 0;
}

.comment .comment-body.well,
.comment .comment-inreply.well {
	margin-bottom: 0px;
}
	

.sub-comments {
	margin-left: 75px;
}

@media (max-width : 767px) {
	#collab-comments .comment .entity-actionbar, 
	.activity .entity-comments .comment .panel-footer.entity-actionbar,	
	.comment .comment-body,
	.comment .comment-inreply {
		padding-left: 0;	
	}

	.sub-comments {
		margin-left: 15px;
	}
}

.comment-form .comment-reply-author {
	display: block;
	clear: left;
}

.stream .new-comments {
	margin-bottom: 15px;
}


/*----------------------------------------
	End Comment
------------------------------------------*/

/*----------------------------------------
	Activities/Stream
------------------------------------------*/


.new-activities {
	display: block;
	padding-bottom: 15px;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0px;
	z-index: 1;
}

.new-activities.ng-enter, .new-activities.ng-leave {
	-webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
	-moz-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
	-ms-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
	-o-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
	transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.new-activities.ng-enter, .new-activities.ng-leave.ng-leave-active {
	opacity: 0;
}

.new-activities.ng-leave, .new-activities.ng-enter.ng-enter-active {
	opacity: 1;
}

.activity .short-content .excerpt {
  margin-top: 10px;
}

.activity .short-content .excerpt p {
  margin: 0;
}

.stream .activity .history {
	padding: 20px 0 0 60px;
}

.stream .activity .history > div {
	padding-bottom: 10px;
}


.stream .activity .attachments,
.stream .activity .photoalbum-images {
	padding: 20px 10px 0 0;
}

.activity .activity-content-preview .short-content h3 {
  	font-weight: normal;
  	color: #01386E;
}

.activity .activity-content-preview .short-content.short-content-task h3 {
	margin-top: 0;
}

.activity .activity-content-preview .short-content.short-content-task .media {
	margin-top: 20px;
}

.activity-content .images div {
	padding-bottom: 20px;
}

.activity .content-info {
	margin-top: 12px;
}

.activity .info .target {
	display: block;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.activity .content-ref {
	margin-left: 20px;
}

.stream .media, .stream .media-body {
	display: block;
	width: auto;
	overflow: visible;
}

.stream .panel-default {
  background-color: #fff;
  border: none;
  border-radius: 0;
  box-shadow: 2px 1px 7px rgba(28,37,69,0.18);
}

.stream .panel-default.unread .activity-body {
	border-left: 1px solid #014D97;
}

.stream .panel-default .panel-body .info {
  margin-left: 62px;
  padding-top: 6px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.stream .panel-default .panel-body .info .activity-title {
  display: inline-block;
}

.stream .panel-default .panel-body .info .author {
  font-weight: 500;
}

.stream .panel-default .panel-body .info .time {
  color: #78808e;
  font-size: 13px;
}

.stream .panel-default .panel-body .activity-content {
  margin: 10px 10px 0 62px;
  border: 1px solid #e7e7e7;
  padding: 0 10px 10px 10px;
}

.stream .panel-default .panel-body .activity-content-comment {
  margin: 10px 10px 1px 62px;
}

.stream .panel-default .entity-actionbar {
  background-color: #f5f6f7;
}

.stream .panel-default .entity-comments {
  padding: 1px 25px 1px 77px;
}

.stream .panel-default .entity-actionbar.panel-body {
  padding: 10px 0 10px 77px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.stream .panel-default .entity-actionbar .btn-default {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.stream .panel-default .entity-actionbar .btn-default.active i {
  color: #0484FF;
}

.stream .panel-default .entity-actionbar .btn-info {
  color: #0582ff;
}

.stream .panel-default .entity-actionbar .btn-info i {
  color: #0582ff;
}

.stream .panel-default .thumbnail.entity-image {
  background: transparent;
  border: none;
  padding: 0 5px;
}

.stream .panel-default .entity-image img {
  border-radius: 50%;
  height: 42px;
  width: 42px;
}

@media ( min-width : 768px) {
	.activity .short-content.meta .content-ref {
		margin-left: 62px;
	}
	.activity .short-content.meta .content-info .author {
		margin-left: 62px;
		padding-top: 8px;
	}
}

@media (max-width : 767px) {

	.stream .panel-default .panel-body .activity-content {
		margin: 10px 0 0 0;
	}
	
	.stream .panel-default .panel-body .info,
	.activity .content-ref {
		margin-left: 0;
	}
	
	.activity .entity-comments .comment .panel-footer.entity-actionbar,
	.stream .panel-default .entity-actionbar.panel-body,
	.stream .activity .history {
		padding: 10px 0 10px 10px;
	}
	
	.stream .comment .comments {
		padding-left: 15px;
	}
	
	.stream .panel-default .panel-body .info .author {
		font-size: small;
	}

	.stream .panel-default .entity-comments {
	  padding: 1px 15px 1px 15px;
	}
}

/*----------------------------------------
	End Activities/Stream
------------------------------------------*/

.entity-image {
  margin: 0;
  display: block;
}

.entity-image img {
  width: 100%;
}

.stream .entity-image img {
  width: 48px;
}

.entity-profile .entity-image {
  margin-bottom: 20px;
  max-height: 200px;
  overflow: hidden;
}

.notification img.author {
	vertical-align:middle;
	margin: 0 10px 10px 0;
	float: left;
}

.user-info-general .user-detail, .user-info-profile .profile-field {
	margin-top: 15px;
}

.user-info .i18n {
	margin-bottom: 15px;
}

.user-info-general .user-detail label, .user-info-profile .profile-field label, .user-info .i18n label {
	font-weight: normal;
}

.user-info-general .user-detail span, .user-info-general .user-detail a, .user-info-profile .profile-field .value {
	word-wrap: break-word;
}

.profile-field .media-body {
  padding-right: 10px;
}

.similars>.small {
  margin: 5px 0;
}

.hover-menubar {
  top: 0;
  right: 0;
  margin: 10px 15px 0 0;
  position: absolute;
  display: none;
}

* > .hover-menubar {
  z-index: 2;
}

*:hover > .hover-menubar {
  display: block;
}
/* *************** */

.mce-btn i {
  margin-top: 2px;
}

/* *************** */
@media print {
  .content-view {
    border: none;
  }
  .content-view .content-main {
    padding: 0;
  }
}

.user-avatar img {
  margin-bottom: auto;
}

.container-navbar .navbar-header,
.container-navbar .navbar-btn {
  padding-top: 10px;
}

.project-info-milestones {
  font-size: 12px;
}

.attachments .checkbox label {
  font-weight: normal;
}

.attachments .attachment a, .attachments .attachment span {
	word-break: break-all;
	word-wrap: break-word;
	display: inline-block;
}

/*----------------------------------------
				Miscellaneous
------------------------------------------*/
.animation {
  animation-duration: 0.5s;
  animation-timing-function: ease-in;
}

.animated {
  animation-duration: 1s;
  animation-timing-function: ease-in;
}

.slide-in {
  animation-name: slide-in;
}

.slide-in-left {
  animation-name: slide-in-left;
}

.fade-in {
  animation-name: fade-in;
}

#nav-sidebar-bottom {
  position: fixed;
  bottom: 0;
}

.i18n-chooser > a:hover{
	color: #01386E;
}
/*----------------------------------------
	Forms
------------------------------------------*/

@media ( min-width : 768px) {
		
	#page-features {
		display: flex !important;
		padding: 0;
	}

	#page-features .page-filters {
		flex-grow: 1;
	}
	
	#page-tabs #page-features .page-options {
		flex-shrink: 1;
	}
	
	#page-features .page-options .btn-toolbar, #page-features .page-options .btn-toolbar .btn-group {
		display: flex;
	}
}

.page-options .btn.active {
  box-shadow: none;
}

.page-options .btn-group:last-child .btn.active {
  color: #161d32;
}

.page-options .btn-group:last-child:not:(:first-child) .btn:not(.active) {
  color: #bcc3d0;
}

.page-options .btn-group:last-child .btn:not(.active):active,
.page-options .btn-group:last-child .btn:not(.active):focus {
  background: #d8dae0;
  box-shadow: none;
  color: #161d32;
}

.page-options .btn-group.open .dropdown-toggle {
  background: #d8dae0;
  box-shadow: none;
  color: #161d32;
}

.page-options .btn-default {
  background: transparent;
  border: none;
  color: #01386E;
  padding: 8px;
}

.page-options .btn-default:hover {
	color:#0484FF;
}

.page-options .btn-default:active,
.page-options .btn-default:focus {
  background: #d8dae0;
  box-shadow: none;
  color: #161d32;
}



.advanced-search .form-inline .checkbox input[type="checkbox"],
.filters .form-inline .checkbox input[type="checkbox"] {
	margin: 5px 7px;
}

.advanced-search .form-inline .checkbox input[type="checkbox"],
.filters .form-inline .checkbox input[type="checkbox"],
.satellite-filter input[type="checkbox"],
.page-options .form-inline input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	margin: 2px 7px;
}

.page-options .option-checkbox {
	margin-top: 9px;
}

/*----------------------------------------
	Search
------------------------------------------*/
.search-filter-values {
	display: none;
}

.filter-aside {
	max-width: 200px;
	background: #d8dae0;
	border: 1px solid #d8dae0;
	border-radius: 2px;
	color: #151b33;
    font-weight: 500;
	font-size: 13px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 21px;
	padding: 4px 10px 6px 10px;
}

.filter-aside a.toggle {
	color: #151b33;
	text-align: center;
}

.advanced-search {
	height: 100%;
	padding: 0;
}

.advanced-search-toggle,
.advanced-search-toggle:focus,
.advanced-search-toggle:active,
.advanced-search-toggle:hover {
	width: 100%;
	color: #fff;	
}

.advanced-search-body {
	height: 100%;
	background: #fff;
	padding: 10px;
	border: 1px solid #ddd;
}

.advanced-search-responsive .advanced-search {
	position:  unset;
}

.advanced-search-responsive .advanced-search-body {
	background:  transparent;
	padding: 10px;
	border:  none;
	color: #ddd;
}

.advanced-search-responsive .advanced-search-body .filter-container:first-child {
	padding-top: 40px;
}

.advanced-search-responsive .advanced-search-btn {
	position: fixed;
	top: 100px;
	right: 10px;
	color: #fff;
	z-index:  1000;
}

/*----------------------------------------
	Panel
------------------------------------------*/
.panel-heading .rte-toolbar {
  position: absolute;
  background: #f5f5f5;
  margin-top: -4px;
}
.panel-heading .rte-toolbar.focus {
  position: relative;
  margin-bottom: -26px;
}
.panel-heading .rte-toolbar .mce-tinymce-inline {
  margin: 0;
}

.statuspost .thumbnail.entity-image {
  background: transparent;
  border: none;
}

.statuspost .entity-image img {
  border-radius: 50%;
}

.media, .media-body {
  overflow: visible;
}

.statuspost .panel {
  box-shadow: 0 1px 3px rgba(28,37,69,0.18);
  margin-bottom: 30px;
}

.statuspost .panel .panel-body {
  padding: 7px 20px 7px 15px;
}

.statuspost .panel .panel-body .meta {
  margin: 13px 0 0 62px;
}

.statuspost .panel .panel-body .meta .author {
  color: #78808e;
  font-weight: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* channels */

#channel-filter {
	display: block;
	position: fixed;
	right: 0px;
	top: 260px;
	z-index: 1000;
}

#channel-filter .btn .text {
	display: none;
}

#channel-filter .btn:hover .text, #channel-filter .open .btn .text {
	display: inline;
}

.panel-heading .content-target {
	max-width: 100%;
}

.panel-heading .content-metadata {
	max-width: 100%;
	float: left;
}

.panel-heading .context {
	display: block;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* profile visibility */

.profile-visibility-public {
	background-color: #01386E;
}

.profile-visibility-protected {
	background-color: #AA6500;
}

.profile-visibility-private {
	background-color: #AA1A00;
}

@media (max-width : 767px) {
	.statuspost .panel .panel-body .meta {
		margin:2px;
	}
	
	.statusform-form .statuspost-target {
		float: left;
		margin: 10px 0 0 0;
	}
}

@-moz-keyframes slide-in-left {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% { transform: translate3d(0, 0, 0); }
}
@-webkit-keyframes slide-in-left {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% { transform: translate3d(0, 0, 0); }
}
@-o-keyframes slide-in-left {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% { transform: translate3d(0, 0, 0); }
}
@keyframes slide-in-left {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% { transform: translate3d(0, 0, 0); }
}

@-moz-keyframes slide-in {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% { transform: translate3d(0, 0, 0); }
}
@-webkit-keyframes slide-in {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% { transform: translate3d(0, 0, 0); }
}
@-o-keyframes slide-in {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% { transform: translate3d(0, 0, 0); }
}
@keyframes slide-in {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% { transform: translate3d(0, 0, 0); }
}
@-moz-keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes fade-in {
  0% { opacity: 0; }
  100% {  opacity: 1; }
}
@-o-keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }