/*
*****************************************************************************

Copyright (c) 2014, Generic Networks, Jakob Deimbacher and/or its affiliates.
All rights reserved.
May only be used with the written approval of authorized organs
of Generic Networks, or a signed written approval of Jakob Deimbacher.

*****************************************************************************
*/
/* 
    Created on : 15.10.2015, 10:20:59
    Author     : Jakob
*/

/*
===========================
newsfeed general
===========================
*/

/*[symbol="default"] { background-image: url('/res/imgs/developer-status.png') !important; background-size: 20px !important; }
[symbol="default"].size-s { background-size: 15px !important; }
[symbol="phone"] { background-image: url("/public/images/phone.png") !important; background-size: 20px !important; }
[symbol="phone"].size-s { background-size: 15px !important; }

[symbol="notice"] {
    background-image: url("/public/images/notice.png") !important;
    background-size: 16px !important;
}

[symbol="notice"].size-s {
    background-size: 14px !important;
}

[symbol="email"] {
    background-image: url("/public/images/email.png") !important;
    background-size: 21px !important;
}

[symbol="email"].size-s {
    background-size: 15px !important;
}

[symbol="link"] {
    background-image: url("/public/images/hyperlink.png") !important;
    background-size: 18px !important;
}

[symbol="link"].size-s {
    background-size: 15px !important;
}

[symbol="todo"] {
    background-image: url("/public/images/todo.png") !important;
    background-size: 18px !important;
}

[symbol="todo"].size-s {
    background-size: 15px !important;
}

[symbol="idea"] {
    background-image: url("/public/images/idea.png") !important;
    background-size: 14px !important;
}

[symbol="idea"].size-s {
    background-size: 11px !important;
}

[symbol="bug"] {
    background-image: url("/public/images/bug.png") !important;
    background-size: 18px !important;
}

[symbol="bug"].size-s {
    background-size: 15px !important;
}

[symbol="wiki"] {
    background-image: url("/public/images/wiki.png") !important;
    background-size: 20px !important;
}

[symbol="wiki"].size-s {
    background-size: 16px !important;
}

[symbol="project"] {
    background-image: url("/public/images/app_flatt.png") !important;
    background-size: 16px !important;
}

[symbol="project"].size-s {
    background-size: 15px !important;
}

[symbol="contact"] {
    background-image: url("/public/images/user.png") !important;
    background-size: 14px !important;
}

[symbol="contact"].size-s {
    background-size: 12px !important;
}*/

/*button.transparent {
    background: transparent;
    border: 1px solid transparent;
}

.symbol-send:hover,
.symbol-send:focus,
.symbol-send {
    background: none;
        background-repeat: no-repeat;
        background-color: #AACEF3;
        background-image: url("/public/images/send.png");
        background-size: 21px;
        background-position: center;
}

.symbol-send:hover {
    background-color: #76A2D0;
}

.b-symbol-c,
.b-symbol-l,
.newsfeed .b-symbol-c,
.newsfeed .b-symbol-l,
.newsfeed .b-symbol-l:hover{
    background-repeat: no-repeat !important;
}

.newsfeed .b-symbol-c {
    background-position: center;
}

.social-inbox .b-symbol-l:hover,
.social-inbox .b-symbol-l,
.newsfeed .b-symbol-l:hover,
.newsfeed .b-symbol-l {
    background-position: left;
    padding-left: 23px;
}

.newsfeed .b-symbol-l,
.posting .actions .selected {
    background-size: 21px;
}

.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    left: 19%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: rgba(0,0,0,.15);
    border-width: 11px;
    margin-left: -11px;
}

#jp-posting div.arrow {
    width: 10px;
    height: 10px;
    top: 11px;
    left: 37px;
    float: left;
}

#jp-posting div.arrow, 
#jp-posting div.arrow div{
    z-index: 20;
    position: relative;
    pointer-events: none;
}

#jp-posting div.arrow div:after, 
#jp-posting div.arrow div:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#jp-posting div.arrow div:before {
    border-color: rgba(206, 206, 206, 0);
    border-bottom-color: #eaeaea;
    border-width: 10px;
    margin-left: -10px;
}

#jp-posting div.arrow div:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 9px;
    margin-left: -9px;
}*/

