@media only screen and (max-width: 800px) {
    .single-media-post-wrapper {
        margin-top: 70px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.talkbox-textarea{
    width: calc(100% - 92px);
    background: transparent;
    border: none;
    outline: none;
    margin-left: 20px;
    resize: none;
    margin: 0;
    min-height: 72px;
    font-size: 16px;
    font-family: 'Open Sans';
    color: #647287;
    padding-top: 15px;
    transition: padding-top 0.1s ease-in-out;
    overflow: hidden;
}

.talkbox-textarea ::-webkit-scrollbar {
    width: 5px;
}

.talkbox-textarea ::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background: #fff;
    border-radius: 10px;
}

.talkbox-textarea ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #e3e3e3;
}

.talkbox-textarea:focus{
    box-shadow: none;
    padding-top: 0px;
    overflow: auto;
    transition: padding-top 0.1s ease-in-out;
}

.talkbox-textarea.has-data{
    padding-top: 0px;
    overflow: auto;
    margin-bottom: 10px;
}

@media only screen and (max-width: 600px) {
    .single-media-post-wrapper {
        margin-top: 25px;
    }

    .talkbox-textarea{
        width: 100%;
        font-size: 15px;

    }
}


.edittalkboxTagArea {
    min-height: 42px
}

.min-height-55 {
    min-height: 55px;
}

.mobile-attach-icon {
    display: none !important;
}

.margin_bottom_zero {
    margin-bottom: 0px !important;
}

.media_module_comment_media {
    margin-top: 20px;
    max-height: 70vh;
    width: auto;
    height: auto
}

.modal-viewer .avatar_media_img,
.modal-viewer .viewer .viewer__main .show-area img.avatar_media_img {
    width: auto !important;
    height: auto !important;
    max-height: calc(100vh - 40px); /*exactly same size as the module*/
}

.news-box .bg-small {
    background-size: 60% !important;
    background-position: center !important;
}


.hide-for-desktop {
    display: none;
}

#attach-news-photo .cancellink, #attach-news-photo a.cancellink {
    color: #667586 !important
}

#mediaContainerfileOnly .mediaThumb, .mediaContainerFilePanel .newsMediaFileThumb {
    width: calc(50% - 4px);
    margin-right: 10px;
    background-color: #fff !important;
    height: 40px;
    padding: 9px 22px 6px 35px;
    float: left;
    background-repeat: no-repeat !important;
    background-size: 15px 16px !important;
    background-position: 10px center !important;
    border: solid 1px #dcdfe5;
}

.postpanel .postPanelFilesMedia .mediaThumb {
    width: 50%;
    height: 35px;
    width: calc(50% - 6px);
    margin-right: 10px;
    background-color: #fff !important;
    height: 40px;
    padding: 9px 22px 6px 9px;
    float: left;
    /* background-repeat: no-repeat !important;
    background-size: 50px 100px !important;
    background-position: 2px 1px !important;
    border: solid 1px #dcdfe5; */
}

.postpanel .postPanelFilesMedia .mediaThumb:nth-child(even) {
    margin-right: 0px;
}

.postpanel .postPanelFilesMedia .mediaThumb .text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;

    /*white-space: nowrap !important; */
    padding-right: 15px;
    /*overflow: hidden */
}

.postpanel .postPanelFilesMedia .mediaThumb .remove {
    position: absolute;
    top: 8px;
    float: right;
    width: 17px;
    height: 17px;
    border-radius: 10px;
    padding: 3px 3px 3px 3px;
    cursor: pointer;
    font-size: 0.70em;
    font-weight: normal;
    right: 6px;
    color: #ccc;
    border: none;
    left: inherit;
    right: 2px !important;
    background: none;
    padding: 2px 2px 2px 2px !important;
}

.postpanel .postPanelFilesMedia .mediaThumb .remove:hover {
    color: #0aa1d8;
}

.postpanel .postPanelFilesMedia .mediaThumb:hover .remove {
    /*display: block;*/
}

#mediaContainerfileOnly .mediaThumb .text,
.mediaContainerFilePanel .newsMediaFileThumb .text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    font-size: 13px;
    color: #586476;

}

#mediaContainerfileOnly {
    width: 100%
}

#mediaContainerfileOnly .mediaThumb i {
    position: absolute;
    top: 8px;
    float: right;
    width: 17px;
    height: 17px;
    border-radius: 10px;
    padding: 4px 18px 0px 0px;
    cursor: pointer;
    font-size: 0.70em;
    font-weight: normal;
    right: 6px;
    color: #cfd4db;
    border: none;
    left: inherit;
    right: 2px !important;
    background: none;
}

#mediaContainerfileOnly .mediaThumb i:hover {
    color: #0aa1d8;
}

#mediaContainerfileOnly .mediaThumb:nth-child(even) {
    margin-right: 0px;
    margin-left: 0px;
}



/*** auto complete ************/
.viewer__main ul.ui-autocomplete.ui-menu {
    top: 55px !important;
}

.viewer__main .ui-autocomplete li:last-child {
    border: none !important;
}

.viewer__main .ui-autocomplete .ui-menu-item {
    font-size: 13px;
    font-weight: 500;
    color: #39414d;
}

.padding-bottom-five {
    padding-bottom: 5px;
}

.padding-bottom-ten {
    padding-bottom: 10px;
}

.padding-bottom-twenty {
    padding-bottom: 20px;
}

.group_model_popup input.cmn-toggle-round:checked + label:before {
    background-color: #E53635;
}

.confidential-selected-prop {
    font-weight: 600;
    color: red;
}

.viewer__main .ui-autocomplete {
    border-radius: 4px;
    border: 1px solid rgb(10, 161, 216) !important;
    margin-top: 18px;
    width: 255px;
}

.viewer__main .ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #0aa1d8;
}

.viewer__main .ui-autocomplete .ui-menu-item {
    border-bottom: 1px solid #cfd4db !important;
    padding: 9px 10px;
}

#tag_user_in_photos {
    display: none;
    position: absolute;
    top: 100px;
    left: calc(50% - 155px);
    z-index: 6666;
    width: 300px;
}

.mediaThumb {
    height: 94px;
    width: 94px;
    float: left;
    margin: 0px 6px 8px 0px;
    position: relative;
    background-repeat: no-repeat !important;
    border: 1px solid #cfd4db;
    margin-right: 8px;
}

.notified-comment {
    background-color: #ffffff;
    animation-name: highlightcomment;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-play-state: running;
}

.comments__lists-item--reply .notified-comment {
}


@keyframes highlightcomment {
    0% {
        background-color: #fcf7da;
    }
    70% {
        background-color: #fcf7da;
    }
    100% {
        background-color: #fcf7da;
    }
}


@keyframes highlightreplycomment {
    0% {
        background-color: #fcf7da;
    }
    70% {
        background-color: #fcf7da;
    }
    100% {
        background-color: #fcf7da;
    }
}

.viewer .viewer__sidebar .list--comments {
    /*max-height: calc(100vh - 230px - 20vh) !important;*/
    /*overflow-y: scroll;*/
    position: relative;
}

#mediaContainer {
    /*border: 1px solid #ccc;*/
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    height: 55px;
    display: table;
}

#attach-news-photo .modal__content {
    background-color: #ffffff !important;

}

#attach-news-photo .modal__content a {
    color: #0aa1d8 !important;
}

#attach-news-photo .modal__content .btn-default,
#attach-news-photo .modal__content .triggerFileClick {
    color: #fff !important;
    cursor: pointer;
}

#attach-news-photo .box--gray, .box--media__visitor {
    background-color: #fff !important;
}

#attach-news-photo .lines-button.x.close {
    right: 0.5rem !important;
    top: 7px !important;
    max-width: 25px;
    max-height: 25px;
}

#attach-news-photo input[type=file] {
    display: block !important;
    z-index: 200;
    width: 100%;
    height: 45px;
    position: absolute;
    top: 60px;
    opacity: 0;
}

#attach-news-photo .lines-button.x.close .lines:before,
#attach-news-photo .lines-button.x.close .lines:after {
    width: 1.3rem !important;
}

.newsMediaFileThumb {
    background-size: 100% 100% !important;
    margin: 5px;
    border: 1px solid #ffba49;
    width: 30px;
    height: 30px;
    position: relative
}

/* News Talk box attachment previews limit exceed css starts here */
.limit-exceed {
    border: 2px dashed #ff0000 !important;
    animation: grow-animation 2s linear infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes grow-animation {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

/* Standard syntax */
@keyframes grow-animation {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

/* News Talk box attachment previews limit exceed css ends here */

.editpost-buttons {
    text-align: right;
    top: 22px;
    right: 30px;
    width: 30px;
}

.edit-post .editable-post textarea.input--text,
.edit-post .editable-post textarea.selectize-input {
    border: 2px solid #667586;
    padding: 2px 40px 2px 10px;
}

/*.news-box .mediaThumb .remove{ display: none }*/
.news-box .mediaThumb:hover .remove {
    display: block
}

.editable-post {
    background: none !important;
    border: none !important
}

.reply_comment_ul_container_main {
    margin-right: -20px;
    margin-left: -20px;
    position: relative;
}

.reply_comment_ul_container_main
.reply_comment_ul_container_main > li:first-child {
    margin-top: 10px;
}

.reply_comment_ul_container_main > li:first-child:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 8px solid #e8eaf1;
    left: 26px;
    position: absolute;
    top: -5px;
}

wt-media-light-box-component .reply_comment_ul_container_main:before {
    border-bottom: 8px solid #d8dbe7;
    top: -7px;
}

.reply_comment_ul_container_main > li:first-child:after,
.side_menu_banner_overlay {
    display: table;
    width: 100%;
    background-color: #1d2026 !important
}

.side_menu_banner_overlay:hover #user_side_menu_banner {
    opacity: 0.5;
}

.side_menu_banner_overlay #bannerIconEditIcon_onsidebar {
    display: none;
}

.side_menu_banner_overlay:hover #bannerIconEditIcon_onsidebar {
    display: block;
}

#user_side_menu_banner {
    height: 90px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    width: 100%;
}

wt-media-light-box-component .reply_comment_ul_container_main:after {
    border-bottom: 7px solid #e6e8e8
}

.postpanel ul .island {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
}

/**************** Cropping tool****************/
.croppie-container .cr-vp-square {
    -webkit-box-shadow: 0px 0px 3px 200px rgba(204, 204, 204, 0.55) !important;
    -moz-box-shadow: 0px 0px 3px 200px rgba(204, 204, 204, 0.55) !important;
    box-shadow: 0px 0px 3px 200px rgba(204, 204, 204, 0.55) !important;
}

.croppie-container .cr-viewport {
    position: absolute;
    border: 1px dashed #fff;
}

/*********************************/
.postPanelFilesMedia td {
    position: relative
}

.mediaThumb i, .newsMediaThumb i, .postPanelFilesMedia i {
    position: absolute;
    top: calc(50% - 18px);
    left: calc(50% - 18px);
    float: right;
    width: 37px;
    height: 37px;
    border-radius: 18px;
    padding: 10px 3px 3px 4px;
    cursor: pointer;
    font-size: 0.91em;
    font-weight: normal;
    border: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
    background-color: #000;
    line-height: 14px;

}

.postPanelFilesMedia i, .postPanelImagesMedia i {
    position: absolute;
    padding: 10px 4px 3px 4px;
    font-size: 0.91em;
    top: calc(50% - 18px);
    left: calc(50% - 18px);
}

#media-lightbox-modal .postPanelFilesMedia i, #media-lightbox-modal .postPanelImagesMedia i {
    padding: 10px 3px 3px 4px;
    position: absolute;
    top: calc(50% - 18px);
    left: calc(50% - 18px);
}

#media-lightbox-modal .textarea-highlighter-wrap .editBox .input--text,
#media-lightbox-modal .write-box .input--text {
    max-height: 60px;
    background-color: #F4F5F6;

}

.postPanelImagesMedia i {

    top: 2px;
    left: 35px !important;
}

.mediaThumb i:hover, .newsMediaThumb i:hover, .postPanelFilesMedia i:hover {
    color: #0aa1d8;
    border: 2px solid #0aa1d8;
}

.comment-reply-box {
    /*margin-left: -20px;*/
    /*margin-right: -20px;*/
}

.uploadMoreThumb {
    width: 94px;
    height: 94px;
    border: 1px dashed #cfd4db;
    display: block;
    position: relative;
    float: left;
    margin-top: 0px;
    text-align: center;
    vertical-align: middle;
    font-size: 16pt;
    font-weight: 600;
    color: #b3b0b0;
    margin-left: 0px;
    margin-bottom: 10px;
}

.uploadMoreThumb a {
    display: block;
    height: 100%;
    padding-top: 25px;
    background: url("/common/images/icons_2x/add-more.svg") no-repeat center center
}

.uploadMoreThumb a:hover {
    display: block;
    height: 100%;
    padding-top: 25px;
    background: url("/common/images/icons_2x/add-more-over.svg") no-repeat center center
}

