/* info panely*/

.info_panel_m
{
	font-size: 20pt;


}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}


.linka_seda_stred 
{
	background: transparent url("../content/images/pixel_gray.gif") repeat-y scroll center;
	padding: 0 3px 0 0;
}
.avatar {
 position:relative;
 display:inline-block
}
.avatar .avatar-name {
 background-color: #344050;
 position:absolute;
 text-align:center;
 color:#fff;
 font-weight:700;
 text-transform:uppercase;
 display:block
}
.avatar .avatar-name>span {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate3d(-50%,-50%,0)
}
.avatar .avatar-emoji {
 height:100%;
 width:100%;
 display:flex;
 align-items:center;
 justify-content:center
}
.avatar .avatar-emoji>span {
 transform:translateY(2%);
 display:inline-block
}
.avatar img {
 display:block
}
.avatar .avatar-name,
.avatar img {
 width:100%;
 height:100%
}
.avatar img {
 object-fit:cover
}
.avatar[class*=status-]:before {
 content:"";
 position:absolute;
 border-radius:100%;
 z-index:1
}
.avatar.status-online:before {
 background-color:#00d27a
}
.avatar.status-offline:before {
 background-color:#748194
}
.avatar.status-away:before {
 background-color:#f5803e
}
.avatar.status-do-not-disturb:before {
 background-color:#e63757
}
.avatar .avatar-button {
 background-color: #b6c1d2 !important;
 transition:all .2s ease-in-out;
 border:1px solid var(--falcon-avatar-button-bg);
 font-size:12px
}
.avatar .avatar-button:focus,
.avatar .avatar-button:hover {
 background-color: #b6c1d2 !important
}
.avatar:hover .overlay-icon {
 opacity:1
}
.avatar-s {
 height:1.25rem;
 width:1.25rem
}
.avatar-s .avatar-name {
 font-size:.4166666667rem
}
.avatar-s .avatar-emoji {
 font-size:1.25rem
}
.avatar-s[class*=status-]:before {
 border:1px solid color:#344050;
 height:9px;
 width:9px;
 right:-1px;
 bottom:-1px
}
.avatar-s .rounded-soft {
 border-radius:.2083333333rem!important
}
.avatar-m {
 height:1.5rem;
 width:1.5rem
}
.avatar-m .avatar-name {
 font-size:.5rem
}
.avatar-m .avatar-emoji {
 font-size:1.5rem
}
.avatar-m[class*=status-]:before {
 border:1px solid #fff;
 height:9px;
 width:9px;
 right:-1px;
 bottom:-1px
}
.avatar-m .rounded-soft {
 border-radius:.25rem!important
}
.avatar-l {
 height:1.75rem;
 width:1.75rem
}
.avatar-l .avatar-name {
 font-size:.5833333333rem
}
.avatar-l .avatar-emoji {
 font-size:1.75rem
}
.avatar-l[class*=status-]:before {
 border:1px solid #fff;
 height:9px;
 width:9px;
 right:-1px;
 bottom:-1px
}
.avatar-l .rounded-soft {
 border-radius:.2916666667rem!important
}
.avatar-xl {
 height:2rem;
 width:2rem
}
.avatar-xl .avatar-name {
 font-size:.6666666667rem
}
.avatar-xl .avatar-emoji {
 font-size:2rem
}
.avatar-xl[class*=status-]:before {
 border:2px solid #fff;
 height:13px;
 width:13px;
 right:-2px;
 bottom:-2px
}
.avatar-xl .rounded-soft {
 border-radius:.3333333333rem!important
}
.avatar-2xl {
 height:2.5rem;
 width:2.5rem
}
.avatar-2xl .avatar-name {
 font-size:.8333333333rem
}
.avatar-2xl .avatar-emoji {
 font-size:2.5rem
}
.avatar-2xl[class*=status-]:before {
 border:2px solid #fff;
 height:16px;
 width:16px;
 right:-3px;
 bottom:-3px
}
.avatar-2xl .rounded-soft {
 border-radius:.4166666667rem!important
}
.avatar-3xl {
 height:3.5rem;
 width:3.5rem
}
.avatar-3xl .avatar-name {
 font-size:1.1666666667rem
}
.avatar-3xl .avatar-emoji {
 font-size:3.5rem
}
.avatar-3xl[class*=status-]:before {
 border:3px solid #fff;
 height:18px;
 width:18px;
 right:0;
 bottom:0
}
.avatar-3xl .rounded-soft {
 border-radius:.5833333333rem!important
}
.avatar-4xl {
 height:6.125rem;
 width:6.125rem
}
.avatar-4xl .avatar-name {
 font-size:2.0416666667rem
}
.avatar-4xl .avatar-emoji {
 font-size:6.125rem
}
.avatar-4xl[class*=status-]:before {
 border:3px solid #fff;
 height:24px;
 width:24px;
 right:3px;
 bottom:3px
}
.avatar-4xl .rounded-soft {
 border-radius:1.0208333333rem!important
}
.avatar-5xl {
 height:10.5rem;
 width:10.5rem
}
.avatar-5xl .avatar-name {
 font-size:3.5rem
}
.avatar-5xl .avatar-emoji {
 font-size:10.5rem
}
.avatar-5xl[class*=status-]:before {
 border:4px solid #fff;
 height:32px;
 width:32px;
 right:8px;
 bottom:8px
}
.avatar-5xl .rounded-soft {
 border-radius:1.75rem!important
}
.avatar-group {
 display:flex;
 flex-wrap:nowrap
}
.avatar-group .avatar-2xl:not(:first-child),
.avatar-group .avatar-l:not(:first-child),
.avatar-group .avatar-m:not(:first-child),
.avatar-group .avatar-s:not(:first-child),
.avatar-group .avatar-xl:not(:first-child) {
 margin-left:-.5rem
}
.avatar-group .avatar-3xl:not(:first-child) {
 margin-left:-1rem
}
.avatar-group .avatar-4xl:not(:first-child) {
 margin-left:-1.8rem
}
.avatar-group .avatar-5xl:not(:first-child) {
 margin-left:-3rem
}
.avatar-group-dense .avatar-s:not(:first-child) {
 margin-left:-.6rem
}
.avatar-group-dense .avatar-m:not(:first-child) {
 margin-left:-.8rem
}
.avatar-group-dense .avatar-2xl:not(:first-child),
.avatar-group-dense .avatar-l:not(:first-child),
.avatar-group-dense .avatar-xl:not(:first-child) {
 margin-left:-1rem
}
.avatar-group-dense .avatar-3xl:not(:first-child) {
 margin-left:-1.8rem
}
.avatar-group-dense .avatar-4xl:not(:first-child) {
 margin-left:-3.3rem
}
.avatar-group-dense .avatar-5xl:not(:first-child) {
 margin-left:-6rem
}