/* Tabs

 */

.mbui.tab {
    display: none;
}

/*******************************
             States
*******************************/

/*--------------------
       Active
---------------------*/

.mbui.tab.active,
.mbui.tab.open {
    display: block;
    box-sizing: border-box;
}

/*--------------------
       Loading
---------------------*/

.mbui.tab.loading {
    position: relative;
    overflow: hidden;
    display: block;
    min-height: 250px;
}

.mbui.tab.loading * {
    position: relative !important;
    left: -10000px !important;
}

.mbui.tab.loading:before,
.mbui.tab.loading.segment:before {
    position: absolute;
    content: '';
    top: 100px;
    left: 50%;
    margin: -1.25em 0em 0em -1.25em;
    width: 2.5em;
    height: 2.5em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1);
}

.mbui.tab.loading:after,
.mbui.tab.loading.segment:after {
    position: absolute;
    content: '';
    top: 100px;
    left: 50%;
    margin: -1.25em 0em 0em -1.25em;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation: button-spin 0.6s linear;
    animation: button-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: 0.2em;
    box-shadow: 0px 0px 0px 1px transparent;
}

/* Menu

 */
.mbui.menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 1rem 0;
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    background: #fff;
    font-weight: 400;
    border: 1px solid rgba(34, 36, 38, .15);
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
    border-radius: .28571429rem;
    min-height: 2.85714286em
}

.mbui.menu:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.mbui.menu:first-child {
    margin-top: 0
}

.mbui.menu:last-child {
    margin-bottom: 0
}

.mbui.menu .menu {
    margin: 0
}

.mbui.menu:not(.vertical) > .menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mbui.menu:not(.vertical) .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mbui.menu .item {
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: 0 0;
    padding: .92857143em 1.14285714em;
    text-transform: none;
    color: rgba(0, 0, 0, .87);
    font-weight: 400;
    -webkit-transition: background .1s ease, box-shadow .1s ease, color .1s ease;
    transition: background .1s ease, box-shadow .1s ease, color .1s ease
}

.mbui.menu > .item:first-child {
    border-radius: .28571429rem 0 0 .28571429rem
}

.mbui.menu .item:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background: rgba(34, 36, 38, .1)
}

.mbui.menu .item > a:not(.mbui), .mbui.menu .item > p:only-child, .mbui.menu .text.item > * {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    line-height: 1.3
}

.mbui.menu .item > p:first-child {
    margin-top: 0
}

.mbui.menu .item > p:last-child {
    margin-bottom: 0
}

.mbui.menu .item > i.icon {
    opacity: .9;
    float: none;
    margin: 0 .35714286em 0 0
}

.mbui.menu:not(.vertical) .item > .button {
    position: relative;
    top: 0;
    margin: -.5em 0;
    padding-bottom: .71428571em;
    padding-top: .71428571em;
    font-size: 1em
}

.mbui.menu > .container, .mbui.menu > .grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: inherit;
    -webkit-align-items: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit
}

.mbui.menu .item > .input {
    width: 100%
}

.mbui.menu:not(.vertical) .item > .input {
    position: relative;
    top: 0;
    margin: -.5em 0
}

.mbui.menu .item > .input input {
    font-size: 1em;
    padding-top: .57142857em;
    padding-bottom: .57142857em
}

.mbui.menu .header.item, .mbui.vertical.menu .header.item {
    margin: 0;
    background: 0 0;
    text-transform: normal;
    font-weight: 700
}

.mbui.vertical.menu .item > .header:not(.mbui) {
    margin: 0 0 .5em;
    font-size: 1em;
    font-weight: 700
}

.mbui.menu .mbui.popup {
    display: none
}

.mbui.menu .mbui.visible.popup {
    display: block
}

.mbui.menu .item > i.dropdown.icon {
    padding: 0;
    float: right;
    margin: 0 0 0 1em
}

.mbui.menu .dropdown.item .menu {
    left: 0;
    min-width: calc(100% - 1px);
    border-radius: 0 0 .28571429rem .28571429rem;
    background: #fff;
    margin: 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.mbui.menu .mbui.dropdown .menu > .item {
    margin: 0;
    text-align: left;
    font-size: 1em !important;
    padding: .71428571em 1.14285714em !important;
    background: 0 0 !important;
    color: rgba(0, 0, 0, .87) !important;
    text-transform: none !important;
    font-weight: 400 !important;
    box-shadow: none !important;
    -webkit-transition: none !important;
    transition: none !important
}

.mbui.menu .mbui.dropdown .menu > .item:hover, .mbui.menu .mbui.dropdown .menu > .selected.item {
    background: rgba(0, 0, 0, .05) !important;
    color: rgba(0, 0, 0, .95) !important
}

.mbui.menu .mbui.dropdown .menu > .active.item {
    background: rgba(0, 0, 0, .03) !important;
    font-weight: 700 !important;
    color: rgba(0, 0, 0, .95) !important
}

.mbui.menu .mbui.dropdown.item .menu .item:not(.filtered) {
    display: block
}

.mbui.menu .mbui.dropdown .menu > .item .icon:not(.dropdown) {
    display: inline-block;
    font-size: 1em !important;
    float: none;
    margin: 0 .75em 0 0
}

.mbui.secondary.menu .dropdown.item > .menu, .mbui.text.menu .dropdown.item > .menu {
    border-radius: .28571429rem;
    margin-top: .35714286em
}

.mbui.menu .pointing.dropdown.item .menu {
    margin-top: .75em
}

.mbui.inverted.menu .search.dropdown.item > .search, .mbui.inverted.menu .search.dropdown.item > .text {
    color: rgba(255, 255, 255, .9)
}

.mbui.vertical.menu .dropdown.item > .icon {
    float: right;
    content: "\f0da";
    margin-left: 1em
}

.mbui.vertical.menu .dropdown.item .menu {
    top: 0 !important;
    left: 100%;
    min-width: 0;
    margin: 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
    border-radius: 0 .28571429rem .28571429rem
}

.mbui.vertical.menu .active.dropdown.item {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.mbui.vertical.menu .dropdown.active.item {
    box-shadow: none
}

.mbui.item.menu .dropdown .menu .item {
    width: 100%
}

.mbui.menu .item > .label {
    background: #999;
    color: #fff;
    margin-left: 1em;
    padding: .3em .71428571em
}

.mbui.vertical.menu .item > .label {
    background: #999;
    color: #fff;
    margin-top: -.15em;
    margin-bottom: -.15em;
    padding: .3em .71428571em;
    float: right;
    text-align: center
}

.mbui.menu .item > .floating.label {
    padding: .3em .71428571em
}

.mbui.menu .item > img:not(.mbui) {
    display: inline-block;
    vertical-align: middle;
    margin: -.3em 0;
    width: 2.5em
}

.mbui.vertical.menu .item > img:not(.mbui):only-child {
    display: block;
    max-width: 100%;
    width: auto
}

.mbui.vertical.sidebar.menu > .item:first-child:before {
    display: block !important
}

.mbui.vertical.sidebar.menu > .item::before {
    top: auto;
    bottom: 0
}

@media only screen and (max-width: 767px) {
    .mbui.menu > .mbui.container {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media only screen and (min-width: 768px) {
    .mbui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
        border-left: 1px solid rgba(34, 36, 38, .1)
    }
}

.mbui.link.menu .item:hover, .mbui.menu .dropdown.item:hover, .mbui.menu .link.item:hover, .mbui.menu a.item:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, .03);
    color: rgba(0, 0, 0, .95)
}

.mbui.link.menu .item:active, .mbui.menu .link.item:active, .mbui.menu a.item:active {
    background: rgba(0, 0, 0, .03);
    color: rgba(0, 0, 0, .95)
}

.mbui.menu .active.item {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .95);
    font-weight: 400;
    box-shadow: none
}

.mbui.menu .active.item > i.icon {
    opacity: 1
}

.mbui.menu .active.item:hover, .mbui.vertical.menu .active.item:hover {
    background-color: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .95)
}

.mbui.menu .item.disabled, .mbui.menu .item.disabled:hover {
    cursor: default;
    background-color: transparent !important;
    color: rgba(40, 40, 40, .3)
}

.mbui.menu:not(.vertical) .left.item, .mbui.menu:not(.vertical) .left.menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto !important
}

.mbui.menu:not(.vertical) .right.item, .mbui.menu:not(.vertical) .right.menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto !important
}

.mbui.menu .right.item::before, .mbui.menu .right.menu > .item::before {
    right: auto;
    left: 0
}

.mbui.vertical.menu {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15)
}

.mbui.vertical.menu .item {
    display: block;
    background: 0 0;
    border-top: none;
    border-right: none
}

.mbui.vertical.menu > .item:first-child {
    border-radius: .28571429rem .28571429rem 0 0
}

.mbui.vertical.menu > .item:last-child {
    border-radius: 0 0 .28571429rem .28571429rem
}

.mbui.vertical.menu .item > i.icon {
    width: 1.18em;
    float: right;
    margin: 0 0 0 .5em
}

.mbui.vertical.menu .item > .label + i.icon {
    float: none;
    margin: 0 .5em 0 0
}

.mbui.vertical.menu .item:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(34, 36, 38, .1);
    height: 1px
}

.mbui.vertical.menu .item:first-child:before {
    display: none !important
}

.mbui.vertical.menu .item > .menu {
    margin: .5em -1.14285714em 0
}

.mbui.vertical.menu .menu .item {
    background: 0 0;
    padding: .5em 1.33333333em;
    font-size: .85714286em;
    color: rgba(0, 0, 0, .5)
}

.mbui.vertical.menu .item .menu .link.item:hover, .mbui.vertical.menu .item .menu a.item:hover {
    color: rgba(0, 0, 0, .85)
}

.mbui.vertical.menu .menu .item:before {
    display: none
}

.mbui.vertical.menu .active.item {
    background: rgba(0, 0, 0, .05);
    border-radius: 0;
    box-shadow: none
}

.mbui.vertical.menu > .active.item:first-child {
    border-radius: .28571429rem .28571429rem 0 0
}

.mbui.vertical.menu > .active.item:last-child {
    border-radius: 0 0 .28571429rem .28571429rem
}

.mbui.vertical.menu > .active.item:only-child {
    border-radius: .28571429rem
}

.mbui.vertical.menu .active.item .menu .active.item {
    border-left: none
}

.mbui.vertical.menu .item .menu .active.item {
    background-color: transparent;
    font-weight: 700;
    color: rgba(0, 0, 0, .95)
}

.mbui.tabular.menu {
    border-radius: 0;
    box-shadow: none !important;
    border: none;
    background: none;
    border-bottom: 1px solid #d4d4d5
}

.mbui.tabular.flmbuid.menu {
    width: calc(100% + 2px) !important
}

.mbui.tabular.menu .item {
    background: 0 0;
    border-bottom: none;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 2px solid transparent;
    padding: .92857143em 1.42857143em;
    color: rgba(0, 0, 0, .87)
}

.mbui.tabular.menu .item:before {
    display: none
}

.mbui.tabular.menu .item:hover {
    background-color: transparent;
    color: rgba(0, 0, 0, .8)
}

.mbui.tabular.menu .active.item {
    background: #fff;
    color: rgba(0, 0, 0, .95);
    border-top-width: 1px;
    border-color: #4054b2;
    font-weight: 700;
    margin-bottom: -1px;
    box-shadow: none;
    border-radius: 0;
}

.mbui.tabular.menu + .attached:not(.top).segment, .mbui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {
    border-top: none;
    margin: 0;
    width: 100%;
    box-sizing: border-box
}

.top.attached.segment + .mbui.bottom.tabular.menu {
    position: relative;
    width: calc(100% + 2px);
    left: -1px
}

