@charset "UTF-8";
.vv-slika-crud .thumb .btnPreview, .vv-slika-crud .thumb .btnDelete, .vv-slika-crud .info .btnSnimi {
  position: absolute;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  font-size: 24px;
  border-radius: 4px;
  background-color: #039be5;
  color: #FFFFFF;
  border: solid 1px #CCCCCC;
}

.vv-slika-crud .info .btnSnimi {
  width: 60px;
  height: 26px;
  font-size: 16px;
}

.od-hover, .vv-slika-crud .thumb .btnPreview, .vv-slika-crud .thumb .btnDelete, .vv-slika-crud .info .btnSnimi {
  display: inline-block;
  cursor: pointer;
}
.od-hover:hover, .vv-slika-crud .thumb .btnPreview:hover, .vv-slika-crud .thumb .btnDelete:hover, .vv-slika-crud .info .btnSnimi:hover {
  opacity: 0.8;
}
.od-hover:focus, .vv-slika-crud .thumb .btnPreview:focus, .vv-slika-crud .thumb .btnDelete:focus, .vv-slika-crud .info .btnSnimi:focus {
  opacity: 0.6;
  filter: invert(0.9);
}
.od-hover:active, .vv-slika-crud .thumb .btnPreview:active, .vv-slika-crud .thumb .btnDelete:active, .vv-slika-crud .info .btnSnimi:active {
  filter: invert(0.9);
}

.od-no-hover:hover {
  background-color: unset !important;
}
.od-no-hover:focus {
  background-color: unset !important;
}
.od-no-hover:active {
  background-color: unset !important;
}

.od-hover-color {
  cursor: pointer;
}
.od-hover-color:hover {
  background-color: #3d70b2;
}
.od-hover-color:focus {
  background-color: #3d70b2;
}
.od-hover-color:active {
  background-color: #000;
}

.od-link, .od-tag {
  color: #fff !important;
  background-color: #039be5;
}
.od-link:hover, .od-tag:hover {
  background-color: #3d70b2;
}
.od-link:active, .od-tag:active {
  background-color: #000;
}

.od-tag {
  text-decoration: underline;
}

.od-link-light {
  padding: 4px 6px;
  color: #fff !important;
  background-color: #313131;
}
.od-link-light:hover {
  background-color: #3d70b2;
}
.od-link-light:active {
  background-color: #000;
}

.is-vesti {
  background-color: #039be5;
}

.is-vesti-prim {
  background-color: #3d70b2;
}

.is-sport {
  background-color: #ff5900;
}

.is-foto {
  background-color: #313131;
}

.is-dešavanja {
  background-color: #18ab69;
}

.is-pištaljka {
  background-color: #EA0030;
}

.is-sponzorisani {
  background-color: rgb(208, 60, 6);
}

.is-nekretnine {
  background-color: rgb(28, 173, 60);
}

.is-nekretnine-prodaja {
  background-color: #18ab69 !important;
}

.is-nekretnine-izdavanje {
  background-color: #EDA12D !important;
}

.is-nekretnine-turizam {
  background-color: #039be5 !important;
}

.is-agencije {
  background-color: #3d70b2;
}

.is-nekretnine-light {
  background-color: rgb(109, 171, 123);
}

.is-oglasi {
  background-color: #229ED9;
}

.is-vozila {
  background-color: rgb(208, 60, 6);
}

.is-popusti {
  background-color: rgb(208, 0, 255);
}

.is-poslovi {
  background-color: #33B4CA;
}

.is-komentari {
  background-color: #EA0030;
}

.is-darker {
  background-color: #313131;
}

.is-social-youtube {
  color: #cd201f;
}

.is-social-facebook {
  color: #1877F2;
}

.is-social-instagram {
  color: #f09433;
}

.is-social-twiter {
  color: #1da1f2;
}

.is-social-telegram {
  color: #229ED9;
}

.is-social-viber {
  color: #7360F2;
}

.is-color-white {
  color: #FFFFFF !important;
}

vv-slika-crud {
  box-sizing: border-box;
  width: 234px;
}

.vv-slika-crud {
  box-sizing: border-box;
  width: 234px;
  margin: 4px;
  padding: 8px;
  border: solid 1px #a2a5b9 !important;
}
.vv-slika-crud .hide_me {
  width: 0;
  height: 0;
  opacity: 0;
}
.vv-slika-crud .thumb {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  height: 120px;
  max-height: 120px;
}
.vv-slika-crud .thumb .drop_zone {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 120px;
  padding: 2px;
  background-color: rgba(162, 165, 185, 0.25);
}
.vv-slika-crud .thumb img {
  border: solid 1px #a2a5b9 !important;
  width: auto;
  height: auto;
  max-height: 120px;
  color: black;
}
.vv-slika-crud .thumb .btnDelete {
  top: -24px;
  right: -20px;
  background-color: #f71416;
  color: #FFFFFF;
}
.vv-slika-crud .thumb .btnPreview {
  position: absolute;
  bottom: 0;
  left: 0;
}
.vv-slika-crud .info {
  box-sizing: border-box;
  width: 100%;
}
.vv-slika-crud .info input {
  margin: 4px 0 0 0;
  width: auto;
}
.vv-slika-crud .info .naslov {
  width: 98%;
}
.vv-slika-crud .info .autor {
  width: 120px;
}
.vv-slika-crud .info .btnSnimi {
  margin: 2px 0 0 0;
}

/*# sourceMappingURL=vv-slika-crud.css.map */