.uploadMoreThumb a:hover {
    text-decoration: none;
    color: #0aa1d8
}

.newsMediaThumb i {
    left: 48px;
}

.postPanelFilesMedia i {
    top: 2px;
    left: 25px;
}

.newsavatar {
    background-size: cover !important;
    float: left;
    position: relative;
    overflow: hidden;
    display: table-row;
    box-sizing: border-box;
    width: 50px ! important;
    border: 1px solid #DCDFE5;
    height: 50px;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
}


.selectize-input.full {
    background-color: #ffffff;
}

.selectize-input {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 10px;
}

.selectize-input {
    padding: 9px 23px 10px 10px;
    border-width: 1px;
    box-shadow: none;
}

.input--text, .selectize-input {
    border-radius: 2px;
    box-sizing: border-box;
    color: #000;
    cursor: auto;
    height: 41px;
    padding: 9px 10px;
    width: 100%;
    -webkit-appearance: none;
}

.croppie-containerpanel .browseFile {
    border: 2px dashed #e5e6ec;
    margin: 20px;
    height: 300px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    margin-bottom: 30px !important;
    margin-top: 25px !important;
}

.croppie-containerpanel #coverImageFileFieldForm .grid__item {
    padding-bottom: 0px
}

.croppie-containerpanel #coverImageFileFieldForm {
    min-height: 300px;
}

.croppie-containerpanel #coverImageFileFieldForm {
    position: relative
}

.croppie-containerpanel #coverImageFileFieldForm .loading-icon {
    display: none;
    background-image: url(/common/images/loading_circles.svg);
    background-position: center;
    height: 306px;
    background-size: 100px 100px;
    width: 100%;
    background-repeat: no-repeat !important;
    position: absolute;
    z-index: 2000;

}

.loading_responsive_panel {
    background-color: rgba(0, 0, 0, 0.7);
    background-image: url(/common/images/loading_circles-white.svg);
    background-position: center;
    height: 100vh;
    background-size: 100px 100px;
    width: 100%;
    background-repeat: no-repeat !important;
    position: absolute;
    z-index: 2000;
}

.overlay {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.6);
    background-image: url(/common/images/loading_circles-white.svg);
    width: 100%;
    height: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 10000;
    background-size: 250px 75px;
}

#addfile-modal #fileUploadFileField {
    opacity: 0;
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    top: 10px;
}

.desktop-attach-icon-cell-portrail {
    display: block !important;
}

.mobile-attach-icon-cell-portrail {
    display: none !important;
}

.selectize-input {
    border: 1px solid #d0d0d0;
    padding: 8px 8px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.selectize-input, .selectize-control.single .selectize-input.input-active {
    background: #ffffff;
    cursor: text;
    display: inline-block;
}

.selectize-dropdown, .selectize-input, .selectize-input input {
    color: #303030;
    font-family: inherit;
    font-size: 13px;
    line-height: 18px;
    -webkit-font-smoothing: inherit;
}

element.style {
}

/*.header .wrapper  .form-field--search {margin-right: -30px;}*/
.header .wrapper .form-field--search {
    width: 100%;
}

/*
.grid--narrow > .grid__item {
    padding-left: 10px;
}
*/
.selectize-input input[type=text]:read-only {
    background-color: transparent !important;
}

.modal-dialog .inprogress {
    background-image: url(/common/images/loading_circles-white.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 10px center;
    cursor: not-allowed;

}

.reply_comment_index-0::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 6px solid #e8eaf1;
    left: 26px;
    position: absolute;
    top: -5px;
}

.reply_comment_index-0::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 7px solid #d8dbe7;
    left: 26px;
    position: absolute;
    top: -7px;
}

.postPanelImagesMedia, .postPanelFilesMedia {
    width: 100%;
    height: auto;
    display: block !important;
}

@media only screen and (max-width: 800px) {
    .side_menu_banner_overlay #bannerIconEditIcon_onsidebar {
        display: block;
    }

    .error_message_dialogue {
        margin-top: 30px;
    }

    /* add spinner to mobile for onboardings buttons*/
    .singupforms .loaderImage, #coverImageFileFieldForm .loaderImage {
        width: 14px !important;
        height: 14px !important;
        position: absolute;
        left: 10px;
        top: calc(50% - 7px) !important;
    }

    .homepage .singupforms .loaderImage, #coverImageFileFieldForm .loaderImage {
        top: calc(50% - 15px) !important;
    }

    .postpanel .replycommentLi {
        padding-top: 10px !important;
    }

    .postpanel .comments__lists-item--reply .user_hover_panel {
        padding-bottom: 0px !important;
    }

    .comments__box .comment_text_section {
        margin-left: -23px
    }

    /* add spinner to mobile */
    .fixed .dropdown-box-new__title.dropdown-box-new__title--no-border {
        padding-top: 13px;
        padding-bottom: 10px;
        max-width: 90px !important;
    }

    .notification_panel .dropdown-box-new__title.dropdown-box-new__title--no-border:after {
        width: calc(100% - 25px) !important;
        /*border: 1px solid #ff0000;*/
        background-position-x: right !important;
        background-image: url(/app/assets/images/icons/arrow-down-dropdown-w.svg) !important;
    }

    .desktop-attach-icon {
        display: none
    }

    .mobile-attach-icon {
        display: block !important;
    }

    .talk_box_panel_form {
        margin-top: 46px;
    }

    .gettingStarted {
        margin-top: 20px;
    }

    .on-tour {
        margin-top: 0;
    }

    .talkbox-desktop #mediaContainer {
        display: none;
    }

    .lap--one-half {
        width: 50%;
    }

    .lap--one-half {
        width: 50%;
    }

    .comment_btn_section {
        width: 27% !important;
    }

    .news-box .mediaThumb .remove {
        display: block !important;
    }

    .mobile-padding-13 {
        padding: 13px;
    }

    .mobile-padding-right-0 {
        padding-right: 0 !important;
    }

    textarea#talkboxInputMobile {
        max-height: 140px !important;
        overflow-y: scroll !important;
    }

    .comment_text_section {
        width: 73% !important;
    }

    .edittalkboxTagArea {
        overflow-y: scroll !important;
        height: auto !important;
    }

    .editpost-buttons .attach-icon {
        margin-left: -30px;
    }

    .people-you-may-know-mobile, .who-viewed-your-profile .box {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: -5px;
    }

    .people-you-may-know-timeline .media-content {
        padding-bottom: 10px;
    }

    .responsive-comment-text-section .comments__date {
        text-align: left !important;
    }

    .responsive-comment-text-section {
        float: none;
        display: inline-block;
        width: auto !important;
    }

    .responsive-edit-comments-link {
        padding: 15px 15px 15px 15px !important;
    }

    .hide-for-mobile {
        display: none;
    }

    .viewer .viewer__actions .viewer__actions__list {
        display: table;
    }

    .viewer .viewer__sidebar {
        width: 100% !important;
    }

    .fixed--mobile-navigator .box--filters.fixed {
        left: 0;
        top: 0;
        padding: 5px 19px;
        margin-left: 0;
        width: 100%;
        position: fixed;
        z-index: 1000;
    }

    .fixed-profile-filter.fixed .profile-heading {
        display: none;
    }

    .fixed-profile-filter.fixed .side-nav-btn {
        display: table-cell !important;
    }

    .fixed-profile-filter.fixed {
        left: 0;
        top: 0;
        padding: 0px 10px 11px 10px;
        margin-left: 0;
        width: 100%;
        position: fixed;
        z-index: 1000;
        background: #EEEFF1;
    }

    .fixed-profile-filter.fixed > .nav-main__list {
        border-top: none;
    }

    @media only screen and (max-width: 800px) {
        .fixed--mobile-navigator .box--filters.fixed {
            padding-right: 0px;
            height: 50px !important;
        }
    }


    .fixed-profile-filter.fixed .noImage {
        display: none !important;
    }

    .fixed-profile-filter.fixed .menu-btn {
        float: right;
        margin-top: -12px;
        display: block !important;
    }

    .fixed-profile-filter.fixed .nav-main__list--five li {
        width: 11% !important;
    }

    .fixed-profile-filter.fixed .nav-main__list {
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 100%;
        margin-bottom: -12px;
        text-align: left;
    }

    .icon-photo-add-btn, .icon-video-add-btn, .icon-file-add-btn {
        background-image: url("/app/assets/fonts/icons/add-photo@2x.jpg") !important;
        background-size: contain;
        width: 32px;
        height: 32px;
    }

    .selectize-input input[type=text]:read-only {
        background-color: transparent !important;
    }

    .side-bar-tree-wrapper .sidebar__title.desktoponly {
        display: none !important;
    }

    .light-box-modal-header-links {
        margin-bottom: 0 !important;
        width: 100%;
        background-color: black;
        text-align: center;
    "
    }

    .replycommentLi img {
        margin-top: 6px;
    }

}

@media only screen and (max-width: 768px) {
    .fixed-profile-filter.fixed .nav-main__list {
        margin-left: 0px;
    }

    .fixed-profile-filter.fixed .nav-main__list--five li {
        width: 11% !important;
    }

    .fixed-profile-filter.fixed .nav-main__list {
        padding-right: 0px !important;
        margin-bottom: -10px;
        padding-top: 0px !important;
        text-align: left;
    }

    .fixed-profile-filter.fixed .menu-btn {
        margin-top: -10px;
    }
}

@media only screen and (max-width: 670px) {

    .fixed-profile-filter.fixed .nav-main__list--five li {
        width: 11% !important;
    }

    .fixed-profile-filter.fixed .nav-main__list {
        padding-right: 0px !important;
        margin-bottom: -10px;

    }

    .fixed-profile-filter.fixed .menu-btn {
        margin-top: -10px;
    }

}

@media only screen and (max-width: 600px) {

    .talk_box_panel_form {
        margin-top: 58px;
    }

    .fixed-profile-filter.fixed .nav-main__list {
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-bottom: -10px;

    }

    .fixed-profile-filter.fixed .menu-btn {
        margin-top: -10px;
    }

    .fixed-profile-filter.fixed {
        left: 0;
        top: 0;
        padding: 5px 10px;
        margin-left: 0;
        width: 100%;
        position: fixed;
        z-index: 1000;
        background: #EEEFF1;
    }
}

@media only screen and (max-width: 500px) {
    .fixed-profile-filter.fixed .nav-main__list--five li {
        width: 15.5% !important;
    }

    .fixed-profile-filter.fixed .nav-main__list {
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-bottom: -10px;

    }

    .fixed-profile-filter.fixed .menu-btn {
        margin-top: -10px;
    }
}

@media only screen and (max-width: 450px) {
    .lap--one-half {
        width: 100%;
    }
}

@media only screen and (max-width: 799px) {
    .news-box.profconnections > div > .list--big-icons {
        background: #798ecb !important;
    }

    .news-box.perconnections > div > .list--big-icons {
        background: #b868c8 !important;
    }

    .news-box.Groups > div > .list--big-icons {
        background: #66bb69 !important;
    }

    .news-box.Groups .btn, .news-box.allconnections .upload-avatar__input {
        background: #66bb69 !important;
    }

    .box--attach-mobile {
        border: none !important;
    }
}

@media only screen and (min-width: 800px) {
    #talk_box_panel_form {
        margin-top: 0px;
    }

    .lap--three-sixths, .lap--four-eighths, .lap--five-tenths, .lap--six-twelfths {
        width: 50%;
    }
}

.phone--one-half, .phone--two-quarters, .phone--three-sixths, .phone--four-eighths, .phone--five-tenths, .phone--six-twelfths {
    width: 50%;
}

input.btn--yellow, .btn--yellow {
    background-color: #FFBA49;
    border: 2px solid transparent;
    color: #FFF;
    font-size: 14px;
    height: 41px;
    line-height: 38px;
    padding: 0;
}

.news-box.allconnections .btn, .news-box.allconnections .upload-avatar__input {
    background: #4bc5c3;
}


.list--horizontal__icons > li:nth-child(2) > a {

    position: relative;
    left: 5px;
}

.edit-post__editable .editable-post, .edit-post__editable .show-box {
    opacity: 1;
    display: block;
}


.postPanelImagesMedia ul {
    white-space: nowrap;
    list-style: none;
}

.postPanelImagesMedia li {
    display: inline-block;
}

.postPanelImagesMedia .newsMediaThumb, .postPanelFilesMedia .newsMediaFileThumb {
    cursor: pointer;
}

.newsMediaThumb {
    background-size: cover !important;
    margin: 5px;
    border: 1px solid #dcdfe5;
    width: 60px;
    height: 60px;
    position: relative;
    margin-left: 0px;
}

.edit-post__editable .wt-truncate-text:first-child .static-post {
    display: none;
    opacity: 0;
}

/* padding top 5px */
.push--top--padding-five {
    padding-top: 5px;
}

/* padding top 10px */
.push--top--padding-ten {
    padding-top: 10px;
}