.mbui.bottom.tabular.menu {
    background: none;
    border-radius: 0;
    box-shadow: none !important;
    border-bottom: none;
    border-top: 1px solid #d4d4d5
}

.mbui.bottom.tabular.menu .item {
    background: 0 0;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top: none
}

.mbui.bottom.tabular.menu .active.item {
    background: #fff;
    color: rgba(0, 0, 0, .95);
    border-color: #d4d4d5;
    margin: -1px 0 0;
    border-radius: 0 0 .28571429rem .28571429rem !important
}

.mbui.vertical.tabular.menu {
    background: none;
    border-radius: 0;
    box-shadow: none !important;
    border-bottom: none;
    border-right: 1px solid #d4d4d5
}

.mbui.vertical.tabular.menu .item {
    background: 0 0;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    border-right: none
}

.mbui.vertical.tabular.menu .active.item {
    background: #fff;
    color: rgba(0, 0, 0, .95);
    border-color: #d4d4d5;
    margin: 0 -1px 0 0;
    border-radius: .28571429rem 0 0 .28571429rem !important
}

.mbui.vertical.right.tabular.menu {
    background: none;
    border-radius: 0;
    box-shadow: none !important;
    border-bottom: none;
    border-right: none;
    border-left: 1px solid #d4d4d5
}

.mbui.vertical.right.tabular.menu .item {
    background: 0 0;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    border-left: none
}

.mbui.vertical.right.tabular.menu .active.item {
    background: #fff;
    color: rgba(0, 0, 0, .95);
    border-color: #d4d4d5;
    margin: 0 0 0 -1px;
    border-radius: 0 .28571429rem .28571429rem 0 !important
}

.mbui.tabular.menu .active.dropdown.item {
    margin-bottom: 0;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 2px solid transparent;
    border-bottom: none
}

.mbui.pagination.menu {
    margin: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.mbui.pagination.menu .item:last-child {
    border-radius: 0 .28571429rem .28571429rem 0
}

.mbui.pagination.menu .item:last-child:before {
    display: none
}

.mbui.pagination.menu .item {
    min-width: 3em;
    text-align: center
}

.mbui.pagination.menu .icon.item i.icon {
    vertical-align: top
}

.mbui.pagination.menu .active.item {
    border-top: none;
    padding-top: .92857143em;
    background-color: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .95);
    box-shadow: none
}

.mbui.secondary.menu {
    background: 0 0;
    margin-left: -.35714286em;
    margin-right: -.35714286em;
    border-radius: 0;
    border: none;
    box-shadow: none
}

.mbui.secondary.menu .item {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    box-shadow: none;
    border: none;
    padding: .71428571em .92857143em;
    margin: 0 .35714286em;
    background: 0 0;
    -webkit-transition: color .1s ease;
    transition: color .1s ease;
    border-radius: .28571429rem
}

.mbui.secondary.menu .item:before {
    display: none !important
}

.mbui.secondary.menu .header.item {
    border-radius: 0;
    border-right: none;
    background: none
}

.mbui.secondary.menu .item > img:not(.mbui) {
    margin: 0
}

.mbui.secondary.menu .dropdown.item:hover, .mbui.secondary.menu .link.item:hover, .mbui.secondary.menu a.item:hover {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .95)
}

.mbui.secondary.menu .active.item {
    box-shadow: none;
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .95);
    border-radius: .28571429rem
}

.mbui.secondary.menu .active.item:hover {
    box-shadow: none;
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .95)
}

.mbui.secondary.inverted.menu .link.item, .mbui.secondary.inverted.menu a.item {
    color: rgba(255, 255, 255, .7) !important
}

.mbui.secondary.inverted.menu .dropdown.item:hover, .mbui.secondary.inverted.menu .link.item:hover, .mbui.secondary.inverted.menu a.item:hover {
    background: rgba(255, 255, 255, .08);
    color: #fff !important
}

.mbui.secondary.inverted.menu .active.item {
    background: rgba(255, 255, 255, .15);
    color: #fff !important
}

.mbui.secondary.item.menu {
    margin-left: 0;
    margin-right: 0
}

.mbui.secondary.item.menu .item:last-child {
    margin-right: 0
}

.mbui.secondary.attached.menu {
    box-shadow: none
}

.mbui.vertical.secondary.menu .item:not(.dropdown) > .menu {
    margin: 0 -.92857143em
}

.mbui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item {
    margin: 0;
    padding: .5em 1.33333333em
}

.mbui.secondary.vertical.menu > .item {
    border: none;
    margin: 0 0 .35714286em;
    border-radius: .28571429rem !important
}

.mbui.secondary.vertical.menu > .header.item {
    border-radius: 0
}

.mbui.secondary.inverted.menu, .mbui.vertical.secondary.menu .item > .menu .item {
    background-color: transparent
}

.mbui.secondary.pointing.menu {
    margin-left: 0;
    margin-right: 0;
    border-bottom: 2px solid rgba(34, 36, 38, .15)
}

.mbui.secondary.pointing.menu .item {
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-radius: 0;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 0 0 -2px;
    padding: .85714286em 1.14285714em;
    border-bottom-width: 2px;
    -webkit-transition: color .1s ease;
    transition: color .1s ease
}

.mbui.secondary.pointing.menu .header.item {
    color: rgba(0, 0, 0, .85) !important
}

.mbui.secondary.pointing.menu .text.item {
    box-shadow: none !important
}

.mbui.secondary.pointing.menu .item:after {
    display: none
}

.mbui.secondary.pointing.menu .dropdown.item:hover, .mbui.secondary.pointing.menu .link.item:hover, .mbui.secondary.pointing.menu a.item:hover {
    background-color: transparent;
    color: rgba(0, 0, 0, .87)
}

.mbui.secondary.pointing.menu .dropdown.item:active, .mbui.secondary.pointing.menu .link.item:active, .mbui.secondary.pointing.menu a.item:active {
    background-color: transparent;
    border-color: rgba(34, 36, 38, .15)
}

.mbui.secondary.pointing.menu .active.item {
    background-color: transparent;
    box-shadow: none;
    border-color: #1b1c1d;
    font-weight: 700;
    color: rgba(0, 0, 0, .95)
}

.mbui.secondary.pointing.menu .active.item:hover {
    border-color: #1b1c1d;
    color: rgba(0, 0, 0, .95)
}

.mbui.secondary.pointing.menu .active.dropdown.item {
    border-color: transparent
}

.mbui.secondary.vertical.pointing.menu {
    border-bottom-width: 0;
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: rgba(34, 36, 38, .15)
}

.mbui.secondary.vertical.pointing.menu .item {
    border-bottom: none;
    border-right-style: solid;
    border-right-color: transparent;
    border-radius: 0 !important;
    margin: 0 -2px 0 0;
    border-right-width: 2px
}

.mbui.secondary.vertical.pointing.menu .active.item {
    border-color: #1b1c1d
}

.mbui.secondary.inverted.pointing.menu {
    border-width: 2px;
    border-color: rgba(34, 36, 38, .15)
}

.mbui.secondary.inverted.pointing.menu .item {
    color: rgba(255, 255, 255, .9)
}

.mbui.secondary.inverted.pointing.menu .header.item {
    color: #fff !important
}

.mbui.secondary.inverted.pointing.menu .item:hover {
    color: rgba(0, 0, 0, .95)
}

.mbui.secondary.inverted.pointing.menu .active.item {
    border-color: #fff;
    color: #fff
}

.mbui.text.menu {
    background: none;
    border-radius: 0;
    box-shadow: none;
    border: none;
    margin: 1em -.5em
}

