body {
    margin: 0;
    padding: 10pt;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.kontik {
    width: 80%;
    margin: 30px auto;
}

.statusSvg {
    width: 100%;
    height: 50px;

    display: block;

    /* border: 1px solid #000;
    background-color: #555; */
}

.statusSvg>rect:hover {
    /* outline: 2px solid #000;

    outline-offset: -1px; */

    /* box-shadow: 10px 20px 30px blue; */

    /* stroke-width: 1.5px;
    stroke: #000; */

    transform: translate(0, -10%);
    height: 100%;
}

.avatar {
    width: 40px;
    height: 40px;
}

.status {
    color: #eee;
    margin: 0px 5px;
    padding: 0px 5px;
    background-color: #000;
    border-radius: 5px;
}


.st_STATUS_OFFLINE {
    background-color: rgb(116, 127, 141);
}

.st_STATUS_ONLINE {
    background-color: rgb(59, 165, 93);
}

.st_STATUS_IDLE {
    background-color: rgb(250, 168, 26);
}

.st_STATUS_DND {
    background-color: rgb(237, 66, 69);
}

.st_STATUS_ONLINE_PHONE {
    background-color: rgb(37, 104, 58);
}

.st_STATUS_IDLE_PHONE {
    background-color: rgb(124, 84, 16);
}

.st_STATUS_DND_PHONE {
    background-color: rgb(122, 34, 35);
}

.st_DENIM_POSEL {
    background-color: #000;
}

.strt_ {
    fill: #fff;
}

.strt_STATUS_ONLINE {
    fill: rgb(59, 165, 93);
}

.strt_STATUS_OFFLINE {
    fill: rgb(116, 127, 141);
}

.strt_STATUS_IDLE {
    fill: rgb(250, 168, 26);
}

.strt_STATUS_DND {
    fill: rgb(237, 66, 69);
}

.strt_STATUS_ONLINE_PHONE {
    fill: rgb(37, 104, 58);
}

.strt_STATUS_IDLE_PHONE {
    fill: rgb(124, 84, 16);
}

.strt_STATUS_DND_PHONE {
    fill: rgb(122, 34, 35);
}

.strt_DENIM_POSEL {
    fill: #000;
}

.info {
    position: absolute;
    background-color: #fff
}