#rcl-office{
box-shadow: none;
padding: 10px;
}
#rcl-office .office-box{
padding: 10px;
border: 1px solid #ccc;
margin-bottom: 10px;
background: #fff;
overflow: hidden;
border-radius: 3px;
}
#rcl-office .office-header{
}
#rcl-office .office-wrapper .rcl-menu-notice{
color:inherit;
}
#rcl-office .office-wrapper{
overflow: hidden;
}
#rcl-office .office-wrapper .office-sidebar{
width: 220px;
float: left;
padding: 0 10px 0 0;
}
#rcl-office .office-wrapper .office-content{
overflow: hidden;
margin: 0;
}
#rcl-office .office-content-top{
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
}
#rcl-office .office-content-top h2{
color: #333;
font-weight: normal;
}
#rcl-office .office-content-top .user-status{
float: right;
font-size: 13px;
padding: 0 10px;
border-radius: 999px;
color: #fff;
text-shadow: 1px 1px #717171;
background:#ccc;
}
#rcl-avatar{
}
#rcl-avatar .avatar-image{
}
#rcl-avatar .avatar-icons{
position: absolute;
bottom: 5px;
left: 5px;
line-height: 1;
}
#rcl-avatar .avatar-icons .rcl-avatar-icon{
font-size: 20px;
background: #fff;
padding: 5px;
margin: 3px;
display: inline-block;
opacity: 0.8;
}
#rcl-avatar .avatar-icons .icon-avatar-delete{
display:none;
}
#rcl-avatar:hover .avatar-icons .icon-avatar-delete{
display:inline-block;
}
#rcl-office #lk-menu{
width: 100%;
max-width: none;
box-sizing: border-box;
margin: 0;
}
#rcl-office #lk-menu .rcl-tab-button .recall-button{
background: none;
color: #333;
font-size: 14px;
float: none;
}
#rcl-office .avatar-image img{
height:auto;
}
#rcl-office .office-counters .rcl-tab-button .recall-button{
border-right: 1px solid #ccc;
}
#rcl-office #lk-menu .rcl-tab-button .recall-button.active,
#rcl-office .office-counters .rcl-tab-button .recall-button.active{
color:#fff;
border-right: 0px;
}
#tab-general-info .ballun-status{
margin: 10px auto 20px;
}
#tab-general-info .office-counters,
#tab-general-info .office-actions{
margin:10px 0;
}
#tab-general-info .office-counters .rcl-tab-button,
#tab-general-info .office-actions .rcl-tab-button{
margin: 0 10px 0 0;
}
.office-content-top .user-description{
font-size: 13px;
margin-top: 5px;
}
.office-content .office-counters{
margin-top: 10px;
text-align: right;
}
.office-content .office-counters .rcl-tab-button{
background: none;
display: inline-block;
}
.office-content .office-counters .rcl-tab-button .recall-button{
background: none;
font-size: 14px;
padding: 5px 10px;
}
.office-content .office-counters .rcl-tab-button .rcl-menu-notice{
background: none;
font-size: 14px;
}
#rcl-office .office-content .office-counters .rcl-tab-button:last-child .recall-button{
border-right: 0px;
}
#rcl-office .office-wrapper .office-details{
margin: 10px 0;
}
#rcl-office .office-details .theme-sky-more-view{
display: block;
padding: 8px 10px;
text-align: left;
color: #5f5f5f;
font-size:14px;
line-height: 1;
}
#rcl-office .office-details .theme-sky-details{
background: #fff;
padding: 10px;
display: none;
}
#rcl-office .office-actions{
margin-bottom: 5px;
}
#rcl-office .office-actions .actions-block-rcl{
display: inline-block;
}
#rcl-office .office-actions a.recall-button{
display: inline-block;
margin: 5px;
}
#rcl-office .office-actions a.recall-button{
background: none;
} @media screen and (max-width:800px) {
#rcl-office .office-wrapper .office-sidebar {
width: 170px;
}
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:667px) {
#rcl-office .office-wrapper .office-sidebar {
width: 120px;
}
.vertical-menu #lk-menu a{
width:auto;
}
}
@media screen and (max-width:480px) {
.office-box.details-box{
display:none;
}
.office-box.avatar-box{
margin: 0px auto 10px;
width: 150px;
}
#rcl-office .office-wrapper .office-sidebar{
float: none;
width: initial;
}
.rcl-tab-button{
display: inline-block;
width: initial;
float: left;
}
}
@media screen and (max-width:360px) {
}
@media screen and (max-width:320px) {
}