.mbui.text.menu .item {
    border-radius: 0;
    box-shadow: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0;
    padding: .35714286em .5em;
    font-weight: 400;
    color: rgba(0, 0, 0, .6);
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.mbui.text.menu .item:before, .mbui.text.menu .menu .item:before {
    display: none !important
}

.mbui.text.menu .header.item {
    background-color: transparent;
    opacity: 1;
    color: rgba(0, 0, 0, .85);
    font-size: .92857143em;
    text-transform: uppercase;
    font-weight: 700
}

.mbui.text.item.menu .item, .mbui.text.menu .item > img:not(.mbui) {
    margin: 0
}

.mbui.vertical.text.menu {
    margin: 1em 0
}

.mbui.vertical.text.menu:first-child {
    margin-top: 0
}

.mbui.vertical.text.menu:last-child {
    margin-bottom: 0
}

.mbui.vertical.text.menu .item {
    margin: .57142857em 0
}

.mbui.vertical.text.menu .item > i.icon {
    float: none;
    margin: 0 .35714286em 0 0
}

.mbui.vertical.text.menu .header.item {
    margin: .57142857em 0 .71428571em
}

.mbui.vertical.text.menu .item:not(.dropdown) > .menu {
    margin: 0
}

.mbui.vertical.text.menu .item:not(.dropdown) > .menu > .item {
    margin: 0;
    padding: .5em 0
}

.mbui.text.menu .item:hover {
    opacity: 1;
    background-color: transparent
}

.mbui.text.menu .active.item {
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-weight: 400;
    color: rgba(0, 0, 0, .95)
}

.mbui.text.menu .active.item:hover {
    background-color: transparent
}

.mbui.text.attached.menu, .mbui.text.pointing.menu .active.item:after {
    box-shadow: none
}

.mbui.inverted.text.menu, .mbui.inverted.text.menu .active.item, .mbui.inverted.text.menu .item, .mbui.inverted.text.menu .item:hover {
    background-color: transparent !important
}

.mbui.flmbuid.text.menu {
    margin-left: 0;
    margin-right: 0
}

.mbui.vertical.icon.menu {
    display: inline-block;
    width: auto
}

.mbui.icon.menu .item {
    height: auto;
    text-align: center;
    color: #1b1c1d
}

.mbui.icon.menu .item > .icon:not(.dropdown) {
    margin: 0;
    opacity: 1
}

.mbui.icon.menu .icon:before {
    opacity: 1
}

.mbui.menu .icon.item > .icon {
    width: auto;
    margin: 0 auto
}

.mbui.vertical.icon.menu .item > .icon:not(.dropdown) {
    display: block;
    opacity: 1;
    margin: 0 auto;
    float: none
}

.mbui.inverted.icon.menu .item {
    color: #fff
}

.mbui.labeled.icon.menu {
    text-align: center
}

.mbui.labeled.icon.menu .item {
    min-width: 6em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.mbui.labeled.icon.menu .item > .icon:not(.dropdown) {
    height: 1em;
    display: block;
    font-size: 1.71428571em !important;
    margin: 0 auto .5rem !important
}

.mbui.flmbuid.labeled.icon.menu > .item {
    min-width: 0
}

@media only screen and (max-width: 767px) {
    .mbui.stackable.menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mbui.stackable.menu .item {
        width: 100% !important
    }

    .mbui.stackable.menu .item:before {
        position: absolute;
        content: '';
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        background: rgba(34, 36, 38, .1);
        height: 1px
    }
}

.mbui.menu .red.active.item, .mbui.red.menu .active.item {
    border-color: #db2828 !important;
    color: #db2828 !important
}

.mbui.menu .orange.active.item, .mbui.orange.menu .active.item {
    border-color: #f2711c !important;
    color: #f2711c !important
}

.mbui.menu .yellow.active.item, .mbui.yellow.menu .active.item {
    border-color: #fbbd08 !important;
    color: #fbbd08 !important
}

.mbui.menu .olive.active.item, .mbui.olive.menu .active.item {
    border-color: #b5cc18 !important;
    color: #b5cc18 !important
}

.mbui.green.menu .active.item, .mbui.menu .green.active.item {
    border-color: #21ba45 !important;
    color: #21ba45 !important
}

.mbui.menu .teal.active.item, .mbui.teal.menu .active.item {
    border-color: #00b5ad !important;
    color: #00b5ad !important
}

.mbui.blue.menu .active.item, .mbui.menu .blue.active.item {
    border-color: #2185d0 !important;
    color: #2185d0 !important
}

.mbui.menu .violet.active.item, .mbui.violet.menu .active.item {
    border-color: #6435c9 !important;
    color: #6435c9 !important
}

.mbui.menu .purple.active.item, .mbui.purple.menu .active.item {
    border-color: #a333c8 !important;
    color: #a333c8 !important
}

.mbui.menu .pink.active.item, .mbui.pink.menu .active.item {
    border-color: #e03997 !important;
    color: #e03997 !important
}

.mbui.brown.menu .active.item, .mbui.menu .brown.active.item {
    border-color: #a5673f !important;
    color: #a5673f !important
}

.mbui.grey.menu .active.item, .mbui.menu .grey.active.item {
    border-color: #767676 !important;
    color: #767676 !important
}

.mbui.inverted.menu {
    border: 0 solid transparent;
    background: #1b1c1d;
    box-shadow: none
}

.mbui.inverted.menu .item, .mbui.inverted.menu .item > a:not(.mbui) {
    background: 0 0;
    color: rgba(255, 255, 255, .9)
}

.mbui.inverted.menu .item.menu {
    background: 0 0
}

.mbui.inverted.menu .item:before, .mbui.vertical.inverted.menu .item:before {
    background: rgba(255, 255, 255, .08)
}

.mbui.vertical.inverted.menu .menu .item, .mbui.vertical.inverted.menu .menu .item a:not(.mbui) {
    color: rgba(255, 255, 255, .5)
}

.mbui.inverted.menu .header.item {
    margin: 0;
    background: 0 0;
    box-shadow: none
}

.mbui.inverted.menu .item.disabled, .mbui.inverted.menu .item.disabled:hover {
    color: rgba(225, 225, 225, .3)
}

.mbui.inverted.menu .dropdown.item:hover, .mbui.inverted.menu .link.item:hover, .mbui.inverted.menu a.item:hover, .mbui.link.inverted.menu .item:hover {
    background: rgba(255, 255, 255, .08);
    color: #fff
}

.mbui.vertical.inverted.menu .item .menu .link.item:hover, .mbui.vertical.inverted.menu .item .menu a.item:hover {
    background: 0 0;
    color: #fff
}

.mbui.inverted.menu .link.item:active, .mbui.inverted.menu a.item:active {
    background: rgba(255, 255, 255, .08);
    color: #fff
}

.mbui.inverted.menu .active.item {
    background: rgba(255, 255, 255, .15);
    color: #fff !important
}

.mbui.inverted.vertical.menu .item .menu .active.item {
    background: 0 0;
    color: #fff
}

.mbui.inverted.pointing.menu .active.item:after {
    background: #3d3e3f !important;
    margin: 0 !important;
    box-shadow: none !important;
    border: none !important
}

.mbui.inverted.menu .active.item:hover {
    background: rgba(255, 255, 255, .15);
    color: #fff !important
}

.mbui.inverted.pointing.menu .active.item:hover:after {
    background: #3d3e3f !important
}

.mbui.floated.menu {
    float: left;
    margin: 0 .5rem 0 0
}

.mbui.floated.menu .item:last-child:before {
    display: none
}

.mbui.right.floated.menu {
    float: right;
    margin: 0 0 0 .5rem
}

.mbui.inverted.menu .red.active.item, .mbui.inverted.red.menu {
    background-color: #db2828
}

.mbui.inverted.red.menu .item:before {
    background-color: rgba(34, 36, 38, .1)
}

.mbui.inverted.red.menu .active.item {
    background-color: rgba(0, 0, 0, .1) !important
}

.mbui.inverted.menu .orange.active.item, .mbui.inverted.orange.menu {
    background-color: #f2711c
}

.mbui.inverted.orange.menu .item:before {
    background-color: rgba(34, 36, 38, .1)
}

.mbui.inverted.orange.menu .active.item {
    background-color: rgba(0, 0, 0, .1) !important
}

.mbui.inverted.menu .yellow.active.item, .mbui.inverted.yellow.menu {
    background-color: #fbbd08
}

.mbui.inverted.yellow.menu .item:before {
    background-color: rgba(34, 36, 38, .1)
}

.mbui.inverted.yellow.menu .active.item {
    background-color: rgba(0, 0, 0, .1) !important
}

.mbui.inverted.menu .olive.active.item, .mbui.inverted.olive.menu {
    background-color: #b5cc18
}

.mbui.inverted.olive.menu .item:before {
    background-color: rgba(34, 36, 38, .1)
}

.mbui.inverted.olive.menu .active.item {
    background-color: rgba(0, 0, 0, .1) !important
}

.mbui.inverted.green.menu, .mbui.inverted.menu .green.active.item {
    background-color: #21ba45
}

.mbui.inverted.green.menu .item:before {
    background-color: rgba(34, 36, 38, .1)
}

.mbui.inverted.green.menu .active.item {
    background-color: rgba(0, 0, 0, .1) !important
}

.mbui.inverted.menu .teal.active.item, .mbui.inverted.teal.menu {
    background-color: #00b5ad
}

.mbui.inverted.teal.menu .item:before {
    background-color: rgba(34, 36, 38, .1)
}

.mbui.inverted.teal.menu .active.item {
    background-color: rgba(0, 0, 0, .1) !important
}

.mbui.inverted.blue.menu, .mbui.inverted.menu .blue.active.item {
    background-color: #2185d0
}

.mbui.inverted.blue.menu .item:before {
    background-color: rgba(34, 36, 38, .1)
}

.mbui.inverted.blue.menu .active.item {
    background-color: rgba(0, 0, 0, .1) !important
}

.mbui.inverted.menu .violet.active.item, .mbui.inverted.violet.menu {
    background-color: #6435c9
}

.mbui.inverted.violet.menu .item:before {
    background-color: rgba(34, 36, 38, .1)
}

.mbui.inverted.violet.menu .active.item {
    background-color: rgba(0, 0, 0, .1) !important
}

.mbui.inverted.menu .purple.active.item, .mbui.inverted.purple.menu {
    background-color: #a333c8
}

.mbui.inverted.purple.menu .item:before {
    background-color: rgba(34, 36, 38, .1)
}

.mbui.inverted.purple.menu .active.item {
    background-color: rgba(0, 0, 0, .1) !important
}

.mbui.inverted.menu .pink.active.item, .mbui.inverted.pink.menu {
    background-color: #e03997
}

.mbui.inverted.pink.menu .item:before {
    background-color: rgba(34, 36, 38, .1)
}

.mbui.inverted.pink.menu .active.item {
    background-color: rgba(0, 0, 0, .1) !important
}

.mbui.inverted.brown.menu, .mbui.inverted.menu .brown.active.item {
    background-color: #a5673f
}

.mbui.inverted.brown.menu .item:before {
    background-color: rgba(34, 36, 38, .1)
}

.mbui.inverted.brown.menu .active.item {
    background-color: rgba(0, 0, 0, .1) !important
}

.mbui.inverted.grey.menu, .mbui.inverted.menu .grey.active.item {
    background-color: #767676
}

.mbui.inverted.grey.menu .item:before {
    background-color: rgba(34, 36, 38, .1)
}

.mbui.inverted.grey.menu .active.item {
    background-color: rgba(0, 0, 0, .1) !important
}

.mbui.fitted.menu .item, .mbui.fitted.menu .item .menu .item, .mbui.menu .fitted.item {
    padding: 0
}

.mbui.horizontally.fitted.menu .item, .mbui.horizontally.fitted.menu .item .menu .item, .mbui.menu .horizontally.fitted.item {
    padding-top: .92857143em;
    padding-bottom: .92857143em
}

.mbui.menu .vertically.fitted.item, .mbui.vertically.fitted.menu .item, .mbui.vertically.fitted.menu .item .menu .item {
    padding-left: 1.14285714em;
    padding-right: 1.14285714em
}

.mbui.borderless.menu .item .menu .item:before, .mbui.borderless.menu .item:before, .mbui.menu .borderless.item:before {
    background: 0 0 !important
}

.mbui.compact.menu {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    vertical-align: middle
}

.mbui.compact.vertical.menu {
    display: inline-block;
    width: auto !important
}

.mbui.compact.menu .item:last-child {
    border-radius: 0 .28571429rem .28571429rem 0
}

.mbui.compact.menu .item:last-child:before {
    display: none
}

.mbui.compact.vertical.menu .item:last-child::before {
    display: block
}

.mbui.menu.flmbuid, .mbui.vertical.menu.flmbuid {
    width: 100% !important
}

.mbui.item.menu, .mbui.item.menu .item {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mbui.item.menu .item:last-child:before {
    display: none
}

.mbui.menu.two.item .item {
    width: 50%
}

.mbui.menu.three.item .item {
    width: 33.333%
}

.mbui.menu.four.item .item {
    width: 25%
}

.mbui.menu.five.item .item {
    width: 20%
}

.mbui.menu.six.item .item {
    width: 16.666%
}

.mbui.menu.seven.item .item {
    width: 14.285%
}

.mbui.menu.eight.item .item {
    width: 12.5%
}

.mbui.menu.nine.item .item {
    width: 11.11%
}

.mbui.menu.ten.item .item {
    width: 10%
}

.mbui.menu.eleven.item .item {
    width: 9.09%
}

.mbui.menu.twelve.item .item {
    width: 8.333%
}

.mbui.menu.fixed {
    position: fixed;
    z-index: 101;
    margin: 0;
    width: 100%
}

.mbui.menu.fixed, .mbui.menu.fixed .item:first-child, .mbui.menu.fixed .item:last-child {
    border-radius: 0 !important
}

.mbui.fixed.menu, .mbui[class*="top fixed"].menu {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto
}

.mbui[class*="top fixed"].menu {
    border-top: none;
    border-left: none;
    border-right: none
}

.mbui[class*="right fixed"].menu {
    border-top: none;
    border-bottom: none;
    border-right: none;
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
    width: auto;
    height: 100%
}

.mbui[class*="bottom fixed"].menu {
    border-bottom: none;
    border-left: none;
    border-right: none;
    bottom: 0;
    left: 0;
    top: auto;
    right: auto
}

.mbui[class*="left fixed"].menu {
    border-top: none;
    border-bottom: none;
    border-left: none;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    width: auto;
    height: 100%
}

.mbui.fixed.menu + .mbui.grid {
    padding-top: 2.75rem
}

.mbui.pointing.menu .item:after {
    visibility: hidden;
    position: absolute;
    content: '';
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    background: 0 0;
    margin: .5px 0 0;
    width: .57142857em;
    height: .57142857em;
    border: none;
    border-bottom: 1px solid #d4d4d5;
    border-right: 1px solid #d4d4d5;
    z-index: 2;
    -webkit-transition: background .1s ease;
    transition: background .1s ease
}

.mbui.vertical.pointing.menu .item:after {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
    transform: translateX(50%) translateY(-50%) rotate(45deg);
    margin: 0 -.5px 0 0;
    border: none;
    border-top: 1px solid #d4d4d5;
    border-right: 1px solid #d4d4d5
}

.mbui.pointing.menu .active.item:after {
    visibility: visible
}

.mbui.pointing.menu .active.dropdown.item:after {
    visibility: hidden
}

.mbui.pointing.menu .active.item .menu .active.item:after, .mbui.pointing.menu .dropdown.active.item:after {
    display: none
}

.mbui.pointing.menu .active.item:after, .mbui.pointing.menu .active.item:hover:after, .mbui.vertical.pointing.menu .active.item:after, .mbui.vertical.pointing.menu .active.item:hover:after {
    background-color: #f2f2f2
}

.mbui.vertical.pointing.menu .menu .active.item:after {
    background-color: #fff
}

.mbui.attached.menu {
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0 -1px;
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    box-shadow: none;
    background: #4054b2;
    padding-top: 0;
}

.mbui.attached + .mbui.attached.menu:not(.top) {
    border-top: none
}

.mbui.attached.menu .item a {
    color: #fff;
    outline: none;
}

.mbui.attached.menu .item.active a {
    color: initial;
}

.mbui.attached.menu .item a:focus {
    box-shadow: none;
}

.mbui[class*="top attached"].menu {
    bottom: 0;
    margin-bottom: 0;
    top: 0;
    margin-top: 1rem;
    border-radius: .28571429rem .28571429rem 0 0
}

.mbui.menu[class*="top attached"]:first-child {
    margin-top: 0
}

.mbui[class*="bottom attached"].menu {
    bottom: 0;
    margin-top: 0;
    top: 0;
    margin-bottom: 1rem;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), none;
    border-radius: 0 0 .28571429rem .28571429rem
}

.mbui[class*="bottom attached"].menu:last-child {
    margin-bottom: 0
}

.mbui.top.attached.menu > .item:first-child {
    border-radius: .28571429rem 0 0
}

.mbui.bottom.attached.menu > .item:first-child {
    border-radius: 0 0 0 .28571429rem
}

.mbui.attached.menu:not(.tabular) {
    border: 1px solid #d4d4d5
}

.mbui.attached.inverted.menu {
    border: none
}

.mbui.attached.tabular.menu {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.mbui.small.menu {
    font-size: .92857143rem
}

.mbui.small.vertical.menu {
    width: 13rem
}

.mbui.menu {
    font-size: 1rem
}

.mbui.vertical.menu {
    width: 15rem
}

.mbui.large.menu {
    font-size: 1.14285714rem
}

.mbui.large.vertical.menu {
    width: 18rem
}

.mbui.huge.menu {
    font-size: 1.42857143rem
}

.mbui.huge.vertical.menu {
    width: 20rem
}

/*
Images
 */

.mbui.image {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    background-color: transparent
}

img.mbui.image {
    display: block
}

.mbui.image img, .mbui.image svg {
    display: block;
    max-width: 100%;
    height: auto
}

.mbui.hidden.image, .mbui.hidden.images {
    display: none
}

.mbui.disabled.image, .mbui.disabled.images {
    cursor: default;
    opacity: .45
}

.mbui.inline.image, .mbui.inline.image img, .mbui.inline.image svg {
    display: inline-block
}

.mbui.top.aligned.image, .mbui.top.aligned.image img, .mbui.top.aligned.image svg, .mbui.top.aligned.images .image {
    display: inline-block;
    vertical-align: top
}

.mbui.middle.aligned.image, .mbui.middle.aligned.image img, .mbui.middle.aligned.image svg, .mbui.middle.aligned.images .image {
    display: inline-block;
    vertical-align: middle
}

.mbui.bottom.aligned.image, .mbui.bottom.aligned.image img, .mbui.bottom.aligned.image svg, .mbui.bottom.aligned.images .image {
    display: inline-block;
    vertical-align: bottom
}

.mbui.rounded.image, .mbui.rounded.image > *, .mbui.rounded.images .image, .mbui.rounded.images .image > * {
    border-radius: .3125em
}

.mbui.bordered.image img, .mbui.bordered.image svg, .mbui.bordered.images .image, .mbui.bordered.images img, .mbui.bordered.images svg, img.mbui.bordered.image {
    border: 1px solid rgba(0, 0, 0, .1)
}

.mbui.circular.image, .mbui.circular.images {
    overflow: hidden
}

.mbui.circular.image, .mbui.circular.image > *, .mbui.circular.images .image, .mbui.circular.images .image > * {
    border-radius: 500rem
}

.mbui.fluid.image, .mbui.fluid.image img, .mbui.fluid.image svg, .mbui.fluid.images, .mbui.fluid.images img, .mbui.fluid.images svg {
    display: block;
    width: 100%;
    height: auto
}

.mbui.avatar.image, .mbui.avatar.image img, .mbui.avatar.image svg, .mbui.avatar.images .image, .mbui.avatar.images img, .mbui.avatar.images svg {
    margin-right: .25em;
    display: inline-block;
    width: 2em;
    height: 2em;
    border-radius: 500rem
}

.mbui.spaced.image {
    display: inline-block !important;
    margin-left: .5em;
    margin-right: .5em
}

.mbui[class*="left spaced"].image {
    margin-left: .5em;
    margin-right: 0
}

.mbui[class*="right spaced"].image {
    margin-left: 0;
    margin-right: .5em
}

.mbui.floated.image, .mbui.floated.images {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em
}

.mbui.right.floated.image, .mbui.right.floated.images {
    float: right;
    margin-right: 0;
    margin-bottom: 1em;
    margin-left: 1em
}

.mbui.floated.image:last-child, .mbui.floated.images:last-child {
    margin-bottom: 0
}

.mbui.centered.image, .mbui.centered.images {
    margin-left: auto;
    margin-right: auto
}

.mbui.mini.image, .mbui.mini.images .image, .mbui.mini.images img, .mbui.mini.images svg {
    width: 35px;
    height: auto;
    font-size: .71428571rem
}

.mbui.tiny.image, .mbui.tiny.images .image, .mbui.tiny.images img, .mbui.tiny.images svg {
    width: 80px;
    height: auto;
    font-size: .85714286rem
}

.mbui.small.image, .mbui.small.images .image, .mbui.small.images img, .mbui.small.images svg {
    width: 150px;
    height: auto;
    font-size: .92857143rem
}

.mbui.medium.image, .mbui.medium.images .image, .mbui.medium.images img, .mbui.medium.images svg {
    width: 300px;
    height: auto;
    font-size: 1rem
}

.mbui.large.image, .mbui.large.images .image, .mbui.large.images img, .mbui.large.images svg {
    width: 450px;
    height: auto;
    font-size: 1.14285714rem
}

.mbui.big.image, .mbui.big.images .image, .mbui.big.images img, .mbui.big.images svg {
    width: 600px;
    height: auto;
    font-size: 1.28571429rem
}

.mbui.huge.image, .mbui.huge.images .image, .mbui.huge.images img, .mbui.huge.images svg {
    width: 800px;
    height: auto;
    font-size: 1.42857143rem
}

.mbui.massive.image, .mbui.massive.images .image, .mbui.massive.images img, .mbui.massive.images svg {
    width: 960px;
    height: auto;
    font-size: 1.71428571rem
}

.mbui.images {
    font-size: 0;
    margin: 0 -.25rem
}

.mbui.images .image, .mbui.images img, .mbui.images svg {
    display: inline-block;
    margin: 0 .25rem .5rem
}

/*
/*
FORM
 */
.mbui.form {
    position: relative;
    max-width: 100%
}

.mbui.form > p {
    margin: 1em 0
}

.mbui.form .field {
    clear: both;
    margin: 0 0 1em
}

.mbui.form .field:last-child, .mbui.form .fields:last-child .field {
    margin-bottom: 0
}

.mbui.form .fields .field {
    clear: both;
    margin: 0 0 1em
}

.mbui.form .field > label {
    display: block;
    margin: 0 0 .28571429rem;
    color: rgba(0, 0, 0, .87);
    font-size: .92857143em;
    font-weight: 700;
    text-transform: none
}

.mbui.form input:not([type]), .mbui.form input[type=date], .mbui.form input[type=datetime-local], .mbui.form input[type=email], .mbui.form input[type=number], .mbui.form input[type=password], .mbui.form input[type=search], .mbui.form input[type=tel], .mbui.form input[type=time], .mbui.form input[type=text], .mbui.form input[type=url], .mbui.form textarea {
    width: 100%;
    vertical-align: top
}

.mbui.form ::-webkit-datetime-edit, .mbui.form ::-webkit-inner-spin-button {
    height: 1.2142em
}

.mbui.form input:not([type]), .mbui.form input[type=date], .mbui.form input[type=datetime-local], .mbui.form input[type=email], .mbui.form input[type=number], .mbui.form input[type=password], .mbui.form input[type=search], .mbui.form input[type=tel], .mbui.form input[type=time], .mbui.form input[type=text], .mbui.form input[type=url] {
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    margin: 0;
    outline: 0;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255, 255, 255, 0);
    line-height: 1.2142em;
    padding: .67861429em 1em;
    font-size: 1em;
    background: #fff;
    border: 1px solid rgba(34, 36, 38, .15);
    color: rgba(0, 0, 0, .87);
    border-radius: .28571429rem;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: color .1s ease, border-color .1s ease;
    transition: color .1s ease, border-color .1s ease
}

.mbui.form textarea {
    margin: 0;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255, 255, 255, 0);
    padding: .78571429em 1em;
    background: #fff;
    border: 1px solid rgba(34, 36, 38, .15);
    outline: 0;
    color: rgba(0, 0, 0, .87);
    border-radius: .28571429rem;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: color .1s ease, border-color .1s ease;
    transition: color .1s ease, border-color .1s ease;
    font-size: 1em;
    line-height: 1.2857;
    resize: vertical
}

.mbui.form textarea:not([rows]) {
    width: 100%;
    height: 12em;
    min-height: 8em;
    max-height: 24em
}

.mbui.form input[type=checkbox], .mbui.form textarea {
    vertical-align: top
}

.mbui.form input.attached {
    width: auto
}

.mbui.form select {
    display: block;
    height: auto;
    width: 100%;
    background: #fff;
    border: 1px solid rgba(34, 36, 38, .15);
    border-radius: .28571429rem;
    box-shadow: 0 0 0 0 transparent inset;
    padding: .62em 1em;
    color: rgba(0, 0, 0, .87);
    -webkit-transition: color .1s ease, border-color .1s ease;
    transition: color .1s ease, border-color .1s ease
}

.mbui.form .field > .selection.dropdown {
    width: 100%
}

.mbui.form .field > .selection.dropdown > .dropdown.icon {
    float: right
}

.mbui.form .inline.field > .selection.dropdown, .mbui.form .inline.fields .field > .selection.dropdown {
    width: auto
}

.mbui.form .inline.field > .selection.dropdown > .dropdown.icon, .mbui.form .inline.fields .field > .selection.dropdown > .dropdown.icon {
    float: none
}

.mbui.form .field .mbui.input, .mbui.form .fields .field .mbui.input, .mbui.form .wide.field .mbui.input {
    width: 100%
}

.mbui.form .inline.field:not(.wide) .mbui.input, .mbui.form .inline.fields .field:not(.wide) .mbui.input {
    width: auto;
    vertical-align: middle
}

.mbui.form .field .mbui.input input, .mbui.form .fields .field .mbui.input input {
    width: auto
}

.mbui.form .eight.fields .mbui.input input, .mbui.form .five.fields .mbui.input input, .mbui.form .four.fields .mbui.input input, .mbui.form .nine.fields .mbui.input input, .mbui.form .seven.fields .mbui.input input, .mbui.form .six.fields .mbui.input input, .mbui.form .ten.fields .mbui.input input, .mbui.form .three.fields .mbui.input input, .mbui.form .two.fields .mbui.input input, .mbui.form .wide.field .mbui.input input {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 0
}

.mbui.form .error.message, .mbui.form .success.message, .mbui.form .warning.message {
    display: none
}

.mbui.form .message:first-child {
    margin-top: 0
}

.mbui.form .field .prompt.label {
    white-space: normal;
    background: #fff !important;
    border: 1px solid #e0b4b4 !important;
    color: #9f3a38 !important
}

.mbui.form .inline.field .prompt, .mbui.form .inline.fields .field .prompt {
    vertical-align: top;
    margin: -.25em 0 -.5em .5em
}

.mbui.form .inline.field .prompt:before, .mbui.form .inline.fields .field .prompt:before {
    border-width: 0 0 1px 1px;
    bottom: auto;
    right: auto;
    top: 50%;
    left: 0
}

.mbui.form .field.field input:-webkit-autofill {
    box-shadow: 0 0 0 100px ivory inset !important;
    border-color: #e5dfa1 !important
}

.mbui.form .field.field input:-webkit-autofill:focus {
    box-shadow: 0 0 0 100px ivory inset !important;
    border-color: #d5c315 !important
}

.mbui.form .error.error input:-webkit-autofill {
    box-shadow: 0 0 0 100px #fffaf0 inset !important;
    border-color: #e0b4b4 !important
}

.mbui.form ::-webkit-input-placeholder {
    color: rgba(140, 140, 140, .87)
}

.mbui.form ::-ms-input-placeholder {
    color: rgba(140, 140, 140, .87)
}

.mbui.form ::-moz-placeholder {
    color: rgba(140, 140, 140, .87)
}

.mbui.form :focus::-webkit-input-placeholder {
    color: rgba(89, 89, 89, .87)
}

.mbui.form :focus::-ms-input-placeholder {
    color: rgba(89, 89, 89, .87)
}

.mbui.form :focus::-moz-placeholder {
    color: rgba(89, 89, 89, .87)
}

.mbui.form .error ::-webkit-input-placeholder {
    color: #e7bdbc
}

.mbui.form .error ::-ms-input-placeholder {
    color: #e7bdbc
}

.mbui.form .error ::-moz-placeholder {
    color: #e7bdbc
}

.mbui.form .error :focus::-webkit-input-placeholder {
    color: #da9796
}

.mbui.form .error :focus::-ms-input-placeholder {
    color: #da9796
}

.mbui.form .error :focus::-moz-placeholder {
    color: #da9796
}

.mbui.form input:not([type]):focus, .mbui.form input[type=date]:focus, .mbui.form input[type=datetime-local]:focus, .mbui.form input[type=email]:focus, .mbui.form input[type=number]:focus, .mbui.form input[type=password]:focus, .mbui.form input[type=search]:focus, .mbui.form input[type=tel]:focus, .mbui.form input[type=time]:focus, .mbui.form input[type=text]:focus, .mbui.form input[type=url]:focus {
    color: rgba(0, 0, 0, .95);
    border-color: #85b7d9;
    border-radius: .28571429rem;
    background: #fff;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .35) inset
}

.mbui.form textarea:focus {
    color: rgba(0, 0, 0, .95);
    border-color: #85b7d9;
    border-radius: .28571429rem;
    background: #fff;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .35) inset;
    -webkit-appearance: none
}

.mbui.form.success .success.message:not(:empty) {
    display: block
}

.mbui.form.success .icon.success.message:not(:empty) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mbui.form.warning .warning.message:not(:empty) {
    display: block
}

.mbui.form.warning .icon.warning.message:not(:empty) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mbui.form.error .error.message:not(:empty) {
    display: block
}

.mbui.form.error .icon.error.message:not(:empty) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mbui.form .field.error .input, .mbui.form .field.error label, .mbui.form .fields.error .field .input, .mbui.form .fields.error .field label {
    color: #9f3a38
}

.mbui.form .field.error .corner.label, .mbui.form .fields.error .field .corner.label {
    border-color: #9f3a38;
    color: #fff
}

.mbui.form .field.error input:not([type]), .mbui.form .field.error input[type=date], .mbui.form .field.error input[type=datetime-local], .mbui.form .field.error input[type=email], .mbui.form .field.error input[type=number], .mbui.form .field.error input[type=password], .mbui.form .field.error input[type=search], .mbui.form .field.error input[type=tel], .mbui.form .field.error input[type=time], .mbui.form .field.error input[type=text], .mbui.form .field.error input[type=url], .mbui.form .field.error select, .mbui.form .field.error textarea, .mbui.form .fields.error .field input:not([type]), .mbui.form .fields.error .field input[type=date], .mbui.form .fields.error .field input[type=datetime-local], .mbui.form .fields.error .field input[type=email], .mbui.form .fields.error .field input[type=number], .mbui.form .fields.error .field input[type=password], .mbui.form .fields.error .field input[type=search], .mbui.form .fields.error .field input[type=tel], .mbui.form .fields.error .field input[type=time], .mbui.form .fields.error .field input[type=text], .mbui.form .fields.error .field input[type=url], .mbui.form .fields.error .field select, .mbui.form .fields.error .field textarea {
    background: #fff6f6;
    border-color: #e0b4b4;
    color: #9f3a38;
    border-radius: '';
    box-shadow: none
}

.mbui.form .field.error input:not([type]):focus, .mbui.form .field.error input[type=date]:focus, .mbui.form .field.error input[type=datetime-local]:focus, .mbui.form .field.error input[type=email]:focus, .mbui.form .field.error input[type=number]:focus, .mbui.form .field.error input[type=password]:focus, .mbui.form .field.error input[type=search]:focus, .mbui.form .field.error input[type=tel]:focus, .mbui.form .field.error input[type=time]:focus, .mbui.form .field.error input[type=text]:focus, .mbui.form .field.error input[type=url]:focus, .mbui.form .field.error select:focus, .mbui.form .field.error textarea:focus {
    background: #fff6f6;
    border-color: #e0b4b4;
    color: #9f3a38;
    -webkit-appearance: none;
    box-shadow: none
}

.mbui.form .field.error select {
    -webkit-appearance: menulist-button
}

.mbui.form .field.error .mbui.dropdown, .mbui.form .field.error .mbui.dropdown .item, .mbui.form .field.error .mbui.dropdown .text, .mbui.form .fields.error .field .mbui.dropdown, .mbui.form .fields.error .field .mbui.dropdown .item {
    background: #fff6f6;
    color: #9f3a38
}

.mbui.form .field.error .mbui.dropdown, .mbui.form .field.error .mbui.dropdown:hover, .mbui.form .fields.error .field .mbui.dropdown, .mbui.form .fields.error .field .mbui.dropdown:hover {
    border-color: #e0b4b4 !important
}

.mbui.form .field.error .mbui.dropdown:hover .menu, .mbui.form .fields.error .field .mbui.dropdown:hover .menu {
    border-color: #e0b4b4
}

.mbui.form .field.error .mbui.multiple.selection.dropdown > .label, .mbui.form .fields.error .field .mbui.multiple.selection.dropdown > .label {
    background-color: #eacbcb;
    color: #9f3a38
}

.mbui.form .field.error .mbui.dropdown .menu .item:hover, .mbui.form .field.error .mbui.dropdown .menu .selected.item, .mbui.form .fields.error .field .mbui.dropdown .menu .item:hover, .mbui.form .fields.error .field .mbui.dropdown .menu .selected.item {
    background-color: #fbe7e7
}

.mbui.form .field.error .mbui.dropdown .menu .active.item, .mbui.form .fields.error .field .mbui.dropdown .menu .active.item {
    background-color: #fdcfcf !important
}

.mbui.form .field.error .checkbox:not(.toggle):not(.slider) .box, .mbui.form .field.error .checkbox:not(.toggle):not(.slider) label, .mbui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box, .mbui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label {
    color: #9f3a38
}

.mbui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before, .mbui.form .field.error .checkbox:not(.toggle):not(.slider) label:before, .mbui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before, .mbui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before {
    background: #fff6f6;
    border-color: #e0b4b4
}

.mbui.form .field.error .checkbox .box:after, .mbui.form .field.error .checkbox label:after, .mbui.form .fields.error .field .checkbox .box:after, .mbui.form .fields.error .field .checkbox label:after {
    color: #9f3a38
}

.mbui.form .disabled.field, .mbui.form .disabled.fields .field, .mbui.form .field :disabled {
    pointer-events: none;
    opacity: .45
}

.mbui.form .field.disabled label {
    opacity: .45
}

.mbui.form .field.disabled :disabled {
    opacity: 1
}

.mbui.loading.form {
    position: relative;
    cursor: default;
    point-events: none
}

.mbui.loading.form:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .8);
    width: 100%;
    height: 100%;
    z-index: 100
}

