.wzd-social-box .form-control{-webkit-appearance: none;}
.wzd-social-box ._loading {width:28px;height:28px;background-size: cover;position:absolute;left:50%;margin-left:-14px;top:50%;margin-top:-14px;}
.wzd-social-box.load-hidden ._header{display: none}
.wzd-social-box.load-hidden ._content{display: none}
.wzd-social-box.wzd-embeded-topic {width:100%;height:auto;}
.wzd-social-box.wzd-embeded-topic:after {content:' ';clear:both;display: block;}
.wzd-social-box.wzd-embeded-topic ._wrapper {width:100%;padding:0;}
.wzd-social-box.wzd-embeded-topic ._header {width:100%;float:left;position:relative;height:20px;margin-bottom: 4px}
.wzd-social-box.wzd-embeded-topic ._header ._left {float:left;height: 20px;line-height:20px;}
.wzd-social-box.wzd-embeded-topic ._header ._right {position:absolute;right:0;height: 20px;line-height:20px;}
.wzd-social-box.wzd-embeded-topic ._content {width:100%;position:relative;float:left;min-height:24px}
.wzd-social-box.wzd-embeded-topic ._content {width:100%;position:relative;margin-bottom:6px;}
.wzd-social-box.wzd-embeded-topic ._content ul {list-style: none;padding:12px 0 12px 6px;margin:0;display:block;float:left;width:100%;}
.wzd-social-box.wzd-embeded-topic ._content ul li {position:relative;list-style: none;padding:0 0 0 24px;margin:0;display:block;float:left;width:100%;}
.wzd-social-box.wzd-embeded-topic ._content ul li a:hover {text-decoration: underline;color:#000;}
.wzd-social-box.wzd-embeded-topic ._content ul li i {position: absolute;vertical-align:baseline;font-size:18px;top:1px;left:-4px;}
.wzd-social-box.wzd-embeded-topic ._content ul li._topic {-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-text-overflow:ellipsis;font-weight: bold;word-wrap:break-word;line-height: 18px;max-height: 36px;}
.wzd-social-box.wzd-embeded-topic ._content ul li._sub {margin:0 0 6px 0;}
.wzd-social-box.wzd-embeded-topic ._content ._no_question {font-style: italic;width: 100%;text-align: center;margin-top:-12px;position:absolute;top:50%;left:0;right:0;}
.wzd-social-box.wzd-embeded-topic ._btn {width:100%;float:left;}



.wzd-social-box.wzd-embeded-comment {width:100%;height:auto;overflow: hidden;}
.wzd-social-box.wzd-embeded-comment::after {content:' ';clear:both;display: block;float:left}
.wzd-social-box.wzd-embeded-comment ._wrapper {width:100%;padding:0;}
.wzd-social-box.wzd-embeded-comment ._header {width:100%;float:left;position:relative;height:20px;margin-bottom: 6px;}
.wzd-social-box.wzd-embeded-comment ._header ._left {float:left;height: 20px;line-height:20px;}
.wzd-social-box.wzd-embeded-comment ._header ._right {position:absolute;right:0;height: 20px;line-height:20px;}
.wzd-social-box.wzd-embeded-comment ._content {width:100%;position:relative;float:left;margin-bottom:6px;min-height:24px;}
.wzd-social-box.wzd-embeded-comment ._content._reverse {margin-top:12px;}
.wzd-social-box.wzd-embeded-comment ._content ul {list-style: none;padding: 6px 0 0 0;margin:0;display:block;float:left;width:100%;}
.wzd-social-box.wzd-embeded-comment ._content li._comment {list-style: none;padding:0;margin:2px 0 0 0;float:left;width: 100%;}
.wzd-social-box.wzd-embeded-comment ._content li._comment ._comment_text {display:-webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-text-overflow:ellipsis;position:relative;float:left;padding:0 0 0 49px;margin:4px 0 12px 0;line-height: 20px;overflow: hidden;word-wrap:break-word;width:100%;max-width:860px;}
.wzd-social-box.wzd-embeded-comment ._content.full li._comment ._comment_text {height:auto!important;-webkit-line-clamp:inherit!important;}
.wzd-social-box.wzd-embeded-comment ._content.full {height:auto!important;}

.wzd-social-box.wzd-embeded-comment ._content a._more {float:left;display: block;width: 100%;height:32px;line-height: 32px;font-size:12px;margin-bottom:12px;}
.wzd-social-box.wzd-embeded-comment ._content ul li._comment.more {display: none;}
.wzd-social-box.wzd-embeded-comment ._content ul.full li._comment.more {display: block}

.wzd-social-box.wzd-embeded-comment ._content ._no_question {font-style: italic;width: 100%;text-align: center;margin-top:-12px;position:absolute;top:50%;left:0;right:0;}
.wzd-social-box.wzd-embeded-comment ._btn {width:100%;float:left;}
.wzd-social-box.wzd-embeded-comment ._content li._comment .ProfileBox {margin-top:12px;width: 100%;}
.wzd-social-box.wzd-embeded-comment ._content li._comment .ProfileBox:first-child {margin-top:0}
.wzd-social-box.wzd-embeded-comment .CommentBox__avatar .ProfileBox__img {position:relative;top:-2px;}

.SmartContentMini_title {word-wrap:break-word;width: 100%;border:#dedede 1px solid;height:24px;line-height: 24px;padding:0 6px}
.SmartContentMini {width:100%;padding-top:60%;background: #dedede;position:relative;color:#fff;background-position:50% 50%;background-size: cover;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
.SmartContentMini .__topic {position:absolute;z-index:2; top:8px;left:8px;}
.SmartContentMini .__title {position:absolute;z-index:2;width:100%;padding:0 6px 0 12px;left:0;bottom:2px;color:#fff;}
.SmartContentMini .__title h5 {color:#fff;}
.SmartContentMini .__dim {position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;width:100%;}

.DiscussionSection__mobilefix {
    width: 100%;
    height: 1px;
}

.arrow_box {
    position: relative;
    background: #ffffff;
    border: 1px solid #dedede;
}
.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    left: 18px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}
.arrow_box:before {
    border-color: rgba(222, 222, 222, 0);
    border-bottom-color: #dedede;
    border-width: 11px;
    margin-left: -11px;
}
#discussion .attachment {margin-top:12px;}
.SmartContentMini.__blank {background-image: url('/assets/icons/bg-default-cover-all.jpg');background-size: auto;background-repeat: repeat; }
.SmartContentMini .photo-shade {
    /*http://www.cssmatic.com/gradient-generator#'\-moz\-linear\-gradient\%28top\%2C\%20rgba\%280\%2C0\%2C0\%2C0\%29\%200\%25\%2C\%20rgba\%280\%2C0\%2C0\%2C0\.1\%29\%2042\%25\%2C\%20rgba\%280\%2C0\%2C0\%2C0\.6\%29\%20100\%25\%29\%3B'*/

    /*http://www.cssmatic.com/gradient-generator#'\-moz\-linear\-gradient\%28top\%2C\%20rgba\%280\%2C0\%2C0\%2C0\.35\%29\%200\%25\%2C\%20rgba\%280\%2C0\%2C0\%2C0\.35\%29\%201\%25\%2C\%20rgba\%280\%2C0\%2C0\%2C0\%29\%2016\%25\%2C\%20rgba\%280\%2C0\%2C0\%2C0\.1\%29\%2042\%25\%2C\%20rgba\%280\%2C0\%2C0\%2C0\.1\%29\%2043\%25\%2C\%20rgba\%280\%2C0\%2C0\%2C0\.6\%29\%20100\%25\%29\%3B'*/
    background: rgba(0,0,0,0.35);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.35) 1%, rgba(0,0,0,0) 16%, rgba(0,0,0,0.1) 42%, rgba(0,0,0,0.1) 43%, rgba(0,0,0,0.6) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.35)), color-stop(1%, rgba(0,0,0,0.35)), color-stop(16%, rgba(0,0,0,0)), color-stop(42%, rgba(0,0,0,0.1)), color-stop(43%, rgba(0,0,0,0.1)), color-stop(100%, rgba(0,0,0,0.6)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.35) 1%, rgba(0,0,0,0) 16%, rgba(0,0,0,0.1) 42%, rgba(0,0,0,0.1) 43%, rgba(0,0,0,0.6) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.35) 1%, rgba(0,0,0,0) 16%, rgba(0,0,0,0.1) 42%, rgba(0,0,0,0.1) 43%, rgba(0,0,0,0.6) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.35) 1%, rgba(0,0,0,0) 16%, rgba(0,0,0,0.1) 42%, rgba(0,0,0,0.1) 43%, rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.35) 1%, rgba(0,0,0,0) 16%, rgba(0,0,0,0.1) 42%, rgba(0,0,0,0.1) 43%, rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

