.disabled-connection-warning {
    font-weight: bold;
    font-style: italic;

    color: #e07700;
}

/* 
* Taken from https://www.w3schools.com/howto/howto_css_loader.asp for simplicity
*/
.geofence-check-loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;

    width: 60px;
    height: 60px;

    animation: geofence-spin 2s linear infinite;
}
  
@keyframes geofence-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#geofence-check-main-loading {
    position: relative;
    height: 80px;
}

#geofence-check-main-loading-container {
    position: absolute;

    left: 50%;
    
    transform: translateX(-50%);
}

.lock-button-border {
    border: 1px solid rgba(129, 129, 129, 0.342);
}

.lock-configuration-container {
    opacity: 0;

    transition: opacity 1.1s ease-in-out;
}

.lock-configuration-container.visible {
    opacity: 1;
}

.no-padding {
    padding: 0 !important;
}

.unlocked {
    background: rgba(255, 0, 0, 0.562) !important;
}

.unknown {
    background: rgba(209, 186, 52, 0.747) !important;
}

.m {
    margin: 5px;
}