.mbui.loading.form:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -1.5em 0 0 -1.5em;
    width: 3em;
    height: 3em;
    -webkit-animation: form-spin .6s linear;
    animation: form-spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 rgba(0, 0, 0, .1) rgba(0, 0, 0, .1);
    border-style: solid;
    border-width: .2em;
    box-shadow: 0 0 0 1px transparent;
    visibility: visible;
    z-index: 101
}

@-webkit-keyframes form-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes form-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.mbui.form .reqmbuired.field > .checkbox:after, .mbui.form .reqmbuired.field > label:after, .mbui.form .reqmbuired.fields.grouped > label:after, .mbui.form .reqmbuired.fields:not(.grouped) > .field > .checkbox:after, .mbui.form .reqmbuired.fields:not(.grouped) > .field > label:after {
    margin: -.2em 0 0 .2em;
    content: '*';
    color: #db2828
}

.mbui.form .reqmbuired.field > label:after, .mbui.form .reqmbuired.fields.grouped > label:after, .mbui.form .reqmbuired.fields:not(.grouped) > .field > label:after {
    display: inline-block;
    vertical-align: top
}

.mbui.form .reqmbuired.field > .checkbox:after, .mbui.form .reqmbuired.fields:not(.grouped) > .field > .checkbox:after {
    position: absolute;
    top: 0;
    left: 100%
}

