/*!
 * # Semantic UI 2.2.12 - Button
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.vi-ui.button {
    height: auto;
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    background: #fafafa none;
    color: rgba(0,0,0,.6);
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    margin: 0 .25em 0 0;
    padding: .78571429em 1.5em .78571429em;
    text-transform: none;
    text-shadow: none;
    font-weight: 300;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: .28571429rem;
    box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    will-change: '';
    -webkit-tap-highlight-color: transparent
}

.vi-ui.button:hover {
    background-color: #eee;
    background-image: none;
    box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;
    color: rgba(0,0,0,.8)
}

.vi-ui.button:hover .icon {
    opacity: .85
}

.vi-ui.button:focus {
    background-color: #eee;
    color: rgba(0,0,0,.8);
    background-image: ''!important;
    box-shadow: ''!important
}

.vi-ui.button:focus .icon {
    opacity: .85
}

.vi-ui.active.button:active,.vi-ui.button:active {
    background-color: #babbbc;
    background-image: '';
    color: rgba(0,0,0,.9);
    box-shadow: 0 0 0 1px transparent inset,none
}

.vi-ui.active.button {
    background-color: #c0c1c2;
    background-image: none;
    box-shadow: 0 0 0 1px transparent inset;
    color: rgba(0,0,0,.95)
}

.vi-ui.active.button:hover {
    background-color: #c0c1c2;
    background-image: none;
    color: rgba(0,0,0,.95)
}

.vi-ui.active.button:active {
    background-color: #c0c1c2;
    background-image: none
}

.vi-ui.loading.loading.loading.loading.loading.loading.button {
    position: relative;
    cursor: default;
    text-shadow: none!important;
    color: transparent!important;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all 0s linear,opacity .1s ease;
    transition: all 0s linear,opacity .1s ease
}

.vi-ui.loading.button:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    border-radius: 500rem;
    border: .2em solid rgba(0,0,0,.15)
}

.vi-ui.loading.button:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    -webkit-animation: button-spin .6s linear;
    animation: button-spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: .2em;
    box-shadow: 0 0 0 1px transparent
}

.vi-ui.labeled.icon.loading.button .icon {
    background-color: transparent;
    box-shadow: none
}

@-webkit-keyframes button-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes button-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.vi-ui.basic.loading.button:not(.inverted):before {
    border-color: rgba(0,0,0,.1)
}

.vi-ui.basic.loading.button:not(.inverted):after {
    border-top-color: #767676
}

.vi-ui.button:disabled,.vi-ui.buttons .disabled.button,.vi-ui.disabled.active.button,.vi-ui.disabled.button,.vi-ui.disabled.button:hover {
    cursor: default;
    opacity: .45!important;
    background-image: none!important;
    box-shadow: none!important;
    pointer-events: none!important
}

.vi-ui.basic.buttons .vi-ui.disabled.button {
    border-color: rgba(34,36,38,.5)
}

.vi-ui.animated.button {
    position: relative;
    overflow: hidden;
    padding-right: 0!important;
    vertical-align: middle;
    z-index: 1
}

.vi-ui.animated.button .content {
    will-change: transform,opacity
}

.vi-ui.animated.button .visible.content {
    position: relative;
    margin-right: 1.5em
}

.vi-ui.animated.button .hidden.content {
    position: absolute;
    width: 100%
}

.vi-ui.animated.button .hidden.content,.vi-ui.animated.button .visible.content {
    -webkit-transition: right .3s ease 0s;
    transition: right .3s ease 0s
}

.vi-ui.animated.button .visible.content {
    left: auto;
    right: 0
}

.vi-ui.animated.button .hidden.content {
    top: 50%;
    left: auto;
    right: -100%;
    margin-top: -.5em
}

.vi-ui.animated.button:focus .visible.content,.vi-ui.animated.button:hover .visible.content {
    left: auto;
    right: 200%
}

.vi-ui.animated.button:focus .hidden.content,.vi-ui.animated.button:hover .hidden.content {
    left: auto;
    right: 0
}

.vi-ui.vertical.animated.button .hidden.content,.vi-ui.vertical.animated.button .visible.content {
    -webkit-transition: top .3s ease,-webkit-transform .3s ease;
    transition: top .3s ease,-webkit-transform .3s ease;
    transition: top .3s ease,transform .3s ease;
    transition: top .3s ease,transform .3s ease,-webkit-transform .3s ease
}

.vi-ui.vertical.animated.button .visible.content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    right: auto
}

.vi-ui.vertical.animated.button .hidden.content {
    top: -50%;
    left: 0;
    right: auto
}

.vi-ui.vertical.animated.button:focus .visible.content,.vi-ui.vertical.animated.button:hover .visible.content {
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    right: auto
}

.vi-ui.vertical.animated.button:focus .hidden.content,.vi-ui.vertical.animated.button:hover .hidden.content {
    top: 50%;
    right: auto
}

.vi-ui.fade.animated.button .hidden.content,.vi-ui.fade.animated.button .visible.content {
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease
}

.vi-ui.fade.animated.button .visible.content {
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.vi-ui.fade.animated.button .hidden.content {
    opacity: 0;
    left: 0;
    right: auto;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.vi-ui.fade.animated.button:focus .visible.content,.vi-ui.fade.animated.button:hover .visible.content {
    left: auto;
    right: auto;
    opacity: 0;
    -webkit-transform: scale(.75);
    transform: scale(.75)
}

.vi-ui.fade.animated.button:focus .hidden.content,.vi-ui.fade.animated.button:hover .hidden.content {
    left: 0;
    right: auto;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.vi-ui.inverted.button {
    box-shadow: 0 0 0 2px #fff inset!important;
    background: transparent none;
    color: #fff;
    text-shadow: none!important
}

.vi-ui.inverted.buttons .button {
    margin: 0 0 0 -2px
}

.vi-ui.inverted.buttons .button:first-child {
    margin-left: 0
}

.vi-ui.inverted.vertical.buttons .button {
    margin: 0 0 -2px 0
}

.vi-ui.inverted.vertical.buttons .button:first-child {
    margin-top: 0
}

.vi-ui.inverted.button:hover {
    background: #fff;
    box-shadow: 0 0 0 2px #fff inset!important;
    color: rgba(0,0,0,.8)
}

.vi-ui.inverted.button.active,.vi-ui.inverted.button:focus {
    background: #fff;
    box-shadow: 0 0 0 2px #fff inset!important;
    color: rgba(0,0,0,.8)
}

.vi-ui.inverted.button.active:focus {
    background: #dcddde;
    box-shadow: 0 0 0 2px #dcddde inset!important;
    color: rgba(0,0,0,.8)
}

.vi-ui.labeled.button:not(.icon) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: 0 0!important;
    padding: 0!important;
    border: none!important;
    box-shadow: none!important
}

.vi-ui.labeled.button>.button {
    margin: 0
}

.vi-ui.labeled.button>.label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 -1px!important;
    padding: '';
    font-size: 1em;
    border-color: rgba(34,36,38,.15)
}

.vi-ui.labeled.button>.tag.label:before {
    width: 1.85em;
    height: 1.85em
}

.vi-ui.labeled.button:not([class*="left labeled"])>.button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.vi-ui.labeled.button:not([class*="left labeled"])>.label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.vi-ui[class*="left labeled"].button>.button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.vi-ui[class*="left labeled"].button>.label {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.vi-ui.facebook.button {
    background-color: #3b5998;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.facebook.button:hover {
    background-color: #304d8a;
    color: #fff;
    text-shadow: none
}

.vi-ui.facebook.button:active {
    background-color: #2d4373;
    color: #fff;
    text-shadow: none
}

.vi-ui.twitter.button {
    background-color: #55acee;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.twitter.button:hover {
    background-color: #35a2f4;
    color: #fff;
    text-shadow: none
}

.vi-ui.twitter.button:active {
    background-color: #2795e9;
    color: #fff;
    text-shadow: none
}

.vi-ui.google.plus.button {
    background-color: #dd4b39;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.google.plus.button:hover {
    background-color: #e0321c;
    color: #fff;
    text-shadow: none
}

.vi-ui.google.plus.button:active {
    background-color: #c23321;
    color: #fff;
    text-shadow: none
}

.vi-ui.linkedin.button {
    background-color: #1f88be;
    color: #fff;
    text-shadow: none
}

.vi-ui.linkedin.button:hover {
    background-color: #147baf;
    color: #fff;
    text-shadow: none
}

.vi-ui.linkedin.button:active {
    background-color: #186992;
    color: #fff;
    text-shadow: none
}

.vi-ui.youtube.button {
    background-color: #cc181e;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.youtube.button:hover {
    background-color: #bd0d13;
    color: #fff;
    text-shadow: none
}

.vi-ui.youtube.button:active {
    background-color: #9e1317;
    color: #fff;
    text-shadow: none
}

.vi-ui.instagram.button {
    background-color: #49769c;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.instagram.button:hover {
    background-color: #3d698e;
    color: #fff;
    text-shadow: none
}

.vi-ui.instagram.button:active {
    background-color: #395c79;
    color: #fff;
    text-shadow: none
}

.vi-ui.pinterest.button {
    background-color: #bd081c;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.pinterest.button:hover {
    background-color: #ac0013;
    color: #fff;
    text-shadow: none
}

.vi-ui.pinterest.button:active {
    background-color: #8c0615;
    color: #fff;
    text-shadow: none
}

.vi-ui.vk.button {
    background-color: #4d7198;
    color: #fff;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.vk.button:hover {
    background-color: #41648a;
    color: #fff
}

.vi-ui.vk.button:active {
    background-color: #3c5876;
    color: #fff
}

.vi-ui.button>.icon:not(.button) {
    height: .85714286em;
    opacity: .8;
    margin: 0 .42857143em 0 -.21428571em;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    vertical-align: '';
    color: ''
}

.vi-ui.button:not(.icon)>.icon:not(.button):not(.dropdown) {
    margin: 0 .42857143em 0 -.21428571em
}

.vi-ui.button:not(.icon)>.right.icon:not(.button):not(.dropdown) {
    margin: 0 -.21428571em 0 .42857143em
}

.vi-ui[class*="left floated"].button,.vi-ui[class*="left floated"].buttons {
    float: left;
    margin-left: 0;
    margin-right: .25em
}

.vi-ui[class*="right floated"].button,.vi-ui[class*="right floated"].buttons {
    float: right;
    margin-right: 0;
    margin-left: .25em
}

.vi-ui.compact.button,.vi-ui.compact.buttons .button {
    padding: .58928571em 1.125em .58928571em
}

.vi-ui.compact.icon.button,.vi-ui.compact.icon.buttons .button {
    padding: .58928571em .58928571em .58928571em
}

.vi-ui.compact.labeled.icon.button,.vi-ui.compact.labeled.icon.buttons .button {
    padding: .58928571em 3.69642857em .58928571em
}

.vi-ui.mini.button,.vi-ui.mini.buttons .button,.vi-ui.mini.buttons .or {
    font-size: .78571429rem
}

.vi-ui.tiny.button,.vi-ui.tiny.buttons .button,.vi-ui.tiny.buttons .or {
    font-size: .85714286rem
}

.vi-ui.small.button,.vi-ui.small.buttons .button,.vi-ui.small.buttons .or {
    font-size: .92857143rem
}

.vi-ui.button,.vi-ui.buttons .button,.vi-ui.buttons .or {
    font-size: 1rem
}

.vi-ui.large.button,.vi-ui.large.buttons .button,.vi-ui.large.buttons .or {
    font-size: 1.14285714rem
}

.vi-ui.big.button,.vi-ui.big.buttons .button,.vi-ui.big.buttons .or {
    font-size: 1.28571429rem
}

.vi-ui.huge.button,.vi-ui.huge.buttons .button,.vi-ui.huge.buttons .or {
    font-size: 1.42857143rem
}

.vi-ui.massive.button,.vi-ui.massive.buttons .button,.vi-ui.massive.buttons .or {
    font-size: 1.71428571rem
}

.vi-ui.icon.button,.vi-ui.icon.buttons .button {
    padding: .78571429em .78571429em .78571429em
}

.vi-ui.icon.button>.icon,.vi-ui.icon.buttons .button>.icon {
    opacity: .9;
    margin: 0!important;
    vertical-align: top
}

.vi-ui.basic.button,.vi-ui.basic.buttons .button {
    background: transparent none!important;
    color: rgba(0,0,0,.6)!important;
    font-weight: 400;
    border-radius: .28571429rem;
    text-transform: none;
    text-shadow: none!important;
    box-shadow: 0 0 0 1px rgba(34,36,38,.15) inset
}

.vi-ui.basic.buttons {
    box-shadow: none;
    border: 1px solid rgba(34,36,38,.15);
    border-radius: .28571429rem
}

.vi-ui.basic.buttons .button {
    border-radius: 0
}

.vi-ui.basic.button:hover,.vi-ui.basic.buttons .button:hover {
    background: #fff!important;
    color: rgba(0,0,0,.8)!important;
    box-shadow: 0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.basic.button:focus,.vi-ui.basic.buttons .button:focus {
    background: #fff!important;
    color: rgba(0,0,0,.8)!important;
    box-shadow: 0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.basic.button:active,.vi-ui.basic.buttons .button:active {
    background: #f8f8f8!important;
    color: rgba(0,0,0,.9)!important;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) inset
}

.vi-ui.basic.active.button,.vi-ui.basic.buttons .active.button {
    background: rgba(0,0,0,.05)!important;
    box-shadow: ''!important;
    color: rgba(0,0,0,.95)
}

.vi-ui.basic.active.button:hover,.vi-ui.basic.buttons .active.button:hover {
    background-color: rgba(0,0,0,.05)
}

.vi-ui.basic.buttons .button:hover {
    box-shadow: 0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset inset
}

.vi-ui.basic.buttons .button:active {
    box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) inset inset
}

.vi-ui.basic.buttons .active.button {
    box-shadow: ''!important
}

.vi-ui.basic.inverted.button,.vi-ui.basic.inverted.buttons .button {
    background-color: transparent!important;
    color: #f9fafb!important;
    box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset!important
}

.vi-ui.basic.inverted.button:hover,.vi-ui.basic.inverted.buttons .button:hover {
    color: #fff!important;
    box-shadow: 0 0 0 2px #fff inset!important
}

.vi-ui.basic.inverted.button:focus,.vi-ui.basic.inverted.buttons .button:focus {
    color: #fff!important;
    box-shadow: 0 0 0 2px #fff inset!important
}

.vi-ui.basic.inverted.button:active,.vi-ui.basic.inverted.buttons .button:active {
    background-color: rgba(255,255,255,.08)!important;
    color: #fff!important;
    box-shadow: 0 0 0 2px rgba(255,255,255,.9) inset!important
}

.vi-ui.basic.inverted.active.button,.vi-ui.basic.inverted.buttons .active.button {
    background-color: rgba(255,255,255,.08);
    color: #fff;
    text-shadow: none;
    box-shadow: 0 0 0 2px rgba(255,255,255,.7) inset
}

.vi-ui.basic.inverted.active.button:hover,.vi-ui.basic.inverted.buttons .active.button:hover {
    background-color: rgba(255,255,255,.15);
    box-shadow: 0 0 0 2px #fff inset!important
}

.vi-ui.basic.buttons .button {
    border-left: 1px solid rgba(34,36,38,.15);
    box-shadow: none
}

.vi-ui.basic.vertical.buttons .button {
    border-left: none
}

.vi-ui.basic.vertical.buttons .button {
    border-left-width: 0;
    border-top: 1px solid rgba(34,36,38,.15)
}

.vi-ui.basic.vertical.buttons .button:first-child {
    border-top-width: 0
}

.vi-ui.labeled.icon.button,.vi-ui.labeled.icon.buttons .button {
    position: relative;
    padding-left: 4.07142857em!important;
    padding-right: 1.5em!important
}

.vi-ui.labeled.icon.button>.icon,.vi-ui.labeled.icon.buttons>.button>.icon {
    position: absolute;
    height: 100%;
    line-height: 1;
    border-radius: 0;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    text-align: center;
    margin: 0;
    width: 2.57142857em;
    background-color: rgba(0,0,0,.05);
    color: '';
    box-shadow: -1px 0 0 0 transparent inset
}

.vi-ui.labeled.icon.button>.icon,.vi-ui.labeled.icon.buttons>.button>.icon {
    top: 0;
    left: 0
}

.vi-ui[class*="right labeled"].icon.button {
    padding-right: 4.07142857em!important;
    padding-left: 1.5em!important
}

.vi-ui[class*="right labeled"].icon.button>.icon {
    left: auto;
    right: 0;
    border-radius: 0;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
    box-shadow: 1px 0 0 0 transparent inset
}

.vi-ui.labeled.icon.button>.icon:after,.vi-ui.labeled.icon.button>.icon:before,.vi-ui.labeled.icon.buttons>.button>.icon:after,.vi-ui.labeled.icon.buttons>.button>.icon:before {
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.vi-ui.labeled.icon.buttons .button>.icon {
    border-radius: 0
}

.vi-ui.labeled.icon.buttons .button:first-child>.icon {
    border-top-left-radius: .28571429rem;
    border-bottom-left-radius: .28571429rem
}

.vi-ui.labeled.icon.buttons .button:last-child>.icon {
    border-top-right-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

.vi-ui.vertical.labeled.icon.buttons .button:first-child>.icon {
    border-radius: 0;
    border-top-left-radius: .28571429rem
}

.vi-ui.vertical.labeled.icon.buttons .button:last-child>.icon {
    border-radius: 0;
    border-bottom-left-radius: .28571429rem
}

.vi-ui.fluid[class*="left labeled"].icon.button,.vi-ui.fluid[class*="right labeled"].icon.button {
    padding-left: 1.5em!important;
    padding-right: 1.5em!important
}

.vi-ui.button.toggle.active,.vi-ui.buttons .button.toggle.active,.vi-ui.toggle.buttons .active.button {
    background-color: #21ba45!important;
    box-shadow: none!important;
    text-shadow: none;
    color: #fff!important
}

.vi-ui.button.toggle.active:hover {
    background-color: #16ab39!important;
    text-shadow: none;
    color: #fff!important
}

.vi-ui.circular.button {
    border-radius: 10em
}

.vi-ui.circular.button>.icon {
    width: 1em;
    vertical-align: baseline
}

.vi-ui.buttons .or {
    position: relative;
    width: .3em;
    height: 2.57142857em;
    z-index: 3
}

.vi-ui.buttons .or:before {
    position: absolute;
    text-align: center;
    border-radius: 500rem;
    content: 'or';
    top: 50%;
    left: 50%;
    background-color: #fff;
    text-shadow: none;
    margin-top: -.89285714em;
    margin-left: -.89285714em;
    width: 1.78571429em;
    height: 1.78571429em;
    line-height: 1.78571429em;
    color: rgba(0,0,0,.4);
    font-style: normal;
    font-weight: 700;
    box-shadow: 0 0 0 1px transparent inset
}

.vi-ui.buttons .or[data-text]:before {
    content: attr(data-text)
}

.vi-ui.fluid.buttons .or {
    width: 0!important
}

.vi-ui.fluid.buttons .or:after {
    display: none
}

.vi-ui.attached.button {
    position: relative;
    display: block;
    margin: 0;
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(34,36,38,.15)!important
}

.vi-ui.attached.top.button {
    border-radius: .28571429rem .28571429rem 0 0
}

.vi-ui.attached.bottom.button {
    border-radius: 0 0 .28571429rem .28571429rem
}

.vi-ui.left.attached.button {
    display: inline-block;
    border-left: none;
    text-align: right;
    padding-right: .75em;
    border-radius: .28571429rem 0 0 .28571429rem
}

.vi-ui.right.attached.button {
    display: inline-block;
    text-align: left;
    padding-left: .75em;
    border-radius: 0 .28571429rem .28571429rem 0
}

.vi-ui.attached.buttons {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0;
    width: auto!important;
    z-index: 2;
    margin-left: -1px;
    margin-right: -1px
}

.vi-ui.attached.buttons .button {
    margin: 0
}

.vi-ui.attached.buttons .button:first-child {
    border-radius: 0
}

.vi-ui.attached.buttons .button:last-child {
    border-radius: 0
}

.vi-ui[class*="top attached"].buttons {
    margin-bottom: -1px;
    border-radius: .28571429rem .28571429rem 0 0
}

.vi-ui[class*="top attached"].buttons .button:first-child {
    border-radius: .28571429rem 0 0 0
}

.vi-ui[class*="top attached"].buttons .button:last-child {
    border-radius: 0 .28571429rem 0 0
}

.vi-ui[class*="bottom attached"].buttons {
    margin-top: -1px;
    border-radius: 0 0 .28571429rem .28571429rem
}

.vi-ui[class*="bottom attached"].buttons .button:first-child {
    border-radius: 0 0 0 .28571429rem
}

.vi-ui[class*="bottom attached"].buttons .button:last-child {
    border-radius: 0 0 .28571429rem 0
}

.vi-ui[class*="left attached"].buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 0;
    margin-left: -1px;
    border-radius: 0 .28571429rem .28571429rem 0
}

.vi-ui[class*="left attached"].buttons .button:first-child {
    margin-left: -1px;
    border-radius: 0 .28571429rem 0 0
}

.vi-ui[class*="left attached"].buttons .button:last-child {
    margin-left: -1px;
    border-radius: 0 0 .28571429rem 0
}

.vi-ui[class*="right attached"].buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 0;
    margin-right: -1px;
    border-radius: .28571429rem 0 0 .28571429rem
}

.vi-ui[class*="right attached"].buttons .button:first-child {
    margin-left: -1px;
    border-radius: .28571429rem 0 0 0
}

.vi-ui[class*="right attached"].buttons .button:last-child {
    margin-left: -1px;
    border-radius: 0 0 0 .28571429rem
}

.vi-ui.fluid.button,.vi-ui.fluid.buttons {
    width: 100%
}

.vi-ui.fluid.button {
    display: block
}

.vi-ui.two.buttons {
    width: 100%
}

.vi-ui.two.buttons>.button {
    width: 50%
}

.vi-ui.three.buttons {
    width: 100%
}

.vi-ui.three.buttons>.button {
    width: 33.333%
}

.vi-ui.four.buttons {
    width: 100%
}

.vi-ui.four.buttons>.button {
    width: 25%
}

.vi-ui.five.buttons {
    width: 100%
}

.vi-ui.five.buttons>.button {
    width: 20%
}

.vi-ui.six.buttons {
    width: 100%
}

.vi-ui.six.buttons>.button {
    width: 16.666%
}

.vi-ui.seven.buttons {
    width: 100%
}

.vi-ui.seven.buttons>.button {
    width: 14.285%
}

.vi-ui.eight.buttons {
    width: 100%
}

.vi-ui.eight.buttons>.button {
    width: 12.5%
}

.vi-ui.nine.buttons {
    width: 100%
}

.vi-ui.nine.buttons>.button {
    width: 11.11%
}

.vi-ui.ten.buttons {
    width: 100%
}

.vi-ui.ten.buttons>.button {
    width: 10%
}

.vi-ui.eleven.buttons {
    width: 100%
}

.vi-ui.eleven.buttons>.button {
    width: 9.09%
}

.vi-ui.twelve.buttons {
    width: 100%
}

.vi-ui.twelve.buttons>.button {
    width: 8.3333%
}

.vi-ui.fluid.vertical.buttons,.vi-ui.fluid.vertical.buttons>.button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto
}

.vi-ui.two.vertical.buttons>.button {
    height: 50%
}

.vi-ui.three.vertical.buttons>.button {
    height: 33.333%
}

.vi-ui.four.vertical.buttons>.button {
    height: 25%
}

.vi-ui.five.vertical.buttons>.button {
    height: 20%
}

.vi-ui.six.vertical.buttons>.button {
    height: 16.666%
}

.vi-ui.seven.vertical.buttons>.button {
    height: 14.285%
}

.vi-ui.eight.vertical.buttons>.button {
    height: 12.5%
}

.vi-ui.nine.vertical.buttons>.button {
    height: 11.11%
}

.vi-ui.ten.vertical.buttons>.button {
    height: 10%
}

.vi-ui.eleven.vertical.buttons>.button {
    height: 9.09%
}

.vi-ui.twelve.vertical.buttons>.button {
    height: 8.3333%
}

.vi-ui.black.button,.vi-ui.black.buttons .button {
    background-color: #1b1c1d;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.vi-ui.black.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.black.button:hover,.vi-ui.black.buttons .button:hover {
    background-color: #27292a;
    color: #fff;
    text-shadow: none
}

.vi-ui.black.button:focus,.vi-ui.black.buttons .button:focus {
    background-color: #2f3032;
    color: #fff;
    text-shadow: none
}

.vi-ui.black.button:active,.vi-ui.black.buttons .button:active {
    background-color: #343637;
    color: #fff;
    text-shadow: none
}

.vi-ui.black.active.button,.vi-ui.black.button .active.button:active,.vi-ui.black.buttons .active.button,.vi-ui.black.buttons .active.button:active {
    background-color: #0f0f10;
    color: #fff;
    text-shadow: none
}

.vi-ui.basic.black.button,.vi-ui.basic.black.buttons .button {
    box-shadow: 0 0 0 1px #1b1c1d inset!important;
    color: #1b1c1d!important
}

.vi-ui.basic.black.button:hover,.vi-ui.basic.black.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #27292a inset!important;
    color: #27292a!important
}

.vi-ui.basic.black.button:focus,.vi-ui.basic.black.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #2f3032 inset!important;
    color: #27292a!important
}

.vi-ui.basic.black.active.button,.vi-ui.basic.black.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #0f0f10 inset!important;
    color: #343637!important
}

.vi-ui.basic.black.button:active,.vi-ui.basic.black.buttons .button:active {
    box-shadow: 0 0 0 1px #343637 inset!important;
    color: #343637!important
}

.vi-ui.buttons:not(.vertical)>.basic.black.button:not(:first-child) {
    margin-left: -1px
}

.vi-ui.inverted.black.button,.vi-ui.inverted.black.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #d4d4d5 inset!important;
    color: #fff
}

.vi-ui.inverted.black.button.active,.vi-ui.inverted.black.button:active,.vi-ui.inverted.black.button:focus,.vi-ui.inverted.black.button:hover,.vi-ui.inverted.black.buttons .button.active,.vi-ui.inverted.black.buttons .button:active,.vi-ui.inverted.black.buttons .button:focus,.vi-ui.inverted.black.buttons .button:hover {
    box-shadow: none!important;
    color: #fff
}

.vi-ui.inverted.black.button:hover,.vi-ui.inverted.black.buttons .button:hover {
    background-color: #000
}

.vi-ui.inverted.black.button:focus,.vi-ui.inverted.black.buttons .button:focus {
    background-color: #000
}

.vi-ui.inverted.black.active.button,.vi-ui.inverted.black.buttons .active.button {
    background-color: #000
}

.vi-ui.inverted.black.button:active,.vi-ui.inverted.black.buttons .button:active {
    background-color: #000
}

.vi-ui.inverted.black.basic.button,.vi-ui.inverted.black.basic.buttons .button,.vi-ui.inverted.black.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset!important;
    color: #fff!important
}

.vi-ui.inverted.black.basic.button:hover,.vi-ui.inverted.black.basic.buttons .button:hover,.vi-ui.inverted.black.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #000 inset!important;
    color: #fff!important
}

.vi-ui.inverted.black.basic.button:focus,.vi-ui.inverted.black.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #000 inset!important;
    color: #545454!important
}

.vi-ui.inverted.black.basic.active.button,.vi-ui.inverted.black.basic.buttons .active.button,.vi-ui.inverted.black.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #000 inset!important;
    color: #fff!important
}

.vi-ui.inverted.black.basic.button:active,.vi-ui.inverted.black.basic.buttons .button:active,.vi-ui.inverted.black.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #000 inset!important;
    color: #fff!important
}

.vi-ui.grey.button,.vi-ui.grey.buttons .button {
    background-color: #767676;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.vi-ui.grey.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.grey.button:hover,.vi-ui.grey.buttons .button:hover {
    background-color: #838383;
    color: #fff;
    text-shadow: none
}

.vi-ui.grey.button:focus,.vi-ui.grey.buttons .button:focus {
    background-color: #8a8a8a;
    color: #fff;
    text-shadow: none
}

.vi-ui.grey.button:active,.vi-ui.grey.buttons .button:active {
    background-color: #909090;
    color: #fff;
    text-shadow: none
}

.vi-ui.grey.active.button,.vi-ui.grey.button .active.button:active,.vi-ui.grey.buttons .active.button,.vi-ui.grey.buttons .active.button:active {
    background-color: #696969;
    color: #fff;
    text-shadow: none
}

.vi-ui.basic.grey.button,.vi-ui.basic.grey.buttons .button {
    box-shadow: 0 0 0 1px #767676 inset!important;
    color: #767676!important
}

.vi-ui.basic.grey.button:hover,.vi-ui.basic.grey.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #838383 inset!important;
    color: #838383!important
}

.vi-ui.basic.grey.button:focus,.vi-ui.basic.grey.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #8a8a8a inset!important;
    color: #838383!important
}

.vi-ui.basic.grey.active.button,.vi-ui.basic.grey.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #696969 inset!important;
    color: #909090!important
}

.vi-ui.basic.grey.button:active,.vi-ui.basic.grey.buttons .button:active {
    box-shadow: 0 0 0 1px #909090 inset!important;
    color: #909090!important
}

.vi-ui.buttons:not(.vertical)>.basic.grey.button:not(:first-child) {
    margin-left: -1px
}

.vi-ui.inverted.grey.button,.vi-ui.inverted.grey.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #d4d4d5 inset!important;
    color: #fff
}

.vi-ui.inverted.grey.button.active,.vi-ui.inverted.grey.button:active,.vi-ui.inverted.grey.button:focus,.vi-ui.inverted.grey.button:hover,.vi-ui.inverted.grey.buttons .button.active,.vi-ui.inverted.grey.buttons .button:active,.vi-ui.inverted.grey.buttons .button:focus,.vi-ui.inverted.grey.buttons .button:hover {
    box-shadow: none!important;
    color: rgba(0,0,0,.6)
}

.vi-ui.inverted.grey.button:hover,.vi-ui.inverted.grey.buttons .button:hover {
    background-color: #cfd0d2
}

.vi-ui.inverted.grey.button:focus,.vi-ui.inverted.grey.buttons .button:focus {
    background-color: #c7c9cb
}

.vi-ui.inverted.grey.active.button,.vi-ui.inverted.grey.buttons .active.button {
    background-color: #cfd0d2
}

.vi-ui.inverted.grey.button:active,.vi-ui.inverted.grey.buttons .button:active {
    background-color: #c2c4c5
}

.vi-ui.inverted.grey.basic.button,.vi-ui.inverted.grey.basic.buttons .button,.vi-ui.inverted.grey.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset!important;
    color: #fff!important
}

.vi-ui.inverted.grey.basic.button:hover,.vi-ui.inverted.grey.basic.buttons .button:hover,.vi-ui.inverted.grey.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #cfd0d2 inset!important;
    color: #fff!important
}

.vi-ui.inverted.grey.basic.button:focus,.vi-ui.inverted.grey.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #c7c9cb inset!important;
    color: #dcddde!important
}

.vi-ui.inverted.grey.basic.active.button,.vi-ui.inverted.grey.basic.buttons .active.button,.vi-ui.inverted.grey.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #cfd0d2 inset!important;
    color: #fff!important
}

.vi-ui.inverted.grey.basic.button:active,.vi-ui.inverted.grey.basic.buttons .button:active,.vi-ui.inverted.grey.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #c2c4c5 inset!important;
    color: #fff!important
}

.vi-ui.brown.button,.vi-ui.brown.buttons .button {
    background-color: #a5673f;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.vi-ui.brown.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.brown.button:hover,.vi-ui.brown.buttons .button:hover {
    background-color: #975b33;
    color: #fff;
    text-shadow: none
}

.vi-ui.brown.button:focus,.vi-ui.brown.buttons .button:focus {
    background-color: #90532b;
    color: #fff;
    text-shadow: none
}

.vi-ui.brown.button:active,.vi-ui.brown.buttons .button:active {
    background-color: #805031;
    color: #fff;
    text-shadow: none
}

.vi-ui.brown.active.button,.vi-ui.brown.button .active.button:active,.vi-ui.brown.buttons .active.button,.vi-ui.brown.buttons .active.button:active {
    background-color: #995a31;
    color: #fff;
    text-shadow: none
}

.vi-ui.basic.brown.button,.vi-ui.basic.brown.buttons .button {
    box-shadow: 0 0 0 1px #a5673f inset!important;
    color: #a5673f!important
}

.vi-ui.basic.brown.button:hover,.vi-ui.basic.brown.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #975b33 inset!important;
    color: #975b33!important
}

.vi-ui.basic.brown.button:focus,.vi-ui.basic.brown.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #90532b inset!important;
    color: #975b33!important
}

.vi-ui.basic.brown.active.button,.vi-ui.basic.brown.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #995a31 inset!important;
    color: #805031!important
}

.vi-ui.basic.brown.button:active,.vi-ui.basic.brown.buttons .button:active {
    box-shadow: 0 0 0 1px #805031 inset!important;
    color: #805031!important
}

.vi-ui.buttons:not(.vertical)>.basic.brown.button:not(:first-child) {
    margin-left: -1px
}

.vi-ui.inverted.brown.button,.vi-ui.inverted.brown.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #d67c1c inset!important;
    color: #d67c1c
}

.vi-ui.inverted.brown.button.active,.vi-ui.inverted.brown.button:active,.vi-ui.inverted.brown.button:focus,.vi-ui.inverted.brown.button:hover,.vi-ui.inverted.brown.buttons .button.active,.vi-ui.inverted.brown.buttons .button:active,.vi-ui.inverted.brown.buttons .button:focus,.vi-ui.inverted.brown.buttons .button:hover {
    box-shadow: none!important;
    color: #fff
}

.vi-ui.inverted.brown.button:hover,.vi-ui.inverted.brown.buttons .button:hover {
    background-color: #c86f11
}

.vi-ui.inverted.brown.button:focus,.vi-ui.inverted.brown.buttons .button:focus {
    background-color: #c16808
}

.vi-ui.inverted.brown.active.button,.vi-ui.inverted.brown.buttons .active.button {
    background-color: #cc6f0d
}

.vi-ui.inverted.brown.button:active,.vi-ui.inverted.brown.buttons .button:active {
    background-color: #a96216
}

.vi-ui.inverted.brown.basic.button,.vi-ui.inverted.brown.basic.buttons .button,.vi-ui.inverted.brown.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset!important;
    color: #fff!important
}

.vi-ui.inverted.brown.basic.button:hover,.vi-ui.inverted.brown.basic.buttons .button:hover,.vi-ui.inverted.brown.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #c86f11 inset!important;
    color: #d67c1c!important
}

.vi-ui.inverted.brown.basic.button:focus,.vi-ui.inverted.brown.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #c16808 inset!important;
    color: #d67c1c!important
}

.vi-ui.inverted.brown.basic.active.button,.vi-ui.inverted.brown.basic.buttons .active.button,.vi-ui.inverted.brown.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #cc6f0d inset!important;
    color: #d67c1c!important
}

.vi-ui.inverted.brown.basic.button:active,.vi-ui.inverted.brown.basic.buttons .button:active,.vi-ui.inverted.brown.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #a96216 inset!important;
    color: #d67c1c!important
}

.vi-ui.blue.button,.vi-ui.blue.buttons .button {
    background-color: #2185d0;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.vi-ui.blue.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.blue.button:hover,.vi-ui.blue.buttons .button:hover {
    background-color: #1678c2;
    color: #fff;
    text-shadow: none
}

.vi-ui.blue.button:focus,.vi-ui.blue.buttons .button:focus {
    background-color: #0d71bb;
    color: #fff;
    text-shadow: none
}

.vi-ui.blue.button:active,.vi-ui.blue.buttons .button:active {
    background-color: #1a69a4;
    color: #fff;
    text-shadow: none
}

.vi-ui.blue.active.button,.vi-ui.blue.button .active.button:active,.vi-ui.blue.buttons .active.button,.vi-ui.blue.buttons .active.button:active {
    background-color: #1279c6;
    color: #fff;
    text-shadow: none
}

.vi-ui.basic.blue.button,.vi-ui.basic.blue.buttons .button {
    box-shadow: 0 0 0 1px #2185d0 inset!important;
    color: #2185d0!important
}

.vi-ui.basic.blue.button:hover,.vi-ui.basic.blue.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #1678c2 inset!important;
    color: #1678c2!important
}

.vi-ui.basic.blue.button:focus,.vi-ui.basic.blue.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #0d71bb inset!important;
    color: #1678c2!important
}

.vi-ui.basic.blue.active.button,.vi-ui.basic.blue.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #1279c6 inset!important;
    color: #1a69a4!important
}

.vi-ui.basic.blue.button:active,.vi-ui.basic.blue.buttons .button:active {
    box-shadow: 0 0 0 1px #1a69a4 inset!important;
    color: #1a69a4!important
}

.vi-ui.buttons:not(.vertical)>.basic.blue.button:not(:first-child) {
    margin-left: -1px
}

.vi-ui.inverted.blue.button,.vi-ui.inverted.blue.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #54c8ff inset!important;
    color: #54c8ff
}

.vi-ui.inverted.blue.button.active,.vi-ui.inverted.blue.button:active,.vi-ui.inverted.blue.button:focus,.vi-ui.inverted.blue.button:hover,.vi-ui.inverted.blue.buttons .button.active,.vi-ui.inverted.blue.buttons .button:active,.vi-ui.inverted.blue.buttons .button:focus,.vi-ui.inverted.blue.buttons .button:hover {
    box-shadow: none!important;
    color: #fff
}

.vi-ui.inverted.blue.button:hover,.vi-ui.inverted.blue.buttons .button:hover {
    background-color: #3ac0ff
}

.vi-ui.inverted.blue.button:focus,.vi-ui.inverted.blue.buttons .button:focus {
    background-color: #2bbbff
}

.vi-ui.inverted.blue.active.button,.vi-ui.inverted.blue.buttons .active.button {
    background-color: #3ac0ff
}

.vi-ui.inverted.blue.button:active,.vi-ui.inverted.blue.buttons .button:active {
    background-color: #21b8ff
}

.vi-ui.inverted.blue.basic.button,.vi-ui.inverted.blue.basic.buttons .button,.vi-ui.inverted.blue.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset!important;
    color: #fff!important
}

.vi-ui.inverted.blue.basic.button:hover,.vi-ui.inverted.blue.basic.buttons .button:hover,.vi-ui.inverted.blue.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #3ac0ff inset!important;
    color: #54c8ff!important
}

.vi-ui.inverted.blue.basic.button:focus,.vi-ui.inverted.blue.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #2bbbff inset!important;
    color: #54c8ff!important
}

.vi-ui.inverted.blue.basic.active.button,.vi-ui.inverted.blue.basic.buttons .active.button,.vi-ui.inverted.blue.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #3ac0ff inset!important;
    color: #54c8ff!important
}

.vi-ui.inverted.blue.basic.button:active,.vi-ui.inverted.blue.basic.buttons .button:active,.vi-ui.inverted.blue.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #21b8ff inset!important;
    color: #54c8ff!important
}

.vi-ui.green.button,.vi-ui.green.buttons .button {
    background-color: #21ba45;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.vi-ui.green.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.green.button:hover,.vi-ui.green.buttons .button:hover {
    background-color: #16ab39;
    color: #fff;
    text-shadow: none
}

.vi-ui.green.button:focus,.vi-ui.green.buttons .button:focus {
    background-color: #0ea432;
    color: #fff;
    text-shadow: none
}

.vi-ui.green.button:active,.vi-ui.green.buttons .button:active {
    background-color: #198f35;
    color: #fff;
    text-shadow: none
}

.vi-ui.green.active.button,.vi-ui.green.button .active.button:active,.vi-ui.green.buttons .active.button,.vi-ui.green.buttons .active.button:active {
    background-color: #13ae38;
    color: #fff;
    text-shadow: none
}

.vi-ui.basic.green.button,.vi-ui.basic.green.buttons .button {
    box-shadow: 0 0 0 1px #21ba45 inset!important;
    color: #21ba45!important
}

.vi-ui.basic.green.button:hover,.vi-ui.basic.green.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #16ab39 inset!important;
    color: #16ab39!important
}

.vi-ui.basic.green.button:focus,.vi-ui.basic.green.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #0ea432 inset!important;
    color: #16ab39!important
}

.vi-ui.basic.green.active.button,.vi-ui.basic.green.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #13ae38 inset!important;
    color: #198f35!important
}

.vi-ui.basic.green.button:active,.vi-ui.basic.green.buttons .button:active {
    box-shadow: 0 0 0 1px #198f35 inset!important;
    color: #198f35!important
}

.vi-ui.buttons:not(.vertical)>.basic.green.button:not(:first-child) {
    margin-left: -1px
}

.vi-ui.inverted.green.button,.vi-ui.inverted.green.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #2ecc40 inset!important;
    color: #2ecc40
}

.vi-ui.inverted.green.button.active,.vi-ui.inverted.green.button:active,.vi-ui.inverted.green.button:focus,.vi-ui.inverted.green.button:hover,.vi-ui.inverted.green.buttons .button.active,.vi-ui.inverted.green.buttons .button:active,.vi-ui.inverted.green.buttons .button:focus,.vi-ui.inverted.green.buttons .button:hover {
    box-shadow: none!important;
    color: #fff
}

.vi-ui.inverted.green.button:hover,.vi-ui.inverted.green.buttons .button:hover {
    background-color: #22be34
}

.vi-ui.inverted.green.button:focus,.vi-ui.inverted.green.buttons .button:focus {
    background-color: #19b82b
}

.vi-ui.inverted.green.active.button,.vi-ui.inverted.green.buttons .active.button {
    background-color: #1fc231
}

.vi-ui.inverted.green.button:active,.vi-ui.inverted.green.buttons .button:active {
    background-color: #25a233
}

.vi-ui.inverted.green.basic.button,.vi-ui.inverted.green.basic.buttons .button,.vi-ui.inverted.green.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset!important;
    color: #fff!important
}

.vi-ui.inverted.green.basic.button:hover,.vi-ui.inverted.green.basic.buttons .button:hover,.vi-ui.inverted.green.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #22be34 inset!important;
    color: #2ecc40!important
}

.vi-ui.inverted.green.basic.button:focus,.vi-ui.inverted.green.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #19b82b inset!important;
    color: #2ecc40!important
}

.vi-ui.inverted.green.basic.active.button,.vi-ui.inverted.green.basic.buttons .active.button,.vi-ui.inverted.green.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #1fc231 inset!important;
    color: #2ecc40!important
}

.vi-ui.inverted.green.basic.button:active,.vi-ui.inverted.green.basic.buttons .button:active,.vi-ui.inverted.green.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #25a233 inset!important;
    color: #2ecc40!important
}

.vi-ui.orange.button,.vi-ui.orange.buttons .button {
    background-color: #f2711c;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.vi-ui.orange.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.orange.button:hover,.vi-ui.orange.buttons .button:hover {
    background-color: #f26202;
    color: #fff;
    text-shadow: none
}

.vi-ui.orange.button:focus,.vi-ui.orange.buttons .button:focus {
    background-color: #e55b00;
    color: #fff;
    text-shadow: none
}

.vi-ui.orange.button:active,.vi-ui.orange.buttons .button:active {
    background-color: #cf590c;
    color: #fff;
    text-shadow: none
}

.vi-ui.orange.active.button,.vi-ui.orange.button .active.button:active,.vi-ui.orange.buttons .active.button,.vi-ui.orange.buttons .active.button:active {
    background-color: #f56100;
    color: #fff;
    text-shadow: none
}

.vi-ui.basic.orange.button,.vi-ui.basic.orange.buttons .button {
    box-shadow: 0 0 0 1px #f2711c inset!important;
    color: #f2711c!important
}

.vi-ui.basic.orange.button:hover,.vi-ui.basic.orange.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #f26202 inset!important;
    color: #f26202!important
}

.vi-ui.basic.orange.button:focus,.vi-ui.basic.orange.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #e55b00 inset!important;
    color: #f26202!important
}

.vi-ui.basic.orange.active.button,.vi-ui.basic.orange.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #f56100 inset!important;
    color: #cf590c!important
}

.vi-ui.basic.orange.button:active,.vi-ui.basic.orange.buttons .button:active {
    box-shadow: 0 0 0 1px #cf590c inset!important;
    color: #cf590c!important
}

.vi-ui.buttons:not(.vertical)>.basic.orange.button:not(:first-child) {
    margin-left: -1px
}

.vi-ui.inverted.orange.button,.vi-ui.inverted.orange.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ff851b inset!important;
    color: #ff851b
}

.vi-ui.inverted.orange.button.active,.vi-ui.inverted.orange.button:active,.vi-ui.inverted.orange.button:focus,.vi-ui.inverted.orange.button:hover,.vi-ui.inverted.orange.buttons .button.active,.vi-ui.inverted.orange.buttons .button:active,.vi-ui.inverted.orange.buttons .button:focus,.vi-ui.inverted.orange.buttons .button:hover {
    box-shadow: none!important;
    color: #fff
}

.vi-ui.inverted.orange.button:hover,.vi-ui.inverted.orange.buttons .button:hover {
    background-color: #ff7701
}

.vi-ui.inverted.orange.button:focus,.vi-ui.inverted.orange.buttons .button:focus {
    background-color: #f17000
}

.vi-ui.inverted.orange.active.button,.vi-ui.inverted.orange.buttons .active.button {
    background-color: #ff7701
}

.vi-ui.inverted.orange.button:active,.vi-ui.inverted.orange.buttons .button:active {
    background-color: #e76b00
}

.vi-ui.inverted.orange.basic.button,.vi-ui.inverted.orange.basic.buttons .button,.vi-ui.inverted.orange.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset!important;
    color: #fff!important
}

.vi-ui.inverted.orange.basic.button:hover,.vi-ui.inverted.orange.basic.buttons .button:hover,.vi-ui.inverted.orange.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #ff7701 inset!important;
    color: #ff851b!important
}

.vi-ui.inverted.orange.basic.button:focus,.vi-ui.inverted.orange.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #f17000 inset!important;
    color: #ff851b!important
}

.vi-ui.inverted.orange.basic.active.button,.vi-ui.inverted.orange.basic.buttons .active.button,.vi-ui.inverted.orange.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #ff7701 inset!important;
    color: #ff851b!important
}

.vi-ui.inverted.orange.basic.button:active,.vi-ui.inverted.orange.basic.buttons .button:active,.vi-ui.inverted.orange.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #e76b00 inset!important;
    color: #ff851b!important
}

.vi-ui.pink.button,.vi-ui.pink.buttons .button {
    background-color: #e03997;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.vi-ui.pink.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.pink.button:hover,.vi-ui.pink.buttons .button:hover {
    background-color: #e61a8d;
    color: #fff;
    text-shadow: none
}

.vi-ui.pink.button:focus,.vi-ui.pink.buttons .button:focus {
    background-color: #e10f85;
    color: #fff;
    text-shadow: none
}

.vi-ui.pink.button:active,.vi-ui.pink.buttons .button:active {
    background-color: #c71f7e;
    color: #fff;
    text-shadow: none
}

.vi-ui.pink.active.button,.vi-ui.pink.button .active.button:active,.vi-ui.pink.buttons .active.button,.vi-ui.pink.buttons .active.button:active {
    background-color: #ea158d;
    color: #fff;
    text-shadow: none
}

.vi-ui.basic.pink.button,.vi-ui.basic.pink.buttons .button {
    box-shadow: 0 0 0 1px #e03997 inset!important;
    color: #e03997!important
}

.vi-ui.basic.pink.button:hover,.vi-ui.basic.pink.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #e61a8d inset!important;
    color: #e61a8d!important
}

.vi-ui.basic.pink.button:focus,.vi-ui.basic.pink.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #e10f85 inset!important;
    color: #e61a8d!important
}

.vi-ui.basic.pink.active.button,.vi-ui.basic.pink.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #ea158d inset!important;
    color: #c71f7e!important
}

.vi-ui.basic.pink.button:active,.vi-ui.basic.pink.buttons .button:active {
    box-shadow: 0 0 0 1px #c71f7e inset!important;
    color: #c71f7e!important
}

.vi-ui.buttons:not(.vertical)>.basic.pink.button:not(:first-child) {
    margin-left: -1px
}

.vi-ui.inverted.pink.button,.vi-ui.inverted.pink.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ff8edf inset!important;
    color: #ff8edf
}

.vi-ui.inverted.pink.button.active,.vi-ui.inverted.pink.button:active,.vi-ui.inverted.pink.button:focus,.vi-ui.inverted.pink.button:hover,.vi-ui.inverted.pink.buttons .button.active,.vi-ui.inverted.pink.buttons .button:active,.vi-ui.inverted.pink.buttons .button:focus,.vi-ui.inverted.pink.buttons .button:hover {
    box-shadow: none!important;
    color: #fff
}

.vi-ui.inverted.pink.button:hover,.vi-ui.inverted.pink.buttons .button:hover {
    background-color: #ff74d8
}

.vi-ui.inverted.pink.button:focus,.vi-ui.inverted.pink.buttons .button:focus {
    background-color: #ff65d3
}

.vi-ui.inverted.pink.active.button,.vi-ui.inverted.pink.buttons .active.button {
    background-color: #ff74d8
}

.vi-ui.inverted.pink.button:active,.vi-ui.inverted.pink.buttons .button:active {
    background-color: #ff5bd1
}

.vi-ui.inverted.pink.basic.button,.vi-ui.inverted.pink.basic.buttons .button,.vi-ui.inverted.pink.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset!important;
    color: #fff!important
}

.vi-ui.inverted.pink.basic.button:hover,.vi-ui.inverted.pink.basic.buttons .button:hover,.vi-ui.inverted.pink.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #ff74d8 inset!important;
    color: #ff8edf!important
}

.vi-ui.inverted.pink.basic.button:focus,.vi-ui.inverted.pink.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #ff65d3 inset!important;
    color: #ff8edf!important
}

.vi-ui.inverted.pink.basic.active.button,.vi-ui.inverted.pink.basic.buttons .active.button,.vi-ui.inverted.pink.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #ff74d8 inset!important;
    color: #ff8edf!important
}

.vi-ui.inverted.pink.basic.button:active,.vi-ui.inverted.pink.basic.buttons .button:active,.vi-ui.inverted.pink.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #ff5bd1 inset!important;
    color: #ff8edf!important
}

.vi-ui.violet.button,.vi-ui.violet.buttons .button {
    background-color: #6435c9;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.vi-ui.violet.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.violet.button:hover,.vi-ui.violet.buttons .button:hover {
    background-color: #5829bb;
    color: #fff;
    text-shadow: none
}

.vi-ui.violet.button:focus,.vi-ui.violet.buttons .button:focus {
    background-color: #4f20b5;
    color: #fff;
    text-shadow: none
}

.vi-ui.violet.button:active,.vi-ui.violet.buttons .button:active {
    background-color: #502aa1;
    color: #fff;
    text-shadow: none
}

.vi-ui.violet.active.button,.vi-ui.violet.button .active.button:active,.vi-ui.violet.buttons .active.button,.vi-ui.violet.buttons .active.button:active {
    background-color: #5626bf;
    color: #fff;
    text-shadow: none
}

.vi-ui.basic.violet.button,.vi-ui.basic.violet.buttons .button {
    box-shadow: 0 0 0 1px #6435c9 inset!important;
    color: #6435c9!important
}

.vi-ui.basic.violet.button:hover,.vi-ui.basic.violet.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #5829bb inset!important;
    color: #5829bb!important
}

.vi-ui.basic.violet.button:focus,.vi-ui.basic.violet.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #4f20b5 inset!important;
    color: #5829bb!important
}

.vi-ui.basic.violet.active.button,.vi-ui.basic.violet.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #5626bf inset!important;
    color: #502aa1!important
}

.vi-ui.basic.violet.button:active,.vi-ui.basic.violet.buttons .button:active {
    box-shadow: 0 0 0 1px #502aa1 inset!important;
    color: #502aa1!important
}

.vi-ui.buttons:not(.vertical)>.basic.violet.button:not(:first-child) {
    margin-left: -1px
}

.vi-ui.inverted.violet.button,.vi-ui.inverted.violet.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #a291fb inset!important;
    color: #a291fb
}

.vi-ui.inverted.violet.button.active,.vi-ui.inverted.violet.button:active,.vi-ui.inverted.violet.button:focus,.vi-ui.inverted.violet.button:hover,.vi-ui.inverted.violet.buttons .button.active,.vi-ui.inverted.violet.buttons .button:active,.vi-ui.inverted.violet.buttons .button:focus,.vi-ui.inverted.violet.buttons .button:hover {
    box-shadow: none!important;
    color: #fff
}

.vi-ui.inverted.violet.button:hover,.vi-ui.inverted.violet.buttons .button:hover {
    background-color: #8a73ff
}

.vi-ui.inverted.violet.button:focus,.vi-ui.inverted.violet.buttons .button:focus {
    background-color: #7d64ff
}

.vi-ui.inverted.violet.active.button,.vi-ui.inverted.violet.buttons .active.button {
    background-color: #8a73ff
}

.vi-ui.inverted.violet.button:active,.vi-ui.inverted.violet.buttons .button:active {
    background-color: #7860f9
}

.vi-ui.inverted.violet.basic.button,.vi-ui.inverted.violet.basic.buttons .button,.vi-ui.inverted.violet.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset!important;
    color: #fff!important
}

.vi-ui.inverted.violet.basic.button:hover,.vi-ui.inverted.violet.basic.buttons .button:hover,.vi-ui.inverted.violet.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #8a73ff inset!important;
    color: #a291fb!important
}

.vi-ui.inverted.violet.basic.button:focus,.vi-ui.inverted.violet.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #7d64ff inset!important;
    color: #a291fb!important
}

.vi-ui.inverted.violet.basic.active.button,.vi-ui.inverted.violet.basic.buttons .active.button,.vi-ui.inverted.violet.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #8a73ff inset!important;
    color: #a291fb!important
}

.vi-ui.inverted.violet.basic.button:active,.vi-ui.inverted.violet.basic.buttons .button:active,.vi-ui.inverted.violet.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #7860f9 inset!important;
    color: #a291fb!important
}

.vi-ui.purple.button,.vi-ui.purple.buttons .button {
    background-color: #a333c8;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.vi-ui.purple.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.purple.button:hover,.vi-ui.purple.buttons .button:hover {
    background-color: #9627ba;
    color: #fff;
    text-shadow: none
}

.vi-ui.purple.button:focus,.vi-ui.purple.buttons .button:focus {
    background-color: #8f1eb4;
    color: #fff;
    text-shadow: none
}

.vi-ui.purple.button:active,.vi-ui.purple.buttons .button:active {
    background-color: #82299f;
    color: #fff;
    text-shadow: none
}

.vi-ui.purple.active.button,.vi-ui.purple.button .active.button:active,.vi-ui.purple.buttons .active.button,.vi-ui.purple.buttons .active.button:active {
    background-color: #9724be;
    color: #fff;
    text-shadow: none
}

.vi-ui.basic.purple.button,.vi-ui.basic.purple.buttons .button {
    box-shadow: 0 0 0 1px #a333c8 inset!important;
    color: #a333c8!important
}

.vi-ui.basic.purple.button:hover,.vi-ui.basic.purple.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #9627ba inset!important;
    color: #9627ba!important
}

.vi-ui.basic.purple.button:focus,.vi-ui.basic.purple.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #8f1eb4 inset!important;
    color: #9627ba!important
}

.vi-ui.basic.purple.active.button,.vi-ui.basic.purple.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #9724be inset!important;
    color: #82299f!important
}

.vi-ui.basic.purple.button:active,.vi-ui.basic.purple.buttons .button:active {
    box-shadow: 0 0 0 1px #82299f inset!important;
    color: #82299f!important
}

.vi-ui.buttons:not(.vertical)>.basic.purple.button:not(:first-child) {
    margin-left: -1px
}

.vi-ui.inverted.purple.button,.vi-ui.inverted.purple.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #dc73ff inset!important;
    color: #dc73ff
}

.vi-ui.inverted.purple.button.active,.vi-ui.inverted.purple.button:active,.vi-ui.inverted.purple.button:focus,.vi-ui.inverted.purple.button:hover,.vi-ui.inverted.purple.buttons .button.active,.vi-ui.inverted.purple.buttons .button:active,.vi-ui.inverted.purple.buttons .button:focus,.vi-ui.inverted.purple.buttons .button:hover {
    box-shadow: none!important;
    color: #fff
}

.vi-ui.inverted.purple.button:hover,.vi-ui.inverted.purple.buttons .button:hover {
    background-color: #d65aff
}

.vi-ui.inverted.purple.button:focus,.vi-ui.inverted.purple.buttons .button:focus {
    background-color: #d24aff
}

.vi-ui.inverted.purple.active.button,.vi-ui.inverted.purple.buttons .active.button {
    background-color: #d65aff
}

.vi-ui.inverted.purple.button:active,.vi-ui.inverted.purple.buttons .button:active {
    background-color: #cf40ff
}

.vi-ui.inverted.purple.basic.button,.vi-ui.inverted.purple.basic.buttons .button,.vi-ui.inverted.purple.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset!important;
    color: #fff!important
}

.vi-ui.inverted.purple.basic.button:hover,.vi-ui.inverted.purple.basic.buttons .button:hover,.vi-ui.inverted.purple.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #d65aff inset!important;
    color: #dc73ff!important
}

.vi-ui.inverted.purple.basic.button:focus,.vi-ui.inverted.purple.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #d24aff inset!important;
    color: #dc73ff!important
}

.vi-ui.inverted.purple.basic.active.button,.vi-ui.inverted.purple.basic.buttons .active.button,.vi-ui.inverted.purple.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #d65aff inset!important;
    color: #dc73ff!important
}

.vi-ui.inverted.purple.basic.button:active,.vi-ui.inverted.purple.basic.buttons .button:active,.vi-ui.inverted.purple.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #cf40ff inset!important;
    color: #dc73ff!important
}

.vi-ui.red.button,.vi-ui.red.buttons .button {
    background-color: #db2828;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.vi-ui.red.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.red.button:hover,.vi-ui.red.buttons .button:hover {
    background-color: #d01919;
    color: #fff;
    text-shadow: none
}

.vi-ui.red.button:focus,.vi-ui.red.buttons .button:focus {
    background-color: #ca1010;
    color: #fff;
    text-shadow: none
}

.vi-ui.red.button:active,.vi-ui.red.buttons .button:active {
    background-color: #b21e1e;
    color: #fff;
    text-shadow: none
}

.vi-ui.red.active.button,.vi-ui.red.button .active.button:active,.vi-ui.red.buttons .active.button,.vi-ui.red.buttons .active.button:active {
    background-color: #d41515;
    color: #fff;
    text-shadow: none
}

.vi-ui.basic.red.button,.vi-ui.basic.red.buttons .button {
    box-shadow: 0 0 0 1px #db2828 inset!important;
    color: #db2828!important
}

.vi-ui.basic.red.button:hover,.vi-ui.basic.red.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #d01919 inset!important;
    color: #d01919!important
}

.vi-ui.basic.red.button:focus,.vi-ui.basic.red.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #ca1010 inset!important;
    color: #d01919!important
}

.vi-ui.basic.red.active.button,.vi-ui.basic.red.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #d41515 inset!important;
    color: #b21e1e!important
}

.vi-ui.basic.red.button:active,.vi-ui.basic.red.buttons .button:active {
    box-shadow: 0 0 0 1px #b21e1e inset!important;
    color: #b21e1e!important
}

.vi-ui.buttons:not(.vertical)>.basic.red.button:not(:first-child) {
    margin-left: -1px
}

.vi-ui.inverted.red.button,.vi-ui.inverted.red.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ff695e inset!important;
    color: #ff695e
}

.vi-ui.inverted.red.button.active,.vi-ui.inverted.red.button:active,.vi-ui.inverted.red.button:focus,.vi-ui.inverted.red.button:hover,.vi-ui.inverted.red.buttons .button.active,.vi-ui.inverted.red.buttons .button:active,.vi-ui.inverted.red.buttons .button:focus,.vi-ui.inverted.red.buttons .button:hover {
    box-shadow: none!important;
    color: #fff
}

.vi-ui.inverted.red.button:hover,.vi-ui.inverted.red.buttons .button:hover {
    background-color: #ff5144
}

.vi-ui.inverted.red.button:focus,.vi-ui.inverted.red.buttons .button:focus {
    background-color: #ff4335
}

.vi-ui.inverted.red.active.button,.vi-ui.inverted.red.buttons .active.button {
    background-color: #ff5144
}

.vi-ui.inverted.red.button:active,.vi-ui.inverted.red.buttons .button:active {
    background-color: #ff392b
}

.vi-ui.inverted.red.basic.button,.vi-ui.inverted.red.basic.buttons .button,.vi-ui.inverted.red.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset!important;
    color: #fff!important
}

.vi-ui.inverted.red.basic.button:hover,.vi-ui.inverted.red.basic.buttons .button:hover,.vi-ui.inverted.red.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #ff5144 inset!important;
    color: #ff695e!important
}

.vi-ui.inverted.red.basic.button:focus,.vi-ui.inverted.red.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #ff4335 inset!important;
    color: #ff695e!important
}

.vi-ui.inverted.red.basic.active.button,.vi-ui.inverted.red.basic.buttons .active.button,.vi-ui.inverted.red.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #ff5144 inset!important;
    color: #ff695e!important
}

.vi-ui.inverted.red.basic.button:active,.vi-ui.inverted.red.basic.buttons .button:active,.vi-ui.inverted.red.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #ff392b inset!important;
    color: #ff695e!important
}

.vi-ui.teal.button,.vi-ui.teal.buttons .button {
    background-color: #00b5ad;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.vi-ui.teal.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.teal.button:hover,.vi-ui.teal.buttons .button:hover {
    background-color: #009c95;
    color: #fff;
    text-shadow: none
}

.vi-ui.teal.button:focus,.vi-ui.teal.buttons .button:focus {
    background-color: #008c86;
    color: #fff;
    text-shadow: none
}

.vi-ui.teal.button:active,.vi-ui.teal.buttons .button:active {
    background-color: #00827c;
    color: #fff;
    text-shadow: none
}

.vi-ui.teal.active.button,.vi-ui.teal.button .active.button:active,.vi-ui.teal.buttons .active.button,.vi-ui.teal.buttons .active.button:active {
    background-color: #009c95;
    color: #fff;
    text-shadow: none
}

.vi-ui.basic.teal.button,.vi-ui.basic.teal.buttons .button {
    box-shadow: 0 0 0 1px #00b5ad inset!important;
    color: #00b5ad!important
}

.vi-ui.basic.teal.button:hover,.vi-ui.basic.teal.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #009c95 inset!important;
    color: #009c95!important
}

.vi-ui.basic.teal.button:focus,.vi-ui.basic.teal.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #008c86 inset!important;
    color: #009c95!important
}

.vi-ui.basic.teal.active.button,.vi-ui.basic.teal.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #009c95 inset!important;
    color: #00827c!important
}

.vi-ui.basic.teal.button:active,.vi-ui.basic.teal.buttons .button:active {
    box-shadow: 0 0 0 1px #00827c inset!important;
    color: #00827c!important
}

.vi-ui.buttons:not(.vertical)>.basic.teal.button:not(:first-child) {
    margin-left: -1px
}

.vi-ui.inverted.teal.button,.vi-ui.inverted.teal.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #6dffff inset!important;
    color: #6dffff
}

.vi-ui.inverted.teal.button.active,.vi-ui.inverted.teal.button:active,.vi-ui.inverted.teal.button:focus,.vi-ui.inverted.teal.button:hover,.vi-ui.inverted.teal.buttons .button.active,.vi-ui.inverted.teal.buttons .button:active,.vi-ui.inverted.teal.buttons .button:focus,.vi-ui.inverted.teal.buttons .button:hover {
    box-shadow: none!important;
    color: rgba(0,0,0,.6)
}

.vi-ui.inverted.teal.button:hover,.vi-ui.inverted.teal.buttons .button:hover {
    background-color: #54ffff
}

.vi-ui.inverted.teal.button:focus,.vi-ui.inverted.teal.buttons .button:focus {
    background-color: #4ff
}

.vi-ui.inverted.teal.active.button,.vi-ui.inverted.teal.buttons .active.button {
    background-color: #54ffff
}

.vi-ui.inverted.teal.button:active,.vi-ui.inverted.teal.buttons .button:active {
    background-color: #3affff
}

.vi-ui.inverted.teal.basic.button,.vi-ui.inverted.teal.basic.buttons .button,.vi-ui.inverted.teal.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset!important;
    color: #fff!important
}

.vi-ui.inverted.teal.basic.button:hover,.vi-ui.inverted.teal.basic.buttons .button:hover,.vi-ui.inverted.teal.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #54ffff inset!important;
    color: #6dffff!important
}

.vi-ui.inverted.teal.basic.button:focus,.vi-ui.inverted.teal.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #4ff inset!important;
    color: #6dffff!important
}

.vi-ui.inverted.teal.basic.active.button,.vi-ui.inverted.teal.basic.buttons .active.button,.vi-ui.inverted.teal.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #54ffff inset!important;
    color: #6dffff!important
}

.vi-ui.inverted.teal.basic.button:active,.vi-ui.inverted.teal.basic.buttons .button:active,.vi-ui.inverted.teal.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #3affff inset!important;
    color: #6dffff!important
}

.vi-ui.olive.button,.vi-ui.olive.buttons .button {
    background-color: #b5cc18;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.vi-ui.olive.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.olive.button:hover,.vi-ui.olive.buttons .button:hover {
    background-color: #a7bd0d;
    color: #fff;
    text-shadow: none
}

.vi-ui.olive.button:focus,.vi-ui.olive.buttons .button:focus {
    background-color: #a0b605;
    color: #fff;
    text-shadow: none
}

.vi-ui.olive.button:active,.vi-ui.olive.buttons .button:active {
    background-color: #8d9e13;
    color: #fff;
    text-shadow: none
}

.vi-ui.olive.active.button,.vi-ui.olive.button .active.button:active,.vi-ui.olive.buttons .active.button,.vi-ui.olive.buttons .active.button:active {
    background-color: #aac109;
    color: #fff;
    text-shadow: none
}

.vi-ui.basic.olive.button,.vi-ui.basic.olive.buttons .button {
    box-shadow: 0 0 0 1px #b5cc18 inset!important;
    color: #b5cc18!important
}

.vi-ui.basic.olive.button:hover,.vi-ui.basic.olive.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #a7bd0d inset!important;
    color: #a7bd0d!important
}

.vi-ui.basic.olive.button:focus,.vi-ui.basic.olive.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #a0b605 inset!important;
    color: #a7bd0d!important
}

.vi-ui.basic.olive.active.button,.vi-ui.basic.olive.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #aac109 inset!important;
    color: #8d9e13!important
}

.vi-ui.basic.olive.button:active,.vi-ui.basic.olive.buttons .button:active {
    box-shadow: 0 0 0 1px #8d9e13 inset!important;
    color: #8d9e13!important
}

.vi-ui.buttons:not(.vertical)>.basic.olive.button:not(:first-child) {
    margin-left: -1px
}

.vi-ui.inverted.olive.button,.vi-ui.inverted.olive.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #d9e778 inset!important;
    color: #d9e778
}

.vi-ui.inverted.olive.button.active,.vi-ui.inverted.olive.button:active,.vi-ui.inverted.olive.button:focus,.vi-ui.inverted.olive.button:hover,.vi-ui.inverted.olive.buttons .button.active,.vi-ui.inverted.olive.buttons .button:active,.vi-ui.inverted.olive.buttons .button:focus,.vi-ui.inverted.olive.buttons .button:hover {
    box-shadow: none!important;
    color: rgba(0,0,0,.6)
}

.vi-ui.inverted.olive.button:hover,.vi-ui.inverted.olive.buttons .button:hover {
    background-color: #d8ea5c
}

.vi-ui.inverted.olive.button:focus,.vi-ui.inverted.olive.buttons .button:focus {
    background-color: #daef47
}

.vi-ui.inverted.olive.active.button,.vi-ui.inverted.olive.buttons .active.button {
    background-color: #daed59
}

.vi-ui.inverted.olive.button:active,.vi-ui.inverted.olive.buttons .button:active {
    background-color: #cddf4d
}

.vi-ui.inverted.olive.basic.button,.vi-ui.inverted.olive.basic.buttons .button,.vi-ui.inverted.olive.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset!important;
    color: #fff!important
}

.vi-ui.inverted.olive.basic.button:hover,.vi-ui.inverted.olive.basic.buttons .button:hover,.vi-ui.inverted.olive.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #d8ea5c inset!important;
    color: #d9e778!important
}

.vi-ui.inverted.olive.basic.button:focus,.vi-ui.inverted.olive.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #daef47 inset!important;
    color: #d9e778!important
}

.vi-ui.inverted.olive.basic.active.button,.vi-ui.inverted.olive.basic.buttons .active.button,.vi-ui.inverted.olive.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #daed59 inset!important;
    color: #d9e778!important
}

.vi-ui.inverted.olive.basic.button:active,.vi-ui.inverted.olive.basic.buttons .button:active,.vi-ui.inverted.olive.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #cddf4d inset!important;
    color: #d9e778!important
}

.vi-ui.yellow.button,.vi-ui.yellow.buttons .button {
    background-color: #fbbd08;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.vi-ui.yellow.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.yellow.button:hover,.vi-ui.yellow.buttons .button:hover {
    background-color: #eaae00;
    color: #fff;
    text-shadow: none
}

.vi-ui.yellow.button:focus,.vi-ui.yellow.buttons .button:focus {
    background-color: #daa300;
    color: #fff;
    text-shadow: none
}

.vi-ui.yellow.button:active,.vi-ui.yellow.buttons .button:active {
    background-color: #cd9903;
    color: #fff;
    text-shadow: none
}

.vi-ui.yellow.active.button,.vi-ui.yellow.button .active.button:active,.vi-ui.yellow.buttons .active.button,.vi-ui.yellow.buttons .active.button:active {
    background-color: #eaae00;
    color: #fff;
    text-shadow: none
}

.vi-ui.basic.yellow.button,.vi-ui.basic.yellow.buttons .button {
    box-shadow: 0 0 0 1px #fbbd08 inset!important;
    color: #fbbd08!important
}

.vi-ui.basic.yellow.button:hover,.vi-ui.basic.yellow.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #eaae00 inset!important;
    color: #eaae00!important
}

.vi-ui.basic.yellow.button:focus,.vi-ui.basic.yellow.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #daa300 inset!important;
    color: #eaae00!important
}

.vi-ui.basic.yellow.active.button,.vi-ui.basic.yellow.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #eaae00 inset!important;
    color: #cd9903!important
}

.vi-ui.basic.yellow.button:active,.vi-ui.basic.yellow.buttons .button:active {
    box-shadow: 0 0 0 1px #cd9903 inset!important;
    color: #cd9903!important
}

.vi-ui.buttons:not(.vertical)>.basic.yellow.button:not(:first-child) {
    margin-left: -1px
}

.vi-ui.inverted.yellow.button,.vi-ui.inverted.yellow.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ffe21f inset!important;
    color: #ffe21f
}

.vi-ui.inverted.yellow.button.active,.vi-ui.inverted.yellow.button:active,.vi-ui.inverted.yellow.button:focus,.vi-ui.inverted.yellow.button:hover,.vi-ui.inverted.yellow.buttons .button.active,.vi-ui.inverted.yellow.buttons .button:active,.vi-ui.inverted.yellow.buttons .button:focus,.vi-ui.inverted.yellow.buttons .button:hover {
    box-shadow: none!important;
    color: rgba(0,0,0,.6)
}

.vi-ui.inverted.yellow.button:hover,.vi-ui.inverted.yellow.buttons .button:hover {
    background-color: #ffdf05
}

.vi-ui.inverted.yellow.button:focus,.vi-ui.inverted.yellow.buttons .button:focus {
    background-color: #f5d500
}

.vi-ui.inverted.yellow.active.button,.vi-ui.inverted.yellow.buttons .active.button {
    background-color: #ffdf05
}

.vi-ui.inverted.yellow.button:active,.vi-ui.inverted.yellow.buttons .button:active {
    background-color: #ebcd00
}

.vi-ui.inverted.yellow.basic.button,.vi-ui.inverted.yellow.basic.buttons .button,.vi-ui.inverted.yellow.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset!important;
    color: #fff!important
}

.vi-ui.inverted.yellow.basic.button:hover,.vi-ui.inverted.yellow.basic.buttons .button:hover,.vi-ui.inverted.yellow.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #ffdf05 inset!important;
    color: #ffe21f!important
}

.vi-ui.inverted.yellow.basic.button:focus,.vi-ui.inverted.yellow.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #f5d500 inset!important;
    color: #ffe21f!important
}

.vi-ui.inverted.yellow.basic.active.button,.vi-ui.inverted.yellow.basic.buttons .active.button,.vi-ui.inverted.yellow.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #ffdf05 inset!important;
    color: #ffe21f!important
}

.vi-ui.inverted.yellow.basic.button:active,.vi-ui.inverted.yellow.basic.buttons .button:active,.vi-ui.inverted.yellow.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #ebcd00 inset!important;
    color: #ffe21f!important
}

.vi-ui.primary.button,.vi-ui.primary.buttons .button {
    background-color: #2185d0;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.vi-ui.primary.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.primary.button:hover,.vi-ui.primary.buttons .button:hover {
    background-color: #1678c2;
    color: #fff;
    text-shadow: none
}

.vi-ui.primary.button:focus,.vi-ui.primary.buttons .button:focus {
    background-color: #0d71bb;
    color: #fff;
    text-shadow: none
}

.vi-ui.primary.button:active,.vi-ui.primary.buttons .button:active {
    background-color: #1a69a4;
    color: #fff;
    text-shadow: none
}

.vi-ui.primary.active.button,.vi-ui.primary.button .active.button:active,.vi-ui.primary.buttons .active.button,.vi-ui.primary.buttons .active.button:active {
    background-color: #1279c6;
    color: #fff;
    text-shadow: none
}

.vi-ui.basic.primary.button,.vi-ui.basic.primary.buttons .button {
    box-shadow: 0 0 0 1px #2185d0 inset!important;
    color: #2185d0!important
}

.vi-ui.basic.primary.button:hover,.vi-ui.basic.primary.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #1678c2 inset!important;
    color: #1678c2!important
}

.vi-ui.basic.primary.button:focus,.vi-ui.basic.primary.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #0d71bb inset!important;
    color: #1678c2!important
}

.vi-ui.basic.primary.active.button,.vi-ui.basic.primary.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #1279c6 inset!important;
    color: #1a69a4!important
}

.vi-ui.basic.primary.button:active,.vi-ui.basic.primary.buttons .button:active {
    box-shadow: 0 0 0 1px #1a69a4 inset!important;
    color: #1a69a4!important
}

.vi-ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child) {
    margin-left: -1px
}

.vi-ui.secondary.button,.vi-ui.secondary.buttons .button {
    background-color: #1b1c1d;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.vi-ui.secondary.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.secondary.button:hover,.vi-ui.secondary.buttons .button:hover {
    background-color: #27292a;
    color: #fff;
    text-shadow: none
}

.vi-ui.secondary.button:focus,.vi-ui.secondary.buttons .button:focus {
    background-color: #2e3032;
    color: #fff;
    text-shadow: none
}

.vi-ui.secondary.button:active,.vi-ui.secondary.buttons .button:active {
    background-color: #343637;
    color: #fff;
    text-shadow: none
}

.vi-ui.secondary.active.button,.vi-ui.secondary.button .active.button:active,.vi-ui.secondary.buttons .active.button,.vi-ui.secondary.buttons .active.button:active {
    background-color: #27292a;
    color: #fff;
    text-shadow: none
}

.vi-ui.basic.secondary.button,.vi-ui.basic.secondary.buttons .button {
    box-shadow: 0 0 0 1px #1b1c1d inset!important;
    color: #1b1c1d!important
}

.vi-ui.basic.secondary.button:hover,.vi-ui.basic.secondary.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #27292a inset!important;
    color: #27292a!important
}

.vi-ui.basic.secondary.button:focus,.vi-ui.basic.secondary.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #2e3032 inset!important;
    color: #27292a!important
}

.vi-ui.basic.secondary.active.button,.vi-ui.basic.secondary.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #27292a inset!important;
    color: #343637!important
}

.vi-ui.basic.secondary.button:active,.vi-ui.basic.secondary.buttons .button:active {
    box-shadow: 0 0 0 1px #343637 inset!important;
    color: #343637!important
}

.vi-ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child) {
    margin-left: -1px
}

.vi-ui.positive.button,.vi-ui.positive.buttons .button {
    background-color: #21ba45;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.vi-ui.positive.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.positive.button:hover,.vi-ui.positive.buttons .button:hover {
    background-color: #16ab39;
    color: #fff;
    text-shadow: none
}

.vi-ui.positive.button:focus,.vi-ui.positive.buttons .button:focus {
    background-color: #0ea432;
    color: #fff;
    text-shadow: none
}

.vi-ui.positive.button:active,.vi-ui.positive.buttons .button:active {
    background-color: #198f35;
    color: #fff;
    text-shadow: none
}

.vi-ui.positive.active.button,.vi-ui.positive.button .active.button:active,.vi-ui.positive.buttons .active.button,.vi-ui.positive.buttons .active.button:active {
    background-color: #13ae38;
    color: #fff;
    text-shadow: none
}

.vi-ui.basic.positive.button,.vi-ui.basic.positive.buttons .button {
    box-shadow: 0 0 0 1px #21ba45 inset!important;
    color: #21ba45!important
}

.vi-ui.basic.positive.button:hover,.vi-ui.basic.positive.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #16ab39 inset!important;
    color: #16ab39!important
}

.vi-ui.basic.positive.button:focus,.vi-ui.basic.positive.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #0ea432 inset!important;
    color: #16ab39!important
}

.vi-ui.basic.positive.active.button,.vi-ui.basic.positive.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #13ae38 inset!important;
    color: #198f35!important
}

.vi-ui.basic.positive.button:active,.vi-ui.basic.positive.buttons .button:active {
    box-shadow: 0 0 0 1px #198f35 inset!important;
    color: #198f35!important
}

.vi-ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child) {
    margin-left: -1px
}

.vi-ui.negative.button,.vi-ui.negative.buttons .button {
    background-color: #db2828;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.vi-ui.negative.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.negative.button:hover,.vi-ui.negative.buttons .button:hover {
    background-color: #d01919;
    color: #fff;
    text-shadow: none
}

.vi-ui.negative.button:focus,.vi-ui.negative.buttons .button:focus {
    background-color: #ca1010;
    color: #fff;
    text-shadow: none
}

.vi-ui.negative.button:active,.vi-ui.negative.buttons .button:active {
    background-color: #b21e1e;
    color: #fff;
    text-shadow: none
}

.vi-ui.negative.active.button,.vi-ui.negative.button .active.button:active,.vi-ui.negative.buttons .active.button,.vi-ui.negative.buttons .active.button:active {
    background-color: #d41515;
    color: #fff;
    text-shadow: none
}

.vi-ui.basic.negative.button,.vi-ui.basic.negative.buttons .button {
    box-shadow: 0 0 0 1px #db2828 inset!important;
    color: #db2828!important
}

.vi-ui.basic.negative.button:hover,.vi-ui.basic.negative.buttons .button:hover {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #d01919 inset!important;
    color: #d01919!important
}

.vi-ui.basic.negative.button:focus,.vi-ui.basic.negative.buttons .button:focus {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #ca1010 inset!important;
    color: #d01919!important
}

.vi-ui.basic.negative.active.button,.vi-ui.basic.negative.buttons .active.button {
    background: 0 0!important;
    box-shadow: 0 0 0 1px #d41515 inset!important;
    color: #b21e1e!important
}

.vi-ui.basic.negative.button:active,.vi-ui.basic.negative.buttons .button:active {
    box-shadow: 0 0 0 1px #b21e1e inset!important;
    color: #b21e1e!important
}

.vi-ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child) {
    margin-left: -1px
}

.vi-ui.buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 0;
    vertical-align: baseline;
    margin: 0 .25em 0 0
}

.vi-ui.buttons:not(.basic):not(.inverted) {
    box-shadow: none
}

.vi-ui.buttons:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.vi-ui.buttons .button {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0;
    border-radius: 0;
    margin: 0
}

.vi-ui.buttons:not(.basic):not(.inverted)>.button,.vi-ui.buttons>.vi-ui.button:not(.basic):not(.inverted) {
    box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset
}

.vi-ui.buttons .button:first-child {
    border-left: none;
    margin-left: 0;
    border-top-left-radius: .28571429rem;
    border-bottom-left-radius: .28571429rem
}

.vi-ui.buttons .button:last-child {
    border-top-right-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

.vi-ui.vertical.buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.vi-ui.vertical.buttons .button {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    box-shadow: none;
    border-radius: 0
}

.vi-ui.vertical.buttons .button:first-child {
    border-top-left-radius: .28571429rem;
    border-top-right-radius: .28571429rem
}

.vi-ui.vertical.buttons .button:last-child {
    margin-bottom: 0;
    border-bottom-left-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

.vi-ui.vertical.buttons .button:only-child {
    border-radius: .28571429rem
}