.marked {
    background: #4a86c1;
    color: #FFF !important;
    width: 10px;
    height: 10px;
    font-size: 0;
    padding: 2px 4px;
    font-weight: bold;
    border-radius: 2px;
    margin-left: 5px;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 4px;
}
.marked:hover { color: #fff; text-decoration: none; }

.p10 { padding: 1em; border: 1px solid #e6e6e6; border-bottom: 0; border-top: 0; }

input[type="color"] { height: 20px !important; padding: 0 2px; border: 1px solid #ccc !important; border-radius: 3px; }


.marked {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.marked.wialon_pro { background-image: url(img/wp.png) }
.marked.wialon_kit { background-image: url(img/wk.png) }
.marked.wialon_hosting { background-image: url(img/wh.png) }
.marked.wialon_local { background-image: url(img/wl.png) }
.marked.flespi { background-image: url(img/flespi.png) }