.mbui.form .inverted.segment .mbui.checkbox .box, .mbui.form .inverted.segment .mbui.checkbox label, .mbui.form .inverted.segment label, .mbui.inverted.form .mbui.checkbox .box, .mbui.inverted.form .mbui.checkbox label, .mbui.inverted.form label {
    color: rgba(255, 255, 255, .9)
}

.mbui.inverted.form input:not([type]), .mbui.inverted.form input[type=date], .mbui.inverted.form input[type=datetime-local], .mbui.inverted.form input[type=email], .mbui.inverted.form input[type=number], .mbui.inverted.form input[type=password], .mbui.inverted.form input[type=search], .mbui.inverted.form input[type=tel], .mbui.inverted.form input[type=time], .mbui.inverted.form input[type=text], .mbui.inverted.form input[type=url] {
    background: #fff;
    border-color: rgba(255, 255, 255, .1);
    color: rgba(0, 0, 0, .87);
    box-shadow: none
}

.mbui.form .grouped.fields {
    display: block;
    margin: 0 0 1em
}

.mbui.form .grouped.fields:last-child {
    margin-bottom: 0
}

.mbui.form .grouped.fields > label {
    margin: 0 0 .28571429rem;
    color: rgba(0, 0, 0, .87);
    font-size: .92857143em;
    font-weight: 700;
    text-transform: none
}

.mbui.form .grouped.fields .field, .mbui.form .grouped.inline.fields .field {
    display: block;
    margin: .5em 0;
    padding: 0
}

