/* 'otvoren','u_radu','cekanje','zavrsen','javljeno','zatvoren' */
.otvoren {
    background-color:#ff8a8a;
    color:#000;
}
.u_radu {
    background-color:#ae96fd;
    color:#fff;
}

.cekanje {
    background-color:#660000;
    color:#fff;
}

.zavrsen {
    background-color:#c1db4c;
    color:#000;
}

.javljeno {
    background-color:#28e687;
    color:#000;
}

.zatvoren {
    background-color:#000000;
    color:#fff;
}
.belo {
    background-color:#fff;
    color#000
}
.btn-warning {
    color:#8B0000!important;
}
/* checkbox */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 22px;
  }
  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #2196F3;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
  .cetvrtina {
    float: left;
    margin: 1%;
  }
  #teren {
    display: none;
  }
  #timetracking {
    display: block;
  }
  /* check box */
  .btn-group-xs > .btn, .btn-xs {
    padding: .25rem .4rem;
    font-size: .875rem;
    line-height: .5;
    border-radius: .2rem;
  }
.sakri {
  display: none;
}
.Soja {
  background: rgb(117, 117, 117);
  color:#000;
}
.Kukuruz {
  background: rgb(251, 255, 0);
  color:#000;
}
.Uljana {
  background: rgb(0, 255, 34);
  color:#000;
}
.Pšenica {
  background: rgb(255, 0, 0);
  color:#fff;
}
.Ječam {
  background: rgb(16, 4, 185);
  color:#fff;
}
.Suncokret {
  background: rgb(185, 4, 146);
  color:#000;
}
.Soja:hover, .Kukuruz:hover, .Uljana:hover, .Pšenica:hover,.Ječam:hover, .Suncokret:hover {
  background: rgb(255, 255, 255);
  color:#000;
}
option:hover {
  background-color: yellow;
}




.btn{
  font-weight: bold;
}