.uForm {
    margin: 10px 0
}

ul.uf-form {
    margin: 0!important;
    padding: 0!important;
    list-style: none!important
}

ul.uf-form li {
    margin: 0 0 10px!important
}

ul.uf-form li:last-child {
    margin-bottom: 0!important
}

.uf-form textarea {
    width: 100%;
    margin: 0;
    overflow: auto;
    resize: vertical;
    box-sizing: border-box!important
}

.uf-hidden {
    display: none
}

:where(.uauth-small-links) {
    margin: 0 0 10px 60px
}

:where(.auth-links-label) {
    vertical-align: middle
}

.uf-txt-input {
    padding: 4px 10px!important;
    *padding: 0!important;
    margin: 0!important;
    font-size: 12px!important;
    color: #848484!important;
    line-height: 20px!important;
    border: 1px solid #d6d6d6!important;
    border-radius: 3px!important;
    background-color: #fff!important;
    box-sizing: border-box!important;
    box-shadow: none!important;
    outline: none!important;
    background-image: none!important
}

input.uf-txt-input {
    height: 28px!important
}

textarea.uf-txt-input {
    width: 100%!important;
    padding: 6px 10px!important;
    *padding: 0!important;
    min-height: 50px!important;
    overflow: auto!important;
    resize: none!important
}

.ucf-post-btn:active {
    background-color: #f3f3f3!important
}

.uf-btn:active,.uf-btn:hover,input.uf-btn:active,input.uf-btn:hover {
    background-position: 0
}

.uForm-dark ::-webkit-input-placeholder {
    color: #fff
}

.uForm-dark ::-moz-placeholder {
    color: #fff
}

.uForm-dark .uf-txt-input:-ms-input-placeholder {
    color: #fff
}

.uForm-dark .uf-txt-input {
    color: #fff!important;
    background-color: #707070!important;
    border-color: #1f1f1f!important
}

.ucf-avatar {
    float: left;
    width: 50px
}

.ucf-avatar img {
    width: 50px;
    border-radius: 3px
}

.ucf-content {
    position: relative;
    margin: 0 0 0 60px
}

.ucf-start-content {
    overflow: hidden
}

.uComForm input.uf-txt-input {
    width: 200px!important
}

.ucf-start-content textarea {
    height: 50px;
    max-height: 200px
}

.ucf-form .commFl {
    margin: 0!important;
    box-sizing: border-box!important
}

.ucf-form input,.ucf-form select {
    margin: 0!important;
    vertical-align: middle
}

.ucf-form img,.ucf-form label {
    vertical-align: middle
}

.ucf-options {
    position: relative;
    float: right;
    font-size: 0
}

.ucf-option {
    margin: 0 0 0 3px!important
}

.ucf-option,.ucf-option-label {
    display: inline-block!important;
    vertical-align: middle!important;
    width: 30px!important;
    height: 30px!important
}

.ucf-option-label {
    margin: 0!important;
    cursor: pointer!important;
    opacity: .4!important;
    filter: alpha(opacity=40)!important;
    background: #ccc;
    border-radius: 50%!important;
    background: no-repeat 50%
}

.uf-checkbox {
    width: 30px;
    height: 30px;
    outline: none;
    opacity: 0!important;
    filter: alpha(opacity=0)!important;
    cursor: pointer
}

.ucf-option-checked {
    opacity: 1!important;
    filter: alpha(opacity=100)!important
}

.ucf-option-share {
    background: #44688e url(/.s/img/icon/social/uauth_icons_32x32.png)
}

.ucf-share-uid {
    background-color: #44688e;
    background-position: -1px -1px
}

.ucf-share-vk {
    background-color: #44688e;
    background-position: -1px -33px
}

.ucf-share-fb {
    background-color: #4862a5;
    background-position: -1px -65px
}

.ucf-share-gplus {
    background-color: #515151;
    background-position: -1px -97px
}

.ucf-share-twt {
    background-color: #01a9d3;
    background-position: -1px -129px
}

.ucf-option-additional,.ucf-option-anonymous,.ucf-option-subscribe {
    background: url(/.s/img/icon/social/options_icons_30x30.png) no-repeat 0
}

.ucf-option-subscribe {
    background-color: #f57936;
    background-position: left -60px
}

.ucf-option-anonymous {
    background-color: #999;
    background-position: left -30px
}

.ucf-option-additional {
    background-color: #86a55b;
    background-position: left 0
}

.uComment {
    margin: 30px 0
}

.uComment.cBlock1,.uComment.cBlock2 {
    border: 0;
    background: none
}

.uc-avatar {
    float: left;
    width: 50px
}

.uc-avatar img {
    vertical-align: middle;
    width: 50px;
    border-radius: 4px
}

.uc-content {
    margin: 0 0 0 65px
}

.uc-top img {
    vertical-align: middle
}

.uc-top-right {
    float: right;
    white-space: nowrap
}

.uc-top-left a,.uc-top-left img,.uc-top-left span {
    vertical-align: middle
}

.uc-message {
    margin: 8px 0;
    padding: 0
}

.uc-answer-link {
    margin: 5px 0 0;
    text-align: right;
    font-size: 8pt
}

.uc-opacity {
    opacity: .6;
    filter: alpha(opacity = 60)
}

.uf-with-tooltip {
    position: relative;
    cursor: pointer
}

.uf-tooltip {
    position: absolute;
    width: 120px;
    bottom: 100%;
    left: 50%;
    margin: 0 0 15px -60px;
    padding: 5px;
    font-size: 11px!important;
    line-height: 1.5!important;
    color: #fff!important;
    text-align: center;
    background-color: #000;
    background-color: rgba(0,0,0,.7);
    border-radius: 4px;
    visibility: hidden;
    opacity: 0;
    box-sizing: border-box;
    transition: all .2s ease-out .2s
}

.uf-with-tooltip:hover .uf-tooltip,.uf-wtt-hovered .uf-tooltip {
    visibility: visible;
    opacity: 1;
    margin-bottom: 10px;
    *margin-bottom: 0;
    transition-delay: .05s
}

.uf-tooltip:before {
    left: 0;
    width: 100%;
    height: 12px
}

.uf-tooltip:after,.uf-tooltip:before {
    position: absolute;
    display: block;
    content: "";
    top: 100%
}

.uf-tooltip:after {
    left: 50%;
    margin: 0 0 0 -6px;
    border: 6px solid transparent;
    border-top-color: #000;
    border-top-color: rgba(0,0,0,.7)
}

.uf-tt-item {
    display: block;
    padding: 2px 0!important;
    font-size: 12px!important;
    text-align: center;
    color: #fff!important;
    text-decoration: none!important
}

a.uf-tt-item:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.uf-tt-hr {
    display: block;
    height: 1px;
    margin: 3px 0;
    overflow: hidden;
    background: #000;
    background: hsla(0,0%,100%,.2)
}

.uComment:after,.uComment:before {
    content: " ";
    display: table
}

.uComment:after {
    clear: both
}