.mbui.form .fields {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.mbui.form .fields > .field {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-left: .5em;
    padding-right: .5em
}

.mbui.form .fields > .field:first-child {
    border-left: none;
    box-shadow: none
}

.mbui.form .two.fields > .field, .mbui.form .two.fields > .fields {
    width: 50%
}

.mbui.form .three.fields > .field, .mbui.form .three.fields > .fields {
    width: 33.33333333%
}

.mbui.form .four.fields > .field, .mbui.form .four.fields > .fields {
    width: 25%
}

.mbui.form .five.fields > .field, .mbui.form .five.fields > .fields {
    width: 20%
}

.mbui.form .six.fields > .field, .mbui.form .six.fields > .fields {
    width: 16.66666667%
}

.mbui.form .seven.fields > .field, .mbui.form .seven.fields > .fields {
    width: 14.28571429%
}

.mbui.form .eight.fields > .field, .mbui.form .eight.fields > .fields {
    width: 12.5%
}

.mbui.form .nine.fields > .field, .mbui.form .nine.fields > .fields {
    width: 11.11111111%
}

.mbui.form .ten.fields > .field, .mbui.form .ten.fields > .fields {
    width: 10%
}

@media only screen and (max-width: 767px) {
    .mbui.form .fields {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .mbui.form .eight.fields > .field, .mbui.form .eight.fields > .fields, .mbui.form .five.fields > .field, .mbui.form .five.fields > .fields, .mbui.form .four.fields > .field, .mbui.form .four.fields > .fields, .mbui.form .nine.fields > .field, .mbui.form .nine.fields > .fields, .mbui.form .seven.fields > .field, .mbui.form .seven.fields > .fields, .mbui.form .six.fields > .field, .mbui.form .six.fields > .fields, .mbui.form .ten.fields > .field, .mbui.form .ten.fields > .fields, .mbui.form .three.fields > .field, .mbui.form .three.fields > .fields, .mbui.form .two.fields > .field, .mbui.form .two.fields > .fields {
        width: 100% !important;
        margin: 0 0 1em;
        padding-left: 0;
        padding-right: 0
    }
}

.mbui.form .fields .field:first-child {
    padding-left: 0
}

.mbui.form .fields .field:last-child {
    padding-right: 0
}

.mbui.form .fields .wide.field {
    width: 6.25%;
    padding-left: .5em;
    padding-right: .5em
}

.mbui.form .fields .wide.field:first-child {
    padding-left: 0
}

.mbui.form .fields .wide.field:last-child {
    padding-right: 0
}

.mbui.form .one.wide.field {
    width: 6.25% !important
}

.mbui.form .two.wide.field {
    width: 12.5% !important
}

.mbui.form .three.wide.field {
    width: 18.75% !important
}

.mbui.form .four.wide.field {
    width: 25% !important
}

.mbui.form .five.wide.field {
    width: 31.25% !important
}

.mbui.form .six.wide.field {
    width: 37.5% !important
}

.mbui.form .seven.wide.field {
    width: 43.75% !important
}

.mbui.form .eight.wide.field {
    width: 50% !important
}

.mbui.form .nine.wide.field {
    width: 56.25% !important
}

.mbui.form .ten.wide.field {
    width: 62.5% !important
}

.mbui.form .eleven.wide.field {
    width: 68.75% !important
}

.mbui.form .twelve.wide.field {
    width: 75% !important
}

.mbui.form .thirteen.wide.field {
    width: 81.25% !important
}

.mbui.form .fourteen.wide.field {
    width: 87.5% !important
}

.mbui.form .fifteen.wide.field {
    width: 93.75% !important
}

.mbui.form .sixteen.wide.field {
    width: 100% !important
}

@media only screen and (max-width: 767px) {
    .mbui.form .fields > .eight.wide.field, .mbui.form .fields > .eleven.wide.field, .mbui.form .fields > .fifteen.wide.field, .mbui.form .fields > .five.wide.field, .mbui.form .fields > .four.wide.field, .mbui.form .fields > .fourteen.wide.field, .mbui.form .fields > .nine.wide.field, .mbui.form .fields > .seven.wide.field, .mbui.form .fields > .six.wide.field, .mbui.form .fields > .sixteen.wide.field, .mbui.form .fields > .ten.wide.field, .mbui.form .fields > .thirteen.wide.field, .mbui.form .fields > .three.wide.field, .mbui.form .fields > .twelve.wide.field, .mbui.form .fields > .two.wide.field, .mbui.form .five.fields > .field, .mbui.form .five.fields > .fields, .mbui.form .four.fields > .field, .mbui.form .four.fields > .fields, .mbui.form .three.fields > .field, .mbui.form .three.fields > .fields, .mbui.form .two.fields > .field, .mbui.form .two.fields > .fields {
        width: 100% !important;
        margin: 0 0 1em;
        padding-left: 0;
        padding-right: 0
    }
}

.mbui.form [class*="equal width"].fields > .field, .mbui[class*="equal width"].form .fields > .field {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.mbui.form .inline.fields {
    margin: 0 0 1em;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mbui.form .inline.fields .field {
    margin: 0;
    padding: 0 1em 0 0
}

.mbui.form .inline.field > label, .mbui.form .inline.field > p, .mbui.form .inline.fields .field > label, .mbui.form .inline.fields .field > p, .mbui.form .inline.fields > label {
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: baseline;
    font-size: .92857143em;
    font-weight: 700;
    color: rgba(0, 0, 0, .87);
    text-transform: none
}

.mbui.form .inline.fields > label {
    margin: .035714em 1em 0 0
}

.mbui.form .inline.field > input, .mbui.form .inline.field > select, .mbui.form .inline.fields .field > input, .mbui.form .inline.fields .field > select {
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
    font-size: 1em
}

.mbui.form .inline.field > :first-child, .mbui.form .inline.fields .field > :first-child {
    margin: 0 .85714286em 0 0
}

.mbui.form .inline.field > :only-child, .mbui.form .inline.fields .field > :only-child {
    margin: 0
}

.mbui.form .inline.fields .wide.field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mbui.form .inline.fields .wide.field > input, .mbui.form .inline.fields .wide.field > select {
    width: 100%
}

.mbui.small.form {
    font-size: .92857143rem
}

.mbui.form {
    font-size: 1rem
}

.mbui.large.form {
    font-size: 1.14285714rem
}

.mbui.huge.form {
    font-size: 1.42857143rem
}

/*
Dropdown
 */
.mbui.dropdown {
    cursor: pointer;
    position: relative;
    display: inline-block;
    outline: 0;
    text-align: left;
    -webkit-transition: box-shadow .1s ease, width .1s ease;
    transition: box-shadow .1s ease, width .1s ease;
    -webkit-tap-highlight-color: transparent
}

.mbui.dropdown .menu {
    cursor: auto;
    position: absolute;
    display: none;
    outline: 0;
    top: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0;
    padding: 0;
    background: #fff;
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    border: 1px solid rgba(34, 36, 38, .15);
    border-radius: .28571429rem;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    z-index: 11;
    will-change: transform, opacity
}

.mbui.dropdown .menu > * {
    white-space: nowrap
}

.mbui.dropdown > input:not(.search):first-child, .mbui.dropdown > select {
    display: none !important
}

.mbui.dropdown > .dropdown.icon {
    position: relative;
    font-size: .85714286em;
    margin: 0 0 0 1em
}

.mbui.dropdown .menu > .item .dropdown.icon {
    width: auto;
    float: right;
    margin: 0 0 0 1em
}

.mbui.dropdown .menu > .item .dropdown.icon + .text {
    margin-right: 1em
}

.mbui.dropdown > .text {
    display: inline-block;
    -webkit-transition: none;
    transition: none
}

.mbui.dropdown .menu > .item {
    position: relative;
    cursor: pointer;
    display: block;
    border: none;
    height: auto;
    text-align: left;
    border-top: none;
    line-height: 1em;
    color: rgba(0, 0, 0, .87);
    padding: .71428571rem 1.14285714rem !important;
    font-size: 1rem;
    text-transform: none;
    font-weight: 400;
    box-shadow: none;
    -webkit-touch-callout: none
}

.mbui.dropdown .menu > .item:first-child {
    border-top-width: 0
}

.mbui.dropdown .menu .item > [class*="right floated"], .mbui.dropdown > .text > [class*="right floated"] {
    float: right !important;
    margin-right: 0 !important;
    margin-left: 1em !important
}

.mbui.dropdown .menu .item > [class*="left floated"], .mbui.dropdown > .text > [class*="left floated"] {
    float: left !important;
    margin-left: 0 !important;
    margin-right: 1em !important
}

.mbui.dropdown .menu .item > .flag.floated, .mbui.dropdown .menu .item > .icon.floated, .mbui.dropdown .menu .item > .image.floated, .mbui.dropdown .menu .item > img.floated {
    margin-top: 0
}

.mbui.dropdown .menu > .header {
    margin: 1rem 0 .75rem;
    padding: 0 1.14285714rem;
    color: rgba(0, 0, 0, .85);
    font-size: .78571429em;
    font-weight: 700;
    text-transform: uppercase
}

.mbui.dropdown .menu > .divider {
    border-top: 1px solid rgba(34, 36, 38, .1);
    height: 0;
    margin: .5em 0
}

.mbui.dropdown .menu > .input {
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 1.14285714rem .71428571rem;
    min-width: 10rem
}

.mbui.dropdown .menu > .header + .input {
    margin-top: 0
}

.mbui.dropdown .menu > .input:not(.transparent) input {
    padding: .5em 1em
}

.mbui.dropdown .menu > .input:not(.transparent) .button, .mbui.dropdown .menu > .input:not(.transparent) .icon, .mbui.dropdown .menu > .input:not(.transparent) .label {
    padding-top: .5em;
    padding-bottom: .5em
}

.mbui.dropdown .menu > .item > .description, .mbui.dropdown > .text > .description {
    float: right;
    margin: 0 0 0 1em;
    color: rgba(0, 0, 0, .4)
}

.mbui.dropdown .menu > .message {
    padding: .71428571rem 1.14285714rem;
    font-weight: 400
}

.mbui.dropdown .menu > .message:not(.mbui) {
    color: rgba(0, 0, 0, .4)
}

.mbui.dropdown .menu .menu {
    top: 0 !important;
    left: 100% !important;
    right: auto !important;
    margin: 0 0 0 -.5em !important;
    border-radius: .28571429rem !important;
    z-index: 21 !important
}

.mbui.dropdown .menu .menu:after {
    display: none
}

.mbui.dropdown .menu > .item > .flag, .mbui.dropdown .menu > .item > .icon, .mbui.dropdown .menu > .item > .image, .mbui.dropdown .menu > .item > .label, .mbui.dropdown .menu > .item > img, .mbui.dropdown > .text > .flag, .mbui.dropdown > .text > .icon, .mbui.dropdown > .text > .image, .mbui.dropdown > .text > .label, .mbui.dropdown > .text > img {
    margin-top: 0;
    margin-left: 0;
    float: none;
    margin-right: .71428571rem
}

.mbui.dropdown .menu > .item > .image, .mbui.dropdown .menu > .item > img, .mbui.dropdown > .text > .image, .mbui.dropdown > .text > img {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    max-height: 2em
}

.mbui.dropdown .mbui.menu > .item:before, .mbui.menu .mbui.dropdown .menu > .item:before {
    display: none
}

.mbui.menu .mbui.dropdown .menu .active.item {
    border-left: none
}

.mbui.buttons > .mbui.dropdown:last-child .menu, .mbui.menu .right.dropdown.item .menu, .mbui.menu .right.menu .dropdown:last-child .menu {
    left: auto;
    right: 0
}

.mbui.label.dropdown .menu {
    min-width: 100%
}

.mbui.dropdown.icon.button > .dropdown.icon {
    margin: 0
}

.mbui.button.dropdown .menu {
    min-width: 100%
}

.mbui.selection.dropdown {
    box-sizing: border-box;
    cursor: pointer;
    word-wrap: break-word;
    line-height: 1em;
    white-space: normal;
    outline: 0;
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
    min-width: 14em;
    background: #fff;
    display: inline-block;
    padding: .78571429em 2.6em .78571429em 1em;
    color: rgba(0, 0, 0, .87);
    box-shadow: none;
    border: 1px solid rgba(34, 36, 38, .15);
    border-radius: .28571429rem;
    -webkit-transition: box-shadow .1s ease, width .1s ease;
    transition: box-shadow .1s ease, width .1s ease
}

.mbui.selection.dropdown.active, .mbui.selection.dropdown.visible {
    z-index: 10
}

select.mbui.dropdown {
    height: 38px;
    padding: .5em;
    border: 1px solid rgba(34, 36, 38, .15);
    visibility: visible
}

.mbui.selection.dropdown > .delete.icon, .mbui.selection.dropdown > .dropdown.icon, .mbui.selection.dropdown > .search.icon {
    cursor: pointer;
    position: absolute;
    top: auto;
    width: auto;
    z-index: 3;
    margin: -.78571429em;
    padding: .78571429em;
    right: 1em;
    opacity: .8;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.mbui.compact.selection.dropdown {
    min-width: 0
}

.mbui.selection.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    border-top-width: 0 !important;
    outline: 0;
    margin: 0 -1px;
    min-width: calc(100% + 2px);
    width: calc(100% + 2px);
    border-radius: 0 0 .28571429rem .28571429rem;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.mbui.selection.dropdown .menu:after, .mbui.selection.dropdown .menu:before {
    display: none
}

.mbui.selection.dropdown .menu > .message {
    padding: .71428571rem 1.14285714rem
}

@media only screen and (max-width: 767px) {
    .mbui.selection.dropdown .menu {
        max-height: 7.58571429rem
    }
}

@media only screen and (min-width: 768px) {
    .mbui.selection.dropdown .menu {
        max-height: 10.11428571rem
    }
}

@media only screen and (min-width: 992px) {
    .mbui.selection.dropdown .menu {
        max-height: 15.17142857rem
    }
}

@media only screen and (min-width: 1920px) {
    .mbui.selection.dropdown .menu {
        max-height: 20.22857143rem
    }
}

.mbui.selection.dropdown .menu > .item {
    border-top: 1px solid #fafafa;
    padding: .71428571rem 1.14285714rem !important;
    white-space: normal;
    word-wrap: normal
}

.mbui.selection.dropdown:hover {
    border-color: rgba(34, 36, 38, .35);
    box-shadow: none
}

.mbui.selection.active.dropdown, .mbui.selection.active.dropdown .menu {
    border-color: #96c8da;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)
}

.mbui.selection.dropdown:focus {
    border-color: #96c8da;
    box-shadow: none
}

.mbui.selection.dropdown:focus .menu {
    border-color: #96c8da;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)
}

.mbui.selection.visible.dropdown > .text:not(.default) {
    font-weight: 400;
    color: rgba(0, 0, 0, .8)
}

.mbui.selection.active.dropdown:hover, .mbui.selection.active.dropdown:hover .menu {
    border-color: #96c8da;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)
}

.mbui.active.selection.dropdown > .dropdown.icon, .mbui.visible.selection.dropdown > .dropdown.icon {
    opacity: 1;
    z-index: 3
}

.mbui.active.selection.dropdown {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.mbui.search.dropdown {
    min-width: ''
}

.mbui.search.dropdown > input.search {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    padding: inherit;
    position: absolute;
    z-index: 2
}

.mbui.search.dropdown > .text {
    cursor: text;
    position: relative;
    z-index: 3
}

.mbui.search.selection.dropdown > input.search {
    line-height: 1.2142em;
    padding: .67861429em 2.6em .67861429em 1em
}

.mbui.search.dropdown.active > input.search, .mbui.search.dropdown.visible > input.search {
    cursor: auto
}

.mbui.search.dropdown.active > .text, .mbui.search.dropdown.visible > .text {
    pointer-events: none
}

.mbui.active.search.dropdown input.search:focus + .text .flag, .mbui.active.search.dropdown input.search:focus + .text .icon {
    opacity: .45
}

.mbui.active.search.dropdown input.search:focus + .text {
    color: rgba(0, 0, 0, .4) !important
}

.mbui.search.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}

@media only screen and (max-width: 767px) {
    .mbui.search.dropdown .menu {
        max-height: 7.58571429rem
    }
}

@media only screen and (min-width: 768px) {
    .mbui.search.dropdown .menu {
        max-height: 10.11428571rem
    }
}

@media only screen and (min-width: 992px) {
    .mbui.search.dropdown .menu {
        max-height: 15.17142857rem
    }
}

@media only screen and (min-width: 1920px) {
    .mbui.search.dropdown .menu {
        max-height: 20.22857143rem
    }
}

.mbui.multiple.dropdown {
    padding: .22620476em 2.6em .22620476em .28571429em
}

.mbui.multiple.dropdown .menu {
    cursor: auto
}

.mbui.multiple.search.dropdown, .mbui.multiple.search.dropdown > input.search {
    cursor: text
}

.mbui.multiple.dropdown > .label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: 1em;
    padding: .35714286em .71428571em;
    margin: .21428571em .28571429rem .21428571em 0;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset
}

.mbui.multiple.dropdown .dropdown.icon {
    margin: 0 -.71428571em 0 0;
    padding: .5em
}

.mbui.multiple.dropdown > .text {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: .45240952em 0 .45240952em .71428571em;
    line-height: 1.2142em
}

.mbui.multiple.dropdown > .label ~ .text {
    display: none
}

.mbui.multiple.search.dropdown > .text {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: inherit;
    margin: .45240952em 0 .45240952em .71428571em;
    line-height: 1.2142em
}

.mbui.multiple.search.dropdown > .label ~ .text {
    display: none
}

.mbui.multiple.search.dropdown > input.search {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: .45240952em 0 .45240952em .71428571em;
    width: 2.2em;
    line-height: 1.2142em
}

.mbui.inline.dropdown {
    cursor: pointer;
    display: inline-block;
    color: inherit
}

.mbui.inline.dropdown .dropdown.icon {
    margin: 0 .5em 0 .25em;
    vertical-align: baseline
}

.mbui.inline.dropdown > .text {
    font-weight: 700
}

.mbui.inline.dropdown .menu {
    cursor: auto;
    margin-top: .25em;
    border-radius: .28571429rem
}

.mbui.dropdown .menu .active.item {
    background: 0 0;
    font-weight: 700;
    color: rgba(0, 0, 0, .95);
    box-shadow: none;
    z-index: 12
}

.mbui.dropdown .menu > .item:hover {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .95);
    z-index: 13
}

.mbui.loading.dropdown > i.icon:after, .mbui.loading.dropdown > i.icon:before {
    left: 30% !important
}

.mbui.loading.dropdown > i.icon {
    top: 50% !important
}

.mbui.multiple.loading.dropdown > i.icon:after, .mbui.multiple.loading.dropdown > i.icon:before {
    top: 0 !important;
    left: 0 !important
}

.mbui.loading.dropdown > i.icon: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, .1)
}

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

.mbui.loading.dropdown.button > i.icon:after, .mbui.loading.dropdown.button > i.icon:before {
    display: none
}

@-webkit-keyframes dropdown-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes dropdown-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.mbui.default.dropdown:hover > .text, .mbui.default.dropdown > .text, .mbui.dropdown:hover > .default.text, .mbui.dropdown > .default.text {
    color: rgba(179, 179, 179, .7)
}

.mbui.loading.dropdown > .text {
    -webkit-transition: none;
    transition: none
}

.mbui.dropdown .loading.menu {
    display: block;
    visibility: hidden;
    z-index: -1
}

.mbui.dropdown .menu .selected.item, .mbui.dropdown.selected {
    background: rgba(0, 0, 0, .03);
    color: rgba(0, 0, 0, .95)
}

.mbui.dropdown > .filtered.text {
    visibility: hidden
}

.mbui.dropdown .filtered.item {
    display: none !important
}

.mbui.dropdown.error, .mbui.dropdown.error > .default.text, .mbui.dropdown.error > .text {
    color: #9f3a38
}

.mbui.selection.dropdown.error {
    background: #fff6f6;
    border-color: #e0b4b4
}

.mbui.dropdown.error > .menu, .mbui.dropdown.error > .menu .menu, .mbui.selection.dropdown.error:hover {
    border-color: #e0b4b4
}

.mbui.dropdown.error > .menu > .item {
    color: #9f3a38
}

.mbui.multiple.selection.error.dropdown > .label {
    border-color: #e0b4b4
}

.mbui.dropdown.error > .menu > .item:hover {
    background-color: #fff2f2
}

.mbui.dropdown.error > .menu .active.item {
    background-color: #fdcfcf
}

.mbui.disabled.dropdown, .mbui.dropdown .menu > .disabled.item {
    cursor: default;
    pointer-events: none;
    opacity: .45
}

.mbui.dropdown .menu {
    left: 0
}

.mbui.dropdown .menu .right.menu, .mbui.dropdown .right.menu > .menu {
    left: 100% !important;
    right: auto !important;
    border-radius: .28571429rem !important
}

.mbui.dropdown .menu .left.menu, .mbui.dropdown > .left.menu .menu {
    left: auto !important;
    right: 100% !important;
    border-radius: .28571429rem !important
}

.mbui.dropdown .item .left.dropdown.icon, .mbui.dropdown .left.menu .item .dropdown.icon {
    width: auto;
    float: left;
    margin: 0 .71428571rem 0 0
}

.mbui.dropdown .item .left.dropdown.icon + .text, .mbui.dropdown .left.menu .item .dropdown.icon + .text {
    margin-left: 1em
}

.mbui.upward.dropdown > .menu {
    top: auto;
    bottom: 100%;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08);
    border-radius: .28571429rem .28571429rem 0 0
}

