root {
    display: block;
}

.comments-list{
    list-style-type: none;
    padding-left: 0;
}

.comments-list .admin-panel{
    border: solid 1px grey;
    padding: 5px;
}

.comments-list .comments-list{
    padding-left: 20px;
}
.cmb-body a  {text-decoration:none}
.cmb-name { font-size:14px;     color: #364563;}
.cmb-name:hover {text-decoration:underline}
.comments-list li{
    margin: 0;
    /*background: #E5F1F4;*/
    padding: 0;
    border-radius: 5px;
}

.comments-list li:nth-child(2n){
    /*background: #F8F8F8;*/
}

.comments-list li .comment-header{
    font-weight: bold;
}

/*extra*/
.comment-widget {
    padding: 10px;
    background: #292929;
    background: rgba(255,255,255,0.06);
    font-family: Verdana;
    border: 1px solid #454545;
    border-radius: 4px;
    margin: 30px 0 10px;
    /*box-shadow: 0 2px 6px #000;*/
}

#controlComments {
    color: #ffffff;
    padding-left: 10%;
    font-size: 13px;
}

#controlComments>div {
    display: inline-block;
    vertical-align: middle;
    width: 30%
}

.sort-label {
    display: inline-block;
}

.sort-options {
    display: inline-block;
    background: #000000;
    color: #CCCCCC;
    position: relative;
}

.select-div {
    padding: 5px;
    cursor: pointer
}

.select-div>span {
    margin-right: 5px;
    min-width: 125px;
    display: inline-block;
}

.select-div>i.fa {
    vertical-align: top;
    padding-left: 2px;
}

.select-options {
    position: absolute;
    width: 100%;
    z-index: 999;
    background: #232323;
    display: none;
}

.select-options>ul {
    list-style: none;
    padding-left: 0;
}

.select-options>ul>li {
    cursor: pointer;
    margin-left: 5px;
    margin-top: 10px;
}


.comment-wrap {
    position: relative;
    background: #333333;
    padding-left: 120px;
    /*padding-right: 70px;*/
    width: auto!important;
}

.comment-avatar {
    float: left;
    width: 100px;
    margin: 10px 10px 0 0;
    padding-left: 10px;
    overflow: hidden;
    position: absolute;
    left: 0;
}

.comment-content {
    padding: 6px 10px 25px 0px;
    font-size: 12px;
    line-height: 15px;
    color: #000;
    width: 100%;
}

.comment-header {
    text-align: left;
}

.comment-username {
    text-transform: uppercase;
    color: #fff
}

.comment-time {
    color: #666666
}

