/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 11, 2019, 5:11:49 PM
    Author     : pperez
*/

/*Sensor Cards*/

.sensor-card .card-header,
.sensor-card .card-body {
    /*padding: 0.25rem 0.75rem;*/
}

.sensor-icon-container {
    padding: 5px;
}

.sensor-button-sm {
    background: #E0E0E0;
    padding: 5px;
    border: 1px solid #9E9E9E;
    border-radius: 100%;
    color: #212121;
    height: 28px;
    width: 28px;
    transition: 0.3s;
}

.sensor-button-sm:hover {
    background: #424242;
    border: 1px solid #212121;
    color: #E0E0E0;
}

.sensor-icon-sm {
    font-size: 24px;
}

.sensor-icon {
    color: #37474F;
    font-size: 56px;
}

/*Badges*/

.card .card-badge {
    position: absolute !important;
    top: -10px !important;
    right: -10px !important;
}

.card .date-badge {
    position: absolute !important;
    top: -10.3px !important;
    right: 18.75px !important;
    font-size: 14px;
}

/* Thermometer */

.fa-thermometer-full {
    color: #F44336;
}

.fa-thermometer-three-quarters {
    color: #FFC107;
}

.fa-thermometer-half {
    color: #CDDC39;
}

.fa-thermometer-quarter {
    color: #4CAF50;
}

.fa-thermometer-empty {
    color: #2196F3;
}

/* Battery */

.fa-battery-full {
    color: #4CAF50;
}

.fa-battery-three-quarters {
    color: #CDDC39;
}

.fa-battery-half {
    color: #FFC107;
}

.fa-battery-quarter {
    color: #FF9800;
}

.fa-battery-empty {
    color: #F44336;
}

/* Signal */

.fa-signal {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}

.fa-signal-6 {
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
}

.fa-signal-5 {
    background: linear-gradient(0.25turn, #4CAF50 100%, #ddd 100%);
}

.fa-signal-4 {
    background: linear-gradient(0.25turn, #CDDC39 80%, #ddd 80%);
}

.fa-signal-3 {
    background: linear-gradient(0.25turn, #FFC107 60%, #ddd 60%);
}

.fa-signal-2 {
    background: linear-gradient(0.25turn, #FF9800 40%, #ddd 40%);
}

.fa-signal-1 {
    background: linear-gradient(0.25turn, #F44336 20%, #ddd 20%);
}

/*Humidity*/

.fa-tint {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}

.fa-tint-7 {
    background: linear-gradient(0.0turn, #304FFE 90%, #ddd 90%);
}

.fa-tint-6 {
    background: linear-gradient(0.0turn, #00C853 75%, #ddd 75%);
}

.fa-tint-5 {
    background: linear-gradient(0.0turn, #AEEA00 60%, #ddd 60%);
}

.fa-tint-4 {
    background: linear-gradient(0.0turn, #FFD600 50%, #ddd 50%);
}

.fa-tint-3 {
    background: linear-gradient(0.0turn, #FFAB00 40%, #ddd 40%);
}

.fa-tint-2 {
    background: linear-gradient(0.0turn, #DD2C00 25%, #ddd 25%);
}

.fa-tint-1 {
    background: linear-gradient(0.0turn, #d50000 10%, #ddd 10%);
}

.sensor-icon {
    font-size: 56px;
}

/* Lux */

.fa-moon {
    color: #3F51B5;
}

.fa-lightbulb {
    color: #03A9F4;
}

.fa-cloud-sun {
    color: #CDDC39;
}

.fa-sun {
    color: #FFEB3B;
}

/* Default */

.lora-default {
    color: rgb(13, 71, 161);
}

.lora-good {
    color: #4CAF50;
}

.lora-warning {
    color: #FF9800;
}

.lora-danger {
    color: #F44336;
}