/*.newsfeed .release,
.newsfeed .release button {
    margin: 0;
}

.newsfeed .release button {
    padding: 3px;
}

.newsfeed .release .icon {
    display: block;
    width: 12px;
    height: 12px;

    background-image: url('/public/images/user_gray.png');
    background-size: 12px;
}

.newsfeed .relationships .icon {
    display: block;
    width: 16px;
    height: 16px;

    background-image: url('/public/images/mark.png');
    background-size: 16px;
}*/

/*.ib-f,
.posting-item .feedback .comment .content,
.posting-item .post-options li,
.posting-item .post-options .progress,
.posting-item .post-options .option-action-link,
.posting-item a,
.posting-item .post-info .action,
.posting-item .post-info,
.posting-item .post-info .header,
.posting .post-elements *,
.posting .content .post-bt,
.posting .actions * {
    display: inline-block;
}

.ib-f {
    width: 100%;
}

.posting-item span,
.posting .header .action-text,
.posting .post-elements .element-type .text {
    display: inline-block;
    color: #505050;
}

.posting .header .action-text,
.posting .post-elements .element-type .text {
    padding-left: 3px;
    padding-right: 6px;
    line-height: 24px;

    font-style: italic;
}

.posting .header .action-text {
    min-width: 25px;
    height: 28px;
    line-height: 28px;
    margin-top: 2px;
    float: left;
    font-family: 'Montserrat-Light';
}

.newsfeed .input:focus,
.newsfeed .input {
    min-height: 40px;
    height: 40px;
    max-height: 200px;
    margin-top: 10px;
    border: none;
    outline: none;
    font-size: 12pt;
    color: #404040;
    resize: none;
}*/

/*
=================================
*/




/*.posting .content .controls.active {
    display: inline-block;
}

.posting .content .controls {
    display: none;
    width: 100%;
    height: 32px;
    border-top: 1px solid #E4E4CD;
}

.posting .content .controls button,
.posting .content .controls .release{
    float: left;
}

.posting .content .controls button {
    height: 32px;
    margin: 0;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 5px;
    border-right: 1px solid #e4e4cd;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.posting .content .controls button .label {
    color: #636363;
}

.posting .content .controls button:hover {
    border: 1px solid #99ccff !important;
    outline: none;
}

.posting .content .post-bt {
    pointer-events: none;
}

.posting .content .post-bt:hover,
.posting .content .post-bt {
    position: relative;
    z-index: 5;
    display: block;
    width: 55px;
    background-position-x: 18px;
    cursor: default;
}

.posting .content .post-bt.active {
    background-color: #079FE1;
    cursor: pointer;
    pointer-events: all;
}

.posting .content .post-bt:hover {
    background-color: #AACEF3 !important;
}

.posting .content .post-bt.active:focus,
.posting .content .post-bt.active:hover {
    background-color: #6ADAEC !important;
}*/

/*
Actions
*/

/*.posting .actions {
    float: left;
    position: absolute;
    left: 50px;
    border-left: 2px solid #dcdcdc;
}

.posting .actions button {
    z-index: 22;
    width: auto;
    height: 34px;
    margin: 0;
}

.posting .actions button .label {
    margin-top: 3px;
    font-weight: bold;
    font-size: 11pt;
    color: #999999;
}

.posting .actions button .caret {
    float: right;
    margin-top: 13px;
}

.posting .content .controls .actions button .caret {
    margin-top: 5px;
}

.posting .actions .dropdown-menu {
    top: 99%;
}

.posting .actions button[aria-expanded="false"] + .dropdown-menu{
    display: none;
}

.posting .actions button[aria-expanded="true"] + .dropdown-menu{
    display: block;
}

.posting .actions .selected {
    position: relative;
    top: -0px;
    width: 26px;
    height: 26px;
}

.posting .actions .selected.empty {
    width: 10px;
}



.posting .actions .dropdown-menu.arrow_box:before,
.posting .actions .dropdown-menu.arrow_box:after{
    left: 15%;
    left: 7.5%;
}*/

/*
Elements
*/