.i-cmb { padding-bottom: 30px; margin-bottom: 0; position:relative; }
.i-cmb .b-ava { padding: 2px 0 0 0; }
.i-cmb .b-ava img { display: block; width: 100%; height: auto; max-width: 95px; }
.cmb-head { background: url("../images/x3.png") 0 bottom repeat-x; position: relative; padding: 0 40px 8px 0; line-height: 20px; margin: 0 0 8px 0; }
.cmb-user { font-size: 12px; font-weight: 700; text-transform: uppercase; color: #fff; }
.cmb-user a { font-size: 12px; color: #9d0212; text-decoration: none; }
.cmb-user a:hover { color: #9d0212; text-decoration: underline; }
.cmb-ago { font-size: 11px;  padding: 0 10px 0 5px; white-space: nowrap; }
.cmb-link a { font-size: 12px; color: #77dc33; text-decoration: none; }
.cmb-link a:hover { color: #77dc33; text-decoration: underline; }

.cmb-drop { right: 0; top: 0; position: absolute; vertical-align: top; }
.cmd-drop-btn { width: 23px; height: 23px; vertical-align: top; background: url("../images/t-arrw.png") no-repeat; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden; border: none; margin: 0; padding: 0; box-shadow: 0 0 3px rgba(0,0,0,.75); }
.cmd-drop-btn:hover { background-position: 0 -23px; }
.cmb-drop .dropdown-menu, .cmb-user .dropdown-menu, .dropdown-user .dropdown-menu {  left: auto; right: 0; background-color: #272727; font-size: 12px; color: #999; border-radius: 4px; border: 1px solid #1d1d1d; padding: 0; }
.cmb-user .dropdown-menu, .dropdown-user .dropdown-menu { left: 0; right: auto; }
.cmb-drop .dropdown-menu > li > a, .cmb-user .dropdown-menu > li > a, .dropdown-user .dropdown-menu > li > a { font-size: 12px; color: #fff; border-top: 1px solid #373737; border-bottom: 1px solid #1d1d1d; padding-top: 5px; padding-bottom: 5px; text-decoration: none; }
.cmb-drop .dropdown-menu > li > a:hover, .cmb-user .dropdown-menu > li > a:hover, .dropdown-user .dropdown-menu > li > a:hover { color: #77dc33; text-decoration: underline;
background: #1e1e1e;
background: linear-gradient(to bottom,  #1e1e1e 0%,#262626 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#262626',GradientType=0 );
}
.cmb-drop .dropdown-menu > li.selected > a, .cmb-user .dropdown-menu > li.selected > a, .dropdown-user .dropdown-menu > li.selected > a { color: #fff; background: none; }
.cmb-drop .dropdown-menu > li > a:active, .cmb-user .dropdown-menu > li > a:active, .dropdown-user .dropdown-menu > li > a:active { color: #999; }

.cmb-user.open, .dropdown-user.open > a { color: #77dc33; }

.cmb-body { font-size: 12px; line-height: 18px; margin: 0; padding: 0 0 10px 0; /*overflow: hidden*/}
.cmb-body p.comment-text { margin: 0; padding: 10px 0 0 0; overflow: hidden}
.cmb-body.long p.comment-text {max-height: 3em; }
.cmb-body.long.expand p.comment-text {max-height: none; }
.cmb-body p.comment-text:first-child { padding: 0; }
.cmb-body .link-mod, .cmb-body.long.expand .link-mod.get-open {display: none}
.cmb-body.long .link-mod.get-open, .cmb-body.long.expand .link-mod {display: block; }
#save-comment { margin:0 auto; display:block; }
#complain-form .ta-right .btn { margin:0 auto; display:block; }
.bl-reply-form .ta-right .btn { margin:0 auto; display:block; }
.sub-cmt-dlg .b-ta-right .btn { margin:0 auto; display:block; }

.cmb-foot { position: relative; padding: 8px 180px 5px 0; line-height: 20px; background: url("../images/x3.png") repeat-x; min-height: 33px; }
.c-answs { font-size: 12px; color: #999; }

.one-entry .like-list { list-style: none; vertical-align: top; border-radius: 3px; background-color: #2b2b2b; padding: 6px 15px; margin: 0 0 2px -18px; right: auto; top: auto; position: static; text-align: center; height:34px; }
.like-list { list-style: none; vertical-align: top; right: 0; top: 8px; position: absolute; white-space: nowrap; }
.like-list li { display: inline-block; vertical-align: top; padding: 0 2px; }
.like-list li button { font-size: 14px; text-decoration: none; display: inline-block; vertical-align: top; position: relative; line-height: 20px; border: none;}
.ls-dislike { padding: 0 0 0 25px; color: #f5413f; }
.ls-dislike:hover, .ls-dislike:active, .ls-dislike:focus { color: #f5413f; }
.ls-dislike:after { content: ''; width: 30px; height: 30px; left: -10px; top: -3px; position: absolute; background: url("../images/i-like.png") right bottom no-repeat; }
.ls-dislike:hover:after, .ls-dislike.active:after { background-position: right 0;  cursor:pointer}
.ls-like { padding: 0 0 0 25px; color: #77dc33; margin: 0 0 0 20px; }
.ls-like:hover, .ls-like:active, .ls-like:focus { color: #77dc33; }
.ls-like:after { content: ''; width: 30px; height: 30px; left: -10px; top: -3px; position: absolute; background: url("../images/i-like.png") 0 bottom no-repeat; }
.ls-like:hover:after, .ls-like.active:after { background-position: 0 0; cursor:pointer}