/* push right 20px */
.push--left--twenty {
    margin-left: 20px;
}

/* push right 187px */
.push--left--hundreds-eight-seven {
    margin-left: 187px;
}

/* push right 15px */
.push--right-fifteen {
    right: 15px !important;
}

.lines-button.x.close {
    color: initial;
    line-height: 1;
    padding: 0;
    min-height: 25px;
}

@media only screen and (max-width: 420px) {
    .align {
        margin-right: -5px;
    }
}

@media only screen and (min-width: 650px) {
    .align {
        margin-right: -6px;
    }
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
}

.box--media__visitor .grid__item a {
    border-right: 1px
}

/*
.box--media__visitor .grid__item { float:left }
*/
.box--media__visitor .grid__item:last-child a {
    border-right: 0px
}

/*.grid {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: -20px;
}
*/
.conversation-wrapper .grid {
    max-height: 100%;
    width: 100%;
}

.soft-half--top {
    padding-top: 10px !important;
}

.grid--table {
    display: table;
}

.grid--full, .tables__table tbody {
    margin-left: 0;
}

.modal-title {
    border-bottom: 1px solid #E6E8E8;
    font-size: 18px;
    font-weight: 400;
    line-height: 41px;
    padding: 9px 20px;
    position: absolute;
    top: 0;
    width: 100%;
}

.postpanel .island {
    padding-bottom: 0px;
    padding-top: 20px;
}

@media only screen and (max-width: 800px) {
    .postpanel .island {
        padding-bottom: 0px;
        padding-top: 15px;
        padding-left:10px;

    }
}

/**** remove padding top for "posting a comment on post"****/
.comments__lists .comments__lists-item--form {
    padding:20px 16px 20px 20px !important;
    @media only screen and (max-width: 800px) {
        padding:20px 16px 20px 10px !important;
    }
}

.comments__lists .padding-ends-12 {
    padding-top: 15px !important
}

/******** end *******/
.relative {
    position: relative;
}

.border-bottom-none {
    border-bottom: 0 !important;
}

.hard--ends {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.lines-button.x.close .lines {
    background: transparent;
    left: -0.4rem;
}

.lines-button.x.close .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 2rem;
}

.lines:before {
    top: 0.4rem;
}

.lines:before, .lines:after {
    display: inline-block;
    width: 1.4rem;
    height: 0.14286rem;
    background: #CCC;
    transition: 0.3s;
    position: absolute;
    left: 0;
    content: '';
    -webkit-transform-origin: 0.14286rem center;
    transform-origin: 0.14286rem center;
}

.lines-button.x.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}

.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 2rem;
}

.lines:after {
    top: -0.4rem;
}

.lines:before, .lines:after {
    display: inline-block;
    width: 1.4rem;
    height: 0.14286rem;
    background: #CCC;
    transition: 0.3s;
    position: absolute;
    left: 0;
    content: '';
    -webkit-transform-origin: 0.14286rem center;
    transform-origin: 0.14286rem center;
}

.lines-button {
    line-height: 45px;
    padding: 19 1.5625rem;
    transition: .3s;
    cursor: pointer;
    user-select: none;
}

.modal-wrapper-close {
    background: transparent;
    border: 0;
    color: #D4DADE;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 10;
    width: 40px;
    height: 40px;
}

.conversation-wrapper {
    height: 652px;
    top: 60px;
}

.grid--narrow {
    margin-left: -10px;
}

.comments__comment .descText {
    padding-left: 10px;
}

.selectize-custom__text:hover i.icon-Conn {
    color: #4bc5c3;
}

.selectize-custom__text:hover i.icon-All {
    color: #fff;
}

/* line 189, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-custom__text:hover i.icon-perconnections {
    color: #0aa1d8;
}

.selectize-custom__text:hover i.icon-Personal {
    color: #0aa1d8;
}

.selectize-custom__text:hover i.icon-Staff {
    color: #FFBA49;
}

/* line 192, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-custom__text:hover i.icon-profconnections {
    color: #5f676f;
}

.selectize-custom__text:hover i.icon-Pro {
    color: #5f676f;
}

/* line 195, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-custom__text:hover i.icon-connect {
    color: #3b658c;
}

.selectize-custom__text:hover .icon-Groups {
    color: #3b658c;
}

.news-box.allconnections textarea.input--text, .news-box.allconnections textarea.selectize-input, .news-box.allconnections .talkboxInput {
    border-color: #4bc5c3 !important;
}

/* line 6, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box.allconnections .btn, .news-box.allconnections .upload-avatar__input {
    background: #4bc5c3;
}

/* line 11, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box.perconnections textarea.input--text, .news-box.perconnections textarea.selectize-input, .news-box.perconnections .talkboxInput {
    border-color: #b868c8 !important;
}

/* line 14, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box.perconnections .btn, .news-box.perconnections .upload-avatar__input {
    background: #b868c8;
}

/* line 19, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box.profconnections textarea.input--text, .news-box.profconnections textarea.selectize-input, .news-box.profconnections .talkboxInput {
    border-color: #798ecb !important;
}

/* line 19, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box.Groups textarea.input--text,
.news-box.Groups textarea.selectize-input,
.news-box.Groups .talkboxInput {
    border-color: #66bb69 !important;
}

.news-box.Groups .talkboxbutton {
    background-color: #66bb69 !important;
}

/* line 19, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box.Private textarea.input--text,
.news-box.Private textarea.selectize-input,
.news-box.Private .talkboxInput {
    border-color: #9f9f9f !important;
}

.news-box.Private .talkboxbutton {
    background-color: #9f9f9f !important;
}

/* line 22, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box.profconnections .btn, .news-box.profconnections .upload-avatar__input {
    background: #798ecb;
}

.news-box.profconnections .talkboxInput {
    border-color: #5f676f;
}

/* line 27, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box.connect textarea.input--text, .news-box.connect textarea.selectize-input {
    border-color: #5f676f !important;
}

/* line 30, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box.connect .btn, .news-box.connect .upload-avatar__input, .news-box.connect .talkboxInput {
    background: #3b658c;
}

/* line 34, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box .list-checkbox {
    text-align: right;
}

/* line 36, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box .list-checkbox li {
    margin-left: 8px;
}

/* line 38, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.news-box .list-checkbox li:last-child {
    margin-right: 10px;
}

/* line 45, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_news-box.scss */
.new-box--clear {
    /*padding: 10px 0;*/
}

.selectize-dropdown, .selectize-dropdown-opposite {
    background: #303a44;
    border: 0;
    border-radius: 4px;
    margin-top: 15px;
}

.selectize-dropdown-content::-webkit-scrollbar {
    width: 5px;
}

.selectize-dropdown-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background: #646262;
    border-radius: 10px;
}

.selectize-dropdown-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #999;
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #ffffff;
    margin: -1px 0 0 0;
    border-top: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    width: 250px !important;
}

.recommendations-dropdown .selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #ffffff;
    margin: -1px 0 0 0;
    border-top: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    width: 100% !important;
    margin-top: 10px;
}

.truncation {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 95%;
}

.selectize-dropdown-opposite {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #ffffff;
    margin: -1px 0 0 0;
    border-top: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    width: 100% !important;
}

.selectize-dropdown, .selectize-dropdown-opposite, .selectize-input, .selectize-input input {
    color: #303030;
    font-family: inherit;
    font-size: 13px;
    line-height: 18px;
    -webkit-font-smoothing: inherit;
}

.selectize-dropdown:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #303a44;
    left: 15px;
    top: -5px;
    position: absolute;
}

.selectize-dropdown-opposite:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #303a44;
    left: 15px;
    top: 240px;
    position: absolute;
}

