form{
    overflow: hidden;
    
}
.space
{
    margin: 20px 0;
}
.reply-space
{
    margin-left: 55px;
}
.border-radius
{
    border-radius: 12px;
}
.chat-header
{
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px;
    font: 23px Arial;
}
.chat-header .comments-show-order {
    float:right;
}
.chat-header .comments-show-order a,
.chat-header .comments-show-order a:active,
.chat-header .comments-show-order a:visited
{
    color:#5293D5;
    font-size:16px;
    cursor:pointer;
}
.chat-header .comments-show-order a:hover
{
    text-decoration: underline;
}
.wrapper-reply-block
{
    overflow: hidden;
}
.wrapper-top-box
{
    overflow: hidden;
    background-color: #FDFDFD;
    padding: 20px 0 10px;
}
.wrapper-post-comment-box
{
    overflow: hidden;
    background-color: #F7F7F7;
    padding: 10px 0 15px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom:25px;
}
.wrapper-message-box
{
    overflow: hidden;
    position: relative;
    padding-top: 3px;
}
.wrapper-message-box .avatar
{
    width: 53px;
    float: left;
    vertical-align: top;
    margin-left: 5px;
}
@media (max-width: 590px) 
{
    div.wrapper-message-box .wrapper-comment-reply
    {
        width: 67%;
    }
}
@media (max-width: 360px) 
{
    div.wrapper-message-box .wrapper-comment-reply
    {
        width: 61%;
    }
}
.wrapper-message-box .wrapper-comment-reply
{
    width: 68%;
    overflow: hidden;
    border: 1px solid #DBDBDB;
    display: inline-block;
    margin-left: 18px;
}
.wrapper-message-box .wrapper-comment
{
    overflow: hidden;
    border: 1px solid #DBDBDB;
    float: left;
    margin-left: 18px;
    width: 70%;
}
.wrapper-message-box textarea.wrapper-comment
{
    overflow: hidden;
    background:#fff;
    border: 1px solid #DBDBDB;
    display: inline-block;
    margin-left: 18px;
    margin-bottom: 13px;
    max-width: 70%;
    font: 13px Arial;
    padding: 14px 0px 14px 20px;
}

.wrapper-message-box input.wrapper-author,
.wrapper-message-box input.wrapper-email
{
    margin: 0 0 13px 78px;
    max-width: 70%;
    width: 70%;
}

