/*Colores para SVG, para rellenar */
:root {
    /*Sinoptico*/
    --errorEstadoCom: #ff766d !important;
    --errorElementoArbol: #f5f5f5 !important;
    --errorElementoSinoptico: #fc3326 !important;
    --okEstadoCom: #bfffad !important;
    --okElementoSinoptico: #6aad57 !important;
    --warningYellow: #f7d368 !important;
    --gray: #e3e3e3 !important;
    /*Others*/
    --primary: #e3e3e3 !important;
    --secondary: #6c757d !important;
    --danger: #dc3545 !important;
    --warning: #ffc107 !important;
    --info: #17a2b8 !important;
    --light: #f8f9fa !important;
    --dark: #343a40 !important;
    --white: #fff !important;
}

.fill-errorRed {
    fill: #ff766d !important;  /*#FF0000*/
}

.fill-okGreen {
    fill: #bfffad !important; /*#00CB03*/
}

.fill-gray {
    fill: #e3e3e3 !important;
}


.fill-primary {
    fill: #007bff !important;
}

.fill-secondary {
    fill: #6c757d !important;
}

.fill-success {
    fill: #28a745 !important;
}

.fill-danger {
    fill: #dc3545 !important;
}

.fill-warning {
    fill: #ffc107 !important;
}

.fill-info {
    fill: #17a2b8 !important;
}

.fill-light {
    fill: #f8f9fa !important;
}

.fill-dark {
    fill: #343a40 !important;
}

.fill-white {
    fill: #fff !important;
}


/*Colores para background */
.bg-primary {
    background-color: #007bff !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

.bg-success {
    background-color: #28a745 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

.bg-white {
    background-color: #fff !important;
}

/*Colores para TEXTO */
.text-primary {
    color: #007bff !important;
}

.text-secondary {
    color: #6c757d !important;
}

.text-success {
    color: #28a745 !important;
}

.text-danger {
    color: #dc3545 !important;
}

.text-warning {
    color: #ffc107 !important;
}

.text-info {
    color: #17a2b8 !important;
}

.text-light {
    color: #f8f9fa !important;
}

.text-dark {
    color: #343a40 !important;
}

.text-white {
    color: white;
}