.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header, .selectize-dropdown-opposite [data-selectable], .selectize-dropdown-opposite .optgroup-header {
    padding: 5px 10px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown-opposite [data-selectable] {
    cursor: pointer;
    overflow: hidden;
}

.selectize-dropdown, .selectize-dropdown-opposite, .selectize-input, .selectize-input input {
    color: #303030;
    font-family: inherit;
    font-size: 13px;
    line-height: 18px;
    -webkit-font-smoothing: inherit;
}

.select-hover {
    visibility: visible;
    width: 220px;
    left: 0px;
    z-index: 2000;
    top: 41px;
}

.selectize-dropdown-content {
    border-radius: 5px;
    max-height: 240px;
    position: relative;
}

/* line 214, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown-content > div {
    background: #303a44;
    color: #d6d7dd;
}

/* line 217, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown-content > div:first-child {
    border-radius: 4px 4px 0 0;
    padding-top: 10px;
}

/* line 221, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown-content > div.selected {
    background: #303a44;
}

/* line 224, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown-content > div.active {
    background: #000;
    color: #d6d7dd;
}

/* line 227, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown-content > div.active:hover {
    background: #000;
    color: #d6d7dd;
}

/* line 232, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown-content > div:last-child {
    border-radius: 0 0 4px 4px;
    padding-bottom: 10px;
}

/* line 237, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown-content .selectize-custom__text {
    background: #1d2026;
    color: #d6d7dd;
}

/* line 241, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown-content .selectize-custom__text.active:hover {
    background: #000;
}

/* line 245, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown-content .selectize-custom__text:last-child {
    border-radius: 0 0 4px 4px;
}

.selectize-dropdown {
    background: #1d2026;
    border: 0;
    border-radius: 4px;
    margin-top: 15px;
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.35);
}

/* line 136, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown .optgroup-header {
    background: #303a44;
    color: #d6d7dd;
    padding: 5px 14px !important;
}

/* line 141, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown .selectize-custom__text {
    padding: 5px 14px !important;
}

/* line 145, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-radius: 4px 4px 0 0;
}

/* line 149, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown:before {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #1d2026;
    left: 15px;
    top: -6px;
    position: absolute;
}

/* line 161, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/modules/_select-custom.scss */
.selectize-dropdown.up:before {
    border-bottom: none !important;
    border-top: 8px solid #303a44 !important;
    top: auto !important;
    bottom: -8px !important;
}

/*.icon-panel:before {*/
/*content: "\e63f"*/
/*}*/
/*.icon-Groups:before {*/
/*content: "\e63e"*/
/*}*/
/*icon-group:before {*/
/*content: "\e64b"*/
/*}*/
/*.icon-pages:before {*/
/*content: "\e63e"*/
/*}*/
/*.icon-connect:before {*/
/*content: "\e623"*/
/*}*/
/*.icon-allconnections:before, .icon-All:before {*/
/*content: "\e63f"*/
/*}*/
/*.icon-staff:before, .icon-Staff:before {*/
/*content: "\e60d"*/
/*}*/
.privacyiconsection .icon-All {
    color: #4bc5c3
}

.privacyiconsection .icon-Pro {
    color: #5f676f
}

.privacyiconsection .icon-Public {
    color: orange
}

.privacyiconsection .icon-Personal {
    color: #0aa1d8
}

/*.icon-profconnections:before, .icon-Pro:before {*/
/*content: "\e63c";*/
/*}*/
/*.icon-perconnections:before, .icon-Personal:before {*/
/*content: "\e63b"*/
/*}*/
.icon-Professional {
    content: "\e63c";
}

/*.icon-profconnections:before {*/
/*content: "\e63c"*/
/*}*/
/*.icon-public:before {*/
/*content: "\e63d"*/
/*}*/
/*.icon-pages:before, .icon-pages {*/
/*content: "\e63e";*/
/*}*/
/*.icon-allconnections:before {*/
/*content: "\e639"*/
/*}*/
/*.icon-perconnections:before {*/
/*content: "\e63b"*/
/*}*/
/*.icon-profconnections:before {*/
/*content: "\e63c"*/
/*}*/
/*.icon-public:before {*/
/*content: "\e63d"*/
/*}*/
.newsfiltericons, .newsfiltericons span, .newsfiltericons i, .newsfiltericons:hover {
    color: #0095BA !important;
    text-decoration: none !important
}

.newsfiltericonsdisable, .newsfiltericonsdisable span, .newsfiltericonsdisable i, .newsfiltericonsdisable:hover {
    color: #B0B9C1 !important;
    text-decoration: none !important
}

.dropdown-box-new:before {
    content: '';
    border-top: 10px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 5px solid #2F3943;
    position: absolute;
    right: 10px;
    top: -10px;
}

/*groups confidentails style*/


.confidential_stamp {
    background: url(/common/images/icons/confidential_stamp_2x.jpg) no-repeat;
    width: 100px;
    height: 32px;
    background-size: 100px auto;
}

.confidential-groups-news {
    position: absolute;
    margin-top: 0px;
    right: 0px;
    top: 0px;
}

@media only screen and (min-width: 500px) {
    .confidential_stamp {
        background: url(/common/images/icons/confidential_stamp_2x.jpg) no-repeat;
        width: 200px;
        height: 64px;
        background-size: 152px auto;
        background-position: top right;
    }

    .confidential-groups-news {
        position: absolute;
        margin-top: 0px;
        right: 78px;
        top: 20px;
    }
}

@media only screen and (max-width: 500px) {
    .desktop-attach-icon-cell-portrail {
        display: none !important;
    }

    .mobile-attach-icon-cell-portrail {
        display: block !important;
    }

    .confidential_stamp {
        position: initial !important;
        width: 80px;
        height: 20px;
        background-size: 80px auto;
        background-position-y: 2px;

    }

    .responsive_margin-top {
        margin-top: 5px;
    }
}

.loadingicon {
    padding: 0px 10px 0px 30px !important;
    position: relative !important;
}

.loaderImage {
    width: 14px !important;
    height: 14px !important;
    position: absolute;
    left: 10px;
    top: calc(50% - 7px);
}

.comments__lists-item--form {
    padding-right: 10px;
}

.island, .spinner-box {
    padding: 20px;
}

.island, .spinner-box, .islet {
    display: block;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 14px;
    margin: 1px 0;
    font-weight: 800;
    color: #495c79;
}

.icon-calendar:focus:before, .icon-calendar:hover:before {
    color: #0aa1d8 !important;
}


.js-post--content .news--content a {
    color: #0aa1d8;
}

.comments__box .descText a {
    color: #0aa1d8;
}

.overflow--visible {
    overflow: visible !important;
}

.media__img {
    cursor: pointer;
}

.flush--sides {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.push__margin_right_zero {
    margin-right: 0px !important
}

.push__right__ten {
    padding-left: 10px
}

.push__left__ten {
    padding-left: 10px
}

.push__right__twenty {
    padding-left: 20px
}

.push__up__forty {
    margin-bottom: 40px !important
}

.push__up__fortyone {
    margin-bottom: 41px !important
}

.push__right__eight {
    padding-left: 8px
}

.push__down__ten {
    margin-bottom: 10px
}

.push__down__five {
    margin-bottom: 5px
}

.margin__up_twenty_four {
    margin-top: 24px
}

.margin__up_twenty {
    margin-top: 20px
}

.margin_up_fifteen {
    margin-top: -15px;
}

.margin__down_twenty {
    margin-bottom: 20px
}

.margin__down_twenty_four {
    margin-bottom: 24px
}

.margin__down_fourty {
    margin-bottom: 40px
}

.push-half--right, .media__img {
    margin-right: 10px;
}

.media__img {
    /*float: left; Please don't put it without class as it's different from application.css, use it with specific class */
}


.red {
    background-color: #f31f44;
    color: #fff !important
}

.conversation__section .conversation__media-text {
    width: 100%
}

.conversation__section .conversation__media-text .list--horizontal, .conversation__section .conversation__media-text .list-tags, .conversation__section .conversation__media-text .list-checkbox, .conversation__section .conversation__media-text .list--icon-text, .conversation__section .conversation__media-text .list--big-icons, .conversation__section .conversation__media-text .pager-bnts {

    opacity: 0;
    right: 0;
}

.media__body:hover .conversation__media-text .list--horizontal {
    opacity: 1;
}

/* line 734, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.modal-chat .js-searchField.active {
    background: #ffffff;
    position: absolute;
    right: 0;
    width: calc(100% + 35px);
    min-width: 220px;
    z-index: 10;
}

/* line 741, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.modal-chat .js-searchField.active a.btn--search {
    border-color: transparent;
    border-radius: 0;
    width: 100%;
}

/* line 746, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.modal-chat .js-searchField.active a.btn--search:hover {
    background-color: transparent;
    border-color: transparent;
}

/* line 749, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.modal-chat .js-searchField.active a.btn--search:hover i {
    color: #05a4dc;
}

/* line 753, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.modal-chat .js-searchField.active a.btn--search i {
    position: absolute;
    right: 13px;
    top: 14px;
}

/* line 758, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.modal-chat .js-searchField.active a.btn--search .form-field {
    display: block;
    width: 100%;
}

/* line 761, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.modal-chat .js-searchField.active a.btn--search .form-field input {
    height: 100%;
    padding: 10px 35px 10px 10px;
}

/* line 685, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.js-searchField .form-field {
    display: none;
}

/* line 689, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.js-searchField.active .form-field {
    display: block;
}

/* line 695, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.js-searchField.active {
    background: #ffffff;
    position: absolute;
    right: 100px;
    width: calc(100% + 72px);
    z-index: 10;
}

/* line 701, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.js-searchField.active a.btn--icon {
    border-color: transparent;
    border-radius: 0;
    width: 100%;
}

/* line 705, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.js-searchField.active a.btn--icon:hover {
    background-color: transparent;
    border-color: transparent;
}

/* line 712, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.js-searchField.active a.btn--icon i {
    position: absolute;
    right: 10px;
    top: 2px;
}

/* line 717, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.js-searchField.active a.btn--icon .form-field {
    display: block;
    width: 100%;
}

/* line 720, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
.js-searchField.active a.btn--icon .form-field input {
    height: 30px;
    padding-right: 27px;
    vertical-align: middle;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    width: 4px !important;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}

.ps-container > .ps-scrollbar-y-rail {
    width: 4px !important;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    height: 4px !important;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}

.ps-container > .ps-scrollbar-x-rail {
    height: 4px !important;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}

.showCard_div1 {
    width: 25px;
    max-width: 25px;
    float: left;
    display: block;
    padding-top: 4px;
}

.showCard_div2 {
    width: 34px;
    max-width: 34px;
    float: left;
    display: block;
    margin-top: -1px;

}

.showCard_div3 {
    width: calc(100% - 65px);
    float: left;
    display: block;
    padding-left: 10px;
    letter-spacing: 1.5px;
    font-size: 13px
}

.credit_card_field_div1, .credit_card_field_div2, .credit_card_field_div3 {
    display: block;
    float: left
}

.credit_card_field_div1 {
    width: calc(60% - 15px);
    margin-right: 10px;
    margin-left: 10px;
}

.credit_card_field_div2 {
    width: calc(20% - 10px);
    margin-right: 10px
}

.credit_card_field_div3 {
    width: calc(20% - 5px);
}

#send-private-message-modal .modal__content,
#send-private-message-modal-mobile .modal__content {
    padding: 20px 20px;
}

.news_search_icon {
    /*border-left: 1px solid #c0c3c8;*/
}


#profileInterestedIn_tagsinput:empty:not(:focus):before {
    content: attr(data-text)
}

.tag {
    border-radius: 3px;
    display: inline-block;
    font-size: 15px;
    margin-right: 5px;
    padding: 3px 10px;
    vertical-align: middle;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    padding: 3px 8px !important;
    height: 26px;
    padding-top: 3px !important

}

/* Web talk auto complete loading icon */
.webtalk-autocomplete .loadingimage,
.webtalk-widget .loadingimage {
    position: absolute;
    top: 40px;
    right: 10px;
    width: 20px;
    height: 20px;
}

.webtalk-widget .loadingimage {
    top: 35px
}

/** About us interested in **/
div.tagsinput span.tag a {
    font-weight: 400;
}

div.tagsinput span.tag a img {
    height: 9px !important;
    width: 9px !important
}

.list-tags li span {
    background: #586476 !important;
    border-radius: 2px;
    /*color: #FFFFFF;
    display: inline-block;
    font-weight: normal;
    padding: 4px 8px;
    font-size: 13px;
    height: 26px;
    */
}

/************************/
.search_new_box input[type=text] {
    width: 100%;
    padding: 6px 10px;
    border: none;
    height: 36px;
    padding-right: 23px;
}

.search_news_text {
    width: 100%;
    margin-top: 0px;
}

.btnnotify {
    height: 36px;
    padding-top: 10px
}

.slideout {
    position: absolute;
    -webkit-animation: slide 1s forwards;
    -webkit-animation-delay: 1s;
    animation: slidedown 1s forwards;
    animation-delay: 0.5s;

}

#sharewithSettings .newsTalkBoxSharingOptions .selectize-dropdown-content,
.media_upload_modal .newsTalkBoxSharingOptions .selectize-dropdown-content,
#sharewithSettingsMobile .js-select-icons-mobile .selectize-dropdown-content {
    max-height: 260px !important;
}

@-o-keyframes slidedown {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        top: 55;
        opacity: 1;
    }
}

@-moz-keyframes slidedown {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        top: 55;
        opacity: 1;
    }
}

@-webkit-keyframes slidedown {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        top: 55;
        opacity: 1;
    }
}

@keyframes slidedown {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        top: 55;
        opacity: 1;
    }
}

.header .logo .home-link {
    margin-left: 11px;
}

.news_search_icon a {
    padding: 5px;
    /*background-color: #586476;*/
    color: #fff;
    border-radius: 4px;
    margin-left: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

}

.news_search_icon a:hover {
    padding: 5px;
    /*background-color: #000;*/
    color: #fff;
    border-radius: 4px;
    /*margin-left: 10px;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.seach-news-toggle {
    background-color: #B1B6BD;
}

.seach-news-toggle:hover {
    background-color: #586476;
    animation-delay: 0.5s;
}

.seach-news-toggle-open {
    background-color: #b1b6bd !important;
}

@media only screen and (min-width: 760px) {
    .header .logo .webtalk-link {
        display: inline-block;
        padding: 10px 0px 9px 0px;
    }
}

.news_search_icon a i {
    color: #fff !important;
    width: 14px;
    height: 14px;
    display: block;

    background-image: url('/common/images/icons_2x/search-icon.svg');
    background-position: center;
    background-repeat: no-repeat;

}

.header-user-icon {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 2px solid #d6d7dd;
    position: relative;
    top: 6px;
}

.header .logo .home-link {
    margin-left: 10px;
}

    .conn-color {
        background-color: #798ecb;
        border-color: #798ecb !important;
    }

    .conn-color:hover {
        background-color: #798ecb !important;
        border-color: #798ecb !important;
    }

    .conn-color-text a{
        color: #798ecb !important
    }

    .mentions-input-box textarea {
        background-color: white;
    }

    .black_out_header {
        background-color: #39414d !important
    }


.counts-icon {
    position: absolute;
    height: 16px;
    line-height: 7px;
    right: calc(20% - 5px);
    top: 10px;
    padding: 4px 6px 4px 6px;
    font-size: 10px;
    color: #e9eaee;
    font-weight: bold;
    background-color: #0aa1d8;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    font-style: normal;
    -moz-border-radius: 4px;
}

@media only screen and (max-width: 760px) {
    .counts-icon {
        right: calc(40% - 10px);
    }
}

@media only screen and (max-width: 414px) {
    .counts-icon {
        right: calc(40% - 14px);
    }
}

.video_play_icon {
    background: transparent url(/app/assets/images/play-video.png) no-repeat center center/cover;
    content: " ";
    display: block;
    height: 40px;
    left: 50%;
    margin: -15px 0 0 -15px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 5;
}

.image-preview-container {
    cursor: pointer
}

.viewer .viewer__sidebar .list--comments {
    max-height: calc(100vh - 330px);
}

.lightbox-list--comments {
    /*overflow-y: scroll;*/
    /*overflow-x: hidden;*/
}

@media only screen and (max-width: 850px) {
    .viewer .viewer__sidebar .list--comments {
        max-height: 40% !important;
        overflow: auto;
    }
}

@media only screen and (max-width: 800px) {

    .lightbox-list--comments {
        max-height: initial;
        overflow: visible;
        margin: 0px;
        overflow-x: hidden;
    }

    wt-media-light-box-component .viewer .viewer__sidebar .box-comments {
        margin-left: -1px !important;
        margin-right: 0px !important;
    }

    wt-media-light-box-component .comments-wrapper {
        background-color: #f3f4f9;
        padding-bottom: 22px;
        margin-bottom: 0px !important;
        margin-right: -3px;
    }
}

@media only screen and (max-width: 500px) {
    .viewer .viewer__sidebar .list--comments {
        max-height: 40% !important;
        overflow: auto;
    }
}

.fa-webtalk-like {
    background: url("/common/images/icons_2x/like.png");
    background-position: 0px 4px !important;
}

.fa-emoji-love {
    background: url("/common/images/icons_2x/love@3x.png");
    background-position: 0px 4px !important;
    background-size: 13px 13px !important;
}

.fa-emoji-like {
    background: url("/common/images/icons_2x/reaction-haha@3x.png");
    background-position: 0px 4px !important;
    background-size: 13px 13px !important;
}

.fa-emoji-angry {
    background: url("/common/images/icons_2x/reaction-angry@3x.png");
    background-position: 0px 4px !important;
    background-size: 13px 13px !important;
}

.fa-emoji-funny {
    background: url("/common/images/icons_2x/funny@3x.png");
    background-position: 0px 4px !important;
    background-size: 13px 13px !important;
}

.fa-emoji-suprised {
    background: url("/common/images/icons_2x/suprised@3x.png");
    background-position: 0px 4px !important;
    background-size: 13px 13px !important;
}

.fa-emoji-sad {
    background: url("/common/images/icons_2x/sad@3x.png");
    background-position: 0px 4px !important;
    background-size: 13px 13px !important;
}

