.pointer{
    cursor: pointer;
}

.colorButtons {
    display: block;
    margin: 20px 0;
}

.bg-standby{
    opacity:1;
    background-color:#fd7e14!important
}

.bg-denied{
    opacity:1;
    background-color:#ff5043!important
}

.info-control-hour-popover {
    max-width: 390px !important;
    width: 100% !important;
    height: 470px;
    min-height : 470px;
}

.info-control-hour-popover-without-map {
    max-width: 390px !important;
    width: 100% !important;
    height: 120px;
    min-height : 120px;
}

#geolocate-map,#control-hour-geolocate-map,#activity-position {
    width: 100%; 
    height: 28vh;
    z-index:999 !important
}

canvas {
    cursor: crosshair;
}


canvas#canvas {
    left: 150px;
    top: 45px;
}


.colorpicker {
    background: transparent;
    height: 40px;
}

#access-point-position {
    width: 100%; 
    height: 51vh;
    z-index:999 !important
}

.obfuscate {
    filter: blur(7px);
    transition: filter 0.3s ease;
}

.obfuscate-input {
    filter: blur(7px);
    transition: filter 0.3s ease;
}

.obfuscate.reveal {
    filter: blur(0);
}


.typing-dots .dot {
    opacity: 0;
    animation: typingAnimation 1.5s infinite;
}
.typing-dots .dot:nth-child(1) { animation-delay: 0s; }
.typing-dots .dot:nth-child(2) { animation-delay: 0.5s; }
.typing-dots .dot:nth-child(3) { animation-delay: 1s; }

@keyframes typingAnimation {
    0%, 100% { opacity: 0; }
    50% { opacity: 1; }
}