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

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

.talkboxInput {
    border-radius: 2px;
    border: 2px solid #FFBA49;
    box-sizing: border-box;
    padding-left: 65px !important;
    padding-right: 95px;
    line-height: 22px;
    width: 100%;
    min-height: 60px !important;
    height: auto !important;
    padding-top: 5px;
    white-space: pre-line;
    outline: 0px solid transparent;

}
.edittalkboxTagArea{ min-height: 42px }
.min-height-55{ min-height: 55px; }
.desktop-attach-icon{ }
.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% - 10px);
    margin-right: 10px;
    background-color: #fff !important;
    height: 36px;
    padding: 8px 25px;
    float: left;
    background-repeat: no-repeat !important;
    background-size: 15px 16px !important;
    background-position: 5px center !important;
    border: solid 1px #dcdfe5;
}
.postpanel  .postPanelFilesMedia .mediaThumb   {
    background: #eee url(/common/images/icons_2x/clip-attachment.svg);
    width: 50%;
    height: 35px;
    width: calc( 50% - 10px);
    margin-right: 10px;
    background-color: #fff !important;
    height: 36px;
    padding: 8px 25px;
    float: left;
    background-repeat: no-repeat !important;
    background-size: 15px 16px !important;
    background-position: 5px center !important;
    border: solid 1px #dcdfe5;
}
.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: 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;
}

#mediaContainerfileOnly .mediaThumb i:hover{
    color: #0aa1d8;
}
#mediaContainerfileOnly .mediaThumb:nth-child(even){
    margin-right: 0px;
}

.comments_media_table {
    text-align: right;
    display: block;
    padding: 5px 5px 5px 52px;
}

#comment-mobile .comments_media_table {
    padding-left: 15px;
}

#viewer-modal .list--share .js-selected .text {
    display: none
}


#viewer-modal-common{
    width: 100%;
    height:100%;
    position: fixed;
    display: block;
    z-index: 2400;
    overflow-x: hidden;
    overflow-y: auto;
}

#viewer-modal .comments__box .comments__date {
    font-size: 80%
}

#viewer-modal .comments__box .editBox {
    padding-right: 10px;
}

#viewer-modal .comments__form-list-icons li {
    margin-left: 2px !important
}

#viewer-modal .updateCommentGrid .grid--narrow {
    width: calc(100% + 20px) !important
}

#viewer-modal .updateCommentGrid .grid--narrow > .four-fifths {
    padding-left: 0px !important;
    width: 65% !important
}

#viewer-modal .updateCommentGrid .one-fifth {
    width: 40px !important;
    padding-left: 0px !important
}

#viewer-modal .updateCommentGrid .grid--narrow > .grid__item > .one-fifth {
    width: 40px !important
}

#viewer-modal .updateCommentGrid .grid--narrow > .grid__item > .one-fifth .icon-check2 {
    cursor: pointer
}

#viewer-modal .updateCommentGrid .icon-check2 {
    cursor: pointer
}

#viewer-modal .comments__form-list-icons {
    width: 40px !important
}

#viewer-modal .comments__form-list-icons a {
    padding: 2px !important;
    font-size: 9px !important
}

.comments_media_table td {
    position: relative
}
/*comment count style*/
.comment-count-style {
    color: #c4c9db !important;
    font-size: 12px;
}
.comment-count-style.selected {
    color: #0095BA !important;
    font-size: 12px;
}
/*** 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: 6px;
}

.commentsReplyMediaDelete, .commentsMediaDelete {
    position: absolute;
    top: 2px;
    left: 30px;
    font-size: 9px;
    color: #fff;
    border-radius: 10px;
    border: 2px solid #fff;
    padding: 2px;
    background-color: #05a4dc
}


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

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

.notified-sub-comment{
    background-color: #e8eaf1;
    animation-name: highlightreplycomment;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-play-state: running;
}

@keyframes highlightreplycomment {
    0%  {background-color:#fcf7da;}
    70%  {background-color:#fcf7da;}
    100%  {background-color:#e8eaf1;}
}
.commentsReplyMediaDelete:hover, .commentsMediaDelete:hover {
    border: 2px solid #000;

}

.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;
@media only screen and (min-width: 800px) {
    padding: 2px;
}
}

#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 */