.fa-webtalk-comment {
    background: url("/common/images/icons_2x/comment.png");
}

.fa-webtalk-share {
    background: url("/common/images/icons_2x/sharing.png");
}

.fa-webtalk-message {
    background: url("/common/images/icons_2x/message.png");
}

.fa-webtalk-request {
    background: url("/common/images/icons_2x/request.png");
    background-size: 16px 9px !important;
    background-position: 0px 7px;
}

.fa-webtalk-payment {
    background: url("/common/images/icons_2x/dollar@3x.png");
    background-size: 9px 15px !important;
    background-position: 0px 7px;
}

.fa-webtalk-birthday {
    background: url("/common/images/icons_2x/cake@3x.png");
    background-size: 12px 12px !important;
    background-position: 0px 3px;
}

.fa-webtalk-time {
    background: url("/common/images/icons_2x/hourglass@3x.png");
    background-size: 10.3px 12px !important;
    background-position: 0px 3px;
}

    .fa-webtalk-email {
        background: url("/common/images/icons_2x/email-notification.png");
        background-size: 12px 10px !important;
        background-position: 0px 3px;
    }

    .fa-webtalk-tag {
        background: url("/common/images/icons_2x/tagging.png");
        background-size: 14px 11px !important;
    }

.fa-webtalk-recommendation {
    background: url("/common/images/icons_2x/recommendation.png");
    background-size: 14px 15px !important;
    background-position: 0px 0px !important;
}

.fa-webtalk-bday {
    background: url("/common/images/icons_2x/b_day.png");
}

.people-you-Know-notification .sidebar__title {
    color: #39414d !important;
    margin-top: 20px;
}

/******************************* Notification Ends *****************************/
.push__down {
    margin-top: 20px
}

.loading-notify {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 150px;
    display: block;
    height: 30px;
}

.no_invitation_box {
    margin-top: 19px;
    margin-bottom: 13px;
    width: 100%;
    display: inline-block;
}

.no_invitation_box .message {
    font-size: 14px;
    color: #39414d;
    text-align: center;
    font-weight: 600;
    width: 100%;
}

.uploadwindIcon {
    background: url('/app/assets/images/cameraicon_upload_wind_2x.png') center no-repeat;
    background-size: 59px 50px;
    min-height: 150px;
}

.emailortextlayer .col-md-6 {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.emailortextlayer .col-md-6 div:nth-child(3) {
    width: 120px;
    padding-left: 5px
}

.emailortextlayer .textmecode {
    margin-left: 28px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 388px) {
    .emailortextlayer .col-sm-12 {
        width: 100% !important;
    }

    .emailortextlayer .col-sm-12:nth-child(1) {
        margin-bottom: 10px
    }

    .emailortextlayer .textmecode {
        margin-left: 0px;
        margin-bottom: 0px;
    }

}

@media only screen and (max-width: 500px) {
    .credit_card_field_div1 {
        width: calc(100% - 10px);
        margin-right: 0px
    }

    .credit_card_field_div2 {
        width: calc(50% - 10px);
        margin-right: 5px;
        margin-left: 10px;
    }

    .credit_card_field_div3 {
        width: calc(50% - 10px);
        margin-left: 5px;
    }

    .comments_media_lightbox.mobile {
        display: block;
    }
}

/*below line is for showing tagged user in news etc*/
.comments__lists-item .media__body {
    overflow: visible
}

/*To show scroll bar for recipient fields*/
#send-private-message-modal .dropdown-menu,
#send-private-message-modal-mobile .dropdown-menu {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 115px;
}

/*toggle button style starts*/
.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

.cmn-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;
}

input.cmn-toggle-round + label {
    padding: 2px;
    width: 120px;
    height: 60px;
    background-color: #dddddd;
    border-radius: 60px;
}

input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
    display: block;
    position: absolute;
    top: 0px;
    left: 1px;
    bottom: 1px;
    content: "";
}

input.cmn-toggle-round + label:before {
    right: 1px;
    background-color: #b0b8c4;
    border-radius: 60px;
    transition: background 0.4s;
}

input.cmn-toggle-round + label:after {
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 100%;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);*/
    transition: margin 0.4s;
}

input.cmn-toggle-round:checked + label:before {
    background-color: #028eca;
}

.switchpanel {
    background-image: none !important;
    box-shadow: none !important;
    width: 46px
}

.switchpanel label {
    height: 18px !important;
    width: 32px !important
}

.switchpanel input.cmn-toggle-round + label:after {
    margin: 2px
}

.switchpanel input.cmn-toggle-round:checked + label:after {
    margin-left: 14px;
}

.singupforms input.cmn-toggle-round + label::after {
}

.singupforms .input.cmn-toggle-round + label:before {
    right: 1px;

    border-radius: 60px;
    transition: background 0.4s;
}

.singupforms .input.cmn-toggle-round + label:before {
    background-color: #b0b8c4;
}

.singupforms input.cmn-toggle-round + label:after {
    width: 14px;
    background-color: #fff;
    /*border-radius: 100%;*/
    transition: margin 0.4s;
    height: 14px;
    margin-top: 2px;
    margin-left: 2px;
    background: url('/app/assets/images/round-circle-signup.png') no-repeat;
}

input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
    bottom: 0px
}

.singupforms input.cmn-toggle-round:checked + label:after {
    margin-left: 13px;
}

.singupforms input.cmn-toggle-round + label {
    padding: 0px;
    width: 32px;
    height: 18px;
    background-color: #fff;
    border-radius: 60px;
}

.singupforms input.cmn-toggle-round:checked + label:after {
    margin-left: 15px;
}

.singupforms input.cmn-toggle-round + label {
    width: 34px !important;
}

/*toggle button style ends*/
.submitted .backendError {
    border: 1px solid red !important;
}

.links {
    color: #40c7f8;
    text-decoration: underline;
}

/*circles loader*/
.loading_circles_box {
    width: 100%;
    height: 25px;
    display: block
}

.loading_circles {
    background: url('/common/images/loading_circles.svg') no-repeat;
    margin: auto;
    width: 25px;
    height: 25px;
}

.loading_circles_banner {
    background: url('/common/images/loading_circles-white.svg') no-repeat;
    margin: auto;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.add-card-btn {
    font-size: 14px;
    font-family: "Open Sans" !important;
}

.erroe_alert_popup {
    background: url('/common/images/error_alert_2x.png') no-repeat;
    margin: auto;
    color: #e53635;
    width: 60px;
    height: 60px;
}

.multiline-truncate {
    display: block !important; /* Fallback for non-webkit */
    display: -webkit-box !important;
    max-height: 56px !important; /* Fallback for non-webkit */
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Truncate paragraph .. */
.recommendation-multiline-truncate {
    display: block !important; /* Fallback for non-webkit */
    display: -webkit-box !important;
    max-height: 95px !important; /* Fallback for non-webkit */
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Truncate paragraph .. */
.recommendation-multiline-truncate-3 {
    display: block !important; /* Fallback for non-webkit */
    display: -webkit-box !important;
    max-height: 55px !important; /* Fallback for non-webkit */
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Truncate paragraph .. */
.recommendation-multiline-truncate-5 {
    display: block !important; /* Fallback for non-webkit */
    display: -webkit-box !important;
    max-height: 95px !important; /* Fallback for non-webkit */
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.singleDataObj .readmore, .singleDataObj .hidereadmore {
    text-align: right;
    font-size: 13px;
    color: #0aa1d8;
}

.readhidemore {
    padding-right: 10px;
}

.margin-left5 {
    margin-left: 5px;
}

.promo-time {
    padding-left: 20px;
}

.margin-right10 {
    margin-right: 10px;
}

#allNotificationPage .notification_main_footer {
    display: none;
}

.font_fourteen {
    font-size: 14px !important;
}

.padding-ends-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.newsFilterText:hover {
    color: black !important;
}

.media-filters-icons {
    width: 14px;
    height: 18px;
    float: left;
    background-position-y: 1px;
    background-repeat: no-repeat !important;
    cursor: pointer;
}

.media-filter-files-icon {
    background-image: url("/app/assets/images/icons/filter/files.svg");
    background-repeat: no-repeat;
    background-position-y: 2px;
}

.media-filter-files-icon:hover, .list--icon-text li:hover .media-filter-files-icon {
    background-image: url("/app/assets/images/icons/filter/files-down.svg");
}

.media-filter-files-icon-active {
    background-image: url("/app/assets/images/icons/filter/files-over.svg");
    color: #a8acb3;
}

.media-filter-files-icon-active:hover, .list--icon-text li:hover .media-filter-files-icon-active {
    background-image: url("/app/assets/images/icons/filter/files-down.svg");
    color: #586476;
}

.media-filter-photos-icon {
    background-image: url("/app/assets/images/icons/filter/photos.svg");
    background-repeat: no-repeat;
    background-position-y: 2px;
}

.media-filter-photos-icon:hover,
.list--icon-text li:hover .media-filter-photos-icon,
.newsfiltericons:hover .media-filter-photos-icon,
.newsfiltericons:hover .media-filter-photos-icon-active {
    background-image: url("/app/assets/images/icons/filter/photos-down.svg");
    color: #586476;
}

.media-filter-photos-icon-active {
    background-image: url("/app/assets/images/icons/filter/photos-over.svg");
}

.media-filter-videos-icon-active {
    background-image: url("/app/assets/images/icons/filter/videos-over.svg");
}

.media-filter-photos-icon-active:hover {
    /*background-image: url("/app/assets/images/icons/filter/photos-down.svg");*/
}

.media-filter-videos-icon {
    background-image: url("/app/assets/images/icons/filter/videos.svg");
    background-repeat: no-repeat !important;
    background-position-y: 2px;
}

.media-filter-news-post {
    background-image: url("/common/images/icons_2x/new-post-responsive.svg") !important;
    background-repeat: no-repeat !important;
}

.media-filter-js-nav-button {
    background-image: url("/common/images/icons_2x/hamburger-responsive.svg") !important;
    background-repeat: no-repeat !important;
    height: 100%;
    width: 100%;
    background-size: 23px 23px;
    background-position: center
}

.media-filter-videos-icon:hover,
.list--icon-text li:hover .media-filter-videos-icon,
.newsfiltericons:hover .media-filter-videos-icon,
.newsfiltericons:hover .media-filter-videos-icon-active {
    background-image: url("/app/assets/images/icons/filter/videos-down.svg");

}

.newsFilterText {
    padding-left: 7px;
    float: left;
}

.list--icon-text li:hover .newsFilterText {
    color: #586476 !important;
}

.newsfilter li {
    /*display: block;*/
    float: left !important;
}

.newsfilter > li:nth-child(6), .newsfilter li:nth-child(7) {
    /*display: none;*/
    height: 40px !important;
    width: 40px !important;
    margin-left: 0px !important;
    padding-left: 0px;
}

.newsfilter > li:nth-child(6), .newsfilter li:nth-child(7) a {
    height: 100%;
    width: 100%;
}

.newsfilter li:nth-child(7) {
    display: none !important;
}

.media-filter-videos-icon-active:hover {
    background-image: url("/app/assets/images/icons/filter/videos-down.svg") !important;
}



/******************************* Selectisize ********************************/
.selectize-input i {
    width: 20px !important;
    height: 20px !important;
}

.selectize-custom__text i {
    height: 22px !important;
    width: 21px !important;
    display: block;
    height: 16px;
    float: left;
    /*border:1px solid #ff0000;*/
}

.notification_panel .dropdown-box__list li:hover i.icon-All, .notification_panel .dropdown-box__list li i.icon-All {
    background-size: 15px 17px !important;
}

i.icon-public, .privacy-icon:hover i.icon-Public {
    background-size: 16px 15px;
    background: url("/app/assets/images/icons/public-dropdown-icon-default.svg") no-repeat;
}

i.icon-All, .privacy-icon:hover i.icon-All,
.newsTalkBoxSharingOptions .active i.icon-All,
i.icon-Conn, .privacy-icon:hover i.icon-Conn {
    background: url("/app/assets/images/icons/all-dropdown-icon-default.svg") no-repeat;
    background-size: 20px 18px;
}

#newsShareSelection i.icon-allnews, #newsShareSelection i.icon-All {
    background: url("/common/images/icons_2x/all-news.svg") no-repeat;
    background-size: 15px 17px;
}

#newsShareSelection i.icon-allnews {
    background: url("/common/images/icons_2x/all-news.svg") no-repeat;
    background-size: 15px 17px;
}

#newsShareSelection i.icon-top {
    background: url("/common/images/icons_2x/top-news.svg") no-repeat;
    background-size: 15px 17px;
    background-position: 2px 0px;
}

#newsShareSelection .dropdown-box-new__title i {
    /*padding-left: 25px;*/
    display: inline-block;
    background-position: center bottom;
    background-size: contain;
}

i.icon-Pro, .privacy-icon:hover i.icon-Pro,
.newsTalkBoxSharingOptions .active i.icon-Pro {
    background: url("/app/assets/images/icons/pro-dropdown-icon-default.svg") no-repeat;
    background-size: 18px 15px !important;
}

