﻿
.a-suggestions-input.k-input {
    min-height: 26px;
    height: 26px;
}

.a-suggestions-autolinks, .a-spaces-actions-list {
    display: none;
    position: absolute;
}

    .a-suggestions-autolinks > .k-widget, .a-spaces-actions-list > .k-widget {
        margin-left: -3px;
        margin-top: -1px;
        border-radius: 3px;
    }

.a-suggestions-autolink-item > img, .a-spaces-actions-item > img {
    vertical-align: middle;
    margin-right: 7px;
    width: 16px;
    height: 16px;
}


/************/
.a-spaces-feed-container {
    width: 100%;
    /*padding: 2px;
    margin-left: 5px;*/
    margin-right: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
    cursor: default;
}

.a-spaces-load-more {
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    margin: 2px;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    cursor: pointer;
}

.a-spaces-loading {
    width: 22px;
    height: 22px;
    margin-left: 5px;
    vertical-align: middle;
}

.a-spaces-expander {
    cursor: pointer;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

    .a-spaces-expander > img {
        margin-top: 3px;
        margin-left: 1px;
        margin-bottom: 2px;
        margin-right: 3px;
        width: 16px; /*replies icons size pvr 20*/
        height: 16px; /*replies icons size pvr 20*/
        vertical-align: middle;
    }

    .a-spaces-expander > span {
        padding-top: 5px;
        margin-top: 2px;
    }


.a-spaces-thread {
    font-size: 14px;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid lightgray;
}

    .a-spaces-thread:last-child {
        /*no border on last child*/
        border-bottom: 0;
    }

.a-spaces-thread-message {
    padding: 2px;
    padding-top: 4px;
}

.a-spaces-message-holder {
    padding-bottom: 2px;
    /*    border-bottom: 1px solid lightgray;*/
}

.a-spaces-message-topics {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 10px;
    margin-left: 58px;
    border: none;
}


.a-spaces-message-reply-list .a-spaces-not-loaded {
    display: none;
}

.a-spaces-message-topics > div {
    margin-right: 5px;
    margin-top: 5px;
    padding: 3px;
    padding-bottom: 4px;
    border-radius: 3px;
    float: left;
    width: auto; /*override k-block*/
    height: auto; /*override k-block*/
}

    .a-spaces-message-topics > div > img {
        width: 12px;
        height: 12px;
        margin-right: 7px;
        vertical-align: middle;
    }

.a-spaces-add-topics {
    padding-top: 3px;
    padding-bottom: 3px;
}

    .a-spaces-add-topics > .k-autocomplete {
        margin-top: 3px;
    }

.a-spaces-notify-list {
    border: none;
}

.a-spaces-notification-section-header {
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: larger;
    cursor: default;
}

.a-spaces-notify-list > div,
.a-spaces-read-list > div {
    padding: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: dashed 1px darkgray;
    cursor: pointer;
}
    /* the last item in the list doesn't need a border because it is in a container */
    .a-spaces-notify-list > div:last-child,
    .a-spaces-read-list > div:last-child {
        border-bottom: none;
    }

.a-spaces-notification-control {
    margin-top: 5px;
}

.a-spaces-notification-header {
    padding-top: 5px;
    padding-bottom: 3px;
    padding-left: 3px;
    font-weight: bold;
    vertical-align: middle;
    cursor: default;
    font-size: larger;
}

    .a-spaces-notification-header > img {
        vertical-align: middle;
        width: 16px;
        height: 16px;
    }

.a-single-topic {
    float: left;
    margin-top: 3px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: normal;
}

.a-single-link {
    float: left;
    margin-top: 3px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: normal;
}

.a-single-topic span {
    margin-left: 2px;
    margin-right: 7px;
    cursor: default;
}

.a-single-topic img {
    width: 16px;
    height: 16px;
    padding: 3px;
    vertical-align: middle;
}

.a-single-topic .a-single-topic-remove {
    cursor: pointer;
}

.a-spaces-add-topics > .k-autocomplete > input,
.a-spaces-add-topics input,
.a-spaces-add-topic-input {
    float: left;
    width: 250px;
    font-size: 12px;
}

.a-spaces-thread .a-spaces-add-topics {
    padding-left: 4px;
}

.a-spaces-message-menu {
}

.a-spaces-message-attachments {
    border: none;
    margin-top: 7px;
}

.a-spaces-message-attachment {
    margin-left: -3px;
}

    .a-spaces-message-attachment .a-spaces-message-attachment-preview {
        float: left;
        cursor: pointer;
        margin-top: 2px;
    }

.a-spaces-message-attachment-content {
    margin-left: 7px;
    cursor: pointer;
}

.a-spaces-clearfix {
    clear: both;
}

.a-spaces-message-attachment-preview > img {
    max-height: 120px;
    max-width: 120px;
}

.a-spaces-message-attachment-preview .a-spaces-doc-type-icon {
    width: 32px;
    height: 32px;
}

.a-spaces-message-body,
.a-spaces-message-attachments,
.a-spaces-thread .a-spaces-new-thread-container,
.a-spaces-message-actions,
.a-spaces-message-attributes {
    padding-left: 58px;
}

.a-spaces-reply .a-spaces-message-body {
    padding-left: 38px;
}

.a-spaces-message-reply-list {
    margin-top: 15px;
    margin-left: 58px;
    margin-right: 4px;
    border: none;
}

.a-spaces-thread .a-spaces-new-thread-container {
    margin-top: 5px;
    margin-left: 0px;
}

.a-spaces-share-update {
    display: inline;
    top: 3px;
    position: relative;
}

.a-spaces-new-thread-container > div.a-spaces-text {
    padding-top: 5px;
    padding-bottom: 5px;
    opacity: .85;
}

    .a-spaces-new-thread-container > img, .a-spaces-new-thread-container > div.a-spaces-text > img {
        width: 22px;
        height: 22px;
        opacity: .75;
        margin-right: 3px;
        margin-left: 5px;
    }

.a-spaces-reply {
    padding: 3px;
    margin: 4px;
}

.a-spaces-message-attachments {
}

.a-spaces-thread .a-spaces-new-thread-container > .k-content {
    /*padding: 5px;*/
    margin-bottom: 3px;
}

.a-spaces-thread .a-spaces-new-thread-container > textarea {
    overflow: hidden;
    height: 34px;
    margin-top: 0px;
    margin-left: 4px;
    margin-right: -3px;
    resize: vertical;
}

.a-spaces-new-thread-container > textarea /*Text Area for creating a reply AT TOP LEVEL*/ {
    overflow: hidden;
    height: 60px;
    margin-top: 5px;
    margin-left: 0px;
    /*width: 100%;*/
    resize: vertical;
}

.a-spaces-thread .a-spaces-new-thread-container /*Text Area for creating a reply WITHIN a reply*/ {
    margin-right: 5px;
    background-color: transparent; /*for write to reply box bg color*/
    position: relative;
}

    .a-spaces-thread .a-spaces-new-thread-container > button {
        margin-top: 4px;
        margin-left: 4px;
        margin-bottom: 2px;
        padding-top: 5px;
        padding-bottom: 3px;
        padding-left: 15px;
        padding-right: 15px;
    }


.a-spaces-text-placeholder, .a-spaces-new-thread-fake-edit, .a-spaces-message-time, .a-spaces-actions-add > span {
    color: #999;
    font-size: 12px;
    cursor: text;
}

.a-spaces-reply .a-spaces-message-time {
    font-size: 11px;
    margin-left: 3px;
}

.a-spaces-outer-container > .a-spaces-new-thread-container > div.a-spaces-text {
    /*width: 100%;*/
    padding: 0px;
    padding-bottom: 3px;
    font-size: 13px;
    font-weight: 400;
}

.a-spaces-new-thread-container > .k-button {
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.a-spaces-new-thread-container {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    /*margin-bottom: 5px;*/
    border-top: 0;
    border-left: 0;
    border-right: 0;
    position: relative;
    padding: 3px;
}

    .a-spaces-new-thread-container .a-actions {
        top: 26px;
        left: 5px;
    }

.a-spaces-feed-container .a-spaces-new-thread-container .a-actions {
    top: 8px;
    left: 65px;
}

.a-spaces-actions-addDiv /* at top level do bold */ {
    font-weight: bold;
    margin-right: 7px;
    padding-top: 4px;
}

.a-spaces-thread .a-spaces-actions-addDiv /*inside a reply don't bold text and add left padding */ {
    font-weight: normal;
    padding-left: 4px;
}


.a-spaces-actions-add div {
    float: left;
}

.a-spaces-actions-add {
    margin-left: 1px;
    float: left;
    font-weight: normal;
}

    .a-spaces-actions-add img {
        margin-left: 3px;
        height: 16px;
        width: 16px;
        vertical-align: middle;
        margin-right: 5px;
    }

    .a-spaces-actions-add .k-button, .a-spaces-button-container .k-button {
        min-width: 60px;
        padding-right: 4px;
    }



.a-suggestions {
    cursor: default;
    z-index: 99999;
    font-weight: normal;
    min-width: 200px;
    background: #fff;
    margin: 6px;
    font-size: 13px;
    padding: 5px 0;
    display: inline;
}

br {
    /*display: none;*/
}

.a-suggestions > div {
    padding: 3px;
}

.a-spaces-thread .a-pending-attachments .a-pending-attachment /*when inside a thread shift to the right a bit*/ {
    /*margin-left: 8px;*/
    margin-right: 0px;
}

.a-spaces-actions-add .k-button {
    padding-bottom: 3px;
}

.a-spaces-button-container {
    float: right;
}

    .a-spaces-button-container .k-button {
        margin-left: 5px;
    }

.k-content .a-spaces-new-thread-fake-edit {
    font-size: 16px;
    height: 40px;
    margin-left: 7px;
    margin-top: 5px;
    margin-right: 7px;
    margin-bottom: 6px;
    font-weight: normal;
    padding-left: 10px;
    padding-top: 10px;
}

.a-spaces-message-actions {
}

.a-spaces-message-attributes {
    margin-top: 0px;
}

.a-spaces-reply .a-spaces-message-attributes {
    padding-left: 34px;
}

.a-spaces-message {
    margin-top: 5px;
}

.a-spaces-user > span {
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: -2px;
    cursor: pointer;
}

.a-spaces-message-image-container {
    float: left;
}

.a-spaces-message-user-image {
    width: 48px;
    height: auto; /*to maintain aspect ratio*/
}

.a-spaces-reply .a-spaces-message-user-image {
    width: 33px;
    height: 33px;
}

.a-spaces-link {
    cursor: pointer;
    text-decoration: underline;
}

.a-spaces-list {
}

.a-spaces-console-outer {
    padding: 1px;
    overflow: hidden;
    position: relative;
}

.a-spaces-console-left {
    position: absolute;
    margin-top: 0px;
    width: 200px;
    overflow: hidden;
}

.a-spaces-console-right {
    position: absolute;
    left: 211px;
    width: 100%;
    height: 100%;
    margin-right: 210px;
    overflow: auto;
    overflow-x: hidden;
}

.a-spaces-action.a-soft-link {
    padding-left: 4px;
}

    .a-spaces-action.a-soft-link > .a-spaces-action-name {
        vertical-align: middle;
        font-weight: bold;
    }

.a-spaces-action-icon {
    height: 14px;
    width: 14px;
    margin-right: 3px;
    opacity: 0.75; /*to have lesser impact visually*/
}

.a-spaces-action-input-wrapper {
    margin-left: 2px;
    border-radius: 4px;
}

    .a-spaces-action-input-wrapper > span {
        font-weight: normal;
        margin-right: 3px;
        vertical-align: middle;
    }


.a-spaces-config img {
    width: 18px;
    height: 18px;
}

.a-spaces-user-image-small {
    width: 48px;
    height: auto;
}

.a-spaces-user-info {
    font-size: larger;
    margin-bottom: 7px;
    cursor: pointer;
}

    .a-spaces-user-info > div {
        margin-left: 7px;
        display: inline-block;
        font-weight: bold;
    }

.a-spaces-list-inner-header li.k-item, .a-spaces-list-inner-header li.k-item > span {
    height: 30px;
    text-align: left;
    vertical-align: middle;
}

    .a-spaces-list-inner-header li.k-item > span > div.a-spaces-item, .a-spaces-list-inner-header li.k-item > span > img {
        padding-top: 3px;
    }

    .a-spaces-list-inner-header li.k-item.k-state-default, .a-spaces-list-inner-header li.k-item.k-state-default > span {
        border: 0;
        background-image: none;
        /* background-color: white;*/
    }

    .a-spaces-list-inner-header li.k-item.k-state-highlighted, .a-spaces-list-inner-header li.k-item.k-state-highlighted > span {
        background-image: inherit;
        background-color: inherit;
        /*color: black;*/
    }

.a-spaces-list-inner-header.k-panelbar {
    border: 0;
}

.a-spaces-feed-toolbar {
    height: 35px; /*height of spaces search box pvr 25*/
    padding: 3px;
    border: none; /*border-bottom: 0; pvr*/
}

.a-spaces-search {
    width: 400px;
}

.a-spaces-notification-icon {
    margin-left: 7px;
    display: inline-block;
    padding: 3px;
    border-radius: 3px;
    cursor: default;
    float: left;
}

    .a-spaces-notification-icon > img {
        width: 20px;
        height: 20px;
        opacity: .5;
    }

.a-spaces-notification-count {
    z-index: 9999;
    display: none;
    background-color: red;
    border-radius: 3px;
    color: white;
    margin-left: -7px;
    margin-top: -12px;
    padding-left: 5px;
    padding-right: 5px;
}

.a-spaces-notifications-list {
    display: none;
    position: absolute;
    padding: 7px;
}

.a-spaces-notification-list-header {
    font-size: larger;
    font-weight: bold;
    padding: 6px;
    padding-left: 0px;
}

.a-spaces-notification-item {
    cursor: pointer;
    padding: 3px;
    padding-bottom: 7px;
    border-bottom: dotted 1px lightgray;
}

    .a-spaces-notification-item:last-child {
        border-bottom: 0;
    }

.a-spaces-notification-item-unread {
}

    .a-spaces-notification-item-unread > .a-space-thread-content {
        font-weight: bold;
    }

.a-space-notification-date {
    margin-top: 7px;
    color: darkgray;
}

.a-spaces-notification-hidden-input {
    left: -5000px;
    top: -5000px;
    position: absolute;
}

.a-actions-select-text {
    margin-right: 3px;
    vertical-align: middle;
    margin-top: 1px;
    display: inline-block;
}

.a-actions-select-image {
    width: 16px;
    height: 16px;
    opacity: .75;
    margin-right: 3px;
}

.a-action-select.k-widget.k-dropdown, .a-action-select.k-widget.k-dropdown > span {
    height: 22px;
}

.a-action-select.k-widget.k-dropdown {
    padding-top: 3px;
}

.a-action-cancel {
    margin-left: 3px;
    height: 24px;
    margin-top: 1px;
}

.a-insert-action > img {
    width: 16px;
    height: 16px;
    margin-right: 3px;
}

.a-insert-action {
    padding: 4px;
    border-radius: 3px;
    margin-left: 3px;
}

.a-spaces-actions-add button[data-role="topics"] {
    margin-right: 5px;
}

.a-spaces-actions-add .k-upload-sync {
    border: none;
}

.a-spaces-action-input {
    pointer-events: stroke;
}

.a-space-search-content {
    line-height: 25px;
}


/*Space refactoring*/
.a-spaces-new-thread-container iframe.k-content {
    border: 1px solid #E6E7E8;
    padding: 1%;
    width: 98%;
}

.a-spaces-new-thread-container .k-content body {
    background: #fff;
}

.a-spaces-actions-container {
    font-size: 12px;
}

.a-spaces-actions-add .k-button {
    color: #27759B;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: transparent !important;
}

.a-spaces-actions-add .k-upload-sync .k-upload-button {
    margin: 0;
}

.a-spaces-outer-container {
    border-color: #D8D8D8;
    margin-bottom: 16px;
}

.a-suggestions span.k-widget.k-autocomplete {
    max-width: 70%;
    margin-left: 5px;
}

.a-suggestions .k-button {
    min-width: 50px;
    margin-left: 5px;
    height: 28px;
}

.a-suggestions img {
    max-width: 16px;
}

.a-post-preview {
    background: #fff;
}

.a-post-preview-description-div {
    padding: 5px 0 5px 2px;
}

.a-post-preview-link-title {
    margin-bottom: 5px;
}

    .a-post-preview-link-title input {
        width: calc(100% - 35px);
        font-size: 13px;
        padding: 5px 25px 5px 5px;
    }

.a-post-preview-link-description-editor input {
    width: calc(100% - 35px);
    font-size: 13px;
    padding: 5px 25px 5px 5px;
}

.a-post-preview-image-div {
    position: relative;
    padding: 5px 1px;
}

.a-post-preview-description-div > div {
    position: relative;
}

.a-post-preview-link-description-preview, .a-post-preview-link-title-preview {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.post-preview-link-description-preview:hover, .post-preview-link-title-preview:hover {
    opacity: .8;
}

.a-post-preview-image-div span.k-delete {
    right: 5px;
    top: 5px;
    font-size: 16px;
    position: absolute;
    width: auto;
    color: #ffffff;
}

.a-post-preview-description-div > div span.k-delete {
    position: absolute;
    right: 5px;
    top: 7px;
    z-index: 100;
    width: auto;
    font-size: 14px;
}

span.k-delete {
    cursor: pointer;
}

    span.k-delete:hover {
        opacity: .8;
    }

.a-suggestions .k-i-arrow-s:before {
    float: right;
}

.a-spaces-tag-editor {
}

.k-button.a-submit-post[disabled], .a-submit-post.k-state-disabled:hover {
    background-color: #F2F2F2;
    font-size: 13px;
    color: #999;
}

.k-button.a-submit-post, .a-submit-post:hover {
    background-color: #F2B200;
    font-size: 13px;
    color: #fff;
}

.a-spaces-new-thread-container > .a-spaces-actions-container {
    min-height: 30px;
    padding: 5px 0 3px 0;
}

.a-suggestions-autolink-item, .a-spaces-actions-item {
    /*width: 120px;*/
    height: 24px;
    padding-left: 5px;
    padding-top: 5px;
    cursor: pointer;
}

.a-soft-link-wrapper {
    display: inline-block;
}

.nav > li.post-type-poll {
    display: none;
}

.nav > li.post-type-praise {
    /*display: none;*/
}

.a-spaces-attachments {
    margin-right: 20px;
    font-size: 12px;
    margin-left: 5px;
    font-size: 11px;
    color: #4C4C4C;
    padding-left: 10px;
}
.a-spaces-attachment {
    overflow: hidden;
    border-bottom: none;
    padding: 2px 2px 2px 0px;
}
.a-spaces-attachment-preview {
    max-width: 24px;
    float: left;
    cursor: pointer;
}

.a-spaces-attachment-content {
    line-height: 24px;
    margin-left: 28px;
    cursor: pointer;
}

a.reply-link {
    opacity: .87;
    font-weight: 400;
    padding-left: 4px;
    color: #929CA9;
    cursor: pointer;
}

.space-thread-share {
    padding-left: 8px;
    padding-right: 8px;
    line-height: 1.5;
}

a.share-link {
    padding-left: 5px;
    padding-right: 5px;
}

.space-thread-like-text {
    padding: 0 16px 8px;
    display: inline-block;
    line-height: 1;
    color: #A8A8A8;
    cursor: pointer;
}

    .space-thread-like-text:hover {
        color: #A8A8A8;
    }

span.like-amount {
    font-weight: 500;
    vertical-align: middle;
    font-size: 13px;
    line-height: 14px;
    padding-right: 3px;
}

.space-thread-like-text i {
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
}

/*Ellipsis*/
.text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}



.comments.list-group {
    margin: 0;
    border-radius: 0 0 2px 2px;
    overflow: hidden;
}

    .comments.list-group li.list-group-item {
        background: #F8F8F8;
    }


.comment-info, .post-info, .padding-left .list-info {
    width: calc(100% - 79px);
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}

.comment-info {
    width: calc(100% - 51px);
}

.praise-post-items .k-multiselect.k-header.k-state-hover {
    border-color: #E6E7E8;
}

/*Overwrite bootstrap carousel css */
.carousel-control > span {
    font-size: 10px !important;
}

.carousel-control.left {
    left: -8px;
    background: none;
    top: 20px;
}

.carousel-control.right {
    right: -8px;
    background: none;
    top: 20px;
}

.praise-icons {
    margin: 5px 0 0 12px;
    height: 40px;
    width: 40px;
    padding-top: 18px;
}

    .praise-icons .glyphicon-chevron-left:before {
        color: #000;
    }

    .praise-icons .glyphicon-chevron-right:before {
        color: #000;
    }

.a-spaces-praise-actions-container {
    min-height: 30px;
    padding: 5px 0 3px 0;
    font-size: 12px;
}

.a-spaces-update-actions-container {
    min-height: 30px;
    padding: 5px 0 3px 0;
    font-size: 12px;
}

.a-more-comments li {
    display: inline;
}

.a-more-comment-item {
    cursor: pointer;
    font-size: 11px;
    color: #27759B;
}

.a-invalid-space-field {   
    border:1px solid #fc9084 !important;
}

.hide-scroll {
    overflow: hidden;
}

.modify-post {
    display: inline;
    position: relative; 
    top: -15px; 
    right: -10px;
}

    .modify-post a {
        cursor:pointer;
    }

    .modify-post ul.dropdown-menu {
        left: auto;
        top: 15px;
        right: -15px;
        min-width: 100px;
    }

    .modify-post .modal-content {
        max-width: 400px;
    }

.a-thread-edit-popup-body iframe{
    padding: 1% !important;
    width:98% !important;
}
.a-thread-popup-footer {   
    padding: 11px 0 0 0;
    text-align: right;
}
.a-thread-delete-popup-body {
    padding: 6px 0 15px 0;
    border-bottom: 1px solid #ccc;
}

.a-thread-popup-edit-content {
    overflow-y:auto;
    height:150px;
    border:1px solid #ccc;
    border-bottom:none;
    padding:5px;
    
}
    .a-thread-popup-edit-content[autofocus] {
        outline-color:#4D90FE;
        outline-style:solid;
       outline-width: 1px;
    }

.a-space-edited {
    padding-left: 5px;
}
.a-valid-space-field {   
    border:1px solid #ccc !important;
}
