/* ---------------------------------------------------
   Color Fills (SVG)
---------------------------------------------------- */
.crna-mat {
  fill: #000000;
}

.braon {
  fill: #704241;
}

.teget {
  fill: #000080;
}

.srebrno-ogledalo {
  fill: #c0c0c0;
}

.crvena {
  fill: #ff0000;
}

.plava {
  fill: #2f54a9;
}

.antracit {
  fill: #393d47;
}

/* ---------------------------------------------------
   Color Classes for Material Types
---------------------------------------------------- */
[class^="c-"] {
  color: #000;
}

.c-crna-mat,
.c-crna-sjaj,
.c-crna-acp,
.c-crna-graverska,
.c-forex-crni {
  background: linear-gradient(to right, #000000, #2c2c2c) !important;
  color: #fff;
}

.c-teget {
  background: linear-gradient(to right, #242b3f, #40476b) !important;
  color: #fff;
}

.c-braon,
.c-drvo-dezen-acp {
  background: linear-gradient(to right, #3f2c2a, #3f3634) !important;
  color: #fff;
}

.c-crvena {
  background: linear-gradient(to right, #951218, #ff2c2c) !important;
  color: #fff;
}

.c-plava {
  background: linear-gradient(to right, #2f54a9, #3864be) !important;
  color: #fff;
}

.c-antracit {
  background: linear-gradient(to right, #393d47, #767f94) !important;
  color: #fff;
}

.c-siva,
.c-srebrna-metalik,
.c-srebrno-ogledalo,
.c-srebrno-ogledalo-dpl,
.c-srebro-cesljano-acp,
.c-srebrna-graverska {
  background: linear-gradient(to right, #5e676d, #d3d3d3) !important;
}

.c-bela,
.c-bela-sanitar,
.c-forex-beli {
  background: linear-gradient(to right, #fff, #d0cfcf) !important;
}

.c-zlatno-ogledalo,
.c-zlatno-ogledalo-dpl,
.c-zlatna-graverska {
  background: linear-gradient(to right, #a86008, #ffba56) !important;
}

/* ---------------------------------------------------
   Status Indicators (Colored Dots)
---------------------------------------------------- */
[class^="status-"]::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin-right: 3px;
}

.status-1::before {
  background-color: #f4d35e;
}

.status-2::before {
  background-color: #ee964b;
}

.status-3::before {
  background-color: #90be6d;
}

.status-4::before {
  background-color: #8ecae6;
}

.status-5::before {
  background-color: #b7e4c7;
}

.status-6::before {
  background-color: #cdb4db;
}

.status-7::before {
  background-color: #e29578;
}

/* ---------------------------------------------------
   Izvor Indicators (Thin Bars)
---------------------------------------------------- */
[class^="izvor-"]::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 12px;
  margin-right: 3px;
}

.izvor-1::before {
  background-color: #3b6070;
}

.izvor-2::before {
  background-color: #4267b2;
}

.izvor-3::before {
  background-color: #833ab4;
}

.izvor-4::before {
  background-color: #f77737;
}

.izvor-5::before {
  background-color: #128c7e;
}

.izradjena {
  background-color: #128c7e;
}