.mbui.dropdown .upward.menu {
    top: auto !important;
    bottom: 0 !important
}

.mbui.simple.upward.active.dropdown, .mbui.simple.upward.dropdown:hover {
    border-radius: .28571429rem .28571429rem 0 0 !important
}

.mbui.upward.dropdown.button:not(.pointing):not(.floating).active {
    border-radius: .28571429rem .28571429rem 0 0
}

.mbui.upward.selection.dropdown .menu {
    border-top-width: 1px !important;
    border-bottom-width: 0 !important;
    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08)
}

.mbui.upward.selection.dropdown:hover {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05)
}

.mbui.active.upward.selection.dropdown {
    border-radius: 0 0 .28571429rem .28571429rem !important
}

.mbui.upward.selection.dropdown.visible {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08);
    border-radius: 0 0 .28571429rem .28571429rem !important
}

.mbui.upward.active.selection.dropdown:hover {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .05)
}

.mbui.upward.active.selection.dropdown:hover .menu {
    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08)
}

.mbui.dropdown .scrolling.menu, .mbui.scrolling.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto
}

.mbui.scrolling.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    min-width: 100% !important;
    width: auto !important
}

.mbui.dropdown .scrolling.menu {
    position: static;
    overflow-y: auto;
    border: none;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    min-width: 100% !important;
    width: auto !important;
    border-top: 1px solid rgba(34, 36, 38, .15)
}

.mbui.dropdown .scrolling.menu > .item.item.item, .mbui.scrolling.dropdown .menu .item.item.item {
    border-top: none;
    padding-right: calc(1.14285714rem + 17px) !important
}

.mbui.dropdown .scrolling.menu .item:first-child, .mbui.scrolling.dropdown .menu .item:first-child {
    border-top: none
}

.mbui.dropdown > .animating.menu .scrolling.menu, .mbui.dropdown > .visible.menu .scrolling.menu {
    display: block
}

@media all and (-ms-high-contrast: none) {
    .mbui.dropdown .scrolling.menu, .mbui.scrolling.dropdown .menu {
        min-width: calc(100% - 17px)
    }
}

@media only screen and (max-width: 767px) {
    .mbui.dropdown .scrolling.menu, .mbui.scrolling.dropdown .menu {
        max-height: 9.71428571rem
    }
}

