.story-header {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.roots-box {
    height: 3rem;
}

footer {
    width: 100%;
    position: fixed;
    display: none;
}
.file-field input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0;
}

.badge-kowhai {
    color: #212529;
    background-color:#efdd32;
}

a.badge-kowhai:hover, a.badge-kowhai:focus {
  color: #212529;
  background-color: #cccc00;
}

a.badge-kowhai:focus, a.badge-kowhai.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(94, 87, 20, 0.5);
}

.tree{
    position: relative;
}
.leaf{
    position: absolute;
    height: 30px;
    width: 30px;
    display: block;
    background-image: url(../img/leaves.gif);
    background-repeat: no-repeat; z-index: 1;
}
td .btn-sm {
    line-height: 0.5;
    vertical-align: initial;
}
.inline-form {
    display: inline;
}

.inline-form button {
    margin-top:-8px;
    margin-bottom:0;
    vertical-align: text-top;
}
.user-menu {
    max-width:100px;
}

.spinner {
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.spinner .spinner-grow {
    animation: spinner-grow 2s linear infinite;
    width: 6rem;
    height: 6rem;
    margin-right: 1rem;
}
/* Red Branch */
.l_1_1{ background-position: 0 -210px; top: 298px; left: 223px; }
.l_1_2{ background-position: -30px -210px; top: 271px; left: 217px; }
.l_1_3{ background-position: -60px -210px; top: 290px; left: 253px; }
.l_1_4{ background-position: -90px -210px; top: 264px; left: 246px; }
.l_1_5{ background-position: -120px -210px; top: 285px; left: 284px; }
.l_1_6{ background-position: -150px -210px; top: 258px; left: 277px; }
.l_1_7{ background-position: -180px -210px; top: 280px; left: 314px; }
.l_1_8{ background-position: -210px -210px; top: 254px; left: 308px; }
.l_1_9{ background-position: -240px -210px; top: 274px; left: 349px; }
.l_1_10{ background-position: -270px -210px; top: 249px; left: 338px; }
.l_1_11{ background-position: -300px -210px; top: 270px; left: 377px; }
.l_1_12{ background-position: -330px -210px; top: 242px; left: 371px; }
/* Orange Branch */
.l_2_1{ background-position: 0 -90px; top: 83px; left: 156px; }
.l_2_2{ background-position: -30px -90px; top: 67px; left: 176px; }
.l_2_3{ background-position: -60px -90px; top: 63px; left: 137px; }
.l_2_4{ background-position: -90px -90px; top: 43px; left: 151px; }
.l_2_5{ background-position: -120px -90px; top: 50px; left: 115px; }
.l_2_6{ background-position: -150px -90px; top: 29px; left: 125px; }
.l_2_7{ background-position: -180px -90px; top: 40px; left: 87px; }
.l_2_8{ background-position: -210px -90px; top: 19px; left: 97px; }
.l_2_9{ background-position: -240px -90px; top: 33px; left: 61px; }
.l_2_10{ background-position: -270px -90px; top: 11px; left: 69px; }
.l_2_11{ background-position: -300px -90px; top: 26px; left: 36px; }
.l_2_12{ background-position: -330px -90px; top: 5px; left: 41px; }
/* Yellow Branch */
.l_3_1{ background-position: 0 -180px; top: 212px; left: 247px; }
.l_3_2{ background-position: -30px -180px; top: 189px; left: 237px; }
.l_3_3{ background-position: -60px -180px; top: 200px; left: 271px; }
.l_3_4{ background-position: -90px -180px; top: 177px; left: 263px; }
.l_3_5{ background-position: -120px -180px; top: 193px; left: 301px; }
.l_3_6{ background-position: -150px -180px; top: 169px; left: 293px; }
.l_3_7{ background-position: -180px -180px; top: 188px; left: 331px; }
.l_3_8{ background-position: -210px -180px; top: 164px; left: 324px; }
.l_3_9{ background-position: -240px -180px; top: 183px; left: 365px; }
.l_3_10{ background-position: -270px -180px; top: 159px; left: 356px; }
.l_3_11{ background-position: -300px -180px; top: 179px; left: 397px; }
.l_3_12{ background-position: -330px -180px; top: 157px; left: 388px; }
/* Light Green Branch */
.l_4_1{ background-position: 0 -120px; top: 50px; left: 225px; }
.l_4_2{ background-position: -30px -120px; top: 36px; left: 205px; }
.l_4_3{ background-position: -60px -120px; top: 33px; left: 241px; }
.l_4_4{ background-position: -90px -120px; top: 17px; left: 222px; }
.l_4_5{ background-position: -120px -120px; top: 18px; left: 262px; }
.l_4_6{ background-position: -150px -120px; top: 2px; left: 244px; }
.l_4_7{ background-position: -180px -120px; top: 8px; left: 285px; }
.l_4_8{ background-position: -210px -120px; top: -10px; left: 268px; }
.l_4_9{ background-position: -240px -120px; top: -2px; left: 306px; }
.l_4_10{ background-position: -270px -120px; top: -20px; left: 288px; }
.l_4_11{ background-position: -300px -120px; top: -11px; left: 324px; }
.l_4_12{ background-position: -330px -120px; top: -30px; left: 307px; }
/* Dark Green Branch */
.l_5_1{ background-position: 0 -60px; top: 168px; left: 177px; }
.l_5_2{ background-position: -30px -60px; top: 147px; left: 184px; }
.l_5_3{ background-position: -60px -60px; top: 156px; left: 147px; }
.l_5_4{ background-position: -90px -60px; top: 135px; left: 155px; }
.l_5_5{ background-position: -120px -60px; top: 149px; left: 123px; }
.l_5_6{ background-position: -150px -60px; top: 127px; left: 128px; }
.l_5_7{ background-position: -180px -60px; top: 142px; left: 94px; }
.l_5_8{ background-position: -210px -60px; top: 120px; left: 99px; }
.l_5_9{ background-position: -240px -60px; top: 136px; left: 66px; }
.l_5_10{ background-position: -270px -60px; top: 115px; left: 69px; }
.l_5_11{ background-position: -300px -60px; top: 132px; left: 36px; }
.l_5_12{ background-position: -330px -60px; top: 111px; left: 43px; }
/* Light Blue Branch */
.l_6_1{ background-position: 0 -30px; top: 252px; left: 171px; }
.l_6_2{ background-position: -30px -30px; top: 229px; left: 179px; }
.l_6_3{ background-position: -60px -30px; top: 239px; left: 143px; }
.l_6_4{ background-position: -90px -30px; top: 215px; left: 150px; }
.l_6_5{ background-position: -120px -30px; top: 231px; left: 115px; }
.l_6_6{ background-position: -150px -30px; top: 208px; left: 121px; }
.l_6_7{ background-position: -180px -30px; top: 223px; left: 87px; }
.l_6_8{ background-position: -210px -30px; top: 201px; left: 90px; }
.l_6_9{ background-position: -240px -30px; top: 220px; left: 53px; }
.l_6_10{ background-position: -270px -30px; top: 198px; left: 54px; }
.l_6_11{ background-position: -300px -30px; top: 216px; left: 20px; }
.l_6_12{ background-position: -330px -30px; top: 194px; left: 25px; }
/* Dark Blue Branch */
.l_7_1{ background-position: 0 -150px; top: 132px; left: 232px; }
.l_7_2{ background-position: -30px -150px; top: 110px; left: 221px; }
.l_7_3{ background-position: -60px -150px; top: 116px; left: 259px; }
.l_7_4{ background-position: -90px -150px; top: 95px; left: 246px; }
.l_7_5{ background-position: -120px -150px; top: 108px; left: 286px; }
.l_7_6{ background-position: -150px -150px; top: 86px; left: 276px; }
.l_7_7{ background-position: -180px -150px; top: 99px; left: 312px; }
.l_7_8{ background-position: -210px -150px; top: 76px; left: 305px; }
.l_7_9{ background-position: -240px -150px; top: 94px; left: 338px; }
.l_7_10{ background-position: -270px -150px; top: 71px; left: 330px; }
.l_7_11{ background-position: -300px -150px; top: 90px; left: 360px; }
.l_7_12{ background-position: -330px -150px; top: 68px; left: 354px; }
/* Purple Branch */
.l_8_1{ background-position: 0 0; top: 324px; left: 164px; }
.l_8_2{ background-position: -30px 0; top: 302px; left: 176px; }
.l_8_3{ background-position: -60px 0; top: 316px; left: 138px; }
.l_8_4{ background-position: -90px 0; top: 293px; left: 147px; }
.l_8_5{ background-position: -120px 0; top: 311px; left: 110px; }
.l_8_6{ background-position: -150px 0; top: 288px; left: 116px; }
.l_8_7{ background-position: -180px 0; top: 308px; left: 80px; }
.l_8_8{ background-position: -210px 0; top: 284px; left: 88px; }
.l_8_9{ background-position: -240px 0; top: 305px; left: 50px; }
.l_8_10{ background-position: -270px 0; top: 282px; left: 58px; }
.l_8_11{ background-position: -300px 0; top: 304px; left: 20px; }
.l_8_12{ background-position: -330px 0; top: 281px; left: 29px; }