.wrapper-message-box .pipka-blue
{
    background: url('/wp-content/plugins/comments-unipress/resources/img/pipka-sprite.jpg') 0 -3px no-repeat;
    width: 14px;
    height: 16px;
    top: 11px;
    left: 63px;
    position: absolute;
}
.wrapper-message-box .pipka-white
{
    background: url('/wp-content/plugins/comments-unipress/resources/img/pipka-sprite.jpg') 0 -50px no-repeat;
    width: 14px;
    height: 16px;
    top: 11px;
    left: 63px;
    position: absolute;
}
.wrapper-message-box .pipka-grey
{
    background: url('/wp-content/plugins/comments-unipress/resources/img/pipka-sprite.jpg') 0 -27px no-repeat;
    width: 14px;
    height: 16px;
    top: 11px;
    left: 63px;
    position: absolute;
}
.wrapper-message-box .wrapper-comment .heading-text
{
    background-color: #5293D5;
    color: #fff;
    font: bold 14px Arial;
    padding: 8px 20px;
}
.wrapper-message-box .wrapper-comment .chat-text
{
    font: 13px Arial;
    padding: 14px 20px;
    color: #0B0B0B;
    background-color: #fff;
}
.wrapper-message-box .wrapper-comment-reply .heading-text
{
    background-color: #F7F7F7;
    color: #1168AF;
    font: bold 14px Arial;
    padding: 8px 20px;
    border-bottom: 1px solid #DBDBDB;
}
.wrapper-message-box .heading-text .comment-date {font-weight: normal;}
.wrapper-message-box .wrapper-comment .heading-text .comment-edit-link,
.wrapper-message-box .wrapper-comment .heading-text .comment-date
{
    float:right;
    color:#fff;
}
.wrapper-message-box .wrapper-comment .heading-text .comment-edit-link a
{
    color:#fff;
}
.wrapper-message-box .wrapper-comment-reply .heading-text .comment-edit-link,
.wrapper-message-box .wrapper-comment-reply .heading-text .comment-date 
{
    float:right;
    color:#1168AF;
}
.wrapper-message-box .wrapper-comment-reply .heading-text .comment-edit-link a
{
    color:#1168AF;
}
.wrapper-message-box .wrapper-comment-reply .chat-text
{
    font: 13px Arial;
    padding: 14px 20px;
    color: #0B0B0B;
    background-color: #F7F7F7;
}
.wrapper-message-box .chat-text a,
.wrapper-message-box .chat-text a:active,
.wrapper-message-box .chat-text a:hover
{
    color:#3288C1;
}
.wrapper-message-box .wrapper-comment .chat-reply-link
{
    text-align: right;
    padding: 0 9px 7px 0;
    background-color: #fff;
}
.wrapper-message-box .wrapper-comment .chat-reply-link a
{
    font: bold 11px Arial;
    color: #5293D5;
    text-decoration: none;
    text-transform: uppercase;
}
.wrapper-message-box .wrapper-comment .chat-reply-link a:hover
{
    text-decoration: underline;
}
.wrapper-message-box .chat-btns
{
    overflow: hidden;
    margin-left: 78px;
    float:left;
    width: 74%;
}
.wrapper-message-box .chat-btns .comment-preview-block
{
    max-width:210px;
    max-height:130px;
    text-align:left;
    position:relative;
    float:left;
}
.wrapper-message-box .chat-btns div a span.skip-uploading
{
    background: #E0E0E0 url('/wp-content/plugins/comments-unipress/resources/img/cross.png') no-repeat center center;
    cursor: pointer;
    display: inline-block;
    height:100%;
    position: absolute;    
    left:0px;
    width:100%;
    z-index:1;
    opacity:0.1;
    filter:alpha(opacity:10);
    padding:0px;
    
}
.wrapper-message-box .chat-btns div a:hover span.skip-uploading {
    opacity:0.7;
    filter:alpha(opacity:70);
}
.wrapper-message-box .comment-upload-preview,
.wrapper-message-box .comment-preview-thumb,
.wrapper-message-box .comment-media
{
    max-width:210px;
    max-height:130px;
}
.wrapper-message-box .comment-media {
    position: relative;
    display:inline-block;
    margin-top:10px;
}
.wrapper-message-box .comment-media i {
    cursor:pointer;
    background: url('/wp-content/plugins/comments-unipress/resources/img/zoom.png') no-repeat center center;
    display: inline-block;
    height:100%;
    position: absolute;    
    left:0px;
    width:100%;
    z-index:1;
    opacity:0.3;
    filter:alpha(opacity:30);
    padding:0px;
}
.wrapper-message-box .comment-media:hover i {
    opacity:100;
    filter:alpha(opacity:100);
}
.wrapper-message-box .chat-btns a.btn-camera
{
    width: 62px;
    height: 35px;
    display: block;
    float: left;
    overflow:hidden;
    position: relative;
}
.wrapper-message-box .chat-btns a.btn-camera input {
    opacity: 0;
    filter:alpha(opacity:0);
    cursor: pointer;
    height: 56px;
    max-width: 100px;
    position: absolute;
    right: -16px;
    top: -12px;
    width: 100px;
}
.wrapper-message-box .chat-btns a.btn-camera span
{
    background: url('/wp-content/plugins/comments-unipress/resources/img/photo-camera.png') center center no-repeat;
    padding: 1.1em 1.1em;
    background-size: 38%;
}
.wrapper-message-box .chat-btns button,
.wrapper-message-box .chat-btns .button {
    padding:0px;
    text-decoration: none;
    font: bold 0.9em 'Trebuchet MS',Arial, Helvetica;
    display: inline-block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #9c9c9c;
    border: 1px solid rgba(0, 0, 0, 0.3);            
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
}