@media (max-width: 768px) {
    .DiscussionSection__mobilefix {height:44px;}
    .wzd-social-box ._content {height:auto!important;}
    .wzd-social-box.wzd-embeded-comment ._content li._comment ._comment_text {height:auto!important;}
    /*.wzd-social-box.wzd-embeded-comment:last-child {margin-top:24px;border-top:1px solid #dbdbdb;padding-top:24px;}*/
    .SocialLayout__discussion {padding-bottom: 24px; }
    /*.SocialLayout__comment { padding-top: 24px;border-top:1px solid #dedede;}*/

    .wzd-social-box.wzd-embeded-engage.compact-mobile ._label {display:none!important;}
    .wzd-social-box.wzd-embeded-engage.compact-mobile ._wrapper>div{margin:0 6px;}
    .wzd-social-box.wzd-embeded-engage.compact-mobile ._wrapper>div:first-child{margin:0 6px 0 0;}
    .wzd-social-box.wzd-embeded-engage.compact-mobile ._wrapper>div:last-child{margin:0 0 0 0;}
}
@media (max-width: 320px) {
    .wzd-social-box.wzd-embeded-engage .__previewusers {display:none;}
    .wzd-social-box.wzd-embeded-engage .__comment ._num {display:none;}

}

/*#modal-discussion ._hint {padding:18px 12px 12px 12px;}*/
/*#modal-discussion ._select {padding:6px 12px 6px 12px;}*/
/*#modal-discussion ._title {padding:6px 12px 6px 12px;}*/
/*#modal-discussion ._detail {padding:6px 12px 24px 12px;}*/
/*#modal-discussion ._submitrow {padding:12px;float:right;width: 100%;text-align: right;background:#fafafa;border-top:1px solid #8e8e8e;}*/

