﻿.kmark {
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    transition: all 0.3s ease-out;
    width: auto;
    height: auto;
    margin-top: 1.5em;
}

    .kmark > div.icon {
        transition: .5s;
        width: 32px;
        height: 32px;
        display: none;
    }

    .kmark .title {
        font-size: 1.4em;
        margin-top: 0.3em;
    }

    .kmark .states {
        border-top: #afafaf 1px solid;
        text-align: start;
        margin-top: 0.5em;
        padding-top: 0.5em;
    }

        .kmark .states > ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .kmark .states > ul li > img {
                width: 2em;
                margin-right: 1em;
            }

            .kmark .states > ul li > label {
                display: inline-block;
                min-width: 6em;
            }

            .kmark .states > ul li > strong {
                font-weight: 700;
                font-size: 1.1em;
            }

.kmark-icon {
    border-radius: 50%;
    transition: .5s;
}

    .kmark-icon.border, .kmark-icon.highlight {
        background: white;
        border: #000 1px solid;
        box-shadow: 0px 2px 6px 0px #555555;
        padding: 0.5em;
    }

    .kmark-icon.normal {
        background: #00c300;
    }

    .kmark-icon.warning {
        background: orange;
    }

    .kmark-icon.danger {
        background: red;
    }

    .kmark-icon.highlight {
    }

    .kmark-icon.Offline,
    .kmark-icon.offline {
        background: grey;
    }

div#map button,
div#map button *, .kmark, .kmark * {
    font-family: 'Saysettha OT','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

button.gm-ui-hover-effect {
    width: auto !important;
    height: auto !important;
}

    button.gm-ui-hover-effect > span {
        margin: 8px 0 0 0 !important;
    }

.gm-style-iw-chr {
    position: absolute !important;
    right: 8px !important;
    z-index: 1 !important;
}