/*.posting .post-elements .element-type.green .element {
    color: #5CBB79;
}

.posting .post-elements .element-type.orange .element {
    border: 2px solid #D0C261;
    background-color: #FFFDCB;
}

.posting .actions .dropdown-menu li:hover .action-selection{
    background: white;
}

.posting .post-elements {
    display: none;
    height: auto;
    padding-left: 10px;
    border-top: 1px dashed #E4E4CD;
    width: auto;
}

.posting .post-elements.active {
    border-top: 1px dashed #E4E4CD;
}

.posting .post-elements .action-elements,
.posting .post-elements .elements-container {
    float: left;
}

.posting .post-elements .elements-container {
    display: none;
}

.posting .post-elements .rel-auto {
    width: 180px;
}

.posting .post-elements .element-type,
.posting .post-elements .rel-auto {
    margin-top: 4px;
    margin-left: 4px;
}

.posting .post-elements .rel-auto.ui-autocomplete-input,
.posting .post-elements .rel-auto.ui-autocomplete-input:focus {
    outline: none;
    border: none;
    line-height: 25px;
}

.posting .post-elements .element-type {
    display: block;
    float: left;
    margin-right: 5px;
}

.posting .post-elements .element-type .element,
.posting .post-elements .element-type .text {
    height: 24px;
}

.posting .post-elements .element-type .element {
    padding: 0px 3px;
}*/

/*.posting .posting-title {
    display: none;
    float: left;
    margin-left: 13px;
}*/

/*.posting .posting-title input,
.posting .posting-title input:focus{
    width: 100%;
    height: 25px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 2px 0px 2px 10px;
    border: none;
    border-left: 2px solid #079FE1;
    outline: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size: 11pt;
    color: #256DA7;
}*/

/*.posting .arrow {
    width: 10px;
    height: 10px;
    top: 11px;
    left: 37px;
    float: left;
}

.posting .arrow, 
.posting .arrow div{
    z-index: 20;
    position: relative;
    pointer-events: none;
}

.posting .arrow div:after, 
.posting .arrow div:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}*/

/*.posting .arrow div:before {
    border-color: rgba(206, 206, 206, 0);
    border-bottom-color: #CECECE;
    border-width: 10px;
    margin-left: -10px;
}

.posting .arrow div:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 9px;
    margin-left: -9px;
}*/

/*.active-actions {
    display: none;
    border-top: 1px dashed #ccccff;
    margin-top: 10px;
    padding: 10px;

}

.newsfeed .active-action-item {
    display: inline-block;

    width: 100%;
    min-height: 100px;

    border: 1px dashed #DEDEDE;
    padding: 10px;
    margin-top: 10px;
}

.newsfeed .active-action-item .closeable {
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    padding: 2px;
    text-align: center;
    line-height: 17px;
    position: relative;
    top: -5px;
    right: -5px;
    z-index: 10;
    text-decoration: none;
    color: #B5B5B5;

    background-color:#F1F1F1;
    cursor: pointer;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.newsfeed .active-action-item .closeable:hover {
    color: #969696;
}

.newsfeed .active-action-item .active-action-content {
    display: inline-block;
    width: 96%;
    float: left;
}

.newsfeed .active-action-item .remote-web-info {
    background-color: #dedeff;
    padding: 10px;
}

.newsfeed .active-action-item .remote-web-info .left-side {
    display: inline-block;
    width: 26px;
    height: 26px;
    float: left;

    border: 1px solid #BAD6DA;

}

.newsfeed .active-action-item .remote-web-info .image {
    display: block;
    width: 100%;
    height: 100%;
    background-size: 16px;
}

.newsfeed .active-action-item .remote-web-info .content-info {
    display: inline-block;
    float: left;
    margin-left: 15px;
    width: 80%;
}

.newsfeed .active-action-item .remote-web-info .content-info .title {
    word-break: break-all;
    font-weight: bold;
}

.newsfeed .active-action-item .inprogress{
    display: block;
    width: 64px;
    height: 64px;
    margin-left: auto;
    margin-right: auto;
    border: none;

    background-color: transparent;
    background-image: url("/public/images/ajax_loader_blue_512.gif");
    background-size: 64px;
}*/