#viewer-modal-common .mediaPopupReplyDiv {
    padding-left: 0px !important;
}

.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; }
#viewer-modal-common .reply_comment_ul_container_main{ margin-right: -10px; margin-left: -10px; 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%;
}
#bannerIconEditIcon_onsidebar {
    position: absolute !important;
    z-index: 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;}
.show-more-comments
{
    background-color: #f3f4f9;
    padding: 5px 5px 5px 22px;
    border-top: 1px solid #d8dbe7;
    color: #333 !important;
    font-size: 13px;
    height: 30px;
}
.show-more-comments.reply{
    background-color: #e8eaf1;
    padding-left: 62px ;
}
.show-more-comments a{
    color: #333 !important;
    font-weight: 600;
    background: url(/common/images/icons_2x/arrow-down.svg) no-repeat !important;
    background-position: right center !important;
    padding-right: 12px;

}

.view-more-comments {
    float: right;
    font-weight: 600;
    margin-right: 20px;
}

.reply_comment_ul_container  .show-more-comments{ padding: 5px 5px 5px 62px;}
#newsPostBoxDiv .attach-media-news {
    position: absolute;
    right: 16px !important;
    top: 16px !important;
}
.comment_text_section{ width: 74% !important;}
.comment_btn_section { width: 24% !important;
    float: right;}
.reply_comment_ul_container{ margin-left:-20px; margin-right:-20px; margin-top:10px}
.reply_comment_ul_container .comment_text_section{ width: 73% !important;}
.reply_comment_ul_container .comment_btn_section { width: 25% !important; float: right}