@media only screen and (min-width: 768px) {
    .mbui.dropdown .scrolling.menu, .mbui.scrolling.dropdown .menu {
        max-height: 14.57142857rem
    }
}

@media only screen and (min-width: 992px) {
    .mbui.dropdown .scrolling.menu, .mbui.scrolling.dropdown .menu {
        max-height: 19.42857143rem
    }
}

@media only screen and (min-width: 1920px) {
    .mbui.dropdown .scrolling.menu, .mbui.scrolling.dropdown .menu {
        max-height: 19.42857143rem
    }
}

.mbui.simple.dropdown .menu:after, .mbui.simple.dropdown .menu:before {
    display: none
}

.mbui.simple.dropdown .menu {
    position: absolute;
    display: block;
    overflow: hidden;
    top: -9999px !important;
    opacity: 0;
    width: 0;
    height: 0;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.mbui.simple.active.dropdown, .mbui.simple.dropdown:hover {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.mbui.simple.active.dropdown > .menu, .mbui.simple.dropdown:hover > .menu {
    overflow: visible;
    width: auto;
    height: auto;
    top: 100% !important;
    opacity: 1
}

.mbui.simple.dropdown:hover > .menu > .item:hover > .menu, .mbui.simple.dropdown > .menu > .item:active > .menu {
    overflow: visible;
    width: auto;
    height: auto;
    top: 0 !important;
    left: 100% !important;
    opacity: 1
}

.mbui.simple.disabled.dropdown:hover .menu {
    display: none;
    height: 0;
    width: 0;
    overflow: hidden
}

.mbui.simple.visible.dropdown > .menu {
    display: block
}

.mbui.fluid.dropdown {
    display: block;
    min-width: 0
}

.mbui.fluid.dropdown > .dropdown.icon {
    float: right
}

.mbui.floating.dropdown .menu {
    left: 0;
    right: auto;
    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .08) !important;
    border-radius: .28571429rem !important
}

.mbui.floating.dropdown > .menu {
    margin-top: .5em !important;
    border-radius: .28571429rem !important
}

.mbui.pointing.dropdown > .menu {
    top: 100%;
    margin-top: .71428571rem;
    border-radius: .28571429rem
}

.mbui.pointing.dropdown > .menu:after {
    display: block;
    position: absolute;
    pointer-events: none;
    content: '';
    visibility: visible;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: .5em;
    height: .5em;
    box-shadow: -1px -1px 0 1px rgba(34, 36, 38, .15);
    background: #fff;
    z-index: 2;
    top: -.25em;
    left: 50%;
    margin: 0 0 0 -.25em
}

.mbui.top.left.pointing.dropdown > .menu {
    top: 100%;
    bottom: auto;
    left: 0;
    right: auto;
    margin: 1em 0 0
}

.mbui.top.left.pointing.dropdown > .menu:after {
    top: -.25em;
    left: 1em;
    right: auto;
    margin: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mbui.top.right.pointing.dropdown > .menu {
    top: 100%;
    bottom: auto;
    right: 0;
    left: auto;
    margin: 1em 0 0
}

.mbui.top.right.pointing.dropdown > .menu:after {
    top: -.25em;
    left: auto;
    right: 1em;
    margin: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mbui.left.pointing.dropdown > .menu {
    top: 0;
    left: 100%;
    right: auto;
    margin: 0 0 0 1em
}

.mbui.left.pointing.dropdown > .menu:after {
    top: 1em;
    left: -.25em;
    margin: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mbui.right.pointing.dropdown > .menu {
    top: 0;
    left: auto;
    right: 100%;
    margin: 0 1em 0 0
}

.mbui.right.pointing.dropdown > .menu:after {
    top: 1em;
    left: auto;
    right: -.25em;
    margin: 0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.mbui.bottom.pointing.dropdown > .menu {
    top: auto;
    bottom: 100%;
    left: 0;
    right: auto;
    margin: 0 0 1em
}

.mbui.bottom.pointing.dropdown > .menu:after {
    top: auto;
    bottom: -.25em;
    right: auto;
    margin: 0;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.mbui.bottom.pointing.dropdown > .menu .menu {
    top: auto !important;
    bottom: 0 !important
}

.mbui.bottom.left.pointing.dropdown > .menu {
    left: 0;
    right: auto
}

.mbui.bottom.left.pointing.dropdown > .menu:after {
    left: 1em;
    right: auto
}

.mbui.bottom.right.pointing.dropdown > .menu {
    right: 0;
    left: auto
}

.mbui.bottom.right.pointing.dropdown > .menu:after {
    left: auto;
    right: 1em
}

.mbui.upward.pointing.dropdown > .menu, .mbui.upward.top.pointing.dropdown > .menu {
    top: auto;
    bottom: 100%;
    margin: 0 0 .71428571rem;
    border-radius: .28571429rem
}

.mbui.upward.pointing.dropdown > .menu:after, .mbui.upward.top.pointing.dropdown > .menu:after {
    top: 100%;
    bottom: auto;
    box-shadow: 1px 1px 0 1px rgba(34, 36, 38, .15);
    margin: -.25em 0 0
}

@font-face {
    font-family: Dropdown;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
    font-weight: 400;
    font-style: normal
}

.mbui.dropdown > .dropdown.icon {
    font-family: Dropdown;
    line-height: 1;
    height: 1em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    width: auto
}

.mbui.dropdown > .dropdown.icon:before {
    content: '\f0d7'
}

.mbui.dropdown .menu .item .dropdown.icon:before {
    content: '\f0da'
}

.mbui.dropdown .item .left.dropdown.icon:before, .mbui.dropdown .left.menu .item .dropdown.icon:before {
    content: "\f0d9"
}

.mbui.vertical.menu .dropdown.item > .dropdown.icon:before {
    content: "\f0da"
}

/*

Button
 */

.mbui.button {
    height: auto;
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    background: #e0e1e2 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
}

.mbui.button:hover {
    background-color: #cacbcd;
    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)
}

.mbui.button:hover .icon {
    opacity: .85
}

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

.mbui.button:focus .icon {
    opacity: .85
}

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

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

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

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

.mbui.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
}

.mbui.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)
}

.mbui.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
}

.mbui.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)
    }
}

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

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

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

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

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

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

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

.mbui.animated.button .hidden.content {
    position: absolute;
    width: 100%
}

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

.mbui.animated.button .visible.content {
    left: auto;
    right: 0
}

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

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

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

.mbui.vertical.animated.button .hidden.content, .mbui.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
}

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

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

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

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

.mbui.fade.animated.button .hidden.content, .mbui.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
}

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

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

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

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

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

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

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

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

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

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

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

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

.mbui.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
}

.mbui.labeled.button > .button {
    margin: 0
}

.mbui.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)
}

.mbui.labeled.button > .tag.label:before {
    width: 1.85em;
    height: 1.85em
}

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

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

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

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

.mbui.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
}

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

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

.mbui.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
}

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

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

.mbui.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
}

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

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

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

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

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

.mbui.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
}

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

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

.mbui.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
}

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

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

.mbui.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
}

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

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

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

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

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

.mbui.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: ''
}

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

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

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

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

.mbui.compact.button, .mbui.compact.buttons .button {
    padding: .58928571em 1.125em .58928571em
}

.mbui.compact.icon.button, .mbui.compact.icon.buttons .button {
    padding: .58928571em .58928571em .58928571em
}

.mbui.compact.labeled.icon.button, .mbui.compact.labeled.icon.buttons .button {
    padding: .58928571em 3.69642857em .58928571em
}

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

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

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

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

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

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

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

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

.mbui.icon.button, .mbui.icon.buttons .button {
    padding: .78571429em .78571429em .78571429em
}

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

.mbui.basic.button, .mbui.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
}

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

.mbui.basic.buttons .button {
    border-radius: 0
}

.mbui.basic.button:hover, .mbui.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
}

.mbui.basic.button:focus, .mbui.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
}

.mbui.basic.button:active, .mbui.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
}

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

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

.mbui.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
}

.mbui.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
}

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

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

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

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

.mbui.basic.inverted.button:active, .mbui.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
}

.mbui.basic.inverted.active.button, .mbui.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
}

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

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

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

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

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

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

.mbui.labeled.icon.button > .icon, .mbui.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
}

.mbui.labeled.icon.button > .icon, .mbui.labeled.icon.buttons > .button > .icon {
    top: 0;
    left: 0
}

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

.mbui[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
}

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

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

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

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

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

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

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

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

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

.mbui.circular.button {
    border-radius: 10em
}

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

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

.mbui.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
}

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

.mbui.fluid.buttons .or {
    width: 0 !important
}

.mbui.fluid.buttons .or:after {
    display: none
}

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

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

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

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

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

.mbui.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
}

.mbui.attached.buttons .button {
    margin: 0
}

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

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

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

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

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

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

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

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

.mbui[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
}

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

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

.mbui[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
}

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

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

.mbui.fluid.button, .mbui.fluid.buttons {
    width: 100%
}

.mbui.fluid.button {
    display: block
}

.mbui.two.buttons {
    width: 100%
}

.mbui.two.buttons > .button {
    width: 50%
}

.mbui.three.buttons {
    width: 100%
}

.mbui.three.buttons > .button {
    width: 33.333%
}

.mbui.four.buttons {
    width: 100%
}

.mbui.four.buttons > .button {
    width: 25%
}

.mbui.five.buttons {
    width: 100%
}

.mbui.five.buttons > .button {
    width: 20%
}

.mbui.six.buttons {
    width: 100%
}

.mbui.six.buttons > .button {
    width: 16.666%
}

.mbui.seven.buttons {
    width: 100%
}

.mbui.seven.buttons > .button {
    width: 14.285%
}

.mbui.eight.buttons {
    width: 100%
}

.mbui.eight.buttons > .button {
    width: 12.5%
}

.mbui.nine.buttons {
    width: 100%
}

.mbui.nine.buttons > .button {
    width: 11.11%
}

.mbui.ten.buttons {
    width: 100%
}

.mbui.ten.buttons > .button {
    width: 10%
}

.mbui.eleven.buttons {
    width: 100%
}

.mbui.eleven.buttons > .button {
    width: 9.09%
}

.mbui.twelve.buttons {
    width: 100%
}

.mbui.twelve.buttons > .button {
    width: 8.3333%
}

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

.mbui.two.vertical.buttons > .button {
    height: 50%
}

.mbui.three.vertical.buttons > .button {
    height: 33.333%
}

.mbui.four.vertical.buttons > .button {
    height: 25%
}

.mbui.five.vertical.buttons > .button {
    height: 20%
}

.mbui.six.vertical.buttons > .button {
    height: 16.666%
}

.mbui.seven.vertical.buttons > .button {
    height: 14.285%
}

.mbui.eight.vertical.buttons > .button {
    height: 12.5%
}

.mbui.nine.vertical.buttons > .button {
    height: 11.11%
}

.mbui.ten.vertical.buttons > .button {
    height: 10%
}

.mbui.eleven.vertical.buttons > .button {
    height: 9.09%
}

.mbui.twelve.vertical.buttons > .button {
    height: 8.3333%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mbui.primary.button, .mbui.primary.buttons .button {
    background-color: #4054b2;
    color: #fff;
    text-shadow: none;
    background-image: none
}

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

.mbui.primary.button:hover, .mbui.primary.buttons .button:hover {
    background-color: #0a32b2;
    color: #fff;
    text-shadow: none
}

.mbui.primary.button:focus, .mbui.primary.buttons .button:focus {
    background-color: #0a32b2;
    color: #fff;
    text-shadow: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mbui.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
}

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

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

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

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

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

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

.mbui.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
}

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

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

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

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