/*
===============================
Posting Item
===============================
*/

/*.posting-item {
    padding: 12px 6px 6px 6px;
    margin-bottom: 20px;
}

.posting-item .title-link {
    display: inline-block;
    font-weight: bold;
    font-size: 10pt;
    line-height: 21px;
    margin-right: 5px;
}

.posting-item .account-img {
    display: block;
    float: left;
    background-color: white;
    background-image: url('/public/images/IMG_6184.jpg');
}

.posting-item .post-main-img{
    width: 48px;
    height: 48px;
    background-size: 48px;
}

.posting-item .post-info {
    width: 100%;
    padding-bottom: 2px;
    font-size: 10pt;
}

.posting-item .options {
    position: relative;
    float: right;
}

.posting-item .options button {
    margin: 0;
    margin-right: 5px;
}

.posting-item .options .dropdown-menu {
    top: 90%;
}

.posting-item .options .arrow_box:after,
.posting-item .options .arrow_box:before {
    left: 91%;
}

.posting-item .options button span {
    color: #CCC;
    padding-top: 0;
}

.posting-item .post-info .header {
    width: 100%;
    padding-bottom: 2px;
}

.posting-item .post-info .header .header-content {
    display: inline-block;
    width: calc(100% - 30px);
    margin: 0;
    padding: 0;
    padding-left: 25px;
}

.posting-item .post-info .header .header-content a {
    display: inline;
}


.posting-item .post-info .header .header-content span {
    padding-left: 4px;
}

.posting-item .post-info .header span {
    margin-left: 5px;
}

.posting-item .post-info .action {
    float: left;
    width: 21px;
    height: 21px;
    margin-right: 8px;
}

.posting-item span {
    padding-top: 3px;
}

.posting-item .post-info span.small {
    font-size: 9pt;
}*/

/*
post options
*/

/*.posting-item .post-options {
    width: calc(100% + 35px);
    margin: 0;
    padding: 0;
    padding-top: 5px;
    padding-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    background-color: rgb(237, 237, 231);
    border: 1px solid transparent;
}

.option-action-link {
    display: block;
    height: 21px;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 185%;
    cursor: pointer;
    font-size: 9pt;
}

.option-action-link.discussion {
    background-image: url(/public/images/discuss.png);
    padding-left: 23px;
    background-size: 21px;
}

.option-action-link.discussion.selected {
    background-image: url(/public/images/discuss_selected.png);
}

.option-action-link.like {
    background-image: url(/public/images/like.png);
    background-size: 18px;
    padding-left: 23px;
}

.option-action-link.like.selected {
    background-image: url(/public/images/like_selected.png);
}

.posting-item .post-options .option-action-link.comment {
    background-image: url(/public/images/comment.png);
    background-size: 16px;
    padding-left: 23px;
}

@media(max-width: 767px) {
    .posting-item .post-options .option-action-link.comment {
        width: 21px;
        color: transparent;
    }
}

.option-action-link.selected {
    font-weight: bold;
}

.posting-item .post-options li {
    float: left;
    margin-right: 0px;
}

.posting-item .post-options li.margin {
    margin-left: 10px;
}

.posting-item .post-options .progress {
    margin: 0;
    width: 45px;
    height: 8px;
    margin-top: 7px;
}

.newsfeed .release .arrow_box {
    top: 90%;
    left: -8px;
}

.newsfeed .release .arrow_box:after, 
.release .arrow_box:before {
    left: 15%;
}*/

/*
content
*/

/*.posting-item .post-content {
    display: block;
    float: left;
    width: calc(97% - 35px);
    margin-left: 1.5%;
}

.posting-item .post-main-img + .post-content{
    width: 81%;
}

.task-action-container {
    display: block;
    width: 65%;
    height: auto;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
}

.task-action {
    display: inline-block;
    float: left;
    min-width: 165px;
    width: 50%;
    height: auto;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
}

.task-action .intext button{
    margin: 0;
    padding: 1px 3px 1px 4px;
    font-size: 14px;
    font-weight: normal;
}

.task-action .intext .arrow_box:after, 
.task-action .intext .arrow_box:before {
    left: 54.5%;
}

.task-action .intext .dropdown-menu {
    top: 100%;
}

.task-action .intext button .caret {
    margin-right: 3px;
    float: right;
}*/