#modal-embed-creation ._hint {padding:18px 12px 12px 12px;}
#modal-embed-creation ._select {padding:6px 12px 6px 12px;}
#modal-embed-creation ._title {padding:6px 12px 6px 12px;}
#modal-embed-creation ._detail {padding:6px 12px 24px 12px;}
#modal-embed-creation ._thumb {padding:6px 12px 24px 12px;}
#modal-embed-creation ._submitrow {padding:12px;float:right;width: 100%;text-align: right;background:#fafafa;border-top:1px solid lightgray;}

#modal-embed-creation ._detail {
    display: inline-block;
    width: 100%;
}
#modal-embed-creation ._thumb {
    position: relative;
    float: right;
    width: 100%;

}
#modal-embed-creation .btn_component_edit {
    background: url(/assets/icons/camera.png) no-repeat;
    position: absolute;
    right: 20px;
    top: 14px;
    width: 26px;
    height: 25px;
}
@media (min-width: 641px) {
    #modal-embed-creation ._detail {
        width: 75%;
    }
    #modal-embed-creation ._thumb {
        width: 25%;
    }
}
#modal-embed-creation .area-upload-image-preview.over-old-image {
    margin: 0;
}
#modal-embed-creation .crop-photo canvas {
    float: right;
}



.wzd-social-box.wzd-embeded-engage.darkmode {color:#fff;}

.wzd-social-box.wzd-embeded-engage {width: 100%;}

.wzd-social-box.wzd-embeded-engage .social-engage-info {
    display: flex;
    border-bottom: 1px solid #eaeaea;
    align-items: center;
    padding: 5px 12px 2px 7px;
    justify-content: space-between;
    font-size: 12px;
    font-family: 'Sukhumvit Medium';
    min-height: 36px;
}
.wzd-social-box.wzd-embeded-engage .social-engage-info .engage-right{
    display: flex;
}
.wzd-social-box.wzd-embeded-engage .social-engage-info .engage-right .like{
    margin-left: 10px;
    position: relative;
}
.wzd-social-box.wzd-embeded-engage .social-engage-info .engage-right .like:hover{
    /*color: #b1b1b1;*/
}
.wzd-social-box.wzd-embeded-engage .social-engage-info .engage-right .like .tooltip-image-user{
    display: none;
}
.wzd-social-box.wzd-embeded-engage .social-engage-info .engage-right .like:hover .tooltip-image-user{
    display: flex;
    position: absolute;
    background: #FFF;
    padding: 4px 8px;
    padding-left: 24px;
    right: 0;
    top: -40px;
    border-radius: 6px 6px 0;
    border: 1px solid #e7e7e7;
}
.wzd-social-box.wzd-embeded-engage .social-engage-info .engage-right .like:hover .tooltip-image-user:after, .wzd-social-box.wzd-embeded-engage .social-engage-info .engage-right .like:hover .tooltip-image-user:before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
}
.wzd-social-box.wzd-embeded-engage .social-engage-info .engage-right .like:hover .tooltip-image-user:after{
    border-top-color: #FFF;
    border-width: 7px;
    content: ' ';
    position: absolute;
    width: 0px;
    height: 0px;
    bottom: -6px;
    right: 1px;
}
.wzd-social-box.wzd-embeded-engage .social-engage-info .engage-right .like:hover .tooltip-image-user:before{
    border-top-color: #e7e7e7;
    border-width: 8px;
    content: ' ';
    position: absolute;
    width: 0px;
    height: 0px;
    bottom: -8px;
    right: 0px;
}
.wzd-social-box.wzd-embeded-engage .social-engage-info .engage-right .like:hover .tooltip-image-user > .__user {
    width: 24px;
    height: 24px;
    float: left;
    margin-left: -16px;
}
.wzd-social-box.wzd-embeded-engage .social-engage-info .engage-right .like:hover .tooltip-image-user > .__user > img {
    border: #ffffff 2px solid;
    border-radius: 50%;
    width: 100%;
    height: 100%;

}
.wzd-social-box.wzd-embeded-engage ._wrapper {
    padding: 6px 12px 0 12px;
    height: 42px;
    width: 100%;
    font-family: 'Sukhumvit Medium';
}