/**************** 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{

    height: 20px;
    width: 20px;
    font-size: 9px;
    padding: 2px 2px 2px 3px;
}
.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: 0px solid rgb(204, 0, 0);
    height: 50px;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
}

.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
    cursor: pointer;
    padding-top: 10px;
}

.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;
    border: 1px solid #d6d8e3;
    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;
}
#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;}

    #viewer-modal-common .comments__lists-item--reply,
    #viewer-modal-common .comments__lists .comments__lists-item.comments__lists-item--reply,
    #viewer-modal-common .comments__lists .comments__lists-item--reply{
        border-top:0px  !important;
}
@media only screen and (max-width: 800px){

    .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;
    }

    .replycommentLi .mediaPopupReplyDiv {
         width: calc(100% - 35px) !important;
     }

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

    .comments__box .comment_text_section{ margin-left: -23px }
    #viewer-modal-common .mediaPopupReplyDiv .textarea-highlighter-wrap{
        margin-left:10px
    }
    /* add spinner to mobile */

    .fixed .dropdown-box-new__title.dropdown-box-new__title--no-border {
        padding-top: 13px;
        padding-bottom: 10px;
        max-width: 70px !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;
    }

    .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;
    }
    #imageAvatorModal .desktoponly {
        display: none; }
    .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 10px;
        margin-left: 0;
        width: 100%;
        position: fixed;
        z-index: 1000;
    }
    .fixed-profile-filter.fixed {
        left: 0;
        top: 0;
        padding: 0px 10px 11px 10px;
        margin-left: 0;
        width: 100%;
        position: fixed;
        z-index: 1000000;
        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: 55px !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;
    }
    .replycommentLi .media__img {margin-right: -10px !important;}
}
@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) {
    .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: 1000000;
        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;
    }

    .replycommentLi {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 62px;
        background: #e8eaf1;
        position: relative;
    }

    #viewer-modal .replycommentLi {
        padding-left: 22px;
    }

    .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, .postPanelFilesMedia {
        width: 100%;
        height: auto;
        overflow: scroll;
        overflow-x: auto !important;
        overflow-y: hidden;
        display: block !important;
    }

    .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 #05a4dc;
        width: 60px;
        height: 60px;
        border-radius: 4px;
        position: relative;
        margin-left: 0px;
    }

    .edit-post__editable .wt-truncte-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;
        }
    }

    /**** remove padding top for "posting a comment on post"****/
    .comments__lists .comments__lists-item--form {
        padding-top: 0px !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.2rem;
    }

    .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;
    }

    #imageAvatorModal .modal__content {
        border-radius: 0px !important;
    }
    .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: calc(100vh - 180px);
        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 i.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 {
        background: #303a44;
        border: 0;
        border-radius: 4px;
        margin-top: 15px;
    }

    .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;
    }

    #viewProfileAsBlock .selectize-dropdown {
        width: 190px !important;
    }

    .selectize-dropdown, .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 [data-selectable], .selectize-dropdown .optgroup-header {
        padding: 5px 10px;
    }

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

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

    .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;
    }

    .comments__lists-item {
        border-top: 1px solid #d8dbe7;
    }

    .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;
    }

    .dropdown-box-new {
        position: absolute;
        background-color: #1d2026;
        border-color: #2F3943;
        border-radius: 4px;
        color: #555;
        width: 110px;
        z-index: 1000000;
        display: none;
        border-radius: 1px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        padding: 0px 0px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    }

    .dropdown-box-new ul {
        box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5);
    }

    .dropdown-box-new:before {
        top: -20px !important;
        width: 0;
        top: -15 !important;
        height: 0;
        border-left: 5px solid transparent !important;
        border-right: 5px solid transparent !important;
        border-bottom: 5px solid #282d36 !important;

    }
    .dropdown-box-news-reshare {
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        background-color: #eee;
        z-index: 666;
        opacity: 0.6;
    }
    /* line 49, /tmp/build_cdd39e1569f43a34762ded5383fcd59a/source/assets/stylesheets/shared/modules/_dropdown-qtip.scss */
    .dropdown-box-new:before {
        content: '';
        border-top: 10px solid transparent;
        border-bottom: 0px solid transparent;
        border-right: 5px solid #2F3943;
        position: absolute;
        right: 7px;
        top: -8px;
    }

    .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
    }

    #yourCreditCards {
        font-family: "Open Sans", serif !important;
    }

    #yourCreditCards .boardingpanel .grerypanel {
        border-top-left-radius: 4px !important;
        border-top-right-radius: 4px !important;
    }

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

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

    .comments__lists-item--reply {
        background: #e8eaf1;
        position: relative;
        padding-left: 62px;
    }

    .replycommentLi img {
        width: 32px;
    }

    .comments_media_table img, .comments_media_table img {
        width: 50px;
        height: 50px;

    }

    .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: 0;
        width: calc(100% + 80px);
        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 708, /home/administrator/webtalk-fe/source/assets/stylesheets/shared/core/_buttons.scss */
    .js-searchField.active a.btn--icon:hover i {
        color: #05a4dc;
    }

    /* 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: 1px;
    }

    /* 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: 25px;
        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);
    }

    #yourCreditCards .switch {
        background: none !important;
        box-shadow: none !important
    }

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

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

    .search_new_box {
        display: none;
        border: 2px solid #0aa1d8;
        background-color: #fff;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        width: 296px;
        height: 40px;
        right: 0px;
        top: 25px;
        z-index: 700;
        opacity: 0;
    }

    #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: 45px;
    }

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

    .search_new_box i {
        cursor: pinter;
        position: absolute;
        font-size: 16px;
        right: 5px;
        top: 9px;
        color: #0aa1d8;
    }

    .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: #0095BA !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;
    }

    .black_out_header {
        background-color: #39414d !important
    }
    .mentions-input-box textarea {
        background-color: white;
    }

    .counts-icon {
        position: absolute;
        height: 16px;
        line-height: 7px;
        right: 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;
    }

     .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-modal-common .replycommentLi, #viewer-modal-common .comments__lists-item--reply {
        padding-left: 60px !important
    }

    #viewer-modal-common .comments_media_lightbox,
    #viewer-modal-common .comments__lists-item{
        padding-left:10px !important;
        padding-right:10px !important;
}

    #viewer-modal-common .viewer{
        min-height: calc( 100vh - 40px);
        height: calc( 100vh - 40px);
        min-width: calc( 100vw - 60px);
        width: calc( 100vw - 60px);
    }
    #viewer-modal-common  .viewer__main .viewer-media-section{
        padding: 0px !important;
        width: calc(100% + 3px);
    }
    #viewer-modal-common  .modal-dialog{
        background-color: #48494c;
    }
    .viewer .viewer__sidebar .list--comments {
        max-height: calc( 100vh - 330px);
    }

    .lightbox-list--comments {
        overflow-y: scroll;
        overflow-x: hidden;
        max-height: calc( 100vh - 300px);
        border-bottom: 2px solid #d1d5e1;
        border-left: 1px solid #d1d5e1;
    }

    @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 {
            padding-top: 20px;
            background-color: #f3f4f9;
            padding-bottom: 22px;
            margin-top: 0px !important;
            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-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-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 3px !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: table;
    }

    .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,
    #yourCreditCards .input.cmn-toggle-round + label:before {
        right: 1px;

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

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

    .singupforms input.cmn-toggle-round + label:after,
    #yourCreditCards 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,
    #yourCreditCards input.cmn-toggle-round:checked + label:after {
        margin-left: 13px;
    }

    .singupforms input.cmn-toggle-round + label,
    #yourCreditCards 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,
    #yourCreditCards input.cmn-toggle-round:checked + label:after {
        margin-left: 15px;
    }

    .singupforms input.cmn-toggle-round + label,
    #yourCreditCards 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;
    }

    .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
    }

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

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

    #allNotificationPage .notification_main_footer {
        display: none;
    }

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

    /*/////////////////// News common ///////////*/
    .comment-attachment-dialog {
        margin-top:50px; width: 90%; overflow: hidden; max-height: 90%; margin: auto;
    }

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

    .postpanel {
        border: 1px solid #E6E7E9;
    }

    .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 !important;
    }

    .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 !important;
    }

    .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") !important;
        color: #586476;
    }

    .media-filter-photos-icon-active {
        background-image: url("/app/assets/images/icons/filter/photos-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;
    }

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

    .media-filter-js-nav-button{
        background-image: url("/common/images/icons_2x/hamburger-responsive.svg");
        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") !important;

    }

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

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

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

    .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");
    }

    .buttons--comment {
        margin-right: 8px;
    }

    .write-box .buttons--comment a:last-child {
        margin-right: 0 !important;
    }

    .write-box .buttons--comment a {
        margin-left: 0 !important;
    }

    .attach-icon-comments {
        background: url("/common/images/icons/attach-icon.svg") no-repeat;
        width: 24px;
        height: 24px;
        margin-top: 6px;
        background-size: 24px;
    }

    .attach-icon-comments:hover {
        background: url("/common/images/icons/attach-icon-over.svg") no-repeat;
        margin-top: 6px;
        background-size: 24px;
    }
    /******************************* 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 .icon-Public,
    .notification_panel .icon-Pro,
    .notification_panel .icon-Professional,
    .notification_panel .icon-All,
    .notification_panel .icon-Conn,
    .notification_panel .icon-Personal,
    .notification_panel .icon-Staff,
    .notification_panel .icon-Groups {
        background-size: contain !important;
        background-position: center center !important;
    }

    .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("/common/images/icons/public.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("/common/images/icons/all-connections.svg") no-repeat;
        background-size: 18px 13px ;
    }

    #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;*/
        height: 15px;
        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("/common/images/icons/professional-connections.svg") no-repeat;
        background-size: 15px 13px !important;
    }

    i.icon-Professional {
        background: url("/common/images/icons/professional-connections.svg") no-repeat !important;
        background-size: 15px 13px !important;
    }

    i.icon-Personal {
        background: url('/common/images/icons/personal-connections.svg') no-repeat;
        background-size: 16px 14px !important;
    }

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

    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('/common/images/icons/only-me.svg') no-repeat;
        background-size: 11px 13px !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,
    .privacy-selection-drop-down li:hover a.Public,
    .newsTalkBoxSharingOptions  .active i.icon-Public{
        background: url('/common/images/icons/public-over.svg') no-repeat;
        color: #ff9200;
    }
    .privacy-selection-drop-down ul {
        background-color: #1d2026;
        border-radius: 4px !important;
        -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
    }
    .privacy-selection-drop-down ul li:first-child:hover,
    .privacy-selection-drop-down ul li:last-child:hover,
    #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;}
    .privacy-selection-drop-down .selectize-dropdown-content > div:first-child {
        border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
    }
    .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,
    .privacy-selection-drop-down li:hover a.Personal,
    .newsTalkBoxSharingOptions  .active i.icon-Personal{
        background: url('/common/images/icons/personal-connections-over.svg') no-repeat;
        color: #b868c8;
    }


    .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,
    .privacy-selection-drop-down li:hover a.icon-Conn,
    .newsTalkBoxSharingOptions  .active i.icon-Conn{
        background: url('/common/images/icons/all-connections-over.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,
    .privacy-selection-drop-down li:hover a.All,
    .newsTalkBoxSharingOptions  .active i.icon-All{
        background: url('/common/images/icons/all-connections-over.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,
    .privacy-selection-drop-down li:hover a.Pro,
    .newsTalkBoxSharingOptions  .active i.icon-Pro
    {
        background: url('/common/images/icons/professional-connections-over.svg');
        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,
    .privacy-selection-drop-down li:hover a.Professional{
        background: url('/common/images/icons/professional-connections-over.svg') no-repeat;
        color: #798ecb !important;
    }

    .privacy-icon:hover .icon-Personal{
        background: url('/common/images/icons/personal-connections.svg') no-repeat !important;
        background-position: center center !important;
    }
    .notification_panel .icon-Professional, .notification_panel .icon-Pro {
        background: url('/common/images/icons/professional-connections-over.svg') no-repeat !important;;
        background-size: contain !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('/common/images/icons/public.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('/common/images/icons/professional-connections.svg')  !important
    }

    .notification_panel .dropdown-box-new__title .icon-Personal {
        background-image: url('/common/images/icons/personal-connections.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 i.icon-Groups,
    .dropdown-box__list li:hover i.icon-Groups,
    .privacy-icon i.icon-Groups, .notification_panel .icon-Groups,
    .privacy-active a.Groups,
    .privacy-active .icon-Groups,
    .privacy-selection-drop-down li:hover a.Groups,
    .newsTalkBoxSharingOptions  .active i.icon-Groups {
        background: url('/common/images/icons/groups-over.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,
    .privacy-selection-drop-down li:hover a.Private,
    .newsTalkBoxSharingOptions  .active i.icon-Private{
        background: url('/common/images/icons/only-me-over.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('/common/images/icons/public.svg') no-repeat;
    }
    #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('/common/images/icons/only-me.svg') no-repeat;
    }

    #newsShareSelection  i.icon-Conn
    {
        background: url("/common/images/icons/all-connections.svg") no-repeat !important;
        background-size: 18px 13px !important;
        background-position: 1px center !important;
    }
    #newsShareSelection  .dropdown-box-new__title i.icon-Conn{
        background: url("/common/images/icons/all-connections.svg") no-repeat !important;
        background-size: 18px 13px ;
        background-position: 1px center !important;
    }
    #newsShareSelection .dropdown-box-new li:hover i.icon-Pro{
        background: url("/common/images/icons/professional-connections.svg") no-repeat !important;
        background-position: center  center !important;

    }
    #newsShareSelection .dropdown-box-new li:hover i.icon-Personal{
        background: url('/common/images/icons/personal-connections.svg') no-repeat !important;
        background-position: center center !important;
    }
    #newsShareSelection .dropdown-box-new li:hover i.icon-Groups{
        background: url('/common/images/icons/groups.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 20px !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 i.icon-Groups{

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

    }
    @media only screen and (max-width: 340px)  {
        #newsShareSelection .dropdown-box-new__title {
            width: 72px !important;
        }
    }

    .imagePreview{ cursor: pointer}
    #newsShareSelection .dropdown-box-new__title{
        background-position: center !important;
        width: 275px;
    }




    .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;)*/
        /*}*/
    /*}*/

}
@media only screen and (max-width: 420px){
    #viewer-modal-common .modal-viewer .viewer {
        top: 0px !important;
    }
    #viewer-modal-common .modal-dialog {
        margin-top:0px !important;
    }
}

.truncate-ellipsis{
    display: table;
    table-layout: fixed;
    width: 100%;
}