/*.task-action .work-in-progress-action,
.task-action .resolve-action {

        border: 1px solid transparent;
        background-color: #339900;
}*/

/*.task-action .task-bt {
    display: block;
    float: left;
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 40px;

    background-size: 28px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-box-shadow: 4px 4px 11px 0px rgba(212, 212, 212, 0.75);
    -moz-box-shadow:    4px 4px 11px 0px rgba(212, 212, 212, 0.75);
    box-shadow:         4px 4px 11px 0px rgba(212, 212, 212, 0.75);
    border: 1px solid #E0E0E0;
    cursor: pointer;
}

.task-action .task-bt:hover {
    -webkit-box-shadow: 3px 3px 8px 0px rgba(160, 160, 160, 0.75);
    -moz-box-shadow:    3px 3px 8px 0px rgba(160, 160, 160, 0.75);
    box-shadow:         3px 3px 8px 0px rgba(160, 160, 160, 0.75);
}

.task-action .resolve-action {
    background-image: url("/public/images/ok_gray.png");
}

.task-action .work-in-progress-action {
    background-image: url("/public/images/work_in_progress_gray.png");
}

.task-action .work-in-progress-action.active,
.task-action .resolve-action.active {
    background-color: white;
}

.task-action .work-in-progress-action.active {
    background-image: url("/public/images/work_in_progress.png");
}

.task-action .resolve-action.active {
    background-image: url("/public/images/ok.png");
}

.task-action .text,
.task-action p{
    display: block;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    text-align: center;
}

.task-action .text,
.task-action .text span,
.task-action p,
.task-action p span {
    color: #808080;
}

.posting-item p {
    margin: 0;
    max-width: 100%;
    word-break: break-word;
    padding: 11px 0px 10px 0px;
}

.posting-item .comments p {
    padding: 0px 0px 2px 0px;
}

.posting-item p .status,
.posting-item p .hashtag,
.posting-item p .link,
.posting-item p .socialobject {
    display: inline-block;
    cursor: pointer;
    margin: 0;
    padding: 0px 3px 0px 3px;
}

.posting-item p .status {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0px 4px 1px 4px;
    color: #fff;
    font-size: 15px;
    background-color: #7EA785;
}

.posting-item p .status.orange {
    background-color: #E2B80E;
}

.posting-item p .hashtag {
    background: none;
    border: none;
    padding: 0px 4px 1px 4px;
    font-style: italic;
    font-size: 15px;
        color: #333;
        background-color: rgba(116, 179, 222, 0.55);
    color: #fff;
    background-color: rgba(21, 95, 33, 0.55);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.posting-item p .link {
    display: inline;
    color: #4D92D4;
}

.posting-item p .socialobject {
    color: #256DA7;
    background-color: rgba(195, 211, 216, 0.29);

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.posting-item .feedback .loading-action {
    height: 28px;
    margin-top: 10px;
    background-color: rgba(63, 129, 160, 0.25);
    text-align: center;
    cursor: pointer;
}

.posting-item .feedback .loading-action span {
    color: #2b2b2b;
}

.posting-item .feedback .comments {
    width: 97%;
    margin-left: 3%;
}

.posting-item .feedback .comment {
    min-height: 40px;
    padding: 4px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.posting-item .feedback .comment .post-options{
    background-color: transparent;
    border: none;
    margin-top: 0px;
    padding-top: 0px;
    padding: 0px;
}

.posting-item .feedback .comment.gray {
    background-color: rgba(63, 129, 160, 0.25);
}

.posting-item .feedback .comment .content {
    width: 80%;
    margin-top: 2px;
    margin-left: 10px;
    float: left;
}

.posting-item .feedback .comment .title-link {
    font-size: 9pt;
}

.posting-item .feedback .comment-input {
    display: none;
    margin-top: 5px;
}

.posting-item .feedback .account-img {
    width: 38px;
    height: 38px;
    background-size: 38px;
    margin-top: 4px;
    margin-left: 4px;
}

.posting-item .feedback .comment-input .comment-in {
    width: 100%;
    margin: 8px;
    margin-left: 0;
    margin-top: 2px;
    padding-left: 5px;
    padding-right: 40px;
    border: 1px solid #AACEF3;
    resize: none;
}

.posting-item .feedback .comment-input .comment-send {
    position: relative;
    z-index: 5;
    display: block;
    height: 40px;
    width: 40px;
    float: right;
    top: -40px;
    right: -5px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 40px;

        background-color: #AACEF3;
        background-image: url("/public/images/send.png");
        background-size: 21px;
    background-position-x: 12px;
    cursor: pointer;
}*/