i.icon-Professional {
    background: url("/app/assets/images/icons/pro-dropdown-icon-default.svg") no-repeat;
    background-size: 15px 13px !important;
}

i.icon-Personal {
    background: url('/app/assets/images/icons/personal-dropdown-icon-default.svg') no-repeat;
}

.icon-Groups, i.icon-Groups, .privacy-icon:hover i.icon-Groups {
    background: url('/app/assets/images/icons/groups-dropdown-icon-default.svg') no-repeat;
}

i.icon-Page, .privacy-icon:hover i.icon-Page {
    background: url('/app/assets/images/icons/pages-over.svg') no-repeat;
    background-size: 14px 14px !important;
}

i.icon-Upline {
    background: url("/app/assets/images/socialcpx/dashboard/move-up.png") no-repeat;
    background-size: 18px 13px !important;
}

i.icon-Downline {

    background: url("/app/assets/images/socialcpx/dashboard/move-down.png") no-repeat;
    background-size: 18px 13px !important;
}

i.icon-staff, .privacy-icon:hover i.icon-staff {
    background: url('/common/images/icons/staff.svg') no-repeat;
    background-size: 20px 16px !important;
}

i.icon-Private, .privacy-icon:hover i.icon-Private {
    background: url('/app/assets/images/icons/private-dropdown-icon-default.svg') no-repeat;
    background-size: auto !important;
}

i.icon-Top {
    background: url('/common/images/icons/top-news.svg') no-repeat;
    background-size: 16px 18px !important;
}


.selectize-input i.icon-public,
.selectize-custom__text:hover i.icon-public,
.dropdown-box__list li:hover i.icon-Public,
.privacy-icon i.icon-Public,
.privacy-active a.Public,
.privacy-active .icon-Public,
.newsTalkBoxSharingOptions .active i.icon-Public {
    background: url('/app/assets/images/icons/public-dropdown-icon.svg') no-repeat;
    color: #ff9200;
}

.newsTalkBoxSharingOptions.share-model .active i.icon-public {
    background: url('/app/assets/images/icons/public-dropdown-icon.svg') no-repeat;
    color: #ff9200;
}

.newsTalkBoxSharingOptions.share-model .selectize-custom__text {
    background: transparent;
    color: #d6d7dd;
}

.newsTalkBoxSharingOptions.share-model .icon-public-panel.active {
    color: #ff9200;
}

.newsTalkBoxSharingOptions.share-model .icon-public-panel:hover {
    color: #ff9200;
}

#newsShareSelection .dropdown-box-new ul li:first-child:hover,
#newsShareSelection .dropdown-box-new ul li:last-child:hover {
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
}

#newsShareSelection .dropdown-box-new ul {
    background-color: #1d2026 !important;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    margin-left: 0px;
}

#newsShareSelection .dropdown-box-new {
    width: 230px;
}

.selectize-input i.icon-Personal,
.selectize-custom__text:hover i.icon-Personal,
.dropdown-box__list li:hover i.icon-Personal,
.privacy-icon i.icon-Personal,
.notification_panel .icon-Personal,
.privacy-active a.Personal,
.privacy-active .icon-Personal,
.newsTalkBoxSharingOptions .active i.icon-Personal,
.talkbox-sharewith-dd-title i.icon-Personal {
    background-image: url('/app/assets/images/icons/personal-dropdown-icon.svg');
    background-repeat: no-repeat;
    color: #b868c8;
}
@media only screen and (max-width: 800px) {
.talkbox-sharewith-dd-title i.icon-Personal {
            background-position:0px;
    }
}


.selectize-input i.icon-Conn, .selectize-custom__text:hover i.icon-Conn, .dropdown-box__list li:hover i.icon-Conn,
.privacy-icon i.icon-Conn, .notification_panel .icon-Conn,
.privacy-active a.All,
.privacy-active .icon-Conn,
.newsTalkBoxSharingOptions .active i.icon-Conn,
.talkbox-sharewith-dd-title i.icon-Conn {
    background: url('/app/assets/images/icons/all-dropdown-icon.svg') no-repeat;
    color: #00bdcc;
    background-repeat: no-repeat !important;
}

.selectize-input i.icon-All, .selectize-custom__text:hover i.icon-All, .dropdown-box__list li:hover i.icon-All,
.privacy-icon i.icon-All, .notification_panel .icon-All,
.privacy-active a.All,
.privacy-active .icon-All,
.newsTalkBoxSharingOptions .active i.icon-All,
.talkbox-sharewith-dd-title i.icon-All {
    background: url('/app/assets/images/icons/all-dropdown-icon.svg') no-repeat;
    color: #00bdcc;
    background-repeat: no-repeat !important;
}

.selectize-input i.icon-Pro, .selectize-custom__text:hover i.icon-Pro,
.dropdown-box__list li:hover i.icon-Pro,
.privacy-icon i.icon-Pro,
.privacy-active a.Pro,
.privacy-active .icon-Pro,
.newsTalkBoxSharingOptions .active i.icon-Pro{
    background-image: url('/app/assets/images/icons/pro-dropdown-icon.svg');
    background-size: 18px 15px !important;
    background-position-y: 9px !important;
    background-position-x: 7px !important;
    background-repeat: no-repeat !important;
    background-repeat: no-repeat !important;
    color: #798ecb;
}
.talkbox-sharewith-dd-title i.icon-Pro {
    background-image: url('/app/assets/images/icons/pro-dropdown-icon.svg');
    background-size: 18px 15px !important;
    background-repeat: no-repeat !important;
    background-repeat: no-repeat !important;
    color: #798ecb;
}

.selectize-input i.icon-Professional,
.selectize-custom__text:hover i.icon-Professional,
.dropdown-box__list li:hover i.icon-Professional,
.privacy-icon i.icon-Professional,
.notification_panel .icon-Professional,
.privacy-active a.Professional,
.privacy-active .icon-Professional {
    background: url('/app/assets/images/icons/pro-dropdown-icon.svg') no-repeat;
    color: #798ecb !important;
}

.privacy-icon:hover .icon-Personal {
    background: url('/app/assets/images/icons/personal-dropdown-icon-default.svg') no-repeat !important;
    background-position: center center !important;
}

.notification_panel .dropdown-box-new__title {
    width: auto;
    min-width: 60px !important;
    color: #fff;
    margin-top: 0px;
    padding-top: 0px;
}

.notification_panel .dropdown-box-new__title.dropdown-box-new__title--no-border:after {
    right: 0px;
    position: absolute;
    top: 16px;
    width: calc(100% - 5px);
}


.notification_panel .dropdown-box-new__title i {
    width: 16px !important;
    height: 16px !important;
    float: left;
    margin-top: 2px;
}

.notification_panel .dropdown-box-new__title:hover,
.notification_panel .dropdown-box-new__title:hover div,
.notification_panel .dropdown-box-new__title div:hover {
    color: #fff !important;
}

.notification_panel .dropdown-box-new__title div {
    width: auto;
    float: left;
    padding-left: 3px
}

.notification_panel .dropdown-box-new__title .icon-public {
    background-image: url('/app/assets/images/icons/public-dropdown-icon-default.svg') !important;
}

.notification_panel .dropdown-box-new__title .icon-All {
    background-image: url('/app/assets/images/icons/all-news.svg') !important;
    width: 20px !important;
}

.notification_panel .dropdown-box-new__title .icon-Pro,
.notification_panel .dropdown-box-new__title .icon-Professional {
    background-image: url('/app/assets/images/icons/pro-dropdown-icon-default.svg') !important
}

.notification_panel .dropdown-box-new__title .icon-Personal {
    background-image: url('/app/assets/images/icons/personal-dropdown-icon-default.svg') !important
}


.notification_panel .dropdown-box-new.dropdown-box-new__v2:before {
    left: calc(100% - 20px) !important;
}

.notification_panel .All-Personal-Professional-header-notifications .dropdown-box-new {
    width: 250px !important;
    /*left: calc(50% - 160px) !important;*/
    right: 2px;
}

.icon-notifications.icon {
    margin-left: -1px;
    padding: 0px 7px !important;
    margin-right: 5px !important;
}


.selectize-input i.icon-Groups,
.selectize-custom__text:hover .icon-Groups,
.dropdown-box__list li:hover .icon-Groups,
.privacy-icon i.icon-Groups, .notification_panel .icon-Groups,
.privacy-active a.Groups,
.privacy-active .icon-Groups,
.newsTalkBoxSharingOptions .active .icon-Groups,
.talkbox-sharewith-dd-title i.icon-Groups {
    background: url('/app/assets/images/icons/groups-dropdown-icon.svg') no-repeat;
    color: #66bb69 !important;
}

.selectize-input i.icon-Private, .selectize-custom__text:hover i.icon-Private, .dropdown-box__list li:hover i.icon-Private,
.privacy-icon i.icon-Private,
.privacy-active a.Private,
.privacy-active .icon-Private,
.newsTalkBoxSharingOptions .active i.icon-Private,
.talkbox-sharewith-dd-title i.icon-Private {
    background: url('/app/assets/images/icons/private-dropdown-icon.svg') no-repeat;
    color: #9f9f9f;
}

.selectize-input i.icon-Staff, .selectize-custom__text:hover i.icon-Staff, .dropdown-box__list li:hover i.icon-Staff,
.privacy-icon i.icon-Staff, .notification_panel .icon-Staff {
    background: url('/common/images/icons/staff-over.svg') no-repeat;
    color: #798ecb;
}

.selectize-input i.icon-Page, .selectize-custom__text:hover i.icon-Page, .dropdown-box__list li:hover i.icon-Page,
.privacy-icon i.icon-Page {
    background: url('/common/images/icons/pages-i-follow.svg') no-repeat;
    color: #798ecb;
}

#newsShareSelection .dropdown-box-new li:hover i.icon-Public {
    background: url('/app/assets/images/icons/public-dropdown-icon-default.svg') no-repeat;
}

i.icon-notifications.icon.icon-Groups, i.icon-notifications.icon.icon-Personal, 
i.icon-notifications.icon.icon-Professional, i.icon-notifications.icon.icon-All, i.icon-notifications.icon.icon-Public {
    background-size: contain;
}

#newsShareSelection .dropdown-box-new .icon-pages:before {
    content: "" !important;
    width: 25px;
    display: inline-block;
}

#newsShareSelection .dropdown-box-new li:hover i.icon-Pages,
#newsShareSelection .dropdown-box-new i.icon-Pages {
    background: url('/common/images/icons_2x/pages-i-follow.svg') no-repeat;
}

#newsShareSelection .dropdown-box-new li:hover i.icon-Staff {
    background: url('/common/images/icons/staff.svg') no-repeat;
}

#newsShareSelection .dropdown-box-new li:hover i.icon-Private {
    background: url('/app/assets/images/icons/private-dropdown-icon-default.svg') no-repeat;
}

#newsShareSelection i.icon-Conn {
    background: url("/app/assets/images/icons/all-dropdown-icon-default.svg") no-repeat !important;
    background-size: 18px 13px !important;
    background-position: 1px center !important;
}

#newsShareSelection .dropdown-box-new__title i.icon-Conn {
    background: url("/app/assets/images/icons/all-dropdown-icon-default.svg") no-repeat !important;
    background-size: 18px 13px;
    background-position: 1px center !important;
}

#newsShareSelection .dropdown-box-new li:hover i.icon-Pro {
    background: url("/app/assets/images/icons/pro-dropdown-icon-default.svg") no-repeat !important;
    background-position: center center !important;

}

#newsShareSelection .dropdown-box-new li:hover i.icon-Personal {
    background: url('/app/assets/images/icons/personal-dropdown-icon-default.svg') no-repeat !important;
    background-position: center center !important;
}

#newsShareSelection .dropdown-box-new li:hover .icon-Groups {
    background: url('/app/assets/images/icons/groups-dropdown-icon-default.svg') no-repeat;
    /*background-position: 1px center !important;*/
}

/*#newsShareSelection .dropdown-box-new li:hover i.icon-Public{*/
/*background: url('/common/images/icons/Public.svg') no-repeat;*/
/*}*/


/* talkbox attach icon */
.attach-icon {
    background: url("/common/images/icons/attach-icon.svg") no-repeat;
    width: 28px;
    height: 28px;
}

#newsShareSelection .dropdown-box-new__title i.icon-All {
    background-image: url(/app/assets/images/icons/all-news-grey.svg);

}

#newsShareSelection .dropdown-box-new__title i.icon-top {
    background-image: url(/app/assets/images/icons/top-news-grey.svg);

}

#newsShareSelection .dropdown-box-new__title i.icon-Conn {
    background-image: url(/app/assets/images/icons/all-connections-grey.svg) !important;
    background-size: auto 15px !important;
    background-position-x: center !important;
}

#newsShareSelection .dropdown-box-new__title i.icon-Pro {
    background-image: url("/app/assets/images/icons/professional-connections-grey.svg") !important;
    background-size: 17px;

}

