.outbox-header {
 display: flex;
 width: 100%;
 justify-content: space-between;
 align-items: center;
 padding-bottom: 1.5em;
}

.outbox-heading {
 display: flex;
 margin-bottom: 30px;
 font-weight: 600;
}

.outbox-heading .offset {
 width: 40px;
 margin: 0 6px;
}

.outbox-heading > div {
 flex: 1;
}

.outbox-tabs .md-nav-bar ._md-nav-button-text {
 font-size: 17px;
 font-weight: 500;
}

.outbox-tabs a:last-child {
 margin-right: 0;
}

.outbox-tabs a.active {
 color: #2196f3;
 border-bottom: 2px solid;
}

.outbox-header .search-button {
 font-size: 30px;
 color: #2196f3;
 margin-left: 1.5em;
 margin-bottom: 5px;
}

.outbox-filter {
 min-width: 10em;
 margin-left: 1em;
 text-align: center;
}

.outbox-filter md-select-value {
 border: 1px solid #aaaaaaaa;
 border-radius: 5px;
 padding: 0.1em;
 color: #2196f3;
}

.outbox-share {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 1em;
 padding-bottom: 1em;
 border-bottom: 1px solid #ececec;
}

.outbox-share > div {
 flex: 1;
}

.outbox-share > div:last-child {
 flex: 0;
}

.outbox-share .share-details-recipients {
 font-weight: 600;
 font-size: 15px;
 color: #000;
 overflow: hidden;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 word-break: break-all;
 -webkit-box-orient: vertical;
}

.outbox-share em {
 color: #8a8a8a;
 font-weight: 500;
 font-size: 13px;
}

.outbox-share .share-details-subject,
.share-details-timesent {
 color: #777777;
 font-weight: 500;
 font-size: 15px;
 overflow: hidden;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 word-break: break-all;
 -webkit-box-orient: vertical;
}

.share-content-text {
 font-size: 15px;
 word-break: break-word;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 margin-bottom: 0.5em;
}

.share-content-presentation {
 display: inline-flex;
 justify-content: center;
 align-items: center;
 border: 1px solid #dededeaa;
 border-radius: 5px;
 padding: 0.3em 0.5em;
 font-size: 15px;
 color: #2196f3;
}

.share-content-presentation > * {
    cursor: pointer;
}

.share-content-presentation img {
 width: 40px;
 margin-right: 0.3em;
 border-radius: 4px;
}

.outbox-search {
 margin-left: 1em;
}

.outbox-search .resource_search_input {
 border-radius: 5px;
}

.outbox-search .resource_search_input.hasValue {
 border: 1px solid #aaaaaaaa;
}

.outbox-search .resource_search_input i {
 font-size: 25px;
}