/*.newsfeed .actual,
.newsfeed .newsfeed-container {
    display: inline-block;
    width: calc(100% - 15px);
    border-left: 4px solid #66A8CC;
    padding-left: 10px;
    margin-left: 2px;
}

.newsfeed .actual {
    border-left: 4px solid #1ABC9C;
    padding-left: 5px;
    width: calc(100% - 10px);
}

.newsfeed .timeline {
        float: left;
        display: inline-block;
        width: 10px;
        height: 100%;
        border-right: 1px solid silver;
        margin-right: 10px;
}

.newsfeed .date-point {
    display: inline-block;
    position: relative;
    left: -10px;
    width: calc(100% + 15px);
    height: auto;
    min-height: 5px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 5px;
    border-top: 1px dashed #66A8CC;
    background-color: rgba(222, 230, 239, 0.41);
}

.newsfeed .actual .point,
.newsfeed .date-point .point {
    width: 12px;
    height: 12px;
    background-color: #66A8CC;
    border-radius: 20px;
    position: absolute;
    left: -6px;
    top: -6px;
    border: 3px solid #E8E8DB;
}

.newsfeed .actual .point {
    position: relative;
    left: -15px;
    top: -2px;
    width: 16px;
    height: 16px;
    background-color: #1ABC9C;
}

.newsfeed .date-point .date-point-value {
    position: relative;
    top: -15px;
    display: block;
    width: 150px;
    height: 20px;
    margin: auto;
    padding: 2px 5px 2px 5px;
    margin-bottom: 10px;
    text-align: center;

    border: 1px solid rgb(102, 168, 204);
    background-color: #6691A9;
    color: white;
    border-radius: 10px;
}



.theSelector{
    background-color: transparent; 
    position: relative; 
    direction: ltr; 
    padding: 4px 6px;
    -webkit-transition: height 0.2s;
    vertical-align:middle;
    line-height:20px;
}*/

/*.highlighter .element,
.hashtag{
    font-family: 'Montserrat-UltraLight';
    display: inline-table;
    font-size: 12pt;
    white-space: pre;
    word-break:break-all;
    line-height:18px;
    padding-right: 3px;
    margin-left: -2px;
    position: relative;
    top: -1px;

    color: transparent;
    padding-left: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}*/

/*.highlighter .element {
    padding-left: 0px;
    background-color: #DBEFFF;
}

.highlighter .element.red {
    background-color: #FFD2D2;
}*/

/*.highlighter .element + .element {
    position: relative;
    padding-left: 5px;
    left: -5px;
}*/

/*.highlighter .hashtag {
    z-index: 10;
    color: black;
    font-style: italic;
    background-color: #C3ECC3;
}*/

/*.highlighter .smiley-positiv{
    z-index: 10;
    display: inline-table;
    font-size: 12pt;
    white-space: pre-wrap;
    word-break:break-all;
    width: 16px;
    line-height:20px;
    height: 16px;
    padding-right: 3px;
    margin-left: -2px;
    position: relative;
    top: -2px;
        position: relative;
        z-index: 10;
        display: inline-block;
        width: 27px;
        height: 16px;
        line-height:18px;
        margin-left: -3px;
        top: -1px;
        top: 0;
    background-color: white;
    background-image: url('/public/images/smiley.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
}

.highlighter .contact {
    z-index: 10;
    display: inline-table;
    font-size: 12pt;
    white-space: pre-wrap;
    word-break:break-all;
    width: 16px;
    line-height:20px;
    height: 16px;
    padding-left: 3px;
    margin-left: -2px;
    position: relative;
    background-color: white;
    color: black;
}

.social-inbox {

}

.social-inbox .header,
.social-inbox .control,
.social-inbox .social-in-tags,
.social-inbox .social-textarea {
    padding-left: 10px;
    font-family: 'Montserrat-UltraLight';
}

.social-inbox .header {
    display: inline-block;
    color: #505050;
    padding-left: 3px;
    padding-right: 6px;
    line-height: 24px;

    font-style: italic;
    min-width: 25px;
    height: 28px;
    line-height: 28px;
    margin-top: 2px;
    float: left;
}*/