.wrapper-message-box .chat-btns button, 
.wrapper-message-box .chat-btns button span,
.wrapper-message-box .chat-btns .button, 
.wrapper-message-box .chat-btns .button span{
    -moz-border-radius: .3em;
    border-radius: .3em;
}

.wrapper-message-box .chat-btns button span,
.wrapper-message-box .chat-btns .button span{
    border-top: 1px solid #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.6em 0.6em;        
}

.wrapper-message-box .chat-btns button:hover,
.wrapper-message-box .chat-btns .button:hover {
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.wrapper-message-box .chat-btns button:active,
.wrapper-message-box .chat-btns .button:active {
    position: relative;
    top: 1px;
}
@media (max-width: 370px) 
{
    div.wrapper-message-box .chat-btns .button-blue,
    div.wrapper-message-box .chat-btns .button-grey
    {
        clear: both;
    }    
    div.wrapper-message-box .chat-btns .button-blue
    {
        float: left;
        margin-top: 13px;
    }
}
.wrapper-message-box .chat-btns .button-blue {
    background: #0D4991;
    background: -webkit-gradient(linear, left top, left bottom, from(#3288C1), to(#0D4991) );
    background: -moz-linear-gradient(-90deg, #3288C1, #0D4991);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3288C1', endColorstr='#0D4991');
    float: right;
    margin-right:3px;
}

.wrapper-message-box .chat-btns .button-blue:hover {
    background: #3288C1;
    background: -webkit-gradient(linear, left top, left bottom, from(#0D4991), to(#3288C1) );
    background: -moz-linear-gradient(-90deg, #0D4991, #3288C1);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0D4991', endColorstr='#3288C1');            
}

.wrapper-message-box .chat-btns .button-blue:active  {
    background: #0D4991;
}
.wrapper-message-box .chat-btns .button-grey {
    background: #E0E0E0;
    background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#E0E0E0) );
    background: -moz-linear-gradient(-90deg, #F8F8F8, #E0E0E0);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F8F8F8', endColorstr='#E0E0E0');
    float: left;
}

.wrapper-message-box .chat-btns .button-grey:hover {
    background: #F8F8F8;
    background: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#F8F8F8) );
    background: -moz-linear-gradient(-90deg, #E0E0E0, #F8F8F8);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E0E0E0', endColorstr='#F8F8F8');            
}

.wrapper-message-box .chat-btns .button-grey:active  {
    background: #E0E0E0;
}
.wrapper-post-comments .chat-footer {
    text-align: center;
    width: 81%;
}
.wrapper-post-comments .load-more-comments-btn {
    background: #fff;
    position:relative;
    border: 1px solid #5293D5;
    border-radius: 5px 5px 5px 5px;
    color: #5293D5;
    margin: 0 0 15px 0px;
    width: 200px;
}

.wrapper-post-comments .load-more-comments-btn img {
    position:absolute;
    top:10px;
    left:10px;
}

.wrapper-post-comments a.user-profile-link,
.wrapper-post-comments a.user-profile-link:hover,
.wrapper-post-comments a.user-profile-link:active, 
.wrapper-post-comments a.user-profile-link:visited {
    cursor:pointer;
    font:bold 14px Arial;
    text-decoration: none;
}

.wrapper-post-comments .wrapper-comment a.user-profile-link{color:#FFFFFF;}
.wrapper-post-comments .wrapper-comment-reply a.user-profile-link{color:#196AAF;}

/* Pagination */
.navigation { list-style:none; font-size:12px; }
.navigation li{ display:inline; }
.navigation li a{ display:block; float:left; color: #5293D5; padding:4px 9px; margin-right:7px; border:1px solid #5293D5; }
.navigation li a:hover {color:#5293D5;}
.navigation li span.current { display:block; float:left; padding:4px 9px; margin-right:7px; border:1px solid #efefef; background-color:#f5f5f5; }
.navigation li span.dots { display:block; float:left; padding:4px 9px; margin-right:7px; }