/*
- board right: nav nav-pills nav-stacked
- left menu: nav nav-pills nav-stacked small-hidden
- activity: nav nav-pills nav-stacked box boxStatic
 */

.nav.nav-pills.nav-stacked {

   li {
      border-top: 1px solid #32353e;
      border-bottom: 1px solid #1a1c20;
      margin: 0;
      position: relative;
   }

   .with_caret a {
      position: relative;

      &::after {
         content: "";
         border-left: 4px solid transparent;
         border-right: 4px solid transparent;
         border-top: 4px solid;
         display: block;
         position: absolute;
         height: 0;
         top: 45%;
         right: 20px;
         width: 0;
         color: #c9d4f6;
      }
   }

   a:not(.chosen-single):not(.btn) {
      border-radius: 0;
      color: #c9d4f6;
      text-shadow: 1px 1px 0 #1b1d22;
      font-size: 12px;
      border-left: 1px solid #272930;
      background-color: #272930;
      padding-top: 8px;
      padding-bottom: 8px;

      .glyphicon {
         margin-right: 8px;
      }

      &:hover {
         background-color: #383b44;
         border-left: 1px solid $primary;
      }
   }

   .nav-header {
      border-top: none;
      font-size: 18px;
      margin: 0;
      font-weight: 100;
      color: rgba(255, 255, 255, 1);
      padding: 14px 15px;

      &.smaller {
         font-size: 14px;
         border-top: 1px solid #32353e;
      }

      .bi,
      .glyphicon {
         margin-right: 10px;
      }
   }

   label {
      color: #c9d4f6;
      font-weight: normal;
      font-size: 12px;
   }

   .form-group {
      margin-bottom: 0;
      padding: 6px 0;
   }


   /* todo - zmena velikosti inputu */
   .chosen-container-single .chosen-single,
   .form-control {
      height: $input-height-xs;
   }

   .search-clear-icon,
   .search-loading-icon {
      top: calc((#{$input-height-xs} / 2) - (15px / 2));

   }

   .btn-sm {
      padding: 4px 9px;
      height: $input-height-xs;
   }
   /* todo end - zmena velikosti inputu */

   .nav-sub {
      background-color: #1a1c20;
      color: #aab2bd;
      padding: 5px;

      ul {
         list-style-type: none;
         padding: 0;
      }

      li {
         border: none;
      }

      a:not(.chosen-single):not(.btn) {
         padding: 5px 10px 5px 15px;
         display: block;
         background-color: #1a1c20;
         border: none;

         &:hover {
            background-color: #272930;
         }
      }
   }

   // sekce u produktu
   .tree {
      background-color: #1a1c20;
      padding-bottom: 10px;
      padding-left: 15px;

      li .glyphicon {
         left: -12px;
      }

      li::before,
      li::after {
         left: -5px;
      }

      > ul {
         padding-left: 0;
      }

      ul {
         padding-left: 10px;

         li {
            border: none;

            .btn {
               display: block;
            }

            a {
               background: transparent !important;
               border: 0 !important;
               color: $white !important;
               font-size: 11px !important;
               padding: 0 !important;
            }

            .btn-link > a {
               padding: 0;
               display: block;
               white-space: nowrap;
               overflow: hidden;
               text-overflow: ellipsis;
            }
         }
      }

      li::after {
         width: 10px;
      }
   }


   .filestyle {
      width: 100%;
   }

   .group-span-filestyle label {
      color: $darkgray-dark;
   }

   .pos-rel {
      position: relative;
   }

   /* new */
   .hidden-in-nav {
      display: none;
   }

   .wpj-form-group {
      margin-bottom: 10px;
   }

   .checkbox {
      margin: 0;

      label {
         font-size: $font-size-small;

         &::before {
            top: 1px;
         }
      }
   }

   .input-group-addon:not(.input-group-addon-light) {
      color: $white;
   }

   .invert .input-group-addon .input + span {
      padding-top: 6px;
      padding-bottom: 6px;
   }
}

@media screen and (max-width: 195px) {
   // posledni zmeny - zkolabovany
   .nav.nav-pills.nav-stacked li span, .small-hidden {
      display: none;
   }
}