.wzd-social-box.wzd-embeded-engage ._wrapper>div:first-child{float:left;margin:0 6px 0 0;}
.wzd-social-box.wzd-embeded-engage ._wrapper>div:last-child{float:right;margin:0 0 0 0;}
.wzd-social-box.wzd-embeded-engage ._wrapper>div{float:right;margin:0 6px;}

.wzd-social-box.wzd-embeded-engage ._wrapper > div.__like {
    float: right;
    margin-right: 6px;
    font-size: 22px;
}

.wzd-social-box.wzd-embeded-engage ._wrapper>div.__like .__previewusers {float:left;}
/*.wzd-social-box.wzd-embeded-engage ._wrapper>div.__like .__num {float:left;display: block;font-size:12px;color:#8e8e8e;margin-right:6px;}*/
.wzd-social-box.wzd-embeded-engage ._wrapper>div.__like .__num {  }
.wzd-social-box.wzd-embeded-engage .__comment .__num {
    position: absolute;
    left: 10px;
    top: -4px;
    line-height: 1.3;font-size:.8em;padding:0 6px;min-width: inherit;
    background: #f7941e;
    border-radius: 1em;
    color:#FFF;
}

/*.wzd-social-box.wzd-embeded-engage.compact ._label {display:none!important;}*/
.wzd-social-box.wzd-embeded-engage.compact ._wrapper>div{margin:0;}
.wzd-social-box.wzd-embeded-engage.compact ._wrapper>div:first-child{}
.wzd-social-box.wzd-embeded-engage.compact ._wrapper>div:last-child{margin:0 0 0 0;}
.wzd-social-box.wzd-embeded-engage ._wrapper>div.__like a {float:left;display: block;}
.wzd-social-box.wzd-embeded-engage ._wrapper>div.__collect {    margin-top: 4px;margin-left: 0;}
.wzd-social-box.wzd-embeded-engage ._wrapper>div.__share {position: relative;}
.wzd-social-box.wzd-embeded-engage ._wrapper>div.__share .dropdown-menu-share {left:-120px;top:-78px;}
.wzd-social-box.wzd-embeded-engage .__previewusers .__user{width:24px;height:24px;float:left;margin-left:-16px;margin-top:-2px;}
.wzd-social-box.wzd-embeded-engage .__previewusers .__user:first-child{margin-left:0;}
.wzd-social-box.wzd-embeded-engage .__previewusers .__user img{border: #ffffff 2px solid;  border-radius: 50%;  width: 100%;  height: 100%;}

.wzd-social-box.wzd-embeded-engage ._wrapper>div.__like a {color:#444;}
.wzd-social-box.wzd-embeded-engage ._wrapper>div.__like a:hover {color:#444;}
.wzd-social-box.wzd-embeded-engage ._wrapper>div.__like a:link {color:#444;}
.wzd-social-box.wzd-embeded-engage ._wrapper>div.__like.liked a:hover {color:#f7941e;}
.wzd-social-box.wzd-embeded-engage ._wrapper>div.__like.liked a:link {color:#f7941e;}
.wzd-social-box.wzd-embeded-engage ._wrapper .__share>a {color:#8e8e8e;}
.wzd-social-box.wzd-embeded-engage ._wrapper .__share>a:hover {color:#8e8e8e;}
.wzd-social-box.wzd-embeded-engage ._wrapper .__share>a:link {color:#8e8e8e;}
.wzd-social-box.wzd-embeded-engage ._wrapper .__collect>a {color:#8e8e8e;}
.wzd-social-box.wzd-embeded-engage ._wrapper .__collect>a:hover {color:#8e8e8e;}
.wzd-social-box.wzd-embeded-engage ._wrapper .__collect>a:link {color:#8e8e8e;}


.wzd-social-box.wzd-embeded-engage.darkmode ._wrapper>div.__like a {color:#fff;}
.wzd-social-box.wzd-embeded-engage.darkmode ._wrapper>div.__like a:hover {color:#fff;}
.wzd-social-box.wzd-embeded-engage.darkmode ._wrapper>div.__like a:link {color:#fff;}
.wzd-social-box.wzd-embeded-engage.darkmode ._wrapper>div.__like.liked a:hover {color:#f7941e;}
.wzd-social-box.wzd-embeded-engage.darkmode ._wrapper>div.__like.liked a:link {color:#f7941e;}
.wzd-social-box.wzd-embeded-engage.darkmode ._wrapper .__share>a {color:#fff;}
.wzd-social-box.wzd-embeded-engage.darkmode ._wrapper .__share>a:hover {color:#fff;}
.wzd-social-box.wzd-embeded-engage.darkmode ._wrapper .__share>a:link {color:#fff;}
.wzd-social-box.wzd-embeded-engage.darkmode ._wrapper .__collect>a {color:#fff;}
.wzd-social-box.wzd-embeded-engage.darkmode ._wrapper .__collect>a:hover {color:#fff;}
.wzd-social-box.wzd-embeded-engage.darkmode ._wrapper .__collect>a:link {color:#fff;}