.navbar-shadow {
   box-shadow: 0 5px 3px rgba(0, 0, 0, 0.3);
}

.naslov-shadow {
   box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.3);
}

.bg-img {    
  background: url('../slike/cvijet.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  height: 100vh;
  width: 100vw;
  z-index: -100;
}

html {
   -webkit-user-select: none;
   -webkit-touch-callout: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

body {
    overflow-x: hidden;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
}

.canvas-body {
   width: 70vmin;
   height: 70vmin;
   max-width: 400px;
   max-height: 400px;
   /*border: 5px solid black;*/
}

.canvas-mod {
   width: 100%;
   height: 100%;
}

.opacity-85 {
   opacity: 0.85;
}

.opacity-95 {
   opacity: 0.95;
}

.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.form-switch .form-check-input {
   border-color: var(--bs-gray-500);
   background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(150,150,150,1.0)'/></svg>");
}

.form-switch .form-check-input:focus {
    border-color: var(--bs-gray-500);
    box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.25);
}

.form-switch .form-check-input:checked {
    background-color: var(--bs-danger);
    border-color: var(--bs-gray-500);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(225,225,225,1.0)'/></svg>");
}

.stick {
   position: sticky;
   top: 60px;
   z-index: 2;
}

/* mijenjanje defaultnog prikaza bootstrap checkbox */

.custom-checkbox .form-check-input { 
   border-color: var(--bs-gray-500);
}

.custom-checkbox .form-check-input:focus {
   border-color: var(--bs-gray-500);
   box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.25);
}

.custom-checkbox .form-check-input:checked {
   background-color: var(--bs-danger); 
   border-color: var(--bs-gray-500);
}

/* mijenjanje defaultnog prikaza bootstrap slidera */

.form-range::-moz-range-thumb {
   background-color: var(--bs-warning);
}

.form-range::-moz-range-thumb:active {
  background-color: #ffe789;
}

.form-range::-webkit-slider-thumb {
   background-color: var(--bs-warning);
}

.form-range::-webkit-slider-thumb:active {
  background-color: #ffe789;
}

.form-range::-moz-range-track {
  background-color: var(--bs-secondary-bg);
  border-color: var(--bs-gray-500);
  border-width: 1px;
  border-style: solid;
  border-radius: 1rem;
}

.form-range::-webkit-slider-runnable-track {
  background-color: var(--bs-secondary-bg);
  border-color: var(--bs-gray-500);
  border-width: 1px;
  border-style: solid;
  border-radius: 1rem;
}

.form-range:focus::-webkit-slider-thumb {
   box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(80, 180, 200, 0.45);
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(80, 180, 200, 0.45);
}

/* mijenjanje defaultnog prikaza coloris colorpickera */

.circle .clr-field button {
   width: 22px;
   height: 22px;
   left: 6px;
   /*right: auto;*/
   border-radius: 50%;
   border: 1px solid #eee;
}

.circle .clr-field input {
   padding-left: 36px;
   width: 130px;
}