html {
    background: -webkit-gradient(linear, left top, right top, from(#99a), color-stop(#eee), to(#99a));
    background: -webkit-linear-gradient(left, #99a, #eee, #99a);
    background: -o-linear-gradient(left, #99a, #eee, #99a);
    background: linear-gradient(left, #99a, #eee, #99a);
}

.input-group {
    /*margin: 0 auto 0 -40px;*/
    text-align: center;
    padding: 1em 0;
}

.input-group .scroll {
    overflow-y: scroll;
    display: inline-block;
    padding: 0 10px;
}

.input-group .scroll .inner {
    height: 300%;
    width: 100%;
    content: '.';
}

.input-group .scroll--simple::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.input-group .scroll--simple::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
}

.input-group .scroll--simple::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.2);
}

.input-group .scroll--simple::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.4);
}

.input-group .scroll--simple::-webkit-scrollbar-thumb:active {
    background: rgba(0, 0, 0, 0.9);
}

.input-group .scroll--grey::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.input-group .scroll--grey::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.05);
}

.input-group .scroll--grey::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, right top, from(#999), to(#888));
    background: -webkit-linear-gradient(left, #999, #888);
    background: linear-gradient(left, #999, #888);
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.8);
}

.input-group .scroll--grey::-webkit-scrollbar-thumb:hover {
    background: -webkit-gradient(linear, left top, right top, from(#888), to(#777));
    background: -webkit-linear-gradient(left, #888, #777);
    background: linear-gradient(left, #888, #777);
}

.input-group .scroll--white::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.input-group .scroll--white::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
}

.input-group .scroll--white::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(#e4e4e4));
    background: -webkit-linear-gradient(left, #fff, #e4e4e4);
    background: linear-gradient(left, #fff, #e4e4e4);
    border: 1px solid #aaa;
}

.input-group .scroll--white::-webkit-scrollbar-thumb:hover {
    background: #fff;
}

.input-group .scroll--white::-webkit-scrollbar-thumb:active {
    background: -webkit-gradient(linear, left top, right top, from(#22ADD4), to(#1E98BA));
    background: -webkit-linear-gradient(left, #22ADD4, #1E98BA);
    background: linear-gradient(left, #22ADD4, #1E98BA);
}

.input-group .scroll--square::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.input-group .scroll--square::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}

.input-group .scroll--square::-webkit-scrollbar-thumb {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.15)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.15));
    background: linear-gradient(left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.15));
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.input-group .scroll--square::-webkit-scrollbar-thumb:hover {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.4)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4));
    background: linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4));
}

.input-group .scroll--black::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.input-group .scroll--black::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #444;
    -webkit-box-shadow: 0 0 1px 1px #111, inset 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px 1px #111, inset 0 0 4px rgba(0, 0, 0, 0.3);
}

.input-group .scroll--black::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, right top, from(#3e3e3e), color-stop(#111), to(#000));
    background: -webkit-linear-gradient(left, #3e3e3e, #111, #000);
    background: linear-gradient(left, #3e3e3e, #111, #000);
    -webkit-box-shadow: inset 0 0 1px 1px #646464;
    box-shadow: inset 0 0 1px 1px #646464;
}

.input-group .scroll--itunes::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.input-group .scroll--itunes::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #eee;
    -webkit-box-shadow: 0 0 1px 1px #bbb, inset 0 0 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px 1px #bbb, inset 0 0 7px rgba(0, 0, 0, 0.3);
}

.input-group .scroll--itunes::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, right top, from(#96A6BF), to(#63738C));
    background: -webkit-linear-gradient(left, #96A6BF, #63738C);
    background: linear-gradient(left, #96A6BF, #63738C);
    -webkit-box-shadow: inset 0 0 1px 1px #5C6670;
    box-shadow: inset 0 0 1px 1px #5C6670;
}

.input-group .scroll--itunes::-webkit-scrollbar-thumb:hover {
    background: -webkit-gradient(linear, left top, right top, from(#8391A6), to(#536175));
    background: -webkit-linear-gradient(left, #8391A6, #536175);
    background: linear-gradient(left, #8391A6, #536175);
}

.input-group .scroll--sublime::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.input-group .scroll--sublime::-webkit-scrollbar-track {
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, right top, from(#212121), to(#323232));
    background: -webkit-linear-gradient(left, #212121, #323232);
    background: linear-gradient(left, #212121, #323232);
    -webkit-box-shadow: 0 0 1px 1px #111;
    box-shadow: 0 0 1px 1px #111;
}

.input-group .scroll--sublime::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, right top, from(#4A4A4A), to(#404040));
    background: -webkit-linear-gradient(left, #4A4A4A, #404040);
    background: linear-gradient(left, #4A4A4A, #404040);
    -webkit-box-shadow: inset 0 0 1px 1px #191919;
    box-shadow: inset 0 0 1px 1px #191919;
}

.input-group .scroll--sublime::-webkit-scrollbar-thumb:hover {
    background: -webkit-gradient(linear, left top, right top, from(#555555), to(#4e4e4e));
    background: -webkit-linear-gradient(left, #555555, #4e4e4e);
    background: linear-gradient(left, #555555, #4e4e4e);
}