ul.jqtree-tree { /* Glavni objekt */
   list-style: none outside;
   margin-left: 0;
   margin-bottom: 0;
   padding: 0;
}

ul.jqtree-tree ul.jqtree_common { /* Podfolderi */
   list-style: none outside;
   margin-left: 18px;
   margin-right: 0;
   margin-bottom: 0;
   padding: 0;
   display: block;
   /* border-right: solid 3px orange; */ /* Desna vodilica */
}

ul.jqtree_folderlines {
   border-right: solid 3px orange; /* Desna vodilica */
}

ul.jqtree-tree li.jqtree-closed > ul.jqtree_common { /* Zatvoreni podfolderi */
   display: none;
}

ul.jqtree-tree li.jqtree_common { /* Podstavke */
   clear: both;
   list-style-type: none;
}

ul.jqtree-tree .jqtree-toggler { /* Kvačica */
   border-bottom: none;
   text-decoration: none;
   vertical-align: middle;
}

ul.jqtree-tree .jqtree-toggler:hover { /* Kvačica:hover */
   color: red;
   text-decoration: none;
}

/*  Kvačica zatvoreno: ne znam zašto je to tu (image bullet???) */
/*
ul.jqtree-tree .jqtree-toggler.jqtree-closed {
   background-position: 0 0;
}
*/

ul.jqtree-tree .jqtree-toggler.jqtree-toggler-left { /* Desna margina lijeve kvačice */
      margin-right: 0.5em;
}

ul.jqtree-tree .jqtree-toggler.jqtree-toggler-right { /* Lijeva margina desne kvačice */
      margin-left: 0.5em;
}

ul.jqtree-tree .jqtree-element {
    cursor: pointer;
    position: relative;
    color: gray;
}

ul.jqtree-tree .jqtree-title { /* Labela */
    /* color: #1C4257; */
   vertical-align: middle;
   margin-left: 1.5em;
}

ul.jqtree-tree .jqtree-title.jqtree-title-folder { /* Labele foldera */
   margin-left: 0;
}

ul.jqtree-tree li.jqtree-folder { /* Svi folderi */
    margin-bottom: 4px;
}

ul.jqtree-tree li.jqtree-folder.jqtree-closed { /* Samo zatvoreni folderi */
   margin-bottom: 1px;
}

ul.jqtree-tree li.jqtree-ghost { /* Kontejner oznake lokacije ispuštanja elementa koji se povlači */
   position: relative;
   z-index: 10;
   margin-right: 10px;
}

ul.jqtree-tree li.jqtree-ghost span { /* Podkontejner oznake lokacije ispuštanja elementa koji se povlači */
   display: block;
}

ul.jqtree-tree li.jqtree-ghost span.jqtree-circle { /* Točka lokacije ispuštanja elementa koji se povlači */
   border: solid 2px orange;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   border-radius: 100px;
   height: 8px;
   width: 8px;
   position: absolute;
   top: -4px;
   left: -6px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

ul.jqtree-tree li.jqtree-ghost span.jqtree-line { /* Crta lokacije ispuštanja elementa koji se povlači */
   background-color: orange;
   height: 2px;
   padding: 0;
   position: absolute;
   top: -1px;
   left: 2px;
   width: 100%;
}

ul.jqtree-tree li.jqtree-ghost.jqtree-inside { /* Nemam pojma što je ovo??? */
   margin-left: 48px;
}

ul.jqtree-tree span.jqtree-border { /* Border stavke na koju se može ispustiti element koji se povlači */
   position: absolute;
   display: block;
   left: -2px;
   top: 0;
   border: solid 2px orange;
   border-radius: 6px;
   margin: 0;
   box-sizing: content-box;
}

ul.jqtree-tree li.jqtree-selected > .jqtree-element,
ul.jqtree-tree li > .jqtree-element:hover { /* Nijansiraj kada prelazi mišem preko stavke */
   background-color: gainsboro;
}

ul.jqtree-tree li.jqtree-selected > .jqtree-element,
ul.jqtree-tree > .jqtree-element > .jqtree-toggler {
   background-color: orange;
   color: white;
}

ul.jqtree-tree li.jqtree-selected .jqtree-toggler:hover { /* Kvačica:hover */
  color: black;
  text-decoration: none;
}

ul.jqtree-tree .jqtree-moving > .jqtree-element .jqtree-title { /* Stavka koja se povlači */
   border: dotted 2px orange;
   border-radius: 6px;
   padding: 3px 5px;
}

ul.jqtree-tree.jqtree-rtl { /* Kvačica desno */
   direction: rtl;
}

ul.jqtree-tree.jqtree-rtl ul.jqtree_common { /* Podfolderi desno */
   margin-left: 0;
   margin-right: 18px;
   border-right: none;
   border-left: solid 3px orange; /* Lijeva vodilica */
}

ul.jqtree-tree.jqtree-rtl .jqtree-toggler { /* Desna kvačica */
   margin-left: 0.5em;
   margin-right: 0;
}

ul.jqtree-tree.jqtree-rtl .jqtree-title { /* Desna labela */
   margin-left: 0;
   margin-right: 1.5em;
}

ul.jqtree-tree.jqtree-rtl .jqtree-title.jqtree-title-folder { /* Svi folderi desno */
   margin-right: 0;
}

ul.jqtree-tree.jqtree-rtl li.jqtree-ghost { /* Kontejner oznake lokacije ispuštanja elementa koji se povlači - desno */
   margin-right: 0;
   margin-left: 10px;
}

ul.jqtree-tree.jqtree-rtl li.jqtree-ghost span.jqtree-circle {  /* Točka lokacije ispuštanja elementa koji se povlači - desno */
   right: -6px;
}

ul.jqtree-tree.jqtree-rtl li.jqtree-ghost span.jqtree-line { /* Crta lokacije ispuštanja elementa koji se povlači - desno */
   right: 2px;
}

ul.jqtree-tree.jqtree-rtl li.jqtree-ghost.jqtree-inside { /* Nemam pojma što je ovo??? */
   margin-left: 0;
   margin-right: 48px;
}

ul.jqtree-tree.jqtree-rtl span.jqtree-border { /* Border stavke na koju se može ispustiti element koji se povlači - desno */
   right: -2px;
}

span.jqtree-dragging { /* Kopija elementa koji se povlači */
   color: #fff;
   background-color: orangered;
   border-radius: 6px;
   opacity: 0.6;
   cursor: pointer;
   padding: 4px 8px;
}

[role=presentation] {
   margin: 0 3px;
}

[role=treeitem] {
   display: inline-block;
   padding: 3px 0;
   outline: none;
}