.social-inbox form {
    margin: 0;
}

.social-inbox .cursor-pos {
    position: absolute;
    top: -10px;
}

.social-inbox .input,
.social-inbox .input:focus{
    position: relative; 
    min-height: 40px;
    height: 40px;
    line-height:20px;
    margin-top: 10px;
    padding: 4px 6px;
    -webkit-transition: height 0.2s;
    direction: ltr; 
    vertical-align:middle;

    background-color: transparent; 
    border: none;
    outline: none;
    font-size: 12pt;
    color: #404040;
    resize: none;
}

/*.social-inbox .highlighter{
    width: calc(100% - 73px);
    white-space: pre-wrap;
    color:transparent;
    overflow: hidden; 
    position: absolute;
    margin-top: 10px;
    padding-left:7px;
    padding: 4px 6px;
    padding-left: 8px;
    padding-top:5px; 
    font-family: 'Montserrat-UltraLight';
    font-family: "Helvetica Neue", Helvetica,Arial,sans-serif;
    font-size:12pt;
    line-height:20px;
    cursor: text;
}*/

/*.social-inbox .highlighter .status,
.social-inbox .highlighter .hashtag,
.social-inbox .highlighter .element {
    z-index: 10;
    display: inline;
    font-size: 12pt;
    white-space: pre-wrap;
    word-break:break-all;
    line-height:18px;
    padding-right: 2px;
    padding-left: 0px;
    margin-left: -2px;
    position: relative;
    top: -1px;


}*/

/*.social-inbox .social-in-tags {
    display: none;
    width: 100%;
    height: auto;
    border-top: 1px dashed #E4E4CD;
}

.social-inbox .social-in-tags .tag-search:focus,
.social-inbox .social-in-tags .tag-search {
    display: inline-block;
    width: 120px;
    border: none;
    outline: none;
    height: 24px;
    margin: 2px;
    margin-top: 4px;
}

.social-inbox .social-in-tags .social-tag {
    display: inline-block;
    float: left;
    margin: 5px 2px 5px 2px;
    padding: 2px 10px 2px 10px;

    font-size: 10pt;

    background-color: rgba(198, 228, 167, 0.64);

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.social-inbox .social-in-tags .social-tag .b-symbol-l {
    padding-left: 18px;
}

.social-inbox .social-in-tags .social-tag .glyphicon-remove {
    font-size: 11px;
    font-weight: 100;
    color: gray;
    padding-left: 5px;
}

.social-inbox .social-in-tags .social-tag .glyphicon-remove:hover {
    color: #585858;
    cursor: pointer;
}

.social-inbox .control {
    border-top: 1px solid #E8E8DB;
    padding-bottom: 1px;
}

.social-inbox .control .social-tag-menu button {
    margin: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.social-inbox .control .social-tag-menu .icon {
    display: block;
    width: 16px;
    height: 16px;

    background-image: url('/public/images/mark.png');
    background-size: 16px;
}

.social-inbox .ui-autocomplete {
    padding: 0;
}

.social-inbox .ui-autocomplete .ui-menu-item {
    min-height: 36px;
    padding: 5px 10px;
}

.social-inbox .ui-autocomplete .ui-menu-item + .ui-menu-item {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.social-inbox .ui-autocomplete .ui-menu-item .b-symbol-c{
    position: absolute;
    display: block;
    height: 25px;
    width: 25px;
}

.social-inbox .ui-autocomplete .ui-menu-item p {
    display: inline-block;
    width: 85%;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 15%;
    height: 100%;
}*/