#newsShareSelection .dropdown-box-new__title i.icon-Personal {

    background-image: url("/app/assets/images/icons/personal-connections-grey.svg") !important;
    background-size: 16px;

}

#newsShareSelection .dropdown-box-new__title .icon-Groups {

    background-image: url("/app/assets/images/icons/groups-grey.svg") !important;
    width: 21px !important;
    height: 21px !important;
    background-position: center 2px !important;

}

.imagePreview {
    cursor: pointer
}


.attach-icon:hover {
    background: url("/common/images/icons/attach-icon-over.svg") no-repeat;
    width: 28px;
    height: 28px;
}

.selectize-custom__text {
    font-size: 14px !important;
}

.icon-class-Staff:hover {
    color: #798ecb !important;
}

.newsTalkBoxSharingOptions .icon-Private-panel.active,
.icon-class-Private:hover {
    color: #9f9f9f !important;
}

.icon-class-Staff:hover {
    color: #798ecb !important;
}

.newsTalkBoxSharingOptions .icon-Pro-panel.active,
.icon-class-Pro:hover {
    color: #798ecb !important;
}

.newsTalkBoxSharingOptions .icon-All-panel.active,
.icon-class-All:hover {
    color: #00bdcc !important;
}

.newsTalkBoxSharingOptions .icon-Personal-panel.active,
.icon-class-Personal:hover {
    color: #b868c8 !important;
}


.newsTalkBoxSharingOptions .icon-Public-panel.active,
.icon-class-public:hover {
    color: #ff9200 !important;
}

.newsTalkBoxSharingOptions .icon-Groups-panel.active,
.icon-class-Groups:hover {
    color: #66bb69 !important;
}

.privacy-icon .icon {
    color: #b0b9c1;
    display: block !important;
    font-size: 16px;
    line-height: 30px;
    vertical-align: middle;
    background-position: center center !important;
    height: 100%;
}

.media--general .media--general__title {
    margin-bottom: 0px !important
}

/****** icons for search filter ******************/
.dropdown-box__list li .icon {
    padding-right: 25px;
    padding-bottom: 20px;
    background-position: top center !important;
}

.action .dropdown-box__list li .icon {
    padding-right: 5px !important;
    padding-bottom: 20px;
}

.selectize-custom__text i {
    padding-right: 15px !important;
    padding-bottom: 2px;
    margin-right: 8px;
    background-position: center 1px !important;
    padding-top: 1px;
}

.selectize-input .selectize-custom__text {
    height: 22px;
}

.selectize-dropdown .selectize-custom__text {
    padding: 9px 11px 5px !important;
    font-family: inherit;
}

#sharewithSettings .newsTalkBoxSharingOptions {
    width: 240px
}

/******************************* Selectisize ********************************/
.comment_description {
    font-size: 9pt;
    color: #929498;
    margin-left: 52px;
}

/*news filter*/
.js-fixed-news-filters .dropdown-box-new__title i {
    padding-left: 25px;
    height: 15px;
    display: inline-block;
    /* background-position: center center; */
    /* background-size: contain !important; */
}

.js-fixed-news-filters .dropdown-box-new__title i.icon-Pages {
    padding-left: 0px !important;
    height: 15px;
    display: inline-block;
    /* background-position: center center; */
    /* background-size: contain !important; */
}

.js-fixed-news-filters .dropdown-box-new__title i {
    margin-right: 5px;
}

/*************************** Selectisize end ********************************/

.padding-left-26 {
    padding-left: 26px;
}

.fa-exclamation-triangle {
    background-image: url("/common/images/icons_2x/toaster-error-icon.svg");
    width: 19px;
    height: 18px;
}

.fa-exclamation-triangle::before {
    content: '' !important;
}

.see-more-popup-overflow {
    overflow-y: auto;
    max-height: 400px;
}

/*.termspolicypopup {*/
/*width:700px;*/
/*text-align: justify;*/
/*font-family: 'Open Sans', sans-serif;*/
/*}*/

/*.termspolicypopup ol{*/
/*margin: 0px 0px 0px 20px;*/
/*}*/
/*.termspolicypopup .modal__body { padding-right:10px; line-height: 22px}*/
/*.termspolicypopup p{ line-height: 22px}*/
/*.termspolicypopup a{ color:#0aa1d8 !important}*/
/*@media only screen and (max-width: 720px){*/
/*.termspolicypopup {*/
/*width: calc(100% - 20px;)*/
/*}*/
/*}*/

}


.selectize-dropdown-content .icon-name span {
    background-color: transparent;
    font-family: Open Sans;
}

.selectize-dropdown-content .icon-name .active {
    color: #d6d7dd;
}

.selectize-dropdown-content .icon-id {
    color: #d6d7dd;
    padding-bottom: 11px;
    font-size: 14px !important;
}

.selectize-dropdown-content .icon-id span {
    background-color: transparent;
    font-family: Open Sans;
}

.selectize-dropdown-content .icon-id .active {
    color: #d6d7dd;
}

.form-field .selectize-control .icon-id-label {
    padding-top: 5px;
}

.form-field .selectize-control .icon-name-label {
    padding-top: 5px;
}

.selectize-dropdown-content .media-filter-files-icon {
    padding-bottom: 11px;
}

.selectize-dropdown-content .media-filter-photos-icon {
    padding-bottom: 11px;
}

.selectize-dropdown-content .media-filter-videos-icon {
    padding-bottom: 11px;
}

.selectize-dropdown-content .media-filter-files-icon span {
    background-image: url('/app/assets/images/icons/filter/files.svg') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
    padding-left: 27px;
    font-size: 14px;
    font-family: Open Sans;
}

.selectize-dropdown-content .media-filter-files-icon:hover span {
    background-image: url('/app/assets/images/icons/filter/files-down.svg') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
    padding-left: 27px;
    color: #79879C;
}

.selectize-dropdown-content .media-filter-files-icon .active {
    background-image: url('/app/assets/images/icons/filter/files-down.svg') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
    padding-left: 27px;
    color: #79879C;
    background-color: transparent;
}

.selectize-dropdown-content .media-filter-photos-icon span {
    background-image: url('/app/assets/images/icons/filter/photos-white-icon.svg') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
    padding-left: 27px;
    font-size: 14px;
    font-family: Open Sans;
}

.selectize-dropdown-content .media-filter-photos-icon:hover span {
    background-image: url('/app/assets/images/icons/filter/photos-media-down.svg') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
    padding-left: 27px;
    color: #79879C;
}

.selectize-dropdown-content .media-filter-photos-icon .active {
    background-image: url('/app/assets/images/icons/filter/photos-media-down.svg') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
    padding-left: 27px;
    color: #79879C;
    background-color: transparent;
}

.selectize-dropdown-content .media-filter-videos-icon span {
    background-image: url('/app/assets/images/icons/filter/videos-white-icon.svg') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
    padding-left: 27px;
    font-size: 14px;
    font-family: Open Sans;
}

.selectize-dropdown-content .icon-Public {
    padding-bottom: 11px;
}

.selectize-dropdown-content .icon-Public span {
    background-image: url('/app/assets/images/icons/public-dropdown-icon-default.svg') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    padding-left: 27px;
    font-size: 14px;
    font-family: Open Sans;
}

.selectize-dropdown-content .icon-Public:hover span {
    background-image: url('/app/assets/images/icons/public-dropdown-icon.svg') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    padding-left: 27px;
    color: #ff9200;
}

.selectize-dropdown-content .icon-Public .active {
    background-image: url('/app/assets/images/icons/public-dropdown-icon.svg') !important;
    background-repeat: no-repeat;
    background-position-y: 3px;
    padding-left: 27px;
    color: #ff9200 !important;
    background-color: transparent !important;
}

.selectize-dropdown-content .icon-Pro {
    padding-bottom: 11px;
}

.selectize-dropdown-content .icon-Pro span {
    background-image: url('/app/assets/images/icons/pro-dropdown-icon-default.svg') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
    padding-left: 27px;
    font-size: 14px;
    font-family: Open Sans;
}

.selectize-dropdown-content .icon-Pro:hover span {
    background-image: url('/app/assets/images/icons/pro-dropdown-icon.svg') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
    padding-left: 27px;
    color: #798ecb;
}

.selectize-dropdown-content .icon-Pro .active {
    background-image: url('/app/assets/images/icons/pro-dropdown-icon.svg') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
    padding-left: 27px;
    color: #798ecb !important;
    background-color: transparent !important;
}

.selectize-dropdown-content .icon-Personal {
    padding-bottom: 11px;
}

selectize-dropdown-content .icon-Groups {
    padding-bottom: 11px;
}

.selectize-dropdown-content .icon-All span {
    background: url(/app/assets/images/icons/all-dropdown-icon-default.svg);
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    padding-left: 27px;
    font-size: 14px;
    font-family: Open Sans;
}

.selectize-dropdown-content .icon-All:hover span {
    background: url(/common/images/icons/all-connections-over.svg);
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    padding-left: 27px;
    font-size: 14px;
    font-family: Open Sans;
    color: #00bdcc;
}

.selectize-dropdown-content .icon-All .active {
    background: url(/common/images/icons/all-connections-over.svg);
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    padding-left: 27px;
    font-size: 14px;
    font-family: Open Sans;
    color: #00bdcc !important;
}

.selectize-dropdown-content .icon-All {
    padding-bottom: 11px;
}

.selectize-dropdown-content .icon-Personal span {
    background-image: url('/app/assets/images/icons/personal-dropdown-icon-default.svg') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
    padding-left: 27px;
    font-size: 14px;
    font-family: Open Sans;
    color: #fff;
}

.selectize-dropdown-content .icon-Personal:hover span {
    background-image: url('/app/assets/images/icons/personal-dropdown-icon.svg') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
    padding-left: 27px;
    color: #b868c8;
}

.selectize-dropdown-content .icon-Personal .active {
    background-image: url('/app/assets/images/icons/personal-dropdown-icon.svg') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
    padding-left: 27px;
    color: #b868c8 !important;
    background-color: transparent !important;
}

.selectize-dropdown-content .icon-Private {
    padding-bottom: 11px;
}

.selectize-dropdown-content .icon-Private span {
    background-image: url('/app/assets/images/icons/private-dropdown-icon-default.svg') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 4px;
    padding-left: 27px;
    font-size: 14px;
    font-family: Open Sans;
}

.selectize-dropdown-content .icon-Private:hover span {
    background-image: url('/app/assets/images/icons/private-dropdown-icon.svg') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 4px;
    padding-left: 27px;
    color: #9f9f9f;
}

.selectize-dropdown-content .icon-Private .active {
    background-image: url('/app/assets/images/icons/private-dropdown-icon.svg') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 4px;
    padding-left: 27px;
    color: #9f9f9f !important;
    background-color: transparent !important;
}

.selectize-dropdown-content .icon-Groups {
    font-size: 14px;
    font-family: Open Sans;
    padding-bottom: 11px;
}

.selectize-dropdown-content .icon-Groups span {
    background-image: url(/app/assets/images/icons/groups-dropdown-icon-default.svg);
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
    padding-left: 27px;
    font-size: 14px;
    font-family: Open Sans;
}

.selectize-dropdown-content .icon-Groups .active,
.selectize-dropdown-content .icon-Groups:hover span {
    background-image: url('/app/assets/images/icons/groups-dropdown-icon.svg');
    color: #66bb69 !important;
    background-color: none;
}

.filter-dropdown-wrapper .selectize-input .icon-Public {
    background-image: url('/app/assets/images/icons/public-dropdown-icon.svg') !important;
    background-repeat: no-repeat;
    background-position-y: 2px;
}

.filter-dropdown-wrapper .selectize-input .icon-Pro {
    background-position-y: 2px !important;
    background-position-x: center !important;
}

.filter-dropdown-wrapper .selectize-input .icon-Personal {
    background-position-y: 2px;
}

.filter-dropdown-wrapper .selectize-input .icon-Private {
    background-position-y: 2px;
}

.filter-dropdown-wrapper .selectize-input .media-filter-files-icon {
    background-position-y: 1px;
}

.filter-dropdown-wrapper .selectize-input > * {
    vertical-align: top;
}

.mobile-dropdown-list-modal .media-filter-videos-icon .active {
    color: #79879C !important;
}


.mobile-dropdown-list-modal .media-filter-files-icon {
    background-image: url('/app/assets/images/icons/filter/files.svg');
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
}

.mobile-dropdown-list-modal .media-filter-files-icon .active {
    color: #79879C;
}

.mobile-dropdown-list-modal .media-filter-files-icon-active {
    background-image: url('/app/assets/images/icons/filter/files-down.svg');
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
}

.mobile-dropdown-list-modal .media-filter-photos-icon {
    background-image: url('/app/assets/images/icons/filter/photos-white-icon.svg');
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
}

.mobile-dropdown-list-modal .media-filter-photos-icon .active {
    color: #79879C;
}

.mobile-dropdown-list-modal .icon-All {
    background-image: url('/app/assets/images/icons/all-dropdown-icon-default.svg');
    background-repeat: no-repeat !important;
    background-position-y: 3px;
}

.mobile-dropdown-list-modal .icon-All .active {
    background-image: url('/common/images/icons/all-connections-over.svg');
    background-repeat: no-repeat !important;
    background-position-y: 3px;
}

.mobile-dropdown-list-modal .media-filter-photos-icon-active {
    background-image: url('/app/assets/images/icons/filter/photos-media-down.svg');
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
}

.mobile-dropdown-list-modal .icon-Public {
    background-image: url('/app/assets/images/icons/public-dropdown-icon-default.svg');
    background-repeat: no-repeat !important;
    background-position-y: 3px;
}

.mobile-dropdown-list-modal .icon-Public .active {
    color: #ff9200;
}

.mobile-dropdown-list-modal .icon-Public-active {
    background-image: url('/app/assets/images/icons/public-dropdown-icon.svg');
    background-repeat: no-repeat;
    background-position-y: 3px;
}

.mobile-dropdown-list-modal .icon-Pro {
    background-image: url('/app/assets/images/icons/pro-dropdown-icon-default.svg');
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
}

.mobile-dropdown-list-modal .icon-Pro .active {
    color: #798ecb;
}

.mobile-dropdown-list-modal .icon-Pro-active {
    background-image: url('/app/assets/images/icons/pro-dropdown-icon.svg');
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
}

.mobile-dropdown-list-modal .icon-Personal {
    background-image: url('/app/assets/images/icons/personal-dropdown-icon-default.svg');
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
}

.mobile-dropdown-list-modal .icon-Personal .active {
    color: #b868c8;
}

.mobile-dropdown-list-modal .icon-Personal-active {
    background-image: url('/app/assets/images/icons/personal-dropdown-icon.svg');
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 2px;
}

.mobile-dropdown-list-modal .icon-Private {
    background-image: url('/app/assets/images/icons/private-dropdown-icon-default.svg');
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 5px;
}

.mobile-dropdown-list-modal .icon-Private .active {
    color: #79879C;
}

.mobile-dropdown-list-modal .icon-Private-active {
    background-image: url('/app/assets/images/icons/private-dropdown-icon.svg');
    background-repeat: no-repeat !important;
    background-position-y: 3px;
    background-position-x: 4px;
}

.icon-span-space {
    padding-left: 35px;
}

.modal-width-sharing .share-dropdown-wrapper .icon-Public span {
    background-image: url('/app/assets/images/icons/public-dropdown-icon.svg');
    background-repeat: no-repeat !important;
    background-position-y: 3px;
}

.modal-width-sharing .share-dropdown-wrapper .icon-Pro span {
    background-image: url('/app/assets/images/icons/pro-dropdown-icon.svg');
    background-repeat: no-repeat !important;
    background-position-y: 3px;
}

.modal-width-sharing .share-dropdown-wrapper .icon-Personal span {
    background-image: url('/app/assets/images/icons/personal-dropdown-icon.svg');
    background-repeat: no-repeat !important;
    background-position-y: 3px;
}

.modal-width-sharing .share-dropdown-wrapper .icon-Private span {
    background-image: url('/app/assets/images/icons/private-dropdown-icon.svg');
    background-repeat: no-repeat !important;
    background-position-y: 3px;
}

.modal-width-sharing .share-dropdown-wrapper .selectize-input > * {
    vertical-align: middle;
}

.share-dropdown-wrapper .selectize-icon-dropdown-opposite {
    position: absolute;
    width: 250px !important;
    border-radius: 4px;
}

.share-dropdown-wrapper .selectize-icon-dropdown-opposite:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #303a44;
    left: 15px;
    position: absolute;
}

.profile-banner-dropdown-wrapper .selectize-dropdown {
    width: 100% !important;
}

.connections-dropdown-wrapper .selectize-dropdown {
    margin-top: 0px;
}

.filter-dropdown-wrapper .selectize-dropdown {
    width: 100% !important;

}

.notification_main_header .selectize-input.full {
    background-color: transparent;
    color: #fff;
    box-shadow: none;
}

.notification_main_header .selectize-input {
    border: none;
}

.notification_main_header .selectize-input > * {
    position: absolute;
    right: 25px;
    color: #fff;
}

.notification_main_header .selectize-dropdown {
    right: 0px !important;
    left: auto !important;
    margin-top: 0px;
}

.notification_main_header .selectize-dropdown:before {
    left: 231px;
}

.notification_main_header .selectize-control {
    width: 150px;
    top: -9px;
}

.notification_main_header .selectize-dropdown-content .notification-icon-All span {
    background-image: url('/app/assets/images/icons/all-news.svg') !important;
    background-repeat: no-repeat !important;
    padding-left: 27px;
    font-size: 14px;
    font-family: Open Sans;
}

.notification_main_header .selectize-dropdown-content .notification-icon-All:hover span {
    background-image: url('/app/assets/images/icons/all-news-over.svg') !important;
    background-repeat: no-repeat !important;
    padding-left: 27px;
    font-size: 14px;
    font-family: Open Sans;
    color: #00bdcc;
}

.notification_main_header .selectize-dropdown-content .notification-icon-All .active {
    background-image: url('/app/assets/images/icons/all-news-over.svg') !important;
    background-repeat: no-repeat !important;
    font-family: Open Sans;
    color: #00bdcc;
}

.notification_main_header i.notification-icon-All {
    background-image: url('/app/assets/images/icons/all-news.svg');
    background-repeat: no-repeat !important;
    top: -2px;
    left: 85px;
}


.notification_main_header .selectedicon, .notifications-dropdown-selection .selectedicon {
    position: absolute;
    right: 25px;
    top: 10px;
    padding-left: 24px;
    padding-right: 5px;
    font-size: 14px;
    cursor: pointer;
}

.notifications-dropdown-selection .selectedicon {
    right: 20px;
    top: 2px;
}


.notification_main_header .selectedicon i, .notifications-dropdown-selection .selectedicon i {
    position: absolute;
    left: 0px !important;
    top: -2px;
    width: 18px !important;
    height: 18px !important;
}

.notification_main_header .selectedicon::after, .notifications-dropdown-selection .selectedicon::after {
    font-family: webtalk;
    content: "\e613";
    border: 0;
    height: 32px;
    margin-top: 0px;
    width: 20px;
    right: 1px;
    display: block;
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -7px;
    width: 0;
    height: 0;
    border-style: solid;
}

.notification_main_header i.icon-Public {
    background-image: url('/app/assets/images/icons/public-dropdown-icon-default.svg');
    background-repeat: no-repeat !important;
}

.notification_main_header li {
    padding-top: 10px;
}

.notification_main_header i.icon-Pro {
    background-image: url('/app/assets/images/icons/pro-dropdown-icon-default.svg');
    background-repeat: no-repeat !important;
}

.notification_main_header i.icon-Personal {
    background-image: url('/app/assets/images/icons/personal-dropdown-icon-default.svg');
    background-repeat: no-repeat !important;
}

.notification_main_header .selectize-dropdown .active {
    background-color: transparent;
}

.selectize-dropdown-content .notification-icon-All {
    padding-bottom: 11px;

}

/* .mobile-dropdown-list .notification-icon-All .active{
    color: #79879C;
} */

.mobile-dropdown-list-modal .notification-icon-All span {
    background-image: url('/app/assets/images/icons/all-news.svg') !important;
    background-repeat: no-repeat !important;
    font-size: 14px;
    font-family: Open Sans;
}

.mobile-dropdown-list-modal .notification-icon-All-active span {
    background-image: url('/app/assets/images/icons/all-news-over.svg') !important;
    background-repeat: no-repeat !important;
    font-size: 14px;
    font-family: Open Sans;
}

.mobile-dropdown-list-modal .notification-icon-All .active {
    color: #00bdcc;
}

.notification-page .selectize-dropdown:before {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #1d2026;
    left: 228px;
    top: -6px;
    position: absolute;
}

.notification-page .selectize-control {
    margin-bottom: -11px;
    width: 250px;
    float: right;
    margin-right: 6px;
}

.notification-page .selectize-control {
    margin-bottom: -41px;
}

.notification-page .selectize-dropdown {
    top: 18px;
}

.notifications-inverted-dropdown {
    bottom: 50px !important;
    top: auto !important;
}

.notifications-inverted-dropdown:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #303a44;
    left: 228px;
    position: absolute;
}

.selectize-dropdown.notifications-inverted-dropdown:before {
    display: none;
}

.connections-dashboard-panel .connections-header-wrapper {
    width: 100%;
    margin-bottom: 15px;
}

.connections-dashboard-panel .connections-sort-search-wrapper {
    width: 100%;
    margin-bottom: 17px;
}

.connections-sort-search-wrapper .connections-sort-search-list {
    width: 100%;
    display: flex;
}

.connections-sort-search-list .connections-search-field {
    position: relative;
    right: 0px;
}

.connections-dashboard-panel .connections-sort-search-wrapper .connections-sort-search-list .connections-search-field .connections-search-wrapper {
    max-width: 508px;
    width: 100%;
    border: 1px solid #d6d8e3;
    height: 34px;
    border-radius: 4px;

}

.connections-dashboard-panel .connections-sort-search-wrapper .connections-sort-search-list .connections-search-wrapper .connecion-input-search-icon {
    right: auto;
    top: 3px;
    left: 11px;
}

.connections-sort-field {
    width: 100%;
    max-width: 117px;
    position: relative;
}

.connections-sort-search-list .connections-sort-field .connections-sort-wrapper {
    max-width: 117px;
    width: 100%;
    height: 33px;
    top: 1px;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #627384;
}

.wt-dd-selected-icon.icon-recent::after {
    content: '';
    background-image: url('/common/images/icons/sort-field-icon.svg');
    width: 15px;
    height: 11.5px;
    object-fit: contain;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    margin-top: 3px;
    margin-left: 3px;
}

.add-contacts-btn-mobile {
    display: none;
}

.add-contacts-btn-mobile-wrapper {
    display: none;

}

@media only screen and (max-width: 600px) {
    .connections-dashboard-panel .connections-header-wrapper {
        border-bottom: none;
        margin-bottom: 0px;
    }

    .main-container__connections .mobile-connections-search-wrapper {
        border-bottom: none;
        padding: 0;
        display: flex !important;
    }

    .main-container__connections .connection-mobile-search::before {
        right: auto;
    }

    .main-container__connections .mobile-connections-search-wrapper .connection-mobile-search .connections-mobile-search-field {
        padding-left: 35px;
        padding-top: 3px;
    }

    .add-contacts-btn-mobile-wrapper {
        padding-left: 10px;
        padding-right: 10px;
        display: block;
        margin-top: 5px;

    }

    .mobile-connections-searchbox {
        width: calc(100% - 55px);
    }

    .add-contacts-btn-mobile {
        display: block;
        padding-left: 23px;
        width: 100%;
        line-height: 36px;
        border-radius: 4px;
        background-color: #08a1d8;
        font-family: 'Open Sans';
        font-size: 15px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        color: #ffffff;
        text-align: center;
        position: relative;

    }

    .add-contacts-btn-mobile::before {
        content: '';
        background-image: url('/common/images/icons_2x/contact-icon-w.svg');
        width: 15px;
        height: 15px;
        object-fit: contain;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: 10px;
        margin-left: -23px;
    }

    .connections-sort-btn {
        width: 32px;
        height: 32px;
        border-radius: 4px;
        border: solid 1px #d6d8e3;
        background-color: #ffffff;
        margin-left: 12px;
    }

    .connections-sort-btn .icon-recent {
        content: '';
        background-image: url('/common/images/icons/sort-field-icon.svg');
        width: 15px;
        height: 11.5px;
        object-fit: contain;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        margin-top: 9px;
        margin-left: 8px;
    }
}

.conn-style li{ 
    border-left: 3px solid #798ecb;
    background-color: #f6f8ff;
}

.conn-button{ 
    border: none !important;
    background-color: #798ecb !important;
}

.con-link a {
    color: #798ecb !important;
}

.connection-sm-btns span:nth-child(2){
    border-color: #798ecb !important;
    color: #798ecb !important;
}

.connection-sm-btns span:nth-child(2):hover{
    background-color: #798ecb;
    color: white !important;
}

.border-conn{
    border-radius: 0 !important;
    margin-bottom: 1px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: 48px !important;
    width: 54px !important;
}

.border-conn:hover{
    background-color: transparent !important;
}

.reg-conn{
    border-bottom: 4px solid #798ecb;
    background-image: url("/app/assets/images/header/connections-hover.svg") !important;
}

.reg-noti{
    border-bottom: 4px solid #0aa1d8;
    background-image: url("/app/assets/images/header/notifications-hover.svg") !important;
}

.reg-ad{
    border-bottom: 4px solid #32b644;
    background-image: url("/app/assets/images/header